init

pc/src/views/home.vue

@@ -43,7 +43,7 @@
 			const state = reactive({
 				map:null,
 				timer:null,
-				show:true,
+				show:false,
 				site_id:'',
 				time:myPublic.dateFormat.format(Date.now(), 'HH:mm:ss YYYY年MM月DD日'),
 				list:[

pc/src/views/order-detail.vue

@@ -17,16 +17,27 @@
 				<span class="row-name">巡检类型</span>
 				<span class="row-content">{{typeChange(detail.type).text}}</span>
 			</div>
-			<div class="row-one">
+			<div class="row-one baseline">
 				<span class="row-name">巡检内容</span>
 				<div class="row-content">
 					<template  v-for="item in detail.content">
 						<div class="check-one">
-							<el-checkbox v-model="item.check" :label="item.title" size="large" />
+							<el-checkbox v-model="item.check" :label="item.title" size="large" :disabled="true"/>
 						</div>
 					</template>
 				</div>
 			</div>
+			<div class="row-one">
+				<span class="row-name">附件</span>
+				<div class="row-content">
+					<photo-provider>
+						<photo-consumer v-for="(url,index) in fileList" :key="url" :src="url">
+							<p v-if="url" class="img-one view-box" :style="`background-image:url('${url}')`">
+							</p>
+						</photo-consumer>
+					</photo-provider>
+				</div>
+			</div>
 			<div class="row-one">
 				<span class="row-name">异常描述</span>
 				<span class="row-content">{{detail.description}}</span>
@@ -204,6 +215,11 @@
 						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) {
@@ -295,6 +311,25 @@
 						width: 33.3%;
 						padding: 5px 0;
 					}
+					.img-one{
+						position: relative;
+						width:60px;
+						height:60px;
+						border-radius: 4px;
+						border:1px solid #f7f8fa;
+						margin-right: 10px;
+						margin-bottom:5px;
+						background-repeat:no-repeat;
+						background-size:cover;
+						background-position:center;
+						cursor: pointer;
+					}
+				}
+			}
+			.baseline{
+				align-items: baseline;
+				.row-content{
+					background-color: #fff;
 				}
 			}
 		}

pc/src/views/site-detail.vue

@@ -249,7 +249,7 @@
 				</div>
 			</div>
 		</div>
-		<transition name="el-zoom-in-right">
+		<transition name="el-zoom-in-bottom">
 			<order-detail v-model="show" v-if="show" :order_id="order_id"></order-detail>
 		</transition>
 	</div>