业绩快报页面改造

src/views/ebiz/report/reportList.vue

@@ -1,14 +1,7 @@
 <template>
   <div class="report-list-container">
     <van-sticky>
-      <van-tabs
-        :line-width="45"
-        v-model="active"
-        @change="tabChange"
-        sticky
-        :swipe-threshold="5"
-        title-active-color="#E3372F"
-      >
+      <van-tabs :line-width="45" v-model="active" @change="tabChange" sticky :swipe-threshold="5" title-active-color="#E3372F">
         <van-tab name="0" title="个险"></van-tab>
         <van-tab name="1" title="中介"></van-tab>
         <van-tab name="2" title="健康险"></van-tab>
@@ -17,78 +10,58 @@
       </van-tabs>
     </van-sticky>
     <van-row class="list mt50">
-      <div class="fs14 mt10 mb10 text-center">{{this.time}}</div>
+      <div class="fs14 mt10 mb10 text-center">{{ this.time }}</div>
       <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">{{list.preItems}}</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">{{list.items}}</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">{{list.prePrem}}</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">{{list.prem}}</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">{{list.standPrem}}</van-col>
+        <van-col class="text-center mr10 red fwb">{{ list.standPrem }}</van-col>
       </van-row>
     </van-row>
     <div class="flex justify-content-s bottom-btn bg-white" v-show="this.active == '0'">
-      <van-button
-        class="bottom0 left0"
-        type="danger"
-        @click="goDetail('1')"
-        v-no-more-click="1000"
-        size="large"
-      >险种明细</van-button>
-      <van-button
-        class="bottom0 left0"
-        type="danger"
-        size="large"
-        v-no-more-click="1000"
-        @click="goDetail('2')"
-      >机构明细</van-button>
+      <van-button class="bottom0 left0" type="danger" @click="goDetail('1')" v-no-more-click="1000" size="large">险种明细</van-button>
+      <van-button class="bottom0 left0" type="danger" size="large" v-no-more-click="1000" @click="goDetail('2')">机构明细</van-button>
     </div>
     <van-button
-      v-show="this.active != '0'&&this.active!='4' "
+      v-show="this.active != '0' && this.active != '4' && this.active != '1'"
       type="danger"
       class="bottom-btn"
       @click="goDetail('1')"
       v-no-more-click="1000"
       size="large"
-    >查看明细</van-button>
+      >查看明细</van-button
+    >
     <div class="flex justify-content-s bottom-btn bg-white" v-show="this.active == '4'">
-      <van-button
-        class="bottom0 left0"
-        type="danger"
-        size="large"
-        v-no-more-click="1000"
-        @click="goDetail('3')"
-      >险种明细</van-button>
-      <van-button
-        class="bottom0 left0"
-        type="danger"
-        @click="goDetail('1')"
-        v-no-more-click="1000"
-        size="large"
-      >银行明细</van-button>
+      <van-button class="bottom0 left0" type="danger" size="large" v-no-more-click="1000" @click="goDetail('3')">险种明细</van-button>
+      <van-button class="bottom0 left0" type="danger" @click="goDetail('1')" v-no-more-click="1000" size="large">银行明细</van-button>
+    </div>
+    <div class="flex justify-content-s bottom-btn bg-white" v-show="this.active == '1'">
+      <van-button class="bottom0 left0" type="danger" size="large" v-no-more-click="1000">险种明细</van-button>
+      <van-button class="bottom0 left0" type="danger" @click="goDetail('1')" v-no-more-click="1000" size="large">机构明细</van-button>
     </div>
   </div>
 </template>
 
-
 <script>
-import { List, Tab, Tabs, Tag, Row, Col, Dialog, Sticky } from 'vant'
+import { List, Tab, Tabs, Tag, Row, Col, Sticky } from 'vant'
 import { reportList } from '@/api/ebiz/report/report'
 
 export default {
@@ -168,13 +141,12 @@ export default {
       if (val == '2') {
         name = '机构名称'
         localStorage.name = name
-      } else if (val == '3'){
+      } else if (val == '3') {
         name = '险种明细'
         localStorage.name = name
-        data.resultsName='银代'
-        data.resultsType='2'
-
-      }else {
+        data.resultsName = '银代'
+        data.resultsType = '2'
+      } else {
         localStorage.removeItem('name')
       }
       this.$toast.loading({