|
|
|
|
@ -4,13 +4,30 @@
|
|
|
|
|
<th:block th:include="include :: header('试题导入')" />
|
|
|
|
|
<th:block th:include="include :: element-css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body class="white-bg" style="text-align: center;">
|
|
|
|
|
<body class="white-bg" style="text-align: center;position: relative">
|
|
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-button type="primary" @click="chooseFile()">上传导入</el-button>
|
|
|
|
|
<el-button type="warning" @click="downloadTemplate()">下载导入模板</el-button>
|
|
|
|
|
<el-button type="primary" plain icon="el-icon-upload" @click="chooseFile()">导入文件</el-button>
|
|
|
|
|
<el-button type="warning" plain icon="el-icon-download" @click="downloadTemplate()">下载导入模板</el-button>
|
|
|
|
|
<input ref="upFile" class="file" name="file" type="file" style="display: none" @change="doImport">
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<div style="color: red;height: 30px;line-height: 30px;">
|
|
|
|
|
请选择后缀为 “xls”或“xlsx”的文件。
|
|
|
|
|
</div>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<div>
|
|
|
|
|
<span v-for="(file, index) in fileList" :key="index" style="margin-right: 10px">
|
|
|
|
|
{{file.name}}
|
|
|
|
|
<el-button type="text" @click="deleteFile(index)">删除</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row style="position: absolute;top: 200px;right: 38px;">
|
|
|
|
|
<el-button type="primary" icon="el-icon-check" @click="save()">确认上传</el-button>
|
|
|
|
|
<el-button type="info" icon="el-icon-back" @click="canle()">取消</el-button>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<th:block th:include="include :: footer" />
|
|
|
|
|
<th:block th:include="include :: element-js" />
|
|
|
|
|
@ -24,7 +41,8 @@
|
|
|
|
|
var app = new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
|
data: {
|
|
|
|
|
importVisible:false
|
|
|
|
|
importVisible:false,
|
|
|
|
|
fileList:[]
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
|
|
|
|
|
@ -81,10 +99,21 @@
|
|
|
|
|
importExcel(file) {
|
|
|
|
|
return this.upload('system/qu/import', file)
|
|
|
|
|
},
|
|
|
|
|
deleteFile(index){
|
|
|
|
|
this.fileList= []
|
|
|
|
|
},
|
|
|
|
|
doImport(e) {
|
|
|
|
|
const file = e.target.files[0]
|
|
|
|
|
let file = e.target.files[0]
|
|
|
|
|
if (!file.name.match(/\.(xls|xlsx)$/i)) {
|
|
|
|
|
// Display error message if the file extension is not .xls or .xlsx
|
|
|
|
|
this.$message.error('请选择Excel文件 (.xls, .xlsx)');
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.fileList = e.target.files
|
|
|
|
|
},
|
|
|
|
|
save(){
|
|
|
|
|
let that = this
|
|
|
|
|
this.importExcel(file).then((res)=>{
|
|
|
|
|
this.importExcel(this.fileList[0]).then((res)=>{
|
|
|
|
|
console.log(res)
|
|
|
|
|
if (res.data.code !== 0) {
|
|
|
|
|
that.$alert(res.data.msg, '导入信息', {
|
|
|
|
|
@ -100,6 +129,9 @@
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
canle(){
|
|
|
|
|
$.modal.close()
|
|
|
|
|
},
|
|
|
|
|
// 成功回调执行事件（父窗体静默更新）
|
|
|
|
|
successCallback: function(result) {
|
|
|
|
|
if (result.data.code == web_status.SUCCESS) {
|
|
|
|
|
|
dshclm
9 months ago