merge：消费者等级添加

src/_consumer_home.css

 html,
 body {
-	letter-spacing: .01rem;
-	background-color: #FFF;
-	overflow-x: hidden;
+  letter-spacing: 0.01rem;
+  background-color: #fff;
+  overflow-x: hidden;
 }
 
 .wrapper {
-	/* padding: 0.2rem; */
-	background-color: #fff;
+  /* padding: 0.2rem; */
+  background-color: #fff;
 }
 
 .header {
-	padding: .2rem;
-	background: #fff;
+  padding: 0.2rem;
+  background: #fff;
 }
 
 .header .title {
-	font-weight: bold;
-	font-size: 0.32rem;
-	color: #000000;
-	display: flex;
-	justify-content: start;
-	align-items: center;
-	gap: 0.2rem;
-	padding: 0.3rem 0.3rem;
+  font-weight: bold;
+  font-size: 0.32rem;
+  color: #000000;
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: 0.2rem;
+  padding: 0.3rem 0.3rem;
 }
 
 .header .title img {
-	width: 0.51rem;
-	height: 0.52rem;
+  width: 0.51rem;
+  height: 0.52rem;
 }
 
 .detail {
-	width: 100%;
-	/* height: 1.88rem; */
-	background: #F5F6FA;
-	border-radius: 0.01rem;
-	/* padding-left: 0.2rem; */
-	padding: 0.3rem;
-	margin-bottom: 0.2rem;
-	display: flex;
-	align-items: start;
-	flex-direction: column;
-	justify-content: space-around;
-	/* 		padding-bottom: 0.1rem;
+  width: 100%;
+  /* height: 1.88rem; */
+  background: #f5f6fa;
+  border-radius: 0.01rem;
+  /* padding-left: 0.2rem; */
+  padding: 0.3rem;
+  margin-bottom: 0.2rem;
+  display: flex;
+  align-items: start;
+  flex-direction: column;
+  justify-content: space-around;
+  /* 		padding-bottom: 0.1rem;
 				    gap: 0.1rem; */
-
 }
 
 .detail .van-col {
-	font-family: PingFang SC;
-	font-weight: 500;
-	font-size: 0.28rem;
-	color: #737373;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.28rem;
+  color: #737373;
 }
 
 .detail span {
-	font-family: PingFang SC;
-	font-weight: 500;
-	font-size: 0.28rem;
-	color: #737373;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.28rem;
+  color: #737373;
 }
 
 .detail .detail_link {
-	position: absolute;
-	right: .3rem;
-	font-size: .26rem;
-	color: #1081E3;
-	cursor: pointer;
+  position: absolute;
+  right: 0.3rem;
+  font-size: 0.26rem;
+  color: #1081e3;
+  cursor: pointer;
 }
 
-
 .func_btn {
-	width: 7.12rem;
-	height: 0.8rem;
-	background: #1081E3;
-	border-radius: 0.1rem;
-	font-family: PingFang SC;
-	font-weight: 500;
-	font-size: 0.3rem;
-	color: #FFFFFF;
-	margin: 0 auto;
-	border-width: 0;
-	margin-left: .2rem;
-	cursor: pointer;
+  width: 7.12rem;
+  height: 0.8rem;
+  background: #1081e3;
+  border-radius: 0.1rem;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3rem;
+  color: #ffffff;
+  margin: 0 auto;
+  border-width: 0;
+  margin-left: 0.2rem;
+  cursor: pointer;
 }
 
 .func_btn span {
-	font-size: 0.5rem;
-	vertical-align: -0.05rem;
-	margin-right: .1rem;
+  font-size: 0.5rem;
+  vertical-align: -0.05rem;
+  margin-right: 0.1rem;
 }
 
 .tag {
-	display: inline-block;
-	width: 1.9rem;
-	height: 0.42rem;
-	line-height: 0.42rem;
-	text-align: center;
-	background: #00B55E;
-	border-radius: 21px;
-	font-weight: 500;
-	font-size: 0.28rem;
-	color: #FFFFFF;
+  display: inline-block;
+  width: 1.9rem;
+  height: 0.42rem;
+  line-height: 0.42rem;
+  text-align: center;
+  border-radius: 21px;
+  font-weight: 500;
+  font-size: 0.28rem;
+  color: #ffffff;
+}
+.green {
+  background: #00b55e;
+}
+.yellow {
+  background: rgba(255, 148, 21, 1);
+}
+.red {
+  background: rgba(255, 33, 49, 1);
 }
-
 
 /* 添加以下样式 */
 .van-tabs__line {
-	background-color: #1989fa;
+  background-color: #1989fa;
 }
 
 .blue-text {
-	color: #1989fa;
-	font-weight: 500;
+  color: #1989fa;
+  font-weight: 500;
 }
 
 .van-list {
-	background: #fff;
-	border-radius: 8px;
-	margin: 0 0.1rem;
+  background: #fff;
+  border-radius: 8px;
+  margin: 0 0.1rem;
 }
 
 .subNavWrapper .van-cell {
-	padding: 12px 10px;
+  padding: 12px 10px;
 }
 
 .van-tab {
-	color: #000;
+  color: #000;
 }
 
 .van-tab__text {
-	font-weight: bold;
-	font-size: 0.3rem;
-	/* color: #000; */
+  font-weight: bold;
+  font-size: 0.3rem;
+  /* color: #000; */
 }
 
 .van-tab--active {
-
-	color: #1081E3;
-
+  color: #1081e3;
 }
 
-
-
-
 .van-field__label {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .van-field__control {
-	color: #737373;
+  color: #737373;
 }
 
 .subNavWrapper {
-	background-color: #F5F6FA;
-	padding: 0.2rem 0.2rem;
-	margin-top: -0.3rem;
+  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 {
-	color: #fff;
-	font-size: 0.28rem;
+  color: #fff;
+  font-size: 0.28rem;
 }
 
-
 .subNavWrapper .van-tabs__nav--card {
-	border: none !important;
+  border: none !important;
 }
 
 .subNavWrapper .van-tabs--card {
-	margin-bottom: 0.3rem;
+  margin-bottom: 0.3rem;
 }
 
 .subNavWrapper .van-tabs__nav--card .van-tab {
-	color: #5B5B5B;
-	border: none !important;
+  color: #5b5b5b;
+  border: none !important;
 }
 
 .subNavWrapper .van-tabs__nav--card .van-tab.van-tab--active {
-	color: #FFFFFF;
-	background: #58A5E8;
-	border-radius: 0.4rem;
+  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;
-	margin: 0;
+  background: #f5f6fa;
+  margin: 0;
 }
 
-
 .navToBtn {
-	color: #5B5B5B;
-	font-size: .36rem;
-	margin-top: .04rem;
-	position: absolute;
-	right: 0;
-}
\ No newline at end of file
+  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

@@ -9,7 +9,7 @@ window.addEventListener("load", function () {
 		el: '#app',
 		data() {
 			return {
-				 showDatePicker: false,  // 控制日期选择器显示
+				showDatePicker: false,  // 控制日期选择器显示
 				minDate: new Date(gemhoUtil.getTargetDateYMD()),  // 最小可选日期
 				maxDate: new Date(2099, 11, 31),  // 最大可选日期
 				// 新增子Tab数据
@@ -55,15 +55,15 @@ window.addEventListener("load", function () {
 			this.getShopInfo() // 获取商户信息
 		},
 		watch: {
-		  'formData.date': {
-		    handler(newVal) {
-		      console.log('date 属性变化:', newVal);
-		    },
-		    deep: true // 深度监听对象属性
-		  }
+			'formData.date': {
+				handler(newVal) {
+					console.log('date 属性变化:', newVal);
+				},
+				deep: true // 深度监听对象属性
+			}
 		},
 		methods: {
-			 // 日期格式化函数（确保格式为 YYYY-MM-DD）
+			// 日期格式化函数（确保格式为 YYYY-MM-DD）
 			dateFormatter(type, value) {
 				if (type === 'year') {
 					return `${value}年`;
@@ -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,15 +85,15 @@ window.addEventListener("load", function () {
 				this.formData.date = `${year}-${month}-${day}`;
 				this.showDatePicker = false;
 			},
-			dateChange(e){
-				 console.log('date 属性变化22222:', e);
+			dateChange(e) {
+				console.log('date 属性变化22222:', e);
 			},
 			// 文件上传处理
 			handleFileUpload(file) {
 				console.log('上传文件:', file);
 				// 此处可添加实际文件上传逻辑
 			},
-	
+
 			navTo(url) {
 				// gemhoUtil.nav2asd(url)
 				let params = gemhoUtil.getUrlParams()
@@ -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: '安全建议不可为空',
@@ -120,16 +124,16 @@ window.addEventListener("load", function () {
 					...this.formData,
 				}
 				// var url = "/gq/checkRecord/safeCheckRecord"
-				
+
 				http3.post('/gq/consumer', reqParam).then((res) => {
 					console.log('添加结果', res)
 					vant.Toast({
 						message: '操作成功',
 					})
-					setTimeout(()=>{
+					setTimeout(() => {
 						location.reload()
 					}, 500)
-					
+
 					// gemhoUtil.navigatePage(`${this.pageName}.html${window.location.search}`, '操作完成,跳转中...')
 				})
 			},