From ae8076cc4df0c33e4c36584bb68d59ecdfd2976e Mon Sep 17 00:00:00 2001
From: wangmingzhe <wmz_0826@163.com>
Date: Tue, 24 Dec 2019 16:19:19 +0800
Subject: [PATCH] =?UTF-8?q?[FIX]=20=E4=BF=AE=E6=94=B9=E5=BC=80=E9=97=A8?=
 =?UTF-8?q?=E7=BA=A2=E6=95=B0=E6=8D=AE=E6=8A=A5=E8=A1=A8=E6=98=8E=E7=BB=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/report/reportDetail.vue | 172 ++++++++-----------------
 src/views/ebiz/report/reportList.vue   |  96 +++++++++-----
 2 files changed, 119 insertions(+), 149 deletions(-)

diff --git a/src/views/ebiz/report/reportDetail.vue b/src/views/ebiz/report/reportDetail.vue
index 8e8f066f4..65ad8d24a 100644
--- a/src/views/ebiz/report/reportDetail.vue
+++ b/src/views/ebiz/report/reportDetail.vue
@@ -31,20 +31,20 @@
     <div class="all">
       <table class="move-table" cellspacing="0" cellpadding="0" border="0">
         <tr>
-          <th>险种</th>
+          <th>{{this.title || filterTitle}}</th>
           <th>当日预收件数</th>
           <th>当日预收规模保费（万元）</th>
           <th>当日承保件数</th>
           <th>当日承保规模保费（万元）</th>
           <th>当日承保标准保费（万元）</th>
         </tr>
-        <tr v-for="(item,index) in reportDetail" :key="index">
-          <td>{{item.name}}</td>
-          <td>{{item.Advance}}</td>
-          <td>{{item.premium}}</td>
-          <td>{{item.InsuranceNumber}}</td>
-          <td>{{item.dataPremium}}</td>
-          <td>{{item.standardPremium}}</td>
+        <tr v-for="(item,index) in reportList" :key="index">
+          <td>{{item.sellTypeName}}</td>
+          <td>{{item.preItems}}</td>
+          <td>{{item.prePrem}}</td>
+          <td>{{item.items}}</td>
+          <td>{{item.prem}}</td>
+          <td>{{item.standPrem}}</td>
         </tr>
       </table>
     </div>
@@ -52,10 +52,10 @@
     <div class="l">
       <table border="0" cellspacing="0" cellpadding="0" class="fixed-l">
         <tr>
-          <th>险种</th>
+          <th>{{this.title || filterTitle}}</th>
         </tr>
-        <tr v-for="(item,index) in reportDetail" :key="index">
-          <td>{{item.name}}</td>
+        <tr v-for="(item,index) in reportList" :key="index">
+          <td>{{item.sellTypeName}}</td>
         </tr>
       </table>
     </div>
@@ -65,7 +65,7 @@
 
 <script>
 import { List, Tab, Tabs, Tag, Row, Col, Dialog, Sticky } from 'vant'
-// import { progress } from '@/api/ebiz/claims/claims'
+import { reportList } from '@/api/ebiz/report/report'
 
 export default {
   name: 'reportDetail',
@@ -80,100 +80,40 @@ export default {
   },
   data() {
     return {
-      reportDetail: [
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        },
-        {
-          name: '国富人寿八桂无忧重大疾病保险（B款）',
-          Advance: 7,
-          premium: 1.63,
-          InsuranceNumber: 1454,
-          dataPremium: 350.84,
-          standardPremium: 2119
-        }
-      ]
+      reportList: []
     }
   },
-  mounted() {},
-  filters: {}
+  created(){
+    this.reportList = JSON.parse(localStorage.reportList)
+    console.log(this.reportList[0].salechnlName)
+    this.title = this.reportList[0].salechnlName
+  },
+  filters: {
+    filterTitle: function(title) {
+      let text
+      switch (title) {
+        case '个险':
+          text = '险种'
+          break
+        // case '3':
+        //   text = '已提交核心'
+        //   break
+        // case '40':
+        //   text = '已申请'
+        //   break
+        // case '50':
+        //   text = '已立案'
+        //   break
+        // case '60':
+        //   text = '已结案'
+        //   break
+        // case 'Y':
+        //   text = '已支付'
+        //   break
+      }
+      return text
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -207,17 +147,17 @@ export default {
   position: relative;
 }
 .all .move-table,
-.fixed-l{
-  background-color: #F0F8FA;
-  width:100px;
+.fixed-l {
+  background-color: #f0f8fa;
+  width: 100px;
 }
 .fixed-l th:nth-child(1),
 .all .move-table th:nth-child(1),
 .fixed-l td:nth-child(1),
-.all .move-table td:nth-child(1){
-    width: 180px;
+.all .move-table td:nth-child(1) {
+  width: 180px;
   text-align: center;
-  border: 1px solid #D8E0E2;
+  border: 1px solid #d8e0e2;
   min-width: 180px;
   max-width: 180px;
 }
@@ -227,15 +167,17 @@ export default {
 .all .move-table td {
   width: 200px;
   text-align: center;
-  border: 1px solid #D8E0E2;
+  border: 1px solid #d8e0e2;
   min-width: 200px;
   max-width: 200px;
 }
-.all .move-table th,.fixed-l th{
-    height: 80px;
+.all .move-table th,
+.fixed-l th {
+  height: 80px;
 }
-.all .move-table td,.fixed-l td{
-    height: 60px;
+.all .move-table td,
+.fixed-l td {
+  height: 60px;
 }
 
 .l {
diff --git a/src/views/ebiz/report/reportList.vue b/src/views/ebiz/report/reportList.vue
index 8c1a1cea2..cbe8c458e 100644
--- a/src/views/ebiz/report/reportList.vue
+++ b/src/views/ebiz/report/reportList.vue
@@ -9,33 +9,33 @@
         :swipe-threshold="5"
         title-active-color="#E3372F"
       >
-        <van-tab name="personalInsurance" title="个险"></van-tab>
-        <van-tab name="intermediary" title="中介"></van-tab>
-        <van-tab name="healthInsurance" title="健康险"></van-tab>
-        <van-tab name="networkSale" title="网销"></van-tab>
-        <van-tab name="bancassurance" title="银保"></van-tab>
+        <van-tab name="0" title="个险"></van-tab>
+        <van-tab name="1" title="中介"></van-tab>
+        <van-tab name="2" title="健康险"></van-tab>
+        <van-tab name="3" title="网销"></van-tab>
+        <van-tab name="4" title="银保"></van-tab>
       </van-tabs>
     </van-sticky>
     <van-row class="list mt50">
       <van-row class="flex justify-content-s align-items-c mh-auto">
         <van-col class="c-gray-darker fwb ml10">当日预收件数</van-col>
-        <van-col class="text-center mr10 red fwb">1000</van-col>
+        <van-col class="text-center mr10 red fwb">{{list.preItems}}</van-col>
       </van-row>
       <van-row class="flex justify-content-s align-items-c mh-auto">
         <van-col class="c-gray-darker fwb ml10">当日承保件数</van-col>
-        <van-col class="text-center mr10 red fwb">1000</van-col>
+        <van-col class="text-center mr10 red fwb">{{list.items}}</van-col>
       </van-row>
       <van-row class="flex justify-content-s align-items-c mh-auto">
         <van-col class="c-gray-darker fwb ml10">当日预收规模保费（万元）</van-col>
-        <van-col class="text-center mr10 red fwb">1000</van-col>
+        <van-col class="text-center mr10 red fwb">{{list.prePrem}}</van-col>
       </van-row>
       <van-row class="flex justify-content-s align-items-c mh-auto">
         <van-col class="c-gray-darker fwb ml10">当日承保规模保费（万元）</van-col>
-        <van-col class="text-center mr10 red fwb">1000</van-col>
+        <van-col class="text-center mr10 red fwb">{{list.prem}}</van-col>
       </van-row>
       <van-row class="flex justify-content-s align-items-c mh-auto">
         <van-col class="c-gray-darker fwb ml10">当日承保标准保费（万元）</van-col>
-        <van-col class="text-center mr10 red fwb">1000</van-col>
+        <van-col class="text-center mr10 red fwb">{{list.standPrem}}</van-col>
       </van-row>
     </van-row>
     <van-button type="danger" class="bottom-btn" @click="goDetail" v-no-more-click="1000">查看明细</van-button>
@@ -60,9 +60,10 @@ export default {
   },
   data() {
     return {
-      active: 'personalInsurance', //intermediary 中介 healthInsurance 健康险  networkSale 网销  bancassurance 银保
+      active: '0',
+      title: '个险',
       reportList: [], //接口数据
-      list:[],//用于展示每一项的数据
+      list: [] //用于展示每一项的数据
     }
   },
   mounted() {
@@ -87,35 +88,62 @@ export default {
         resultsName: '',
         resultsType: '0'
       }
-        this.$toast.loading({
-          duration: 0, // 持续展示 toast
-          forbidClick: true, // 禁用背景点击
-          loadingType: 'spinner',
-          message: '加载中……'
-        })
-        reportList(data).then(res => {
-          this.$toast.clear()
-          if (res.result == '0') {
-            console.log(res)
-            this.reportList = res.content
-            this.list = res.content[0]
-          } else {
-            this.$toast(res.resultMessage)
-          }
-        })
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      reportList(data).then(res => {
+        this.$toast.clear()
+        if (res.result == '0') {
+          console.log(res)
+          this.reportList = res.content
+          this.list = res.content[this.active]
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
     },
     tabChange(name, title) {
       this.active = name
+      this.title = title
+      this.list = this.reportList[this.active]
     },
     goDetail() {
       this.$jump({
-        flag: 'h5',
+        flag: 'navigation',
         extra: {
-          url: location.origin + '/#/report/reportDetail',
-          forbidSwipeBack: '1'
-        },
-        routerInfo: {
-          path: '/report/reportDetail'
+          title: this.title,
+          hiddenRight: '1'
+        }
+      })
+      let data = {
+        resultsName: this.title,
+        resultsType: '1'
+      }
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      reportList(data).then(res => {
+        this.$toast.clear()
+        if (res.result == '0') {
+          localStorage.reportList = JSON.stringify(res.content)
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/report/reportDetail',
+              forbidSwipeBack: '1'
+            },
+            routerInfo: {
+              path: '/report/reportDetail'
+            }
+          })
+        } else {
+          this.$toast(res.resultMessage)
         }
       })
     }