From 9c4b47decabe9a8ef229fa6c7ad56e88241e4e7d Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Sat, 26 Mar 2022 15:32:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppWarningMonitoring/detail.vue   | 80 ++++++++++++++--------
 src/apps/AppWarningMonitoring/result.vue   | 65 +++++++++++++-----
 src/apps/AppWarningMonitoring/riskList.vue | 42 +++++++++---
 3 files changed, 132 insertions(+), 55 deletions(-)

diff --git a/src/apps/AppWarningMonitoring/detail.vue b/src/apps/AppWarningMonitoring/detail.vue
index 60857fa6..a9a59be6 100644
--- a/src/apps/AppWarningMonitoring/detail.vue
+++ b/src/apps/AppWarningMonitoring/detail.vue
@@ -6,8 +6,10 @@
       <div class="user-phone">
         <div class="user">
           <img src="./img/phone.png" alt="">
-          <span>李白</span>
-          <span>待走访</span>
+          <span>{{ data.name }}</span>
+          <span :style="{color: data.status==0? '#FFBB00':data.status==1? '#FF8822':data.status==2? '#FF4466':'#2EA222'}">
+            {{ $dict.getLabel('fpRiskPersonStatus',data.status) }}
+          </span>
         </div>
         <div class="phone" @click="callPhone">
           <img src="./img/user.png" alt="">
@@ -18,57 +20,57 @@
       <div class="user-info">
         <div class="item-info">
           <label>风险类型:</label>
-          <span>大额医疗支出</span>
+          <span>{{ $dict.getLabel('fpRiskType',data.riskType) }}</span>
         </div>
         <div class="item-info">
           <label>联系电话:</label>
-          <span>13782909781</span>
+          <span>{{ data.phone || '' }}</span>
         </div>
         <div class="item-info">
           <label>身份证号:</label>
-          <span>420623623623241543</span>
+          <span>{{ data.idNumber }}</span>
         </div>
         <div class="item-info">
           <label>所属区划:</label>
-          <span>辽宁省朝阳市建平县黑水镇黑水村</span>
+          <span>{{ data.areaName }}</span>
         </div>
         <div class="item-info">
           <label>联系地址:</label>
-          <span>黑水村卫生院401号</span>
+          <span>{{ data.address || '' }}</span>
         </div>
         <div class="item-info">
           <label>备注说明:</label>
-          <span>本月医疗支出2.3万元</span>
+          <span>{{ data.remarks }}</span>
         </div>
         <div class="item-info">
           <label>操作人:</label>
-          <span>李维民</span>
+          <span>{{ data.createUserName }}</span>
         </div>
         <div class="item-info">
           <label>归口部门:</label>
-          <span>医保局</span>
+          <span>{{ data.departmentName }}</span>
         </div>
         <div class="item-info">
           <label>操作时间:</label>
-          <span>2022-3-22 10:32:16</span>
+          <span>{{ data.createTime }}</span>
         </div>
       </div>
     </div>
 
-    <!-- 待审核 -->
-    <div class="to-check">
+    <!-- 待审核 v-if="data.status==1"-->
+    <div class="to-check" >
       <div class="title">
         <span>走访核实</span>
-        <span>疑似风险</span>
+        <span style="color:#FF8822">疑似风险</span>
       </div>
       <div class="check-info">
         <div class="item-info">
           <label>业务员:</label>
-          <span>林珊</span>
+          <span>{{ data.visitUserName }}</span>
         </div>
         <div class="item-info">
           <label>处理时间:</label>
-          <span>2021-10-10 10:10:10</span>
+          <span>{{ data.visitTime }}</span>
         </div>
         <div class="item-info">
           <label>联系方式:</label>
@@ -76,22 +78,22 @@
         </div>
         <div class="item-info">
           <label>备注说明:</label>
-          <span>经现场了解，该人员家庭有多出房产，无返贫风险倾向。</span>
+          <span>{{ data.visitOpinion }}</span>
         </div>
         <div class="item-info">
           <label>图片:</label>
           <div>
-            <img src="./img/phone.png" alt="">
+            <img :src="e.url" v-for="(item,index) in data.visitFiles" :key="index"  @click.stop="previewImage(data.visitFiles, e.url)" />
           </div>
         </div>
       </div>
     </div>
 
     <!-- 处理结果 -->
-    <div class="processingResults">
+    <div class="processingResults"  v-if="data.status==2 || data.status==3">
       <div class="title">
         <span>处理结果</span>
-        <span>解除风险</span>
+        <span style="color:#2EA222">解除风险</span>
       </div>
       <div class="check-info">
         <div class="item-info">
@@ -121,8 +123,8 @@
 
     <div style="height: 56px"></div>
 
-    <div class="btn" @click="toResult">
-      <span v-if="type==0">走访核实</span>
+    <div class="btn" @click="toResult" >
+      <span v-if="data.status==0 && checkType ==0 ">走访核实</span>
       <span v-else>处理结果</span>
     </div>
 
@@ -134,19 +136,28 @@ import { mapState } from 'vuex'
 export default {
   data() {
     return {
-      type: 0,
       id: '',
       data: {},
+      checkType: '',
     }
   },
   computed: {
     ...mapState(['user'])
   },
   onLoad(o) {
-    this.id = o.id;
-    this.getDetail()
+    this.$dict.load('fpRiskPersonStatus','fpRiskType','fpRiskPersonOperation1','fpRiskPersonOperation2').then(()=>{
+      this.id = o.id;
+      this.getDetail()
+      this.getCheckType()
+    })
   },
   methods: {
+    previewImage(images, img) {
+      uni.previewImage({
+        urls: images.map(v => v.url),
+        current: img
+      })
+    },
     getDetail() {
       this.$http.post('/app/apppreventionreturntopovertyriskperson/queryDetailById',null,{
         params:{
@@ -158,11 +169,22 @@ export default {
         }
       })
     },
-    toResult() {
-      uni.navigateTo({url: './result'})
+    getCheckType() {
+      this.$http.post('/app/appgirdmemberinfo/checkLogOnUser',null,{
+        params: {
+          corpId: this.user.id
+        }
+      }).then((res) => {
+        if(res.code == 0) {
+          this.checkType = res.data.checkType
+        }
+      })
     },
-    callPhone(phone) {
-      uni.makePhoneCall({phoneNumber: phone})
+    toResult() {
+      uni.navigateTo({url: `./result?checkType=${this.checkType}&id=${this.id}`})
+    },
+    callPhone() {
+      uni.makePhoneCall({phoneNumber: data.phone})
     },
   },
   onShow() {
diff --git a/src/apps/AppWarningMonitoring/result.vue b/src/apps/AppWarningMonitoring/result.vue
index e17efb82..0e12cc44 100644
--- a/src/apps/AppWarningMonitoring/result.vue
+++ b/src/apps/AppWarningMonitoring/result.vue
@@ -1,12 +1,15 @@
 <template>
-  <div class="result">
+  <div class="result" showPage='false'>
     
     <div class="type">
       <div class="left">
-        <span>*</span><span v-if="type==0">处理意见</span><span v-else>处理结果</span>
+        <span>*</span>
+        <span v-if="checkType == 0">处理意见</span>
+        <span v-else>处理结果</span>
       </div>
       <div class="right">
-        <AiSelect v-model="result" dict="" />
+        <AiSelect v-model="operation" dict="fpRiskPersonOperation1" v-if="checkType == 0" />
+        <AiSelect v-model="operation" dict="fpRiskPersonOperation2" v-else />
       </div>
     </div>
 
@@ -15,7 +18,7 @@
         <span>*</span><span>备注说明</span>
       </div>
       <div class="bottom">
-        <u-input type="textarea" v-model="value" placeholder="请简要说明情况" maxlength="500" height="200"/>
+        <u-input type="textarea" v-model="opinion" placeholder="请简要说明情况" maxlength="500" height="200"/>
       </div>
     </div>
 
@@ -24,13 +27,11 @@
         <span style="margin-right: 8px"></span><span>图片<span style="color: #999;font-size:14px;">最多9张</span></span>
       </div>
       <div class="bottom">
-        <img src="./img/phone.png" alt="">
+        <AiUploader :def.sync="files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
       </div>
     </div>
 
-    <div class="btn">
-      提交
-    </div>
+    <div class="btn" @click="submit">提交</div>
 
   </div>
 </template>
@@ -39,14 +40,48 @@
 export default {
   data() {
     return {
-      result: '',
-      value: '',
-      type: 0
+      operation: '',
+      opinion: '',
+      checkType: '',
+      files: [],
+      showPage: false,
+      id:''
+    }
+  },
+  onLoad(o) {
+    this.$dict.load('fpRiskPersonOperation1','fpRiskPersonOperation2','fpRiskType').then(()=>{
+      this.checkType = o.checkType
+      this.id = o.id
+      this.showPage = true
+    })
+  },
+  methods: {
+    submit() {
+      if(!this.operation) {
+        return this.$u.toast('请选择处理意见')
+      }
+      if(!this.opinion) {
+        return this.$u.toast('请输入备注说明')
+      }
+      let ids = [];
+      ids.push(this.id);
+      this.$http.post('/app/apppreventionreturntopovertyriskperson/monitor',{
+        operation: this.operation,
+        opinion: this.opinion,
+        files: this.files,
+        ids: ids,
+      }).then(res => {
+        if (res.code == 0) {
+          this.$u.toast('提交成功')
+          setTimeout(() => {
+            uni,navigateBack()
+          },600)
+        }
+      })
     }
   },
-  methods: {},
   onShow() {
-    document.title = type==0? "处理意见":"处理结果"
+    document.title = this.checkType == 0? "处理意见":"处理结果"
   }
 }
 </script>
@@ -88,9 +123,7 @@ export default {
       }
     }
     .bottom {
-      img {
-        margin: 30px 0;
-      }
+      padding: 30px 0;
     }
   }
 
diff --git a/src/apps/AppWarningMonitoring/riskList.vue b/src/apps/AppWarningMonitoring/riskList.vue
index 1d2c712c..8788d5c8 100644
--- a/src/apps/AppWarningMonitoring/riskList.vue
+++ b/src/apps/AppWarningMonitoring/riskList.vue
@@ -24,11 +24,13 @@
         <div class="top">
           <div class="name-type">
             <span class="name">{{ item.name }}</span>
-            <span class="type">{{ item.status }}</span>
+            <span class="type" :style="{color: item.status==0? '#FFBB00':item.status==1? '#FF8822':item.status==2? '#FF4466':'#2EA222'}">
+              {{ $dict.getLabel('fpRiskPersonStatus',item.status) }}
+            </span>
           </div>
-          <div class="address">{{ item.address }}</div>
+          <div class="address">{{ item.areaName }}</div>
         </div>
-        <div class="bottom">{{ item.riskType }}</div>
+        <div class="bottom">{{ $dict.getLabel('fpRiskType',item.riskType) }}</div>
       </div>
     </div>
     <AiEmpty v-else/>
@@ -36,6 +38,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   data() {
     return {
@@ -48,15 +51,20 @@ export default {
       list: [],
     }
   },
-  onLoad() {
+  computed: {
+    ...mapState(['user'])
   },
   created() {
-    this.$dict.load('','')
-    this.getList()
+    this.$dict.load('fpRiskPersonStatus','fpRiskType').then(()=>{
+      this.areaId = this.user.areaId
+      this.areaName = this.user.areaName
+      this.getList()
+    })
   },
   methods: {
     tabClick(index) {
-      this.tabIndex = index
+      this.tabIndex = index,
+      this.getList()
     },
     areaSelect(v) {
       this.areaId = v
@@ -68,9 +76,11 @@ export default {
       this.getList()
     },
     getList() {
-      this.$http.post('/app/apppreventionreturntopovertyriskperson/list',null,{params:{
+      this.$http.post('/app/apppreventionreturntopovertyriskperson/list-wx',null,{params:{
         current: this.current,
-
+        queryType: this.tabIndex,
+        name: this.name,
+        areaId: this.areaId,
       }}).then(res=>{
         if(res?.data) {
           this.list = this.current==1? res.data.records: [...this.list,...res.data.records]
@@ -87,7 +97,14 @@ export default {
   },
   onShow() {
     document.title = "风险预警"
-  }
+  },
+  // filter() {
+  //   format(num) {
+  //     if(num==0) {
+  //       return ''
+  //     }
+  //   }
+  // }
 }
 </script>
 
@@ -99,6 +116,9 @@ export default {
   ::v-deep .AiTopFixed .search {
     margin-bottom: 0;
   }
+  // ::v-deep .search-box .area-select .AiAreaPicker span {
+  //   color: #FFF;
+  // }
   .tab-select {
     width: 100%;
     height: 96px;
@@ -157,6 +177,8 @@ export default {
     .item {
       background: #FFFFFF;
       border-radius: 16px;
+      margin-bottom: 16px;
+      box-sizing: border-box;
       .top {
         padding: 32px 32px;
         .name-type {