管理端增加标签页显示。

src/App.vue

@@ -27,4 +27,8 @@ export default {
   display: flex;
   flex-direction: row;
 }
+
+.el-table .warning-row {
+  background: #ca7d6f;
+}
 </style>

src/api/business/approval.js

@@ -54,6 +54,10 @@ function otherPageList(formData) {
   return request.post(constant.serverUrl + "/applicationPolicy/otherPageList", formData);
 }
 
+function tabCount(formData) {
+  return request.post(constant.serverUrl + "/applicationPolicy/tabCount", formData);
+}
+
 function otherDetail(formData) {
   //PICC出单
   return request.post(constant.serverUrl + "/applicationPolicy/detail", formData);
@@ -95,7 +99,7 @@ function rollbackOrder(formData) {
 
 
 export default {
-  pageList, insureDetail, acceptDetail, firstApproval, secondApproval, transfer,
+  tabCount,pageList, insureDetail, acceptDetail, firstApproval, secondApproval, transfer,
   policyRecordPageList, attachmentList, issued, otherPageList,
   otherDetail, uploadFiles, loadInsuranceAgent, getPromoterAndAgent,
   downloadPolicyPdf, downloadIdCardZip, downloadPolicyZip,rollbackOrder

src/api/business/insuranceApplication.js

@@ -5,6 +5,10 @@ function pageList(formData) {
   return request.post(constant.serverUrl + "/insuranceApplication/pageList", formData);
 }
 
+function tabCount(formData) {
+  return request.post(constant.serverUrl + "/insuranceApplication/tabCount", formData);
+}
+
 function create() {
   return request.get(constant.serverUrl + "/insuranceApplication/create");
 }
@@ -50,7 +54,6 @@ function acceptDetail(formData) {
   return request.post(constant.serverUrl + "/insuranceApplication/acceptDetail", formData);
 }
 
-
 export default {
-  pageList, create, edit, add, update, remove, batchRemove, insureDetail,acceptDetail
+  tabCount,pageList, create, edit, add, update, remove, batchRemove, insureDetail,acceptDetail
 }

src/views/business/insuranceFirst-firstDetails.vue

@@ -71,11 +71,12 @@
           stripe
           @sort-change="sortChange"
           @selection-change="handleSelectionChange"
+          :row-class-name="memberRowClassName"
         >
           <el-table-column prop="companyMember.name" label="姓名" width="80"></el-table-column>
           <el-table-column prop="companyMember.cardType" label="证件类型" width="100"></el-table-column>
           <el-table-column prop="companyMember.cardNo" label="证件号码" width="200"></el-table-column>
-          <el-table-column prop="companyMember.status" label="审核状态" width="100"></el-table-column>
+          <el-table-column prop="statusN" label="审核状态" width="100"></el-table-column>
           <el-table-column prop="companyMember.sex" label="性别" width="80">
             <template slot-scope="{row}">{{row.companyMember.sex ? "男" : "女"}}</template>
           </el-table-column>
@@ -249,6 +250,13 @@ export default {
     };
   },
   methods: {
+    memberRowClassName({row, rowIndex}) {
+      if (row.replaceMemberId!=null && row.replaceMemberId.length>0) {
+        return 'warning-row';
+      }
+
+      return '';
+    },
     splitSep(arrStr, sep) {
       if (arrStr == null || arrStr.length == 0) {
         return [];

src/views/business/insuranceFirst-leftTab.vue

@@ -69,6 +69,7 @@
             stripe
             @sort-change="sortChange"
             @selection-change="handleSelectionChange"
+            :row-class-name="memberRowClassName"
           >
             <el-table-column prop="companyMember.name" label="姓名" width="80"></el-table-column>
             <el-table-column prop="companyMember.cardType" label="证件类型" width="100"></el-table-column>
@@ -280,6 +281,13 @@ export default {
     };
   },
   methods: {
+    memberRowClassName({row, rowIndex}) {
+      if (row.replaceMemberId!=null && row.replaceMemberId.length>0) {
+        return 'warning-row';
+      }
+
+      return '';
+    },
     splitSep(arrStr, sep) {
       if (arrStr == null || arrStr.length == 0) {
         return [];

src/views/business/insuranceFirst-list.vue

@@ -66,15 +66,60 @@
     </el-form>
     <el-divider></el-divider>
     <el-tabs type="card" activeName @tab-click="handleClick">
-      <el-tab-pane label="全部" name></el-tab-pane>
-      <el-tab-pane label="人才超市核准" name="20"></el-tab-pane>
-      <el-tab-pane label="材料不齐" name="15"></el-tab-pane>
-      <el-tab-pane label="中国人保审核" name="30"></el-tab-pane>
-      <el-tab-pane label="待缴费" name="40"></el-tab-pane>
-      <el-tab-pane label="待制单" name="50"></el-tab-pane>
-      <el-tab-pane label="待出单" name="60"></el-tab-pane>
-      <el-tab-pane label="已出单" name="70"></el-tab-pane>
-      <el-tab-pane label="已过期" name="80"></el-tab-pane>
+      <el-tab-pane name="all">
+        <span slot="label">
+          <el-badge v-if="statusListNum['all']>0" :value="statusListNum['all']" class="item tab-badge">全部</el-badge>
+          <span v-else>全部</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="20">
+        <span slot="label">
+          <el-badge v-if="statusListNum['20']>0" :value="statusListNum['20']" class="item tab-badge">人才超市核准</el-badge>
+          <span v-else>人才超市核准全部</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="15">
+        <span slot="label">
+          <el-badge v-if="statusListNum['15']>0" :value="statusListNum['15']" class="item tab-badge">材料不齐</el-badge>
+          <span v-else>材料不齐</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="30">
+        <span slot="label">
+          <el-badge v-if="statusListNum['30']>0" :value="statusListNum['30']" class="item tab-badge">中国人保审核</el-badge>
+          <span v-else>中国人保审核</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane label="待缴费" name="40">
+        <span slot="label">
+          <el-badge v-if="statusListNum['40']>0" :value="statusListNum['40']" class="item tab-badge">待缴费</el-badge>
+          <span v-else>待缴费</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="50">
+        <span slot="label">
+          <el-badge v-if="statusListNum['50']>0" :value="statusListNum['50']" class="item tab-badge">待制单</el-badge>
+          <span v-else>待制单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="60">
+        <span slot="label">
+          <el-badge v-if="statusListNum['60']>0" :value="statusListNum['60']" class="item tab-badge">待出单</el-badge>
+          <span v-else>待出单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="70">
+        <span slot="label">
+          <el-badge v-if="statusListNum['70']>0" :value="statusListNum['70']" class="item tab-badge">已出单</el-badge>
+          <span v-else>已出单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="80">
+        <span slot="label">
+          <el-badge v-if="statusListNum['80']>0" :value="statusListNum['80']" class="item tab-badge">已过期</el-badge>
+          <span v-else>已过期</span>
+        </span>
+      </el-tab-pane>
       <el-table
         :data="tableData"
         style="min-height:400px;"
@@ -101,6 +146,10 @@
         </el-table-column>
         <el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
         <el-table-column prop="finishTime" label="出单时间" width="160"></el-table-column>
+        <el-table-column prop="accountBank" label="入账银行" width="160"></el-table-column>
+        <el-table-column prop="issuingBank" label="出账银行" width="160"></el-table-column>
+        <el-table-column prop="singlNumber" label="单号" width="100"></el-table-column>
+        <el-table-column prop="transferTime" label="转账时间" width="160"></el-table-column>
         <el-table-column label="操作" width="250" fixed="right">
           <template slot-scope="{row}">
             <el-button size="mini" @click="openFirstDetails(row)">查看详情</el-button>&#12288;&#12288;
@@ -179,7 +228,8 @@ export default {
       showModal: false,
       id: "",
       tabStatus: "",
-      queryResult: []
+      queryResult: [],
+      statusListNum:{}
     };
   },
   methods: {
@@ -216,20 +266,33 @@ export default {
       }
 
       insuranceApplicationApi
-        .pageList(formData)
-        .then(function(response) {
-          self.loading = false;
+      .pageList(formData)
+      .then(function(response) {
+        self.loading = false;
 
-          var jsonData = response.data.data;
+        var jsonData = response.data;
+        
+        if(jsonData.result>0){
+          var tableData = jsonData.data;
 
-          self.tableData = jsonData.data;
-          self.totalPages = jsonData.totalPages;
-          self.totalElements = jsonData.recordsTotal;
-        })
-        .catch(error => {
-          self.loading = false;
-          // self.$message.error(error + "");
-        });
+          self.tableData = tableData.data;
+          self.totalPages = tableData.totalPages;
+          self.totalElements = tableData.recordsTotal;
+        }
+      })
+      .catch(error => {
+        self.loading = false;
+        // self.$message.error(error + "");
+      });
+
+      insuranceApplicationApi.tabCount(formData)
+      .then(response=>{
+          var jsonData = response.data;
+
+          if(jsonData.result){
+            this.statusListNum = jsonData.data;
+          }
+      });
     },
     pageSizeChange(pageSize) {
       this.pageSize = pageSize;
@@ -327,7 +390,13 @@ export default {
       }
     },
     handleClick(tab, event) {
-      this.tabStatus = tab.name;
+      if(tab.name=='all'){
+        this.tabStatus = '';
+      }
+      else{        
+        this.tabStatus = tab.name;
+      }
+      
       this.changePage(1);
       if (this.tabStatus == "20") {
         //待初审20
@@ -405,4 +474,9 @@ export default {
   margin-left: 10px;
   text-align: left;
 }
+
+.tab-badge {
+  display: inline;
+  position: relative !important;
+}
 </style>

src/views/business/insuranceFirst-listPicc.vue

@@ -60,10 +60,30 @@
     </el-form>
     <el-divider></el-divider>
     <el-tabs type="card" activeName @tab-click="handleClick">
-      <el-tab-pane label="全部" name></el-tab-pane>
-      <el-tab-pane label="中国人保审核" name="30"></el-tab-pane>
-      <el-tab-pane label="待出单" name="60"></el-tab-pane>
-      <el-tab-pane label="已出单" name="70"></el-tab-pane>
+      <el-tab-pane name="all">
+        <span slot="label">
+          <el-badge v-if="statusListNum['all']>0" :value="statusListNum['all']" class="item tab-badge">全部</el-badge>
+          <span v-else>全部</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="30">
+        <span slot="label">
+          <el-badge v-if="statusListNum['30']>0" :value="statusListNum['30']" class="item tab-badge">中国人保审核</el-badge>
+          <span v-else>中国人保审核</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="60">
+        <span slot="label">
+          <el-badge v-if="statusListNum['60']>0" :value="statusListNum['60']" class="item tab-badge">待出单</el-badge>
+          <span v-else>待出单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="70">
+        <span slot="label">
+          <el-badge v-if="statusListNum['70']>0" :value="statusListNum['70']" class="item tab-badge">已出单</el-badge>
+          <span v-else>已出单</span>
+        </span>
+      </el-tab-pane>
       <el-table
         :data="tableData"
         style="min-height:400px;"
@@ -90,6 +110,10 @@
         </el-table-column>
         <el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
         <el-table-column prop="finishTime" label="出单时间" width="160"></el-table-column>
+        <el-table-column prop="accountBank" label="入账银行" width="160"></el-table-column>
+        <el-table-column prop="issuingBank" label="出账银行" width="160"></el-table-column>
+        <el-table-column prop="singlNumber" label="单号" width="100"></el-table-column>
+        <el-table-column prop="transferTime" label="转账时间" width="160"></el-table-column>
         <el-table-column label="操作" width="300" fixed="right">
           <template slot-scope="{row}">
             <el-button size="mini" @click="openFirstDetails(row)">查看详情</el-button>&#12288;&#12288;
@@ -163,7 +187,8 @@ export default {
       showModal: false,
       id: "",
       tabStatus: "",
-      queryResult: []
+      queryResult: [],
+      statusListNum:{}
     };
   },
   methods: {
@@ -200,20 +225,33 @@ export default {
       }
 
       insuranceApplicationApi
-        .pageList(formData)
-        .then(function(response) {
-          self.loading = false;
+      .pageList(formData)
+      .then(function(response) {
+        self.loading = false;
 
-          var jsonData = response.data.data;
+        var jsonData = response.data;
+        
+        if(jsonData.result>0){
+          var tableData = jsonData.data;
 
-          self.tableData = jsonData.data;
-          self.totalPages = jsonData.totalPages;
-          self.totalElements = jsonData.recordsTotal;
-        })
-        .catch(error => {
-          self.loading = false;
-          // self.$message.error(error + "");
-        });
+          self.tableData = tableData.data;
+          self.totalPages = tableData.totalPages;
+          self.totalElements = tableData.recordsTotal;
+        }
+      })
+      .catch(error => {
+        self.loading = false;
+        // self.$message.error(error + "");
+      });
+
+      insuranceApplicationApi.tabCount(formData)
+      .then(response=>{
+          var jsonData = response.data;
+
+          if(jsonData.result){
+            this.statusListNum = jsonData.data;
+          }
+      });
     },
     pageSizeChange(pageSize) {
       this.pageSize = pageSize;
@@ -311,7 +349,13 @@ export default {
       }
     },
     handleClick(tab, event) {
-      this.tabStatus = tab.name;
+      if(tab.name=='all'){
+        this.tabStatus = '';
+      }
+      else{        
+        this.tabStatus = tab.name;
+      }
+
       this.changePage(1);
     },
     openPolicyFile(record) {
@@ -360,4 +404,9 @@ export default {
   margin-left: 10px;
   text-align: left;
 }
+
+.tab-badge {
+  display: inline;
+  position: relative !important;
+}
 </style>

src/views/business/insurancePolicy-firstDetails.vue

@@ -71,11 +71,12 @@
           stripe
           @sort-change="sortChange"
           @selection-change="handleSelectionChange"
+          :row-class-name="memberRowClassName"
         >
           <el-table-column prop="companyMember.name" label="姓名" width="80"></el-table-column>
           <el-table-column prop="companyMember.cardType" label="证件类型" width="100"></el-table-column>
           <el-table-column prop="companyMember.cardNo" label="证件号码" width="200"></el-table-column>
-          <el-table-column prop="companyMember.status" label="审核状态" width="100"></el-table-column>
+          <el-table-column prop="statusN" label="审核状态" width="100"></el-table-column>
           <el-table-column prop="companyMember.sex" label="性别" width="80">
             <template slot-scope="{row}">{{row.companyMember.sex ? "男" : "女"}}</template>
           </el-table-column>
@@ -250,6 +251,13 @@ export default {
     };
   },
   methods: {
+    memberRowClassName({row, rowIndex}) {
+      if (row.replaceMemberId!=null && row.replaceMemberId.length>0) {
+        return 'warning-row';
+      }
+
+      return '';
+    },
     splitSep(arrStr, sep) {
       if (arrStr == null || arrStr.length == 0) {
         return [];

src/views/business/insurancePolicy-leftTab.vue

@@ -69,6 +69,7 @@
             stripe
             @sort-change="sortChange"
             @selection-change="handleSelectionChange"
+            :row-class-name="memberRowClassName"
           >
             <el-table-column prop="companyMember.name" label="姓名" width="80"></el-table-column>
             <el-table-column prop="companyMember.cardType" label="证件类型" width="100"></el-table-column>
@@ -280,6 +281,13 @@ export default {
     };
   },
   methods: {
+    memberRowClassName({row, rowIndex}) {
+      if (row.replaceMemberId!=null && row.replaceMemberId.length>0) {
+        return 'warning-row';
+      }
+
+      return '';
+    },
     splitSep(arrStr, sep) {
       if (arrStr == null || arrStr.length == 0) {
         return [];

src/views/business/insurancePolicy-list.vue

@@ -60,15 +60,60 @@
     </el-form>
     <el-divider></el-divider>
     <el-tabs type="card" activeName @tab-click="handleClick">
-      <el-tab-pane label="全部" name></el-tab-pane>
-      <el-tab-pane label="人才超市核准" name="20"></el-tab-pane>
-      <el-tab-pane label="材料不齐" name="15"></el-tab-pane>
-      <el-tab-pane label="中国人保审核" name="30"></el-tab-pane>
-      <el-tab-pane label="待缴费" name="40"></el-tab-pane>
-      <el-tab-pane label="待制单" name="50"></el-tab-pane>
-      <el-tab-pane label="待出单" name="60"></el-tab-pane>
-      <el-tab-pane label="已出单" name="70"></el-tab-pane>
-      <el-tab-pane label="已过期" name="80"></el-tab-pane>
+       <el-tab-pane name="all">
+        <span slot="label">
+          <el-badge v-if="statusListNum['all']>0" :value="statusListNum['all']" class="item tab-badge">全部</el-badge>
+          <span v-else>全部</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="20">
+        <span slot="label">
+          <el-badge v-if="statusListNum['20']>0" :value="statusListNum['20']" class="item tab-badge">人才超市核准</el-badge>
+          <span v-else>人才超市核准全部</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="15">
+        <span slot="label">
+          <el-badge v-if="statusListNum['15']>0" :value="statusListNum['15']" class="item tab-badge">材料不齐</el-badge>
+          <span v-else>材料不齐</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="30">
+        <span slot="label">
+          <el-badge v-if="statusListNum['30']>0" :value="statusListNum['30']" class="item tab-badge">中国人保审核</el-badge>
+          <span v-else>中国人保审核</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane label="待缴费" name="40">
+        <span slot="label">
+          <el-badge v-if="statusListNum['40']>0" :value="statusListNum['40']" class="item tab-badge">待缴费</el-badge>
+          <span v-else>待缴费</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="50">
+        <span slot="label">
+          <el-badge v-if="statusListNum['50']>0" :value="statusListNum['50']" class="item tab-badge">待制单</el-badge>
+          <span v-else>待制单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="60">
+        <span slot="label">
+          <el-badge v-if="statusListNum['60']>0" :value="statusListNum['60']" class="item tab-badge">待出单</el-badge>
+          <span v-else>待出单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="70">
+        <span slot="label">
+          <el-badge v-if="statusListNum['70']>0" :value="statusListNum['70']" class="item tab-badge">已出单</el-badge>
+          <span v-else>已出单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="80">
+        <span slot="label">
+          <el-badge v-if="statusListNum['80']>0" :value="statusListNum['80']" class="item tab-badge">已过期</el-badge>
+          <span v-else>已过期</span>
+        </span>
+      </el-tab-pane>
       <el-table
         :data="tableData"
         style="min-height:400px;"
@@ -95,6 +140,10 @@
         </el-table-column>
         <el-table-column prop="policy.createTime" label="创建时间" width="160"></el-table-column>
         <el-table-column prop="policy.finishTime" label="出单时间" width="160"></el-table-column>
+        <el-table-column prop="accountBank" label="入账银行" width="160"></el-table-column>
+        <el-table-column prop="issuingBank" label="出账银行" width="160"></el-table-column>
+        <el-table-column prop="singlNumber" label="单号" width="100"></el-table-column>
+        <el-table-column prop="transferTime" label="转账时间" width="160"></el-table-column>
         <el-table-column label="操作" width="320" fixed="right">
           <template slot-scope="{row}">
             <el-button size="mini" @click="openPolicyDetails(row)">查看详情</el-button>&#12288;&#12288;
@@ -179,7 +228,8 @@ export default {
       id: "",
       policyId: "",
       tabStatus: "",
-      queryResult: []
+      queryResult: [],
+      statusListNum:{}
     };
   },
   methods: {
@@ -217,20 +267,33 @@ export default {
       }
 
       approvalApi
-        .otherPageList(formData)
-        .then(function(response) {
-          self.loading = false;
+      .otherPageList(formData)
+      .then(function(response) {
+        self.loading = false;
 
-          var jsonData = response.data.data;
+        var jsonData = response.data;
+        
+        if(jsonData.result>0){
+          var tableData = jsonData.data;
 
-          self.tableData = jsonData.data;
-          self.totalPages = jsonData.totalPages;
-          self.totalElements = jsonData.recordsTotal;
-        })
-        .catch(error => {
-          self.loading = false;
-          // self.$message.error(error + "");
-        });
+          self.tableData = tableData.data;
+          self.totalPages = tableData.totalPages;
+          self.totalElements = tableData.recordsTotal;
+        }
+      })
+      .catch(error => {
+        self.loading = false;
+        // self.$message.error(error + "");
+      });
+
+      approvalApi.tabCount(formData)
+      .then(response=>{
+          var jsonData = response.data;
+
+          if(jsonData.result){
+            this.statusListNum = jsonData.data;
+          }
+      });
     },
     pageSizeChange(pageSize) {
       this.pageSize = pageSize;
@@ -329,7 +392,13 @@ export default {
       }
     },
     handleClick(tab, event) {
-      this.tabStatus = tab.name;
+      if(tab.name=='all'){
+        this.tabStatus = '';
+      }
+      else{        
+        this.tabStatus = tab.name;
+      }
+      
       this.changePage(1);
       if (this.tabStatus == "20") {
         //待初审20
@@ -392,4 +461,9 @@ export default {
   margin-left: 10px;
   text-align: left;
 }
+
+.tab-badge {
+  display: inline;
+  position: relative !important;
+}
 </style>

src/views/business/insurancePolicy-listPicc.vue

@@ -60,10 +60,30 @@
     </el-form>
     <el-divider></el-divider>
     <el-tabs type="card" activeName @tab-click="handleClick">
-      <el-tab-pane label="全部" name></el-tab-pane>
-      <el-tab-pane label="中国人保审核" name="30"></el-tab-pane>
-      <el-tab-pane label="待出单" name="60"></el-tab-pane>
-      <el-tab-pane label="已出单" name="70"></el-tab-pane>
+      <el-tab-pane name="all">
+        <span slot="label">
+          <el-badge v-if="statusListNum['']>0" :value="statusListNum['all']" class="item tab-badge">全部</el-badge>
+          <span v-else>全部</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="30">
+        <span slot="label">
+          <el-badge v-if="statusListNum['30']>0" :value="statusListNum['30']" class="item tab-badge">中国人保审核</el-badge>
+          <span v-else>中国人保审核</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="60">
+        <span slot="label">
+          <el-badge v-if="statusListNum['60']>0" :value="statusListNum['60']" class="item tab-badge">待出单</el-badge>
+          <span v-else>待出单</span>
+        </span>
+      </el-tab-pane>
+      <el-tab-pane name="70">
+        <span slot="label">
+          <el-badge v-if="statusListNum['70']>0" :value="statusListNum['70']" class="item tab-badge">已出单</el-badge>
+          <span v-else>已出单</span>
+        </span>
+      </el-tab-pane>      
       <el-table
         :data="tableData"
         style="min-height:400px;"
@@ -90,6 +110,10 @@
         <el-table-column prop="policy.number" label="投保人数" width="80"></el-table-column>
         <el-table-column prop="policy.createTime" label="创建时间" width="160"></el-table-column>
         <el-table-column prop="policy.finishTime" label="出单时间" width="160"></el-table-column>
+        <el-table-column prop="accountBank" label="入账银行" width="160"></el-table-column>
+        <el-table-column prop="issuingBank" label="出账银行" width="160"></el-table-column>
+        <el-table-column prop="singlNumber" label="单号" width="100"></el-table-column>
+        <el-table-column prop="transferTime" label="转账时间" width="160"></el-table-column>
         <el-table-column label="操作" width="300" fixed="right">
           <template slot-scope="{row}">
             <el-button size="mini" @click="openPolicyDetails(row)">查看详情</el-button>&#12288;&#12288;
@@ -171,7 +195,8 @@ export default {
       id: "",
       policyId:"",
       tabStatus: "",
-      queryResult: []
+      queryResult: [],
+      statusListNum:{}
     };
   },
   methods: {
@@ -222,6 +247,16 @@ export default {
           self.loading = false;
           // self.$message.error(error + "");
         });
+
+
+      approvalApi.tabCount(formData)
+      .then(response=>{
+          var jsonData = response.data;
+
+          if(jsonData.result){
+            this.statusListNum = jsonData.data;
+          }
+      });
     },
     pageSizeChange(pageSize) {
       this.pageSize = pageSize;
@@ -320,7 +355,13 @@ export default {
       }
     },
     handleClick(tab, event) {
-      this.tabStatus = tab.name;
+      if(tab.name=='all'){
+        this.tabStatus = '';
+      }
+      else{        
+        this.tabStatus = tab.name;
+      }
+      
       this.changePage(1);
     },
     openPolicyFile(record) {
@@ -356,4 +397,9 @@ export default {
   margin-left: 10px;
   text-align: left;
 }
+
+.tab-badge {
+  display: inline;
+  position: relative !important;
+}
 </style>