From 1bd8311da189a89e15428ffdd96eaab352484ba4 Mon Sep 17 00:00:00 2001
From: "bai.jinyan" <baijinyan>
Date: Tue, 1 Jun 2021 18:45:44 +0800
Subject: [PATCH] =?UTF-8?q?GFRS-2267=20=E7=BB=AD=E6=9C=9F=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82-=E4=BF=9D=E5=8D=95=E5=88=97=E8=A1=A8=E5=92=8C?=
 =?UTF-8?q?=E7=9F=AD=E9=99=A9=E4=BF=9D=E5=8D=95=E5=88=97=E8=A1=A8--?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BA=BA=EF=BC=9A=E7=99=BD=E9=87=91=E5=B2=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/renewalManage/policyList.vue   | 78 +++++++++++++------
 .../ebiz/renewalManage/shortPolicyList.vue    | 77 ++++++++++++------
 2 files changed, 109 insertions(+), 46 deletions(-)

diff --git a/src/views/ebiz/renewalManage/policyList.vue b/src/views/ebiz/renewalManage/policyList.vue
index 27a0a1c1f..1c5ae530e 100644
--- a/src/views/ebiz/renewalManage/policyList.vue
+++ b/src/views/ebiz/renewalManage/policyList.vue
@@ -1,26 +1,47 @@
 <template>
   <div class="policy-list-container">
     <div class="policy-list-content">
-      <van-tabs @click="onClick">
-        <van-tab :title="item" v-for="(item, index) in titleList" :key="index"></van-tab>
-        <div v-if="list">
-          <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
-            <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
-              <cellLine :text="item.riskName" size="large"></cellLine>
-              <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
-              <cellLine title="投保人" :text="item.appntName"></cellLine>
-              <cellLine title="被保人" :text="item.insuredName"></cellLine>
-              <cellLine title="保额(元)" :text="item.amount"></cellLine>
-              <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
-              <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
-              <cellLine v-if="item.netWorkName != ''" title="网点名称" :text="item.netWorkName"></cellLine>
+      <van-tabs v-model="active">
+        <van-tab title="有效">
+          <div v-if="list.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
             </div>
           </div>
-        </div>
-        <div v-else class="text-center">
-          <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
-          <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
-        </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
+        <van-tab title="终止">
+          <div v-if="invalidList.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in invalidList" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
+            </div>
+          </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
       </van-tabs>
     </div>
   </div>
@@ -55,15 +76,11 @@ export default {
     that.getPolicyList()
   },
   methods: {
-    onClick(index) {
-      this.active = index + 1 + ''
-      this.getPolicyList()
-    },
     // 获取保单列表
     getPolicyList() {
       openLoading()
+      let that = this
       let data = {
-        status: this.active,
         idNo: this.customerInfo.idNo,
         idType: this.customerInfo.idType,
         sex: this.customerInfo.sex,
@@ -73,7 +90,20 @@ export default {
       getPolicyList(data).then(res => {
         closeLoading()
         if (res.result == 0) {
-          this.list = res.policyListDTOList
+          for (let item of res.policyListDTOList) {
+            for (let value in item) {
+              if (!item[value]) {
+                item[value] = '-'
+              }
+            }
+          }
+          res.policyListDTOList.map(item => {
+            if (item.orderStatus === '0') {
+              that.list.push(item)
+            } else {
+              that.invalidList.push(item)
+            }
+          })
         } else {
           this.$toast(res.resultMessage)
         }
diff --git a/src/views/ebiz/renewalManage/shortPolicyList.vue b/src/views/ebiz/renewalManage/shortPolicyList.vue
index ed4c7d706..70b37ec14 100644
--- a/src/views/ebiz/renewalManage/shortPolicyList.vue
+++ b/src/views/ebiz/renewalManage/shortPolicyList.vue
@@ -1,25 +1,47 @@
 <template>
   <div class="policy-list-container">
     <div class="policy-list-content">
-      <van-tabs @click="onClick">
-        <van-tab :title="item" v-for="(item, index) in titleList" :key="index"></van-tab>
-        <div v-if="list">
-          <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
-            <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
-              <cellLine :text="item.riskName" size="large"></cellLine>
-              <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
-              <cellLine title="投保人" :text="item.appntName"></cellLine>
-              <cellLine title="被保人" :text="item.insuredName"></cellLine>
-              <cellLine title="保额(元)" :text="item.amount"></cellLine>
-              <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
-              <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+      <van-tabs v-model="active">
+        <van-tab title="有效">
+          <div v-if="list.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
             </div>
           </div>
-        </div>
-        <div v-else class="text-center">
-          <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
-          <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
-        </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
+        <van-tab title="终止">
+          <div v-if="invalidList.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in invalidList" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
+            </div>
+          </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
       </van-tabs>
     </div>
   </div>
@@ -52,19 +74,30 @@ export default {
     that.getPolicyList()
   },
   methods: {
-    onClick(index) {
-      this.active = index + 1 + ''
-      this.getPolicyList()
-    },
     // 获取短险保单列表
     getPolicyList() {
       openLoading()
+      let that = this
       let data = {
       }
+      debugger
       getShortPolicyList(data).then(res => {
         closeLoading()
         if (res.result == 0) {
-          this.list = res.policyListDTOList
+          for (let item of res.policyListDTOList) {
+            for (let value in item) {
+              if (!item[value]) {
+                item[value] = '-'
+              }
+            }
+          }
+          res.policyListDTOList.map(item => {
+            if (item.orderStatus === '0') {
+              that.list.push(item)
+            } else {
+              that.invalidList.push(item)
+            }
+          })
         } else {
           this.$toast(res.resultMessage)
         }