From b157d251f2bd3629fc4ca3ed9e9094c2c8f11de9 Mon Sep 17 00:00:00 2001
From: liyuetong <li.yuetong@ebiz-fooge.com>
Date: Fri, 10 Sep 2021 09:15:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B4=A5=E8=B4=B4-=E5=AE=A1=E6=89=B9=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E9=80=9A=E8=BF=87=E6=8E=A5=E5=8F=A3=EF=BC=8C=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E5=AE=A1=E6=89=B9=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ebiz/allowance/allowance.js        |  43 ++-
 src/components/ebiz/SelectRadio.vue        |  11 +-
 src/views/ebiz/allowance/Detail.vue        | 379 +++++++++------------
 src/views/ebiz/allowance/approval/List.vue |  31 +-
 4 files changed, 221 insertions(+), 243 deletions(-)

diff --git a/src/api/ebiz/allowance/allowance.js b/src/api/ebiz/allowance/allowance.js
index 02030deaf..b2426fc80 100644
--- a/src/api/ebiz/allowance/allowance.js
+++ b/src/api/ebiz/allowance/allowance.js
@@ -4,9 +4,8 @@
  * @LastEditTime: 2021-04-02 16:10:30
  * @LastEditors: PangXingYue
  * @Description: 
- * @FilePath: \ebiz-h5\src\api\ebiz\cardList\cardList.js
+ * @FilePath: 
  */
-// 卡单接口
 
 import request from '@/assets/js/utils/request'
 import getUrl from '@/assets/js/utils/get-url'
@@ -43,6 +42,46 @@ export function getAllowanceDetail(data) {
     data
   })
 }
+// 津贴申请-权限校验
+export function allowanceCheck(data) {
+  return request({
+    url: getUrl('/agent/allowance/check', 1),
+    method: 'post',
+    data
+  })
+}
+// 津贴-审批批量通过接口
+export function batchPass(data) {
+  return request({
+    url: getUrl('/agent/allowance/approve/batchPass', 1),
+    method: 'post',
+    data
+  })
+}
+// 津贴-提交审批接口
+export function updateApprove(data) {
+  return request({
+    url: getUrl('/agent/allowance/approve/updateApprove', 1),
+    method: 'post',
+    data
+  })
+}
+// 津贴-审批催办接口
+export function approveUrge(data) {
+  return request({
+    url: getUrl('/agent/allowance/approve/approveUrge', 1),
+    method: 'post',
+    data
+  })
+}
+// 津贴-申请列表定期提醒修改
+export function myDataremind(data) {
+  return request({
+    url: getUrl('/agent/allowance/myData/remind', 1),
+    method: 'post',
+    data
+  })
+}
 
 
 
diff --git a/src/components/ebiz/SelectRadio.vue b/src/components/ebiz/SelectRadio.vue
index 1948a18f9..01c62d207 100644
--- a/src/components/ebiz/SelectRadio.vue
+++ b/src/components/ebiz/SelectRadio.vue
@@ -8,7 +8,7 @@
         <van-radio-group class="radio-area" v-model="radio">
           <van-radio @click="handleChoose(itemRadio.value)" :name="itemRadio.value" v-for="(itemRadio, index) in radios" :key="index">
             <div slot="icon"></div>
-            <van-button class="ph30" type="danger" :plain="radio == itemRadio.value ? false : true" round size="small">{{ itemRadio.label }}</van-button>
+            <van-button :color="color" class="ph30" :type="type" :plain="radio == itemRadio.value ? false : true" round size="small">{{ itemRadio.label }}</van-button>
           </van-radio>
         </van-radio-group>
       </div>
@@ -28,6 +28,14 @@ export default {
       type: String,
       default: ''
     },
+    color: {
+      type: String,
+      default: ''
+    },
+    type: {
+      type: String,
+      default: 'danger'
+    },
     radios: {
       type: Array,
       default: []
@@ -98,4 +106,5 @@ export default {
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
+
 </style>
diff --git a/src/views/ebiz/allowance/Detail.vue b/src/views/ebiz/allowance/Detail.vue
index bf5181120..d67866f0f 100644
--- a/src/views/ebiz/allowance/Detail.vue
+++ b/src/views/ebiz/allowance/Detail.vue
@@ -8,19 +8,37 @@
         </template>
         <van-cell title="申请人工号" :value="allowanceApplyDTO.agentCode" :border="border" />
         <van-cell title="申请人姓名" :value="allowanceApplyDTO.name" :border="border" />
-        <van-cell title="申请人证件类型" :value="allowanceApplyDTO.idType | idTypeFilters" :border="border" />
+        <van-cell title="申请人证件类型" :value="allowanceApplyDTO.idType | idToText('idType')" :border="border" />
         <van-cell title="申请人证件号码" :value="allowanceApplyDTO.idNo" :border="border" />
-        <van-cell title="享受人姓名" :value="allowanceEnjoyDTO.name " :border="border" />
-        <van-cell title="享受人角色" :value="allowanceEnjoyDTO.relationship | sexFilters" :border="border" />
-        <van-cell title="享受人证件类型" :value="allowanceEnjoyDTO.idType | idTypeFilters" :border="border" />
+        <van-cell title="享受人姓名" :value="allowanceEnjoyDTO.name" :border="border" />
+        <select-radio
+          :required="false"
+          :disabled="true"
+          :color="colorButton"
+          :type="typeButton"
+          :radios="relationshipArr"
+          label="享受人角色"
+          name="享受人角色"
+          :value.sync="allowanceEnjoyDTO.relationship"
+        ></select-radio>
+        <van-cell title="享受人证件类型" :value="allowanceEnjoyDTO.idType | idToText('idType')" :border="border" />
         <van-cell title="享受人证件号码" :value="allowanceEnjoyDTO.idNo" :border="border" />
-        <van-cell title="性别" :value="allowanceEnjoyDTO.sex | sexFilters" :border="border" />
+        <select-radio
+          :required="false"
+          :disabled="true"
+          :color="colorButton"
+          :type="typeButton"
+          :radios="sexRadio"
+          label="性别"
+          name="性别"
+          :value.sync="allowanceEnjoyDTO.sex"
+        ></select-radio>
         <van-cell title="出生日期" :value="allowanceEnjoyDTO.birthday" :border="border" />
       </van-collapse-item>
       <!-- 基本信息 结束 -->
       <!-- 账户信息 开始 -->
       <van-collapse-item title="账户信息" class="main-title" name="accountInfo">
-        <van-cell title="开户银行省市" class="fwb" :value="areaStr" :border="false" />
+        <van-cell title="开户银行省市" :value="areaStr" :border="border" />
         <van-cell title="开户银行" :value="allowanceBankDTO.bankName" :border="border" />
         <van-cell title="银行卡号" :value="allowanceBankDTO.bankCardNo" :border="border" />
         <van-cell title="手机号码" :value="allowanceBankDTO.mobile" :border="border" />
@@ -32,17 +50,17 @@
       <van-collapse-item class="main-title bg-white" title="影像资料" name="MediaInfo">
         <div v-for="(item, i) in mediaUploadDTOLst" :key="i">
           <!-- <template v-if="item.subBusinessType == '0'"> -->
-            <div class="fs16 m-img">
-              <p class="pv14" v-if="item.imageInfoType == '1'">申请人居民身份证正面</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '2'">申请人居民身份证反面</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '3'">申请人执业证</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '4'">享受人居民身份证正面</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '5'">享受人居民身份证反面</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '6'">银行卡正面</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '7'">关系证明</p>
-              <p class="pv14" v-else-if="item.imageInfoType == '8'">享受人无银行卡/手机号证明</p>
-              <img :src="item.rgssUrl | urlFormat" alt="" />
-            </div>
+          <div class="fs16 m-img">
+            <p class="pv14" v-if="item.imageInfoType == '1'">申请人居民身份证正面</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '2'">申请人居民身份证反面</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '3'">申请人执业证</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '4'">享受人居民身份证正面</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '5'">享受人居民身份证反面</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '6'">银行卡正面</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '7'">关系证明</p>
+            <p class="pv14" v-else-if="item.imageInfoType == '8'">享受人无银行卡/手机号证明</p>
+            <img :src="item.rgssUrl | urlFormat" alt="" />
+          </div>
           <!-- </template> -->
         </div>
       </van-collapse-item>
@@ -52,24 +70,48 @@
         <template slot="title">
           <span>签名信息</span>
         </template>
-        <div>
-          <div v-for="(item, i) in allowanceSignDTOLst" :key="i">
-              <span v-if="item.type == 1">申请人签名</span>
-              <span v-else-if="item.type == 2">享受人签名</span>
-              <img :src="item.signPath" alt="">
-          </div>
+        <div class="ml15" v-for="(item, i) in allowanceSignDTOLst" :key="i">
+          <span v-if="item.type == 1">申请人签名</span>
+          <span v-else-if="item.type == 2">享受人签名</span>
+          <img class="ml10 v-middle" :src="item.signPath" alt="" />
         </div>
       </van-collapse-item>
       <!-- 签名信息 结束 -->
+      <!-- 审批结论 开始 -->
+      <van-collapse-item class="main-title bg-white" name="signInfo" v-if="type == '1'">
+        <template slot="title">
+          <span>审批结论</span>
+        </template>
+        <div class="ml15 mt20 mb10">
+          <van-radio-group v-model="approveResult">
+            <van-radio class="mb10" name="1" checked-color="#2E4591">通过</van-radio>
+            <van-radio name="0" checked-color="#2E4591">驳回</van-radio>
+          </van-radio-group>
+        </div>
+        <van-field
+          class="m-textarea"
+          v-if="approveResult == '0'"
+          v-model="approveMsg"
+          rows="2"
+          autosize
+          label=""
+          type="textarea"
+          maxlength="200"
+          placeholder="请输入留言"
+          show-word-limit
+        />
+      </van-collapse-item>
+      <!-- 审批结论 结束 -->
     </van-collapse>
+    <van-button v-if="type == '1'" type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">提交审批</van-button>
   </div>
 </template>
 <script>
-import { CellGroup, Field, Dialog, Collapse, CollapseItem, Cell, Popup, Divider } from 'vant'
-import config from '@/config'
-import getAreaName from '@/assets/js/utils/get-area-name'
-import { getAllowanceDetail } from '@/api/ebiz/allowance/allowance'
+import { Toast, CellGroup, Field, Dialog, Collapse, CollapseItem, Cell, Popup, Divider, RadioGroup, Radio } from 'vant'
+import { getAllowanceDetail, updateApprove } from '@/api/ebiz/allowance/allowance'
 import areaList from '@/assets/js/utils/area'
+import filter from '@/filters/index'
+import SelectRadio from '@/components/ebiz/SelectRadio'
 
 export default {
   name: 'detail',
@@ -81,11 +123,20 @@ export default {
     [CollapseItem.name]: CollapseItem,
     [Cell.name]: Cell,
     [Popup.name]: Popup,
-    [Divider.name]: Divider
+    [Divider.name]: Divider,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    [Toast.name]: Toast,
+    [SelectRadio.name]: SelectRadio
   },
   data() {
     return {
-      allowanceNo: this.$route.query.allowanceNo,
+      approveResult: '1', //审批结果 (0-审批拒绝,1-审批通过)
+      approveMsg: '', //审批信息
+      colorButton: '#2E4591', //select-radio中按钮颜色
+      typeButton: 'default',
+      allowanceNo: this.$route.query.allowanceNo, //数据流水号
+      type: this.$route.query.type, //type 0申请详情 1审批详情
       areaList,
       areaStr: '',
       border: true,
@@ -95,130 +146,37 @@ export default {
       mediaDTOSOther: [], //影像信息--其他
       allowanceBankDTO: {},
       allowanceSignDTOLst: [],
-      activeNames: ['baseInfo', 'accountInfo', 'MediaInfo', 'signInfo']
+      activeNames: ['baseInfo', 'accountInfo', 'MediaInfo', 'signInfo'],
+      sexRadio: [
+        {
+          label: '男',
+          value: '0'
+        },
+        {
+          label: '女',
+          value: '1'
+        }
+      ],
+      relationshipArr: [
+        {
+          label: '父亲',
+          value: 'F'
+        },
+        {
+          label: '母亲',
+          value: 'M'
+        }
+      ]
     }
   },
   filters: {
-    idTypeFilters(idType) {
-      if (idType == '1') {
-        return '身份证'
-      } else if (idType == '2') {
-        return '户口本'
-      } else if (idType == '3') {
-        return '出生证明'
-      } else if (idType == '4') {
-        return '护照'
-      } else if (idType == '5') {
-        return '港澳居民通行证'
-      } else if (idType == '6') {
-        return '台湾居民通行证'
-      } else if (idType == '7') {
-        return '其他'
-      }
-    },
-    sexFilters(sex) {
-      if (sex == '1') {
-        return '女'
-      } else if (sex == '0') {
-        return '男'
-      }
-    },
-    autoPayFlagFilters(isAutoPay) {
-      if (isAutoPay == '1') {
-        return '否'
-      } else if (isAutoPay == '0') {
-        return '是'
-      }
-    },
-    nativeplaceFilters(nativeplace) {
-      if (nativeplace == '1') {
-        return '中国'
-      }
-    },
-    //1-----已婚，2----未婚
-    marriageFilters(avoirdupois) {
-      if (avoirdupois == '1') {
-        return '已婚'
-      } else if (avoirdupois == '2') {
-        return '未婚'
-      }
-    },
-    medicalFilters(avoirdupois) {
-      if (avoirdupois == '1') {
-        return '无'
-      } else if (avoirdupois == '0') {
-        return '有'
-      }
-    },
-    insuredSumFilter(amt) {
-      if (parseInt(amt * 1).toString() === '0') {
-        return '--'
-      } else {
-        return amt + '元'
-      }
-    },
+    idToText: filter.idToText, //数据字典数据过滤
     differentCompony(isAlwaysEffect, certiEndDate) {
       if (isAlwaysEffect !== '0') {
         return '长期有效'
       } else {
         return certiEndDate
       }
-    },
-    urlFormat(url) {
-      return (config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${url}`).replace(/\+/g, '%2B')
-    },
-    insuYearFilters(risk) {
-      //保险期间
-      if (risk.insuYear == 106 && risk.insuYearFlag == 'A') {
-        return '终身'
-      } else {
-        if (risk.insuYearFlag == 'Y') {
-          return risk.insuYear + '年' //页面展示
-        } else {
-          return '至' + risk.insuYear + '周岁'
-        }
-      }
-    },
-    payEndYearFilters(risk) {
-      //交费期间
-      if (risk.payEndYearFlag == 'Y') {
-        if (risk.payEndYear == '1000') {
-          return '一次交清'
-        } else {
-          return risk.payEndYear + '年'
-        }
-      } else {
-        return risk.payEndYear + '岁'
-      }
-    },
-    yearGetModeFilters(yearGetMode) {
-      //年金领取频率
-      if (yearGetMode == '1') {
-        return '月领'
-      } else if (yearGetMode == '12') {
-        return '年领'
-      }
-    },
-    bonusGetModeFilters(bonusGetMode) {
-      //年金领取频率
-      if (bonusGetMode == '1') {
-        return '累计生息'
-      } else if (bonusGetMode == '2') {
-        return '现金领取'
-      }
-    },
-    //投保人，被保人
-    homeAddressFilters(data) {
-      let address = getAreaName([{ code: data.homeProvince }, { code: data.homeCity }, { code: data.homeArea }]) //2家庭地址
-      return address + data.homeAddress
-    },
-    //受益人
-    homeAddressBeFilters(data) {
-      let homeProvince = data.province
-      let homeCity = data.city
-      let homeArea = data.area
-      let address = getAreaName([{ code: homeProvince }, { code: homeCity }, { code: homeArea }]) //2家庭地址
-      return address + data.village
     }
   },
   created() {
@@ -260,12 +218,54 @@ export default {
       let provinces = areaList.province_list
       let cities = areaList.city_list
       this.areaStr = `${provinces[provinceCode]}-${cities[cityCode]}`
+    },
+    nextStep() {
+      if (this.approveResult == '0') {
+        if (!this.approveMsg) {
+          this.$toast('请输入审批驳回原因。')
+          return false
+        }
+      }
+
+      updateApprove({ allowanceNo: this.allowanceNo, approveResult: this.approveResult, approveMsg: this.approveMsg }).then((res) => {
+        if (res.result == '0') {
+          //   this.$toast('审批提交成功！')
+          Toast({
+            duration: 3000, // 持续展示 toast
+            forbidClick: true,
+            message: '审批提交成功！'
+          })
+          setTimeout(() => {
+            this.$jump({
+              flag: 'h5',
+              extra: {
+                url: location.origin + `/#/allowance/approval/List`
+              },
+              routerInfo: {
+                path: '/allowance/approval/List'
+              }
+            })
+          }, 1000)
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
     }
   }
 }
 </script>
-
+<style lang="scss">
+#app .van-radio__icon--checked .van-icon {
+    border-color: #2e4591 !important;
+    background-color: #2e4591 !important;
+}
+</style>
 <style lang="scss" scoped>
+#app .van-button--danger {
+  background: #2e4591;
+  border: 1px solid #2e4591;
+}
+
 .orderDetail-container {
   .m-img {
     margin: 10px 0 0 25px;
@@ -275,94 +275,25 @@ export default {
       display: inline-block;
     }
   }
-  .yellow-dark {
-    color: #f6a624 !important;
-  }
-  $green: #4fc6b3;
   /deep/.van-collapse-item__content {
     padding: 0;
   }
-  .left-icon {
-    width: 10px;
-    height: 20px;
-    border-radius: 10px;
-    background-color: $green;
-  }
-  .table {
-    border: 1px $green;
-    width: 100%;
-    thead {
-      background: $green;
-      th {
-        font-weight: normal !important;
-      }
-      th:first-child {
-        border-top-left-radius: 5px;
-      }
-      th:last-child {
-        border-top-right-radius: 5px;
-      }
-    }
-    tbody {
-      tr {
-        td {
-          border-right: 1px solid $green;
-          border-bottom: 1px solid $green;
-        }
-        td:first-child {
-          border-left: 1px solid $green;
-        }
-      }
-    }
-  }
 
-  //投被保人,受益人
-  /deep/.main-title > .van-collapse-item__title,
-  .bc-f7f7f7 {
+  /deep/.main-title > .van-collapse-item__title {
     background-color: #f7f7f7;
-  }
-  .bb-dadada {
-    border-bottom: 1px solid #ebedf0;
-  }
-  /deep/.main-title > .van-collapse-item__title.van-cell--clickable.van-cell::before {
-    content: '';
-    width: 10px;
-    height: 20px;
-    border-radius: 10px;
-    background: #55c5b2;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
+    color: #2e4591;
+    font-weight: bold;
   }
 
-  /deep/ .van-collapse-item .van-cell.van-cell--clickable.van-collapse-item__title {
-    .van-cell__title {
-      span {
-        font-size: 14px;
-        font-weight: bold;
-      }
-    }
+  /deep/.sex-radio .radio-area {
+    margin-left: 55px;
   }
-
-  /deep/ .main-title.van-collapse-item > .van-cell.van-collapse-item__title {
-    .van-cell__title {
-      padding-left: 15px !important;
-      span {
-        font-size: 16px;
-        font-weight: bold;
-      }
-      .normal-title {
-        font-weight: normal;
-        padding-left: 60px;
-      }
-    }
+  /deep/.van-cell.m-textarea .van-field__label {
+    width: 0;
   }
-  /deep/ .van-cell:not(:last-child)::after {
-    border-bottom: 1px solid #ebedf0 !important;
-  }
-  /deep/ [class*='van-hairline']:after {
-    border-top: 0 !important;
-    border-bottom: 1px solid #ebedf0 !important;
+  /deep/.van-cell .van-cell__value--alone {
+    border: 1px solid #eee;
+    padding: 5px;
   }
 }
 </style>
diff --git a/src/views/ebiz/allowance/approval/List.vue b/src/views/ebiz/allowance/approval/List.vue
index 4a0cef86a..79c984399 100644
--- a/src/views/ebiz/allowance/approval/List.vue
+++ b/src/views/ebiz/allowance/approval/List.vue
@@ -73,7 +73,7 @@
 
 <script>
 import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field, Checkbox, CheckboxGroup } from 'vant'
-import { getApproveList } from '@/api/ebiz/allowance/allowance'
+import { getApproveList, batchPass } from '@/api/ebiz/allowance/allowance'
 
 export default {
   name: 'applicationList',
@@ -96,7 +96,7 @@ export default {
       checkboxResult: [],
       searchName: '',
       active: 'uncommit', //uncommit 表示未审批  commit表示已审批
-      saleList: [],
+      saleList: []
     }
   },
   mounted() {
@@ -168,15 +168,13 @@ export default {
           path: '/allowance/detail',
           query: {
             allowanceNo: order.allowanceNo,
-            type:'0'
+            type: '0'
           }
         }
       })
     },
     //去审批
     goApprove(order) {
-      localStorage.orderNo = order.orderInfoDTO.orderNo
-      localStorage.removeItem('changeCard')
       this.$jump({
         flag: 'h5',
         extra: {
@@ -186,7 +184,7 @@ export default {
           path: '/allowance/detail',
           query: {
             allowanceNo: order.allowanceNo,
-            type:'1'
+            type: '1'
           }
         }
       })
@@ -199,16 +197,17 @@ export default {
         title: '提示',
         message: '是否全部审批通过？'
       }).then(() => {
-        // claimApproval({claimApprovalIds:this.claimApprovalIds,approvalResult:approvalResult}).then(res => {
-        //   if (res.result == '0') {
-        //     that.getList()
-        //   } else if(res.result == '2') { //当前数据正在审批中，请稍后再试--刷新数据
-        //     that.getOrderList()
-        //     this.$toast(res.resultMessage)
-        //   }else{
-        //     this.$toast(res.resultMessage)
-        //   }
-        // })
+        batchPass({ allowanceNoList: this.checkboxResult }).then((res) => {
+          if (res.result == '0') {
+            that.getOrderList()
+            // } else if(res.result == '2') { //当前数据正在审批中，请稍后再试--刷新数据
+            //   that.getOrderList()
+            //   this.$toast(res.resultMessage)
+          } else {
+            that.getOrderList()
+            this.$toast(res.resultMessage)
+          }
+        })
       })
     }
   },