dshclm
9 months ago
parent
02a05d3a41
commit
5863205a33
@ -0,0 +1,135 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||||
|
<head>
|
||||||
|
<th:block th:include="include :: header('试题导入')" />
|
||||||
|
<th:block th:include="include :: element-css" />
|
||||||
|
</head>
|
||||||
|
<body class="white-bg" style="text-align: center;">
|
||||||
|
<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>
|
||||||
|
<input ref="upFile" class="file" name="file" type="file" style="display: none" @change="doImport">
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<th:block th:include="include :: footer" />
|
||||||
|
<th:block th:include="include :: element-js" />
|
||||||
|
<script th:inline="javascript">
|
||||||
|
var prefix = ctx + "system/qu";
|
||||||
|
// 请求实例
|
||||||
|
const instance = axios.create({
|
||||||
|
baseURL: ctx,
|
||||||
|
timeout: 60000
|
||||||
|
})
|
||||||
|
var app = new Vue({
|
||||||
|
el: '#app',
|
||||||
|
data: {
|
||||||
|
importVisible:false
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toImport(){
|
||||||
|
this.importVisible = true
|
||||||
|
},
|
||||||
|
// 只是为了美化一下导入按钮
|
||||||
|
chooseFile: function() {
|
||||||
|
this.$refs.upFile.dispatchEvent(new MouseEvent('click'))
|
||||||
|
},
|
||||||
|
downloadTemplate() {
|
||||||
|
// 创建一个隐藏的<a>标签
|
||||||
|
var link = document.createElement('a');
|
||||||
|
link.style.display = 'none';
|
||||||
|
document.body.appendChild(link);
|
||||||
|
link.setAttribute('href', '/file/试题导入模板.xlsx');
|
||||||
|
link.setAttribute('download', '试题导入模板.xlsx');
|
||||||
|
link.click();
|
||||||
|
document.body.removeChild(link);
|
||||||
|
},
|
||||||
|
upload(url, file, data) {
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('file', file)
|
||||||
|
|
||||||
|
// 附加数据
|
||||||
|
if (data) {
|
||||||
|
Object.keys(data).forEach((key) => {
|
||||||
|
formData.append(key, data[key])
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const loading = this.$loading({
|
||||||
|
lock: true,
|
||||||
|
text: 'Loading',
|
||||||
|
spinner: 'el-icon-loading',
|
||||||
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
|
});
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
instance.request({
|
||||||
|
url: url,
|
||||||
|
method: 'post',
|
||||||
|
data: formData,
|
||||||
|
timeout: 1200000
|
||||||
|
}).then(response => {
|
||||||
|
loading.close();
|
||||||
|
console.log(response)
|
||||||
|
resolve(response)
|
||||||
|
}).catch(err => {
|
||||||
|
reject(err)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
importExcel(file) {
|
||||||
|
return this.upload('system/qu/import', file)
|
||||||
|
},
|
||||||
|
doImport(e) {
|
||||||
|
const file = e.target.files[0]
|
||||||
|
let that = this
|
||||||
|
this.importExcel(file).then((res)=>{
|
||||||
|
console.log(res)
|
||||||
|
if (res.data.code !== 0) {
|
||||||
|
that.$alert(res.data.msg, '导入信息', {
|
||||||
|
dangerouslyUseHTMLString: true
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
that.$message({
|
||||||
|
message: '数据导入成功！',
|
||||||
|
type: 'success'
|
||||||
|
})
|
||||||
|
this.importVisible = false
|
||||||
|
this.successCallback(res)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 成功回调执行事件（父窗体静默更新）
|
||||||
|
successCallback: function(result) {
|
||||||
|
if (result.data.code == web_status.SUCCESS) {
|
||||||
|
var parent = activeWindow();
|
||||||
|
if ($.common.isEmpty(parent.table)) {
|
||||||
|
$.modal.msgSuccessReload(result.data.msg);
|
||||||
|
} else if (parent.table.options.type == table_type.bootstrapTable) {
|
||||||
|
$.modal.close();
|
||||||
|
parent.$.modal.msgSuccess(result.data.msg);
|
||||||
|
parent.$.table.refresh();
|
||||||
|
} else if (parent.table.options.type == table_type.bootstrapTreeTable) {
|
||||||
|
$.modal.close();
|
||||||
|
parent.$.modal.msgSuccess(result.data.msg);
|
||||||
|
parent.$.treeTable.refresh();
|
||||||
|
}
|
||||||
|
} else if (result.data.code == web_status.WARNING) {
|
||||||
|
$.modal.alertWarning(result.data.msg)
|
||||||
|
} else {
|
||||||
|
$.modal.alertError(result.data.msg);
|
||||||
|
}
|
||||||
|
$.modal.closeLoading();
|
||||||
|
$.modal.enable();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
function submitHandler() {
|
||||||
|
if ($.validate.form()) {
|
||||||
|
$.operate.save(prefix + "/edit", $('#form-train-edit').serialize());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue