|
@@ -1,107 +1,134 @@
|
|
|
<template>
|
|
|
- <el-dialog
|
|
|
- class="preview-business-detail"
|
|
|
- :visible.sync="modalIsShow"
|
|
|
- title="详情数据"
|
|
|
- top="10vh"
|
|
|
- width="900px"
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- append-to-body
|
|
|
- @open="visibleChange"
|
|
|
- >
|
|
|
- <div class="part-box part-box-pad part-box-border">
|
|
|
- <el-form ref="modalFormComp" class="form-info" label-width="100px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="印刷计划:">
|
|
|
- <span>{{ modalForm.printPlanName }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="卷袋号:">
|
|
|
- <span>{{ modalForm.packageCode }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="考试日期:">
|
|
|
- <span>{{ modalForm.examDate }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="考试时间:">
|
|
|
- <span>{{ modalForm.examTime }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="考点:">
|
|
|
- <span>{{ modalForm.examPlace }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="考场:">
|
|
|
- <span>{{ modalForm.examRoom }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="课程(代码):">
|
|
|
- <span>{{ modalForm.courseNameCode }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="试卷编号:">
|
|
|
- <span>{{ modalForm.paperNumber }}</span>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
+ <div class="preview-business-detail">
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="modalIsShow"
|
|
|
+ title="详情数据"
|
|
|
+ top="10vh"
|
|
|
+ width="900px"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ append-to-body
|
|
|
+ @open="visibleChange"
|
|
|
+ >
|
|
|
+ <div class="part-box part-box-pad part-box-border">
|
|
|
+ <el-form ref="modalFormComp" class="form-info" label-width="100px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="印刷计划:">
|
|
|
+ <span>{{ modalForm.printPlanName }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="卷袋号:">
|
|
|
+ <span>{{ modalForm.packageCode }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="考试日期:">
|
|
|
+ <span>{{ modalForm.examDate }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="考试时间:">
|
|
|
+ <span>{{ modalForm.examTime }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="考点:">
|
|
|
+ <span>{{ modalForm.examPlace }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="考场:">
|
|
|
+ <span>{{ modalForm.examRoom }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="课程(代码):">
|
|
|
+ <span>{{ modalForm.courseNameCode }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="试卷编号:">
|
|
|
+ <span>{{ modalForm.paperNumber }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="part-box">
|
|
|
- <el-table ref="TableList" :data="dataList" border stripe>
|
|
|
- <el-table-column
|
|
|
- type="index"
|
|
|
- label="序号"
|
|
|
- width="50"
|
|
|
- align="center"
|
|
|
- :index="indexMethod"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column prop="courseNameCode" label="课程(代码)">
|
|
|
- </el-table-column>
|
|
|
- <!-- <el-table-column prop="specialty" label="适用专业(方向)">
|
|
|
+ <div class="part-box">
|
|
|
+ <el-table ref="TableList" :data="dataList" border stripe>
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="50"
|
|
|
+ align="center"
|
|
|
+ :index="indexMethod"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column prop="courseNameCode" label="课程(代码)">
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column prop="specialty" label="适用专业(方向)">
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column prop="paperNumber" label="试卷编码"></el-table-column>
|
|
|
- <el-table-column prop="examPlace" label="考点"> </el-table-column>
|
|
|
- <el-table-column prop="examRoom" label="考场"> </el-table-column>
|
|
|
- <el-table-column prop="ticketNumber" label="考号"> </el-table-column>
|
|
|
- <el-table-column prop="studentCode" label="学号"> </el-table-column>
|
|
|
- <el-table-column prop="studentName" label="姓名"> </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <div class="part-page">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- layout="total,prev, pager, next"
|
|
|
- :current-page="current"
|
|
|
- :total="total"
|
|
|
- :page-size="size"
|
|
|
- @current-change="toPage"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
+ <el-table-column
|
|
|
+ prop="paperNumber"
|
|
|
+ label="试卷编码"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column prop="examPlace" label="考点"> </el-table-column>
|
|
|
+ <el-table-column prop="examRoom" label="考场"> </el-table-column>
|
|
|
+ <el-table-column prop="ticketNumber" label="考号"> </el-table-column>
|
|
|
+ <el-table-column prop="studentCode" label="学号"> </el-table-column>
|
|
|
+ <el-table-column prop="studentName" label="姓名"> </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ class-name="action-column"
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ width="70"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ class="btn-table-icon"
|
|
|
+ type="text"
|
|
|
+ icon="icon icon-circle-right"
|
|
|
+ @click="toPreview(scope.row)"
|
|
|
+ title="查看详情"
|
|
|
+ ></el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="part-page">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="total,prev, pager, next"
|
|
|
+ :current-page="current"
|
|
|
+ :total="total"
|
|
|
+ :page-size="size"
|
|
|
+ @current-change="toPage"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
|
|
|
- <div slot="footer"></div>
|
|
|
- </el-dialog>
|
|
|
+ <div slot="footer"></div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- PreviewBusinessStudentDetail -->
|
|
|
+ <preview-business-student-detail
|
|
|
+ :instance="curRow"
|
|
|
+ ref="PreviewBusinessStudentDetail"
|
|
|
+ ></preview-business-student-detail>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { businessDataDetailListPageById } from "../api";
|
|
|
+import PreviewBusinessStudentDetail from "./PreviewBusinessStudentDetail";
|
|
|
|
|
|
const initModalForm = {
|
|
|
id: "",
|
|
@@ -122,6 +149,7 @@ const initModalForm = {
|
|
|
|
|
|
export default {
|
|
|
name: "preview-business-detail",
|
|
|
+ components: { PreviewBusinessStudentDetail },
|
|
|
props: {
|
|
|
instance: {
|
|
|
type: Object,
|
|
@@ -138,7 +166,8 @@ export default {
|
|
|
current: 1,
|
|
|
size: this.GLOBAL.pageSize,
|
|
|
total: 0,
|
|
|
- dataList: []
|
|
|
+ dataList: [],
|
|
|
+ curRow: {}
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -166,6 +195,10 @@ export default {
|
|
|
},
|
|
|
open() {
|
|
|
this.modalIsShow = true;
|
|
|
+ },
|
|
|
+ toPreview(row) {
|
|
|
+ this.curRow = row;
|
|
|
+ this.$refs.PreviewBusinessStudentDetail.open();
|
|
|
}
|
|
|
}
|
|
|
};
|