luoluo
/
ry_zhky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

试题管理导入

Browse Source
pg_adapter
dshclm 9 months ago
parent 24ec8b6b56
commit 50c81a2b6f
1 changed files with 38 additions and 6 deletions
Show Stats Download Patch File Download Diff File

44
ruoyi-admin/src/main/resources/templates/system/elExam/qu/toImport.html
Unescape View File

@ -4,13 +4,30 @@
<th:block th:include="include :: header('试题导入')" /> <th:block th:include="include :: header('试题导入')" />
<th:block th:include="include :: element-css" /> <th:block th:include="include :: element-css" />
</head> </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"> <div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
<el-row> <el-row>
<el-button type="primary" @click="chooseFile()">上传导入</el-button> <el-button type="primary" plain icon="el-icon-upload" @click="chooseFile()">导入文件</el-button>
<el-button type="warning" @click="downloadTemplate()">下载导入模板</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"> <input ref="upFile" class="file" name="file" type="file" style="display: none" @change="doImport">
</el-row> </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> </div>
<th:block th:include="include :: footer" /> <th:block th:include="include :: footer" />
<th:block th:include="include :: element-js" /> <th:block th:include="include :: element-js" />
@ -24,7 +41,8 @@
var app = new Vue({ var app = new Vue({
el: '#app', el: '#app',
data: { data: {
importVisible:false importVisible:false,
fileList:[]
}, },
mounted(){ mounted(){
@ -81,10 +99,21 @@
importExcel(file) { importExcel(file) {
return this.upload('system/qu/import', file) return this.upload('system/qu/import', file)
}, },
deleteFile(index){
this.fileList= []
},
doImport(e) { 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 let that = this
this.importExcel(file).then((res)=>{ this.importExcel(this.fileList[0]).then((res)=>{
console.log(res) console.log(res)
if (res.data.code !== 0) { if (res.data.code !== 0) {
that.$alert(res.data.msg, '导入信息', { that.$alert(res.data.msg, '导入信息', {
@ -100,6 +129,9 @@
} }
}) })
}, },
canle(){
$.modal.close()
},
// 成功回调执行事件（父窗体静默更新） // 成功回调执行事件（父窗体静默更新）
successCallback: function(result) { successCallback: function(result) {
if (result.data.code == web_status.SUCCESS) { if (result.data.code == web_status.SUCCESS) {

Write Preview
Loading…
Cancel
Save