add:商户列表ui

src/_shanghu.html

@@ -177,11 +177,11 @@
 						<van-row>
 					  <van-col span="24">场所类型: 小餐饮</van-col>
 					</van-row>
-					<van-row style="margin-top: .3rem; margin-bottom: .3rem;">
-					  <van-col span="6">检查数:75</van-col>
-				<van-col span="6">检查数:75</van-col>
-				<van-col span="6">检查数:75</van-col>
-				<van-col span="6">检查数:75</van-col>
+					<van-row type="flex" justify="space-around" style="width:100%; margin-top: .3rem; margin-bottom: .3rem;">
+						<van-col span="6">自查数:75</van-col>
+						<van-col span="6">检查数:75</van-col>
+						<van-col span="6">隐患数:75</van-col>
+						<van-col span="6">未整改:75</van-col>
 					</van-row>
 					<van-row>
 					  <van-col span="24">山东省威海市环翠区和谐街35-6</van-col>
@@ -196,10 +196,10 @@
 				<!-- Tab栏 -->
 				<van-tabs v-model:active="activeTab" title-active-color="#1989fa" line-height="2px"
 					style="margin-bottom: 15px;">
-					<van-tab title="基本信息"></van-tab>
+					<van-tab title="商家信息"></van-tab>
+					<van-tab title="隐患整改"></van-tab>
 					<van-tab title="检查记录"></van-tab>
-					<van-tab title="隐患记录"></van-tab>
-					<van-tab title="整改记录"></van-tab>
+					<van-tab title="自查记录"></van-tab>
 				</van-tabs>
 
 				<!-- 内容区 -->
@@ -264,7 +264,7 @@
 									<van-tag :type="statusTagType(item.status)">
 										{{ item.status }}
 									</van-tag>
-									<span style="color: #737373; font-size: 0.28rem;margin-left: -1.8rem;">检查时间：{{ item.date }}</span>
+									<span style="color: #737373; font-size: 0.28rem;margin-left: -1.4rem;">检查时间：{{ item.date }}</span>
 									<van-icon name="arrow" style="color: #1081E3;" @click="viewDetail(item.id)" />
 								</div>
 
@@ -276,6 +276,42 @@
 						</van-cell>
 					</van-list>
 				</div>
+				
+				<!-- 检查记录 -->
+				<div v-show="activeTab === 2" class="subNavWrapper">
+				
+					<!-- 隐患列表 -->
+					<van-list>
+						<van-cell v-for="item in filteredHazards" :key="item.id">
+							<div style="width: 100%;">
+								<!-- 第一行：隐患描述 -->
+								<div style="
+								white-space: nowrap;
+								overflow: hidden;
+								text-overflow: ellipsis;
+								color: #333;
+								font-size: 0.3rem;
+								font-weight: bold;
+								font-family: PingFang SC;
+							">{{ item.description }}</div>
+									
+								<!-- 第二行：状态和时间 -->
+								<div style="display: flex; justify-content: space-between; margin: 8px 0;">
+									<span style="color: #737373; font-size: 0.28rem;">时间：{{ item.date }}</span>
+								</div>
+									
+								<!-- 第三行：商家和箭头 -->
+								<div>
+									<van-row type="flex" justify="start" style="width:100%; margin-top: .3rem; margin-bottom: .3rem;">
+										<van-col span="6">检查人:xxx</van-col>
+										<van-col span="6">隐患数:75</van-col>
+										<van-col span="6">未整改:75</van-col>
+									</van-row>
+								</div>
+							</div>
+						</van-cell>
+					</van-list>
+				</div>
 
 			</div>