From 2309fc46b633a3782f18fac5fcfeb8bd7ea60ed8 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Fri, 20 Sep 2024 16:59:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0uview-plus=E4=BA=8C=E6=AC=A1?=
 =?UTF-8?q?=E5=B0=81=E8=A3=85=E7=9A=84=E6=96=87=E4=BB=B6=E4=B8=8A=E6=AC=A1?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/my-components/my-up-upload.vue | 71 +++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 components/my-components/my-up-upload.vue

diff --git a/components/my-components/my-up-upload.vue b/components/my-components/my-up-upload.vue
new file mode 100644
index 0000000..77f8f85
--- /dev/null
+++ b/components/my-components/my-up-upload.vue
@@ -0,0 +1,71 @@
+<template>
+	<up-upload :fileList="images" @afterRead="afterRead" @delete="deletePic"  :multiple="multiple"
+		:width="width" :height="height"
+		:maxCount="10"></up-upload>
+</template>
+
+<script setup>
+	import {$uploadFile} from '@/http/yskApi/file.js'
+	import {
+		ref, watch
+	} from 'vue';
+	
+	const props=defineProps({
+		modelValue:{
+			type:Array,
+			default:()=>[]
+		},
+		width:{
+			type:[String,Number],
+			default:60
+		},
+		height:{
+			type:[String,Number],
+			default:60
+		},
+		multiple:{
+			type:Boolean,
+			default:true
+		}
+	})
+	
+	
+	const emits=defineEmits(['update:modelValue'])
+	const images = ref(props.modelValue)
+	function afterRead(e){
+		for(let i in e.file){
+			const file=e.file[i].file
+			$uploadFile(file).then(res => {
+				console.log(res);
+				images.value.push({
+					url: e.file[i].url,
+					serveUrl: res.data[0]
+				})
+			}).catch(res=>{
+				console.log(res);
+				if(res.errMsg){
+					images.value.splice(i,1)
+					uni.showToast({
+						title:'图片大小超出限制',
+						icon:'error'
+					})
+				}
+				
+			})
+		}
+	}
+	function deletePic(e){
+		const {index}=e
+		images.value.splice(index,1)
+	}
+	
+	watch(()=>images.value,(newval)=>{
+		emits('update:modelValue',newval)
+	})
+	watch(()=>props.modelValue,(newval)=>{
+		images.value=newval
+	})
+</script>
+
+<style>
+</style>
\ No newline at end of file