|
@@ -1,157 +1,149 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <section class="content" style="margin-top: -10px;">
|
|
|
- <div class="box box-info">
|
|
|
- <!-- 正文信息 -->
|
|
|
- <div class="box-body">
|
|
|
- <el-form
|
|
|
- :inline="true"
|
|
|
- :model="formSearch"
|
|
|
- label-position="right"
|
|
|
- label-width="100px"
|
|
|
- >
|
|
|
- <el-form-item class="pull-right buttonframe">
|
|
|
- <el-button size="small" type="primary" icon="upload2" @click="imp"
|
|
|
- >导入
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <section class="content" style="margin-top: -10px;">
|
|
|
+ <div class="box box-info">
|
|
|
+ <!-- 正文信息 -->
|
|
|
+ <div class="box-body">
|
|
|
+ <div style="margin-top: 20px;">
|
|
|
+ <span>操作:</span>
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ @click="imp"
|
|
|
+ >导入
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div style="width: 100%;margin-bottom: 10px;"></div>
|
|
|
|
|
|
- <!-- 导入弹窗 -->
|
|
|
- <el-dialog
|
|
|
- title="考生信息导入页"
|
|
|
- size="tiny"
|
|
|
- :visible.sync="studentImportDialog"
|
|
|
- >
|
|
|
- <el-form :model="studentImportForm" ref="studentImportForm">
|
|
|
- <el-row>
|
|
|
- <el-form-item
|
|
|
- style="margin-left:30px"
|
|
|
- label="考试"
|
|
|
- prop="value"
|
|
|
+ <!-- 导入弹窗 -->
|
|
|
+ <el-dialog
|
|
|
+ title="考生信息导入页"
|
|
|
+ size="tiny"
|
|
|
+ :visible.sync="studentImportDialog"
|
|
|
+ >
|
|
|
+ <el-form :model="studentImportForm" ref="studentImportForm">
|
|
|
+ <el-row>
|
|
|
+ <el-form-item style="margin-left:30px" label="考试" prop="value">
|
|
|
+ <el-select
|
|
|
+ class="input"
|
|
|
+ :remote-method="queryExams"
|
|
|
+ remote
|
|
|
+ :loading="queryExamsLoading"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ v-model="studentImportForm.examId"
|
|
|
+ placeholder="请选择"
|
|
|
>
|
|
|
- <el-select
|
|
|
- class="input"
|
|
|
- :remote-method="queryExams"
|
|
|
- remote
|
|
|
- :loading="queryExamsLoading"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- v-model="studentImportForm.examId"
|
|
|
- placeholder="请选择"
|
|
|
+ <el-option
|
|
|
+ v-for="item in examList"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ :key="item.id"
|
|
|
+ :disabled="!item.enable"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in examList"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- :key="item.id"
|
|
|
- :disabled="!item.enable"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-form-item style="margin-left:30px">
|
|
|
- <el-upload
|
|
|
- class="form_left"
|
|
|
- ref="upload"
|
|
|
- accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
|
- :action="uploadAction"
|
|
|
- :headers="uploadHeaders"
|
|
|
- :data="uploadData"
|
|
|
- :before-upload="beforeUpload"
|
|
|
- :on-progress="uploadProgress"
|
|
|
- :on-success="uploadSuccess"
|
|
|
- :on-error="uploadError"
|
|
|
- :file-list="fileList"
|
|
|
- :auto-upload="false"
|
|
|
- :multiple="false"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item style="margin-left:30px">
|
|
|
+ <el-upload
|
|
|
+ class="form_left"
|
|
|
+ ref="upload"
|
|
|
+ accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
|
+ :action="uploadAction"
|
|
|
+ :headers="uploadHeaders"
|
|
|
+ :data="uploadData"
|
|
|
+ :before-upload="beforeUpload"
|
|
|
+ :on-progress="uploadProgress"
|
|
|
+ :on-success="uploadSuccess"
|
|
|
+ :on-error="uploadError"
|
|
|
+ :file-list="fileList"
|
|
|
+ :auto-upload="false"
|
|
|
+ :multiple="false"
|
|
|
+ >
|
|
|
+ <el-button size="small" slot="trigger" type="primary"
|
|
|
+ >选择文件</el-button
|
|
|
>
|
|
|
- <el-button size="small" slot="trigger" type="primary"
|
|
|
- >选择文件</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- size="small"
|
|
|
- style="margin-left:10px;"
|
|
|
- type="success"
|
|
|
- @click="submitUpload"
|
|
|
- >确认上传
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- size="small"
|
|
|
- style="margin-left: 10px;"
|
|
|
- type="danger"
|
|
|
- @click="removeFile"
|
|
|
- >清空文件
|
|
|
- </el-button>
|
|
|
- <el-button size="small" type="info" @click="exportFile"
|
|
|
- >下载模板
|
|
|
- </el-button>
|
|
|
- <div slot="tip" class="el-upload__tip">
|
|
|
- 只能上传xlsx文件
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
- <!-- 页面列表 -->
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
- border
|
|
|
- style="width: 100%;text-align:center;"
|
|
|
- >
|
|
|
- <el-table-column prop="id" width="100" label="ID"></el-table-column>
|
|
|
- <el-table-column prop="rootOrgName" width="170" label="顶级机构">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="examName" width="170" label="考试">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="fileName" width="170" label="上传文件名">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="statusDesc" width="170" label="状态">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="errorDesc" label="异常"> </el-table-column>
|
|
|
- <el-table-column prop="creationTime" width="170" label="上传时间">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" width="190">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div>
|
|
|
<el-button
|
|
|
- size="mini"
|
|
|
- type="warning"
|
|
|
- @click="getUploadedFile(scope.row.id)"
|
|
|
- >下载导入文件
|
|
|
+ size="small"
|
|
|
+ style="margin-left:10px;"
|
|
|
+ type="success"
|
|
|
+ @click="submitUpload"
|
|
|
+ >确认上传
|
|
|
</el-button>
|
|
|
<el-button
|
|
|
- v-if="
|
|
|
- scope.row.status == 'DATA_PROCESSING_COMPLETE' ||
|
|
|
- scope.row.status == 'ERROR'
|
|
|
- "
|
|
|
- size="mini"
|
|
|
- type="warning"
|
|
|
- @click="getReports(scope.row.id)"
|
|
|
- >导出报告
|
|
|
+ size="small"
|
|
|
+ style="margin-left: 10px;"
|
|
|
+ type="danger"
|
|
|
+ @click="removeFile"
|
|
|
+ >清空文件
|
|
|
</el-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <div class="page pull-right">
|
|
|
- <el-pagination
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- :page-size="pageSize"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="total"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
+ <el-button size="small" type="info" @click="exportFile"
|
|
|
+ >下载模板
|
|
|
+ </el-button>
|
|
|
+ <div slot="tip" class="el-upload__tip">只能上传xlsx文件</div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <!-- 页面列表 -->
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%;text-align:center;"
|
|
|
+ >
|
|
|
+ <el-table-column prop="id" width="80" label="ID"></el-table-column>
|
|
|
+ <el-table-column prop="rootOrgName" label="顶级机构">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="examName" label="考试"> </el-table-column>
|
|
|
+ <el-table-column prop="fileName" label="上传文件名">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="statusDesc" width="150" label="状态">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="errorDesc" label="异常"> </el-table-column>
|
|
|
+ <el-table-column prop="creationTime" width="170" label="上传时间">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="220">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="warning"
|
|
|
+ @click="getUploadedFile(scope.row.id)"
|
|
|
+ >下载导入文件
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ scope.row.status == 'DATA_PROCESSING_COMPLETE' ||
|
|
|
+ scope.row.status == 'ERROR'
|
|
|
+ "
|
|
|
+ size="mini"
|
|
|
+ type="warning"
|
|
|
+ @click="getReports(scope.row.id)"
|
|
|
+ >导出报告
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="page pull-right">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-size="pageSize"
|
|
|
+ :page-sizes="[10, 30, 50, 100]"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
</template>
|
|
|
<style scoped></style>
|
|
|
<script>
|
|
@@ -190,6 +182,10 @@ export default {
|
|
|
this.currentPage = val;
|
|
|
this.queryTableDatas();
|
|
|
},
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.pageSize = val;
|
|
|
+ this.queryTableDatas();
|
|
|
+ },
|
|
|
imp() {
|
|
|
this.studentImportDialog = true;
|
|
|
this.initUpload();
|