帖子举报编辑回显图

src/views/forum/reportinfo/form.vue

@@ -61,7 +61,12 @@
 				<a-input v-model:value="formData.reportDetail" placeholder="请输入举报信息描述" allow-clear />
 			</a-form-item>
 			<a-form-item label="证据图片：" name="evidenceScreenshot">
-				<UpLoadImg ref="upLoadImgRef" urlType="2" @handlerUpImage="handlerUpImage"></UpLoadImg>
+				<UpLoadImg
+					ref="upLoadImgRef"
+					v-model:value="formData.evidenceScreenshot"
+					urlType="2"
+					@handlerUpImage="handlerUpImage"
+				></UpLoadImg>
 			</a-form-item>
 			<a-form-item label="举报处理状态：" name="reportStatus">
 				<a-select
@@ -86,6 +91,7 @@
 	import { required } from '@/utils/formRules'
 	import forumReportInfoApi from '@/api/forum/forumReportInfoApi'
 	import forumApi from '@/api/forum/forumApi'
+	import sysConfig from '@/config/index'
 	// 抽屉状态
 	const visible = ref(false)
 	const emit = defineEmits({ successful: null })
@@ -138,33 +144,34 @@
 	//帖子类型
 	const invitationType = ref([
 		{
-			label:'普通帖子',
-			value:0
+			label: '普通帖子',
+			value: 0
 		},
 		{
-			label:'技术支持',
-			value:1
+			label: '技术支持',
+			value: 1
 		},
 		{
-			label:'内容纠错',
-			value:2
-		},
+			label: '内容纠错',
+			value: 2
+		}
 	])
 	//帖子状态
 	const invitationStatus = ref([
 		{
-			label:'正常',
-			value:0
+			label: '正常',
+			value: 0
 		},
 		{
-			label:'关闭',
-			value:1
+			label: '关闭',
+			value: 1
 		}
 	])
 	//筛选
 	const filterOption = (input, option) => {
 		return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0
 	}
+	const upLoadImgRef = ref()
 	// 打开抽屉
 	const onOpen = (record) => {
 		visible.value = true
@@ -195,6 +202,11 @@
 		if (record) {
 			let recordData = cloneDeep(record)
 			formData.value = Object.assign({}, recordData)
+			if (formData.value.evidenceScreenshot) {
+				nextTick(()=>{
+					upLoadImgRef.value?.setData({ id:formData.value.createTime,url:formData.value.evidenceScreenshot })
+				})
+			}
 		}
 	}
 	// 关闭抽屉