feat(导入页面): 添加下载模板功能并优化错误信息显示

将下载模板按钮和错误信息放入flex布局容器中,添加下载模板功能并设置固定宽度
This commit is contained in:
34701892@qq.com 2025-12-15 09:37:46 +08:00
parent 4092c49a61
commit 39bfdcea28
1 changed files with 8 additions and 3 deletions

View File

@ -1,9 +1,10 @@
<template>
<div class="index">
<el-dialog v-model="dialogTableVisible" title="批量导入" width="600" @closed="closeDialog">
<el-button>下载标准模版</el-button>
<text v-if="errorMsg" style="color: red">{{ errorMsg }}</text>
<div style="display: flex; flex-direction: column">
<el-button @click="downloadTemplate" style="width: 120px">下载标准模版</el-button>
<text v-if="errorMsg" style="color: red; margin-top: 10px">{{ errorMsg }}</text>
</div>
<!-- :http-request="uploadAction" -->
<!-- :action="baseUrl + '/jnh/accounts/import'" -->
<el-upload
@ -60,6 +61,10 @@ function 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('');
function handleSuccess(res) {
console.log('🚀 ~ handleSuccess ~ res:', res);