风险颜色

app/src/views/Detail/components/Risklevel.vue

@@ -1,8 +1,14 @@
 <template>
   <div class="level">
-    <div class="fxdj" :style="'background-color: ' + color">{{ detail.fxdj&&detail.fxdjYs!='低风险（蓝色）'?detail.fxdj:'较低风险' }}</div>
+    <div class="fxdj" :style="'background-color: ' + color">
+      {{
+        detail.fxdj && detail.fxdjYs != "低风险（蓝色）"
+          ? detail.fxdj
+          : "较低风险"
+      }}
+    </div>
     <!-- 风险等级 -->
-    <div class="row" style="padding-right: 150px;">
+    <div class="row" style="padding-right: 150px">
       <div
         style="font-size: 18px; cursor: pointer"
         class="label"
@@ -11,9 +17,9 @@
         主要风险点：
       </div>
       <div class="level-btn" v-if="fxd.length > 0">
-        <span v-for="(item, i) in fxd" :key="i">{{ item }}</span> 
+        <span v-for="(item, i) in fxd" :key="i">{{ item }}</span>
       </div>
-      <span v-else  style="font-size: 18px; margin-left: 4px;">暂无</span>
+      <span v-else style="font-size: 18px; margin-left: 4px">暂无</span>
     </div>
     <div class="row">
       <div
@@ -50,7 +56,8 @@
             <div class="oper">
               <!-- <template v-if="detail.sfts === '未提示' && !tiped"> -->
               <template v-if="!tiped">
-                <span class="error">未提示</span><span class="act"  @click="clickToTip('tiped')">提示</span>
+                <span class="error">未提示</span
+                ><span class="act" @click="clickToTip('tiped')">提示</span>
               </template>
               <span v-else class="success">已提示</span>
             </div>
@@ -63,7 +70,8 @@
             <div class="oper">
               <!-- <template v-if="detail.sftssq === '未推送'"> -->
               <template v-if="!tiped1">
-                <span class="error">未督办</span><span class="act" @click="clickToTip('tiped1')">督办</span>
+                <span class="error">未督办</span
+                ><span class="act" @click="clickToTip('tiped1')">督办</span>
               </template>
               <span v-else class="success">已督办</span>
             </div>
@@ -77,7 +85,8 @@
             <div class="oper">
               <!-- <template v-if="detail.sftsxzjd === '未推送'"> -->
               <template v-if="!tiped2">
-                <span class="error">未督办</span><span class="act" @click="clickToTip('tiped2')">督办</span>
+                <span class="error">未督办</span
+                ><span class="act" @click="clickToTip('tiped2')">督办</span>
               </template>
               <span v-else class="success">已督办</span>
             </div>
@@ -92,7 +101,8 @@
             <div class="oper">
               <!-- <template v-if="detail.sftsqxzf === '未推送'"> -->
               <template v-if="!tiped3">
-                <span class="error">未督办</span><span class="act" @click="clickToTip('tiped3')">督办</span>
+                <span class="error">未督办</span
+                ><span class="act" @click="clickToTip('tiped3')">督办</span>
               </template>
               <span v-else class="success">已督办</span>
             </div>
@@ -108,7 +118,11 @@
       <span v-else class="hzs-cnt">暂无</span>
     </div>
     <basic-modal ref="messageTipModal" name="信息提示" width="800px">
-      <MessageTipModalContent @close="onCloseModal" :showOptions="false" :content="checkTipStatus && ctx[checkTipStatus]" />
+      <MessageTipModalContent
+        @close="onCloseModal"
+        :showOptions="false"
+        :content="checkTipStatus && ctx[checkTipStatus]"
+      />
     </basic-modal>
   </div>
 </template>
@@ -116,7 +130,7 @@
 <script>
 import { getFxdj, getLshz, getQrcode } from "@/api/detail.js";
 import { ylycyhzzqdTc } from "@/api/risk.js";
-import MessageTipModalContent from '@/components/MessageTipModalContent.vue'
+import MessageTipModalContent from "@/components/MessageTipModalContent.vue";
 export default {
   name: "Risklevel",
   data() {
@@ -130,18 +144,22 @@ export default {
       tiped1: false,
       tiped2: false,
       tiped3: false,
-      checkTipStatus: '',
+      checkTipStatus: "",
       ctx: {
-        tiped: '你单位管理的 XXX(高层建筑名称)存在以下 XX 条隐患，请按要求制定“一楼一策”整治清单，明确整改责任、措施、资金和时限，尽快消除隐患，在整改期间要加强重点部位值班值守落实临时防范措施。',
-        tiped1: 'XXX 单位管理的 XXX(高层建筑名称)存在以下XX 条隐患请督促责任单位按照“一楼一策”整治清单落实整改责任，尽快消除隐患，在整改期间要加强重点部位值班值守，落实临时防范措施。',
-        tiped2: 'XXX 单位管理的 XXX(高层建筑名称)存在以下XX 条隐患请督促责任单位按照“一楼一策”整治清单落实整改责任，尽快消除隐患，在整改期间要加强重点部位值班值守，落实临时防范措施。',
-        tiped3: 'XXX 单位管理的 XXX(高层建筑名称)存在以下XX 条隐患请督促责任单位按照“一楼一策”整治清单落实整改责任，尽快消除隐患，在整改期间要加强重点部位值班值守，落实临时防范措施。',
-      }
+        tiped:
+          "你单位管理的 XXX(高层建筑名称)存在以下 XX 条隐患，请按要求制定“一楼一策”整治清单，明确整改责任、措施、资金和时限，尽快消除隐患，在整改期间要加强重点部位值班值守落实临时防范措施。",
+        tiped1:
+          "XXX 单位管理的 XXX(高层建筑名称)存在以下XX 条隐患请督促责任单位按照“一楼一策”整治清单落实整改责任，尽快消除隐患，在整改期间要加强重点部位值班值守，落实临时防范措施。",
+        tiped2:
+          "XXX 单位管理的 XXX(高层建筑名称)存在以下XX 条隐患请督促责任单位按照“一楼一策”整治清单落实整改责任，尽快消除隐患，在整改期间要加强重点部位值班值守，落实临时防范措施。",
+        tiped3:
+          "XXX 单位管理的 XXX(高层建筑名称)存在以下XX 条隐患请督促责任单位按照“一楼一策”整治清单落实整改责任，尽快消除隐患，在整改期间要加强重点部位值班值守，落实临时防范措施。",
+      },
     };
   },
   props: ["detail"],
   components: {
-    MessageTipModalContent
+    MessageTipModalContent,
   },
   methods: {
     openModal(name) {
@@ -155,7 +173,7 @@ export default {
           name,
           params: {
             gcjzmc: this.detail.gcjzmc,
-            zgjd: ['待计划', '待整改']
+            zgjd: ["待计划", "待整改"],
           },
         });
       } else {
@@ -167,18 +185,18 @@ export default {
     },
     onCloseModal() {
       this[this.checkTipStatus] = true;
-      this.closeModal("messageTipModal")
+      this.closeModal("messageTipModal");
     },
     clickToTip(tiped) {
       this.checkTipStatus = tiped;
-      this.showModal("messageTipModal")
+      this.showModal("messageTipModal");
     },
     getList() {
       const param = {
         pageNum: 1,
         pageSize: 1000,
         jzid: this.detail.id,
-        yhzt: '已整改',
+        yhzt: "已整改",
       };
       getFxdj(param).then((res) => {
         if (res.data.rows) {
@@ -189,15 +207,15 @@ export default {
         jzid: this.detail.id,
         // gcjzmc: this.detail.gcjzmc,
         pageNum: 1,
-        yhjd: '待整改,待计划',
-        pageSize: 100
+        yhjd: "待整改,待计划",
+        pageSize: 100,
       }).then((res) => {
         this.yhList = res.data.rows;
       });
       getLshz({
         pageNum: 1,
         pageSize: 100,
-        lshzjzid: this.detail.id
+        lshzjzid: this.detail.id,
       }).then((res) => {
         const list = [];
         if (res.data.rows) {
@@ -208,14 +226,29 @@ export default {
         this.hzs = list;
       });
       if (this.detail.fxdj) {
-        console.log('-----详情',this.detail);
+        console.log("-----详情", this.detail);
         let color = "";
         let bgColor = "";
-        if (this.detail.fxdj.indexOf("低风险") >= 0&&this.detail.fxdjYs.indexOf("绿色") >= 0) {
+        if (
+          this.detail.fxdj.indexOf("低风险") >= 0 &&
+          this.detail.fxdjYs.indexOf("蓝色") >= 0
+        ) {
+          this.detail.fxdj = "较低风险";
+        }
+        if (
+          this.detail.fxdj.indexOf("低风险") >= 0 &&
+          this.detail.fxdjYs.indexOf("绿色") >= 0
+        ) {
           color = "#2DD25D";
           bgColor = "#2DD25D";
+        } else if (
+          this.detail.fxdj.indexOf("较低风险") >= 0
+        ) {
+          color = "#35C2FF";
+          bgColor = "#35C2FF";
         } else if (this.detail.fxdj.indexOf("一般风险") >= 0) {
           color = "#FFE600";
+          bgColor = "#FFE600";
         } else if (
           this.detail.fxdj.indexOf("较大风险") >= 0 ||
           this.detail.fxdj.indexOf("较高风险") >= 0
@@ -225,7 +258,7 @@ export default {
         } else if (this.detail.fxdj.indexOf("重大风险") >= 0) {
           color = "#ff0b0b";
           bgColor = "#ff0b0b";
-        } else if(this.detail.fxdjYs.indexOf("蓝色")>=0) {
+        } else if (this.detail.fxdjYs.indexOf("蓝色") >= 0) {
           color = "#35c2ff";
           bgColor = "#35c2ff";
         }

app/src/views/H5/index.vue

@@ -187,11 +187,18 @@
 					let color = "";
 					let bgColor = "";
 					console.log(this.detail.fxdj)
-					if (this.detail.fxdj.indexOf("低风险") >= 0) {
-						color = "#00A3FF";
-						bgColor = "#00A3FF";
+					if (this.detail.fxdj.indexOf("低风险") >= 0 && this.detail.fxdjYs.indexOf("蓝色") >= 0) {
+						this.detail.fxdj = '较低风险';
+					}
+					if (this.detail.fxdj.indexOf("低风险") >= 0 && this.detail.fxdjYs.indexOf("绿色") >= 0) {
+						color = "#2DD25D";
+						bgColor = "#2DD25D";
+					} else if (this.detail.fxdj.indexOf("较低风险") >= 0) {
+						color = "#35C2FF";
+						bgColor = "#35C2FF";
 					} else if (this.detail.fxdj.indexOf("一般风险") >= 0) {
 						color = "#fbff3d";
+						bgColor = "#fbff3d";
 					} else if (
 						this.detail.fxdj.indexOf("较大风险") >= 0 ||
 						this.detail.fxdj.indexOf("较高风险") >= 0