add: 商户首页添加应急演练tab模块

src/_shanghu_home.css

@@ -204,3 +204,13 @@ body {
   position: absolute;
   right: 0;
 }
+
+/* 应急演练提示内容样式 */
+.msgTip{
+  background: rgb(251, 231, 231);
+  border-radius: 0.04rem;
+  font-weight: 500;
+  font-size: 0.28rem;
+  color: rgb(255, 0, 0);
+  padding: .2rem .3rem;
+}
\ No newline at end of file

src/_shanghu_home.html

@@ -48,7 +48,7 @@
 				<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>
 
 			<div v-show="activeTab===0" class="subNavWrapper">
@@ -97,7 +97,7 @@
 			</div>
 
 			<!-- 检查记录 -->
-			<div v-show="activeTab>0" class="subNavWrapper">
+			<div v-show="activeTab>0 && activeTab<=2" class="subNavWrapper">
 
 				<van-list>
 					<van-cell v-for="item in jcLisk" :key="item.id" @click="viewDetail(item,'JC_XQ')" >
@@ -132,6 +132,49 @@
 				</van-list>
 			</div>
 
+			<!-- 培训演练 -->
+			<div v-show="activeTab==3" class="subNavWrapper">
+				<van-list>
+					
+					<div class="msgTip">
+						该商家4/5/6月份未进行特种作业培训 5月份未进行培训演练
+					</div>
+					<van-cell v-for="item in 10" :key="item.id" @click="viewDetail(item,'YH_XQ')">
+						
+						<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: start; gap: .34rem; margin: 8px 0;">
+								<van-tag type="primary">
+									{{ '培训演练' }}
+								</van-tag>
+								<span
+									style="color: #737373; font-size: 0.28rem;">日期：{{ item.checkDate }}</span>
+								<van-icon name="arrow" class="navToBtn" @click="viewDetail(item,'YH_XQ')" />
+							</div>
+
+
+							<!-- 第三行：商家和箭头 -->
+							<div style="display: flex; justify-content: space-between; align-items: center;">
+								<span style="color: #666; font-size: 0.28rem;">培训人数（人）：{{ item.merName }}</span>
+							</div>
+							<div style="display: flex; justify-content: space-between; align-items: center;">
+								<span style="color: #666; font-size: 0.28rem;">培训人：{{ item.merName }}</span>
+							</div>
+						</div>
+					</van-cell>
+				</van-list>
+			</div>
 		</div>
 		</body>
 

src/_shanghu_home.js

@@ -107,6 +107,15 @@ window.addEventListener("load", function () {
 				};
 				return types[status] || '';
 			},
+			statusTagType4yl(status) {
+				const types = {
+					'培训演练': 'warning',
+					'特种作业培训演练': 'primary',
+					'已整改': 'success',
+					'整改逾期': 'danger',
+				};
+				return types[status] || '';
+			},
 			viewDetail(item, type) {
 				let params = {
 					id: item.id,