From 302d1832df6f3123ecc727da34b606171836fa35 Mon Sep 17 00:00:00 2001
From: g7hoo <liubin_9396@163.com>
Date: Fri, 12 Aug 2022 16:09:07 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=B8=8A=E4=BC=A0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base-upload/index.vue          | 47 +++++++++++++++++--
 .../modules/monitoring/equipmentType.vue      |  5 +-
 2 files changed, 48 insertions(+), 4 deletions(-)

diff --git a/src/components/base-upload/index.vue b/src/components/base-upload/index.vue
index f873be0..5a3d99f 100644
--- a/src/components/base-upload/index.vue
+++ b/src/components/base-upload/index.vue
@@ -1,9 +1,50 @@
 <template>
-  <div class="base-upload"></div>
+	<div class="base-upload" style="border-radius: 8px; margin-top: 38px; padding: 0; max-height: 500px;">
+		<el-upload class="yd-upload" :action="$http.adornUrl(url)" multiple name="files" :file-list="fileList" :on-remove="handleRemove" :before-remove="beforeRemove">
+			<el-button size="small" type="primary">{{ buttonContent }}</el-button>
+			<div v-if="tip" slot="tip" class="el-upload__tip">{{ tip }}</div>
+		</el-upload>
+	</div>
 </template>
 
 <script>
 export default {
-  
+	name: 'BaseUpload',
+	props: {
+		url: String,
+		buttonContent: String,
+		tip: {
+			type: String,
+			default: null
+		}
+	},
+	data() {
+		return {
+			fileList: []
+		}
+	},
+	methods: {
+		beforeRemove(file, filelist) {
+			return this.$confirm(`确定移除 ${file.name}?`)
+		},
+		handleRemove(file, filelist) {}
+	}
 }
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.base-upload >>> .yd-upload {
+	margin-bottom: 20px;
+}
+
+.base-upload >>> .el-upload--text {
+	width: 100px;
+	position: relative;
+	left: -72px;
+}
+
+.base-upload >>> .el-upload__tip {
+	margin-top: 0;
+	margin-left: 5px;
+}
+</style>
diff --git a/src/views/modules/monitoring/equipmentType.vue b/src/views/modules/monitoring/equipmentType.vue
index 85d6416..bb2267a 100644
--- a/src/views/modules/monitoring/equipmentType.vue
+++ b/src/views/modules/monitoring/equipmentType.vue
@@ -83,8 +83,11 @@ const addOrUpdateConfigs = {
 		{
 			name: 'file-upload-key',
 			label: '上传资料',
-			component: null,
+			component: () => import('@/components/base-upload'),
 			props: { // 上传组件需要的 props
+				url: "/monitoring/attachment/uploadFileFormData?typeCode=EquipmentTypeFile",
+				buttonContent: '点击上传',
+				tip: '上传文件大小不要超过 2mb (2048kb)'
 			}
 		}
 	]