feat(导入页面): 添加下载模板功能并优化错误信息显示
将下载模板按钮和错误信息放入flex布局容器中,添加下载模板功能并设置固定宽度
This commit is contained in:
parent
4092c49a61
commit
39bfdcea28
|
|
@ -1,9 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="index">
|
<div class="index">
|
||||||
<el-dialog v-model="dialogTableVisible" title="批量导入" width="600" @closed="closeDialog">
|
<el-dialog v-model="dialogTableVisible" title="批量导入" width="600" @closed="closeDialog">
|
||||||
<el-button>下载标准模版</el-button>
|
<div style="display: flex; flex-direction: column">
|
||||||
|
<el-button @click="downloadTemplate" style="width: 120px">下载标准模版</el-button>
|
||||||
<text v-if="errorMsg" style="color: red">{{ errorMsg }}</text>
|
<text v-if="errorMsg" style="color: red; margin-top: 10px">{{ errorMsg }}</text>
|
||||||
|
</div>
|
||||||
<!-- :http-request="uploadAction" -->
|
<!-- :http-request="uploadAction" -->
|
||||||
<!-- :action="baseUrl + '/jnh/accounts/import'" -->
|
<!-- :action="baseUrl + '/jnh/accounts/import'" -->
|
||||||
<el-upload
|
<el-upload
|
||||||
|
|
@ -60,6 +61,10 @@ function close() {
|
||||||
emit('close');
|
emit('close');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function downloadTemplate() {
|
||||||
|
window.open('https://cankao.obs.cn-east-3.myhuaweicloud.com/%E6%89%B9%E9%87%8F%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx');
|
||||||
|
}
|
||||||
|
|
||||||
const errorMsg = ref('');
|
const errorMsg = ref('');
|
||||||
function handleSuccess(res) {
|
function handleSuccess(res) {
|
||||||
console.log('🚀 ~ handleSuccess ~ res:', res);
|
console.log('🚀 ~ handleSuccess ~ res:', res);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue