init

pc/src/views/order-detail.vue

@@ -31,7 +31,7 @@
 				<span class="row-name">巡检图片</span>
 				<div class="row-content">
 					<photo-provider>
-						<photo-consumer v-for="(url,index) in fileList" :key="url" :src="url">
+						<photo-consumer v-for="(url,index) in detail.image" :key="url" :src="url">
 							<p v-if="url" class="img-one view-box" :style="`background-image:url('${url}')`">
 							</p>
 						</photo-consumer>
@@ -149,7 +149,8 @@
 					],
 					description:'泵站清淤很多、泵站清淤很多、泵站清淤很多、泵站清淤很多、泵站清淤很多、泵站清淤很多、\n' +
 						'泵站清淤很多。',
-					CreatedAt:'2022-06-22 10:00'
+					CreatedAt:'2022-06-22 10:00',
+					image:[]
 				},
 				typeList:[
 					{
@@ -216,11 +217,6 @@
 						color:'#eb509d',
 						create_time:'2022-09-01 10:00'
 					}
-				],
-				fileList:[
-					"https://wensi-zhanlang.oss-cn-hangzhou.aliyuncs.com/volunteer/2022-08-24/1661300843457_Wc5B4kFjCb.jpeg",
-					"https://wensi-zhanlang.oss-cn-hangzhou.aliyuncs.com/volunteer/2022-06-30/1656575865931_zwwirj2Kix.webp",
-					"https://wensi-zhanlang.oss-cn-hangzhou.aliyuncs.com/volunteer/2022-06-30/1656574020995_SnDzKQYTQR.webp"
 				]
 			});
 			function typeChange(type=1) {
@@ -238,6 +234,7 @@
 					if(res.code==0){
 						res.data.content = myPublic.isJsonString(res.data.content)? JSON.parse(res.data.content):[];
 						res.data.CreatedAt = myPublic.dateFormat.format(res.data.CreatedAt);
+						res.data.image = res.data.image?res.data.image.split(','):[];
 						Object.assign(state.detail,{...res.data});
 					}
 				});