From 93845180efe4380609a2deb4dc22dd0523dbcd2a Mon Sep 17 00:00:00 2001 From: ludc Date: 星期一, 19 六月 2023 20:58:30 +0800 Subject: [PATCH] 代码整合 --- Source/UBCS-WEB/src/components/BatchImport/index.vue | 125 +++++++++++++++++++++++------------------ 1 files changed, 70 insertions(+), 55 deletions(-) diff --git a/Source/UBCS-WEB/src/components/BatchImport/index.vue b/Source/UBCS-WEB/src/components/BatchImport/index.vue index f9baddc..a5bacf6 100644 --- a/Source/UBCS-WEB/src/components/BatchImport/index.vue +++ b/Source/UBCS-WEB/src/components/BatchImport/index.vue @@ -1,51 +1,63 @@ <template> - <el-dialog :title="title" :visible="visible" append-to-body> - <Divider text="瀵煎叆鎻愮ず" left="30px"></Divider> - <ul> - <li v-for="(item, index) in tipList" :key="index"> - {{ item }} - </li> - </ul> - <div class="radio_box"> - <span>鍒嗙被鐨勮矾寰勪娇鐢ㄧ殑灞炴��:</span> - <el-radio-group v-model="classifyAttr"> - <el-radio label="id">鍒嗙被缂栧彿</el-radio> - <el-radio label="name">鍒嗙被鍚嶇О</el-radio> - </el-radio-group> - </div> - <Divider text="excel鏂囦欢锛岄�夋嫨鏂囦欢鍚庝細鑷姩涓婁紶" left="30px"></Divider> - <el-upload - class="upload" - :accept="accept" - :action="action" - :before-upload="beforeUpload" - :on-exceed="handleExceed" - :headers="uploadHeaders" - :on-success="onSuccess" - :show-file-list="false" - :data="{ - codeClassifyOid: this.codeClassifyOid, - classifyAttr: this.classifyAttr, - }" - > - <el-button size="small" type="primary" - ><i class="el-icon-upload"></i> 鐐瑰嚮涓婁紶</el-button + <div> + <el-dialog :title="title" :visible="visible" append-to-body> + <Divider text="瀵煎叆鎻愮ず" left="30px"></Divider> + <ul> + <li v-for="(item, index) in tipList" :key="index"> + {{ item }} + </li> + </ul> + <div class="radio_box"> + <span>鍒嗙被鐨勮矾寰勪娇鐢ㄧ殑灞炴��:</span> + <el-radio-group v-model="classifyAttr"> + <el-radio label="id">鍒嗙被缂栧彿</el-radio> + <el-radio label="name">鍒嗙被鍚嶇О</el-radio> + </el-radio-group> + </div> + <Divider text="excel鏂囦欢锛岄�夋嫨鏂囦欢鍚庝細鑷姩涓婁紶" left="30px"></Divider> + <el-upload + class="upload" + :accept="accept" + :action="action" + :before-upload="beforeUpload" + :on-exceed="handleExceed" + :headers="uploadHeaders" + :on-success="onSuccess" + :show-file-list="false" + :data="{ + codeClassifyOid: this.codeClassifyOid, + classifyAttr: this.classifyAttr, + }" > - </el-upload> - <template #footer> - <el-button type="primary" size="small" @click="downloadTemplateFun" :loading="downloadLoading" - >涓嬭浇瀵煎叆妯℃澘</el-button - > - <el-button size="small">鍏抽棴</el-button> - </template> - </el-dialog> + <el-button size="small" type="primary" + ><i class="el-icon-upload"></i> 鐐瑰嚮涓婁紶</el-button + > + </el-upload> + <template #footer> + <el-button + type="primary" + size="small" + @click="downloadTemplateFun" + :loading="downloadLoading" + >涓嬭浇瀵煎叆妯℃澘</el-button + > + <el-button size="small" @click="visible = false">鍏抽棴</el-button> + </template> + </el-dialog> + <ShowImportData :visible="showVisible" v-if="showVisible"></ShowImportData> + </div> </template> <script> -import { downloadHistoryImportTemplate, downloadErrorFile } from "../../api/batchImport/index"; +import ShowImportData from "./ShowImportData.vue"; +import { + downloadHistoryImportTemplate, + downloadErrorFile, +} from "../../api/batchImport/index"; import { getToken } from "@/util/auth"; export default { - name: "", + name: "BatchImport", + components: { ShowImportData }, props: { visible: { type: Boolean, @@ -68,7 +80,8 @@ return { classifyAttr: "id", uploadParams: {}, - downloadLoading: false + downloadLoading: false, + showVisible: false, }; }, computed: { @@ -109,30 +122,32 @@ }, // 涓嬭浇瀵煎叆妯℃澘 downloadTemplateFun() { - this.downloadLoading = true + this.downloadLoading = true; downloadHistoryImportTemplate({ codeClassifyOid: "535FC9B6-FE27-241F-5FCA-ED4DC17CF95B", - }).then(res => { - this.downloadLoading = false - console.log(res); - }).catch(() => { - this.downloadLoading = false - }); + }) + .then((res) => { + this.downloadLoading = false; + console.log(res); + }) + .catch(() => { + this.downloadLoading = false; + }); }, onSuccess(res) { if (res.code === 400) { - this.$message.error(`${res.msg}锛岃涓嬭浇閿欒淇℃伅杩涜鏌ョ湅锛乣) + this.$message.error(`${res.msg}锛岃涓嬭浇閿欒淇℃伅杩涜鏌ョ湅锛乣); } - downloadErrorFile({uuid: res.data.fileOid}) - } + downloadErrorFile({ uuid: res.data.fileOid }); + }, }, watch: { visible: { - immediate:true, + immediate: true, handler() { this.getDataByType(); - } - } + }, + }, }, }; </script> -- Gitblit v1.9.3