merge：消费者等级添加

src/_consumer_home.css

 html,
 body {
-	letter-spacing: .01rem;
-	background-color: #FFF;
+  letter-spacing: 0.01rem;
+  background-color: #fff;
   overflow-x: hidden;
 }
 
@@ -11,7 +11,7 @@ body {
 }
 
 .header {
-	padding: .2rem;
+  padding: 0.2rem;
   background: #fff;
 }
 
@@ -34,7 +34,7 @@ body {
 .detail {
   width: 100%;
   /* height: 1.88rem; */
-	background: #F5F6FA;
+  background: #f5f6fa;
   border-radius: 0.01rem;
   /* padding-left: 0.2rem; */
   padding: 0.3rem;
@@ -45,7 +45,6 @@ body {
   justify-content: space-around;
   /* 		padding-bottom: 0.1rem;
 				    gap: 0.1rem; */
-
 }
 
 .detail .van-col {
@@ -64,32 +63,31 @@ body {
 
 .detail .detail_link {
   position: absolute;
-	right: .3rem;
-	font-size: .26rem;
-	color: #1081E3;
+  right: 0.3rem;
+  font-size: 0.26rem;
+  color: #1081e3;
   cursor: pointer;
 }
 
-
 .func_btn {
   width: 7.12rem;
   height: 0.8rem;
-	background: #1081E3;
+  background: #1081e3;
   border-radius: 0.1rem;
   font-family: PingFang SC;
   font-weight: 500;
   font-size: 0.3rem;
-	color: #FFFFFF;
+  color: #ffffff;
   margin: 0 auto;
   border-width: 0;
-	margin-left: .2rem;
+  margin-left: 0.2rem;
   cursor: pointer;
 }
 
 .func_btn span {
   font-size: 0.5rem;
   vertical-align: -0.05rem;
-	margin-right: .1rem;
+  margin-right: 0.1rem;
 }
 
 .tag {
@@ -98,13 +96,20 @@ body {
   height: 0.42rem;
   line-height: 0.42rem;
   text-align: center;
-	background: #00B55E;
   border-radius: 21px;
   font-weight: 500;
   font-size: 0.28rem;
-	color: #FFFFFF;
+  color: #ffffff;
+}
+.green {
+  background: #00b55e;
+}
+.yellow {
+  background: rgba(255, 148, 21, 1);
+}
+.red {
+  background: rgba(255, 33, 49, 1);
 }
-
 
 /* 添加以下样式 */
 .van-tabs__line {
@@ -137,14 +142,9 @@ body {
 }
 
 .van-tab--active {
-
-	color: #1081E3;
-
+  color: #1081e3;
 }
 
-
-
-
 .van-field__label {
   font-weight: bold;
 }
@@ -154,13 +154,13 @@ body {
 }
 
 .subNavWrapper {
-	background-color: #F5F6FA;
+  background-color: #f5f6fa;
   padding: 0.2rem 0.2rem;
   margin-top: -0.3rem;
 }
 
 .subNavWrapper .van-tab__text {
-	color: #5B5B5B;
+  color: #5b5b5b;
 }
 
 .subNavWrapper .van-tab--active span {
@@ -168,7 +168,6 @@ body {
   font-size: 0.28rem;
 }
 
-
 .subNavWrapper .van-tabs__nav--card {
   border: none !important;
 }
@@ -178,34 +177,33 @@ body {
 }
 
 .subNavWrapper .van-tabs__nav--card .van-tab {
-	color: #5B5B5B;
+  color: #5b5b5b;
   border: none !important;
 }
 
 .subNavWrapper .van-tabs__nav--card .van-tab.van-tab--active {
-	color: #FFFFFF;
-	background: #58A5E8;
+  color: #ffffff;
+  background: #58a5e8;
   border-radius: 0.4rem;
 }
 
 .subNavWrapper .van-list {
-	background: #F5F6FA;
+  background: #f5f6fa;
 }
 
 .subNavWrapper .van-cell {
-	margin-bottom: .3rem;
+  margin-bottom: 0.3rem;
 }
 
 .subNavWrapper .van-tabs__nav {
-	background: #F5F6FA;
+  background: #f5f6fa;
   margin: 0;
 }
 
-
 .navToBtn {
-	color: #5B5B5B;
-	font-size: .36rem;
-	margin-top: .04rem;
+  color: #5b5b5b;
+  font-size: 0.36rem;
+  margin-top: 0.04rem;
   position: absolute;
   right: 0;
 }

src/_consumer_home.html

@@ -172,8 +172,10 @@
 			<div class="header">
 				<!-- <div class="level">安全等级</div> -->
 				<div class="title">
-					<img src="../image/code/sj.png" alt=""><span>{{merInformation.unitName}}</span><span
-						class="tag">安全等级-绿</span>
+					<img src="../image/code/sj.png" alt=""><span>{{merInformation.unitName}}</span>
+					<span class="tag green" v-if="merInformation.safeLevel==0" @click="gotoPage('anquan_level')">安全等级-绿</span>
+					<span class="tag yellow" v-if="merInformation.safeLevel==1" @click="gotoPage('anquan_level')">安全等级-黄</span>
+					<span class="tag red" v-if="merInformation.safeLevel==2" @click="gotoPage('anquan_level')">安全等级-红</span>
 				</div>
 				<div class="detail">
 					<van-row style="margin-bottom: .25rem;">

src/_consumer_home.js

@@ -72,6 +72,10 @@ window.addEventListener("load", function () {
 				}
 				return `${value}日`;
 			},
+			gotoPage(stringifyUrl) {
+				let url = gemhoUtil.setParameter(`src/_${stringifyUrl}.html`)
+				gemhoUtil.navigatePage(url, '跳转中...')
+			},
 			// 确认日期选择
 			onDateConfirm(date) {
 				// 将 Date 对象格式化为 YYYY-MM-DD 字符串
@@ -81,7 +85,7 @@ window.addEventListener("load", function () {
 				this.formData.date = `${year}-${month}-${day}`;
 				this.showDatePicker = false;
 			},
-			dateChange(e){
+			dateChange(e) {
 				console.log('date 属性变化22222:', e);
 			},
 			// 文件上传处理
@@ -103,7 +107,7 @@ window.addEventListener("load", function () {
 				let strurl = gemhoUtil.setParameter(`_${url}.html`, params)
 				gemhoUtil.navigatePage(strurl, '跳转中...')
 			},
-			submitForm(){
+			submitForm() {
 				if (!this.formData.content) {
 					vant.Dialog.alert({
 						message: '安全建议不可为空',
@@ -126,7 +130,7 @@ window.addEventListener("load", function () {
 					vant.Toast({
 						message: '操作成功',
 					})
-					setTimeout(()=>{
+					setTimeout(() => {
 						location.reload()
 					}, 500)