first commit

pages/hiddendanger/acceptance.vue

@@ -0,0 +1,80 @@
+<template>
+	<view class="page padding">
+		<view class="padding bg-white radius">
+			<view class="text-gray margin-bottom">整改记录</view>
+			<up-textarea v-model="value1" placeholder="请输入内容"></up-textarea>
+			<view class="flex margin-bottom margin-top">
+				<view class="text-gray">验收内容</view>
+				<view class="text-red">*</view>
+			</view>
+			<up-textarea v-model="value1" placeholder="请输入内容"></up-textarea>
+			<view class="flex margin-bottom margin-top">
+				<view class="text-gray">验收图片/视频</view>
+				<view class="text-red">*</view>
+			</view>
+			<up-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="10"></up-upload>
+			<button class="bg-blue round margin-top-xl"> 提交验收</button>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	
+	const fileList1 = ref([]);
+	
+	// 删除图片
+	const deletePic = (event) => {
+	  fileList1.value.splice(event.index, 1);
+	};
+	
+	// 新增图片
+	const afterRead = async (event) => {
+	  // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
+	  let lists = [].concat(event.file);
+	  let fileListLen = fileList1.value.length;
+	  lists.map((item) => {
+	    fileList1.value.push({
+	      ...item,
+	      status: 'uploading',
+	      message: '上传中',
+	    });
+	  });
+	  for (let i = 0; i < lists.length; i++) {
+	    const result = await uploadFilePromise(lists[i].url);
+	    let item = fileList1.value[fileListLen];
+	    fileList1.value.splice(fileListLen, 1, {
+	      ...item,
+	      status: 'success',
+	      message: '',
+	      url: result,
+	    });
+	    fileListLen++;
+	  }
+	};
+	
+	const uploadFilePromise = (url) => {
+	  return new Promise((resolve, reject) => {
+	    let a = uni.uploadFile({
+	      url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
+	      filePath: url,
+	      name: 'file',
+	      formData: {
+	        user: 'test',
+	      },
+	      success: (res) => {
+	        setTimeout(() => {
+	          resolve(res.data.data);
+	        }, 1000);
+	      },
+	    });
+	  });
+	};
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		background: #EBF2FC;
+	}
+</style>