Merge branch 'master' of http://113.204.105.114:10011/TwoKe/zhgkpt-datav into master

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

@@ -1,8 +1,21 @@
 <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" v-if="detail.fxdj !== '一般风险'">
+      {{
+        detail.fxdj && detail.fxdjYs != "低风险（蓝色）"
+          ? detail.fxdj
+          : "较低风险"
+      }}
+    </div>
+    <div class="fxdj" :style="'background-color: ' + color + '; color: #2c2c23'" v-if="detail.fxdj === '一般风险'">
+      {{
+        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 +24,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 +63,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 +77,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 +92,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 +108,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 +125,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 +137,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 +151,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 +180,7 @@ export default {
           name,
           params: {
             gcjzmc: this.detail.gcjzmc,
-            zgjd: ['待计划', '待整改']
+            zgjd: ["待计划", "待整改"],
           },
         });
       } else {
@@ -167,18 +192,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 +214,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 +233,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 +265,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

@@ -10,7 +10,8 @@
 					<div style="margin-bottom: 19px;">
 						<div class="fxdj">风险等级</div>
 						<div class="fxdjFlex">
-							<div class="fxTxt" :style="'background-color: ' + color">{{detail.fxdj}}</div>
+							<div class="fxTxt" :style="'background-color: ' + color" v-if="detail.fxdj !== '一般风险'">{{detail.fxdj}}</div>
+							<div class="fxTxt" :style="'background-color: ' + color+ '; color: #2c2c23'" v-else>{{detail.fxdj}}</div>
 						</div>
 					</div>
 					<div class="fxdj">主要风险点</div>
@@ -20,7 +21,8 @@
 						<div class="gdst">疏通管道</div>
 						<div class="gdst">疏通管道拥堵</div>
 						<div class="gdst">疏通管道拥堵</div> -->
-						<span class="gdst" v-for="(item, i) in fxd" :key="i">{{ item }},</span>
+						<span class="gdst" v-if="fxd && fxd.length > 0">{{ fxd }}</span>
+						<span class="gdst" v-if="!fxd || fxd.length === 0">暂无</span>
 					</div>
 				</div>
 				<div class="ewm">
@@ -157,12 +159,10 @@
 		mounted() {
 			// 获取屏幕高度
 			const height = window.screen.height;
-			console.log(height);
 			this.height = height;
 			document.title = "建筑信息";
 			// 获取参数
 			const id = this.getQueryString("id");
-			console.log(id);
 			if (!id) {
 				return;
 			}
@@ -188,18 +188,26 @@
 					this.detail = res.data.data;
 					let color = "";
 					let bgColor = "";
-					if (this.detail.fxdj.indexOf("低风险") >= 0) {
-						color = "#00A3FF";
-						bgColor = "#00A3FF";
-					} else if (this.detail.fxjd.indexOf("一般风险") >= 0) {
+					console.log(this.detail.fxdj)
+					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.fxjd.indexOf("较大风险") >= 0 ||
-						this.detail.fxjd.indexOf("较高风险") >= 0
+						this.detail.fxdj.indexOf("较大风险") >= 0 ||
+						this.detail.fxdj.indexOf("较高风险") >= 0
 					) {
 						color = "#ff833d";
 						bgColor = "#ff833d";
-					} else if (this.detail.fxjd.indexOf("重大风险") >= 0) {
+					} else if (this.detail.fxdj.indexOf("重大风险") >= 0) {
 						color = "#ff0b0b";
 						bgColor = "#ff0b0b";
 					} else {
@@ -219,14 +227,14 @@
                	jzid:this.params.id,
                	pageSize: 100,
                	pageNum: 1,
+				yhzt: '已整改'
                }
 				getFxdj(wbCs).then((res) => {
-					this.fxd = res.data.rows.map((p) => p.yhxmmc);
+					this.fxd = res.data.rows.map((p) => p.yhxmmc).join('，');
 				});
 				
 				getWbqk(wbCs).then((res) => {
 					this.list4 = res.data.rows;
-					console.log(this.list4,987);
 				});
 			},
 			getFiles() {
@@ -245,7 +253,6 @@
 					}
 					this.img = files.filter(i => i.name.indexOf(".jpg") >= 0)
 					this.files = files.filter(i => i.name.indexOf(".pdf") >= 0)
-					console.log(this.files, 123);
 					this.srcList = files
 						.filter((p) => p.name.indexOf(".jpg") >= 0)
 						.map((p) => p.url);
@@ -522,7 +529,7 @@
 				font-weight: 400;
 				font-size: 12px;
 				color: #454545;
-				margin: 0 3px;
+				// margin: 0 3px;
 				margin-bottom: 9px;
 			}