From d3a69cdbd89192b3eb8bc1d5565aad18919ed52d Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期三, 29 六月 2022 18:14:29 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut
---
src/views/goalManagement/targetSettings/component/updata.vue | 90 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 90 insertions(+), 0 deletions(-)
diff --git a/src/views/goalManagement/targetSettings/component/updata.vue b/src/views/goalManagement/targetSettings/component/updata.vue
new file mode 100644
index 0000000..8239103
--- /dev/null
+++ b/src/views/goalManagement/targetSettings/component/updata.vue
@@ -0,0 +1,90 @@
+<template>
+ <el-dialog
+ v-model="dialogVisible"
+ title="导入Excel"
+ width="50%"
+ :before-close="handleClose"
+ >
+ <el-upload
+ v-model:file-list="fileList"
+ class="upload-demo"
+ action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+ multiple
+ :on-preview="handlePreview"
+ :on-remove="handleRemove"
+ :before-remove="beforeRemove"
+ :limit="3"
+ :on-exceed="handleExceed"
+ >
+ <el-button>下载模板</el-button>
+ <el-button type="primary">点击上传</el-button>
+ <template #tip>
+ <div class="el-upload__tip">
+ 只允许导入“xls”或“xlsx”格式文件！
+ </div>
+ </template>
+ </el-upload>
+ </el-dialog>
+</template>
+<script lang="ts">
+import { ref,toRefs, reactive,defineComponent,computed } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import type { UploadProps, UploadUserFile } from "element-plus";
+export default defineComponent({
+ props:{updata:Boolean},
+ setup(props) {
+ let dialogVisible =ref<boolean>(props.updata)
+ const fileList = ref<UploadUserFile[]>([
+ {
+ name: "element-plus-logo.svg",
+ url: "https://element-plus.org/images/element-plus-logo.svg",
+ },
+ {
+ name: "element-plus-logo2.svg",
+ url: "https://element-plus.org/images/element-plus-logo.svg",
+ },
+ ]);
+
+ const handleRemove: UploadProps["onRemove"] = (file, uploadFiles) => {
+ console.log(file, uploadFiles);
+ };
+
+ const handlePreview: UploadProps["onPreview"] = (uploadFile) => {
+ console.log(uploadFile);
+ };
+
+ const handleExceed: UploadProps["onExceed"] = (files, uploadFiles) => {
+ ElMessage.warning(
+ `The limit is 3, you selected ${
+ files.length
+ } files this time, add up to ${
+ files.length + uploadFiles.length
+ } totally`
+ );
+ };
+
+ const beforeRemove: UploadProps["beforeRemove"] = (
+ uploadFile,
+ uploadFiles
+ ) => {
+ return ElMessageBox.confirm(
+ `Cancel the transfert of ${uploadFile.name} ?`
+ ).then(
+ () => true,
+ () => false
+ );
+ };
+ return {
+ dialogVisible,
+ fileList,
+ handleRemove,
+ handlePreview,
+ handleExceed,
+ beforeRemove,
+ props
+ };
+ },
+});
+</script>
+<style scoped>
+</style>
\ No newline at end of file
--
Gitblit v1.9.2