优化理赔款支付--理赔审批接口调用

src/views/ebiz/claims/ClaimApprovalList.vue

@@ -86,6 +86,7 @@
     <div class="bottom-btn bg-white pt10 pb10 flex justify-content-s" style="border-top: 1px solid #dadada;" v-if="active == 'notApproved'">
         <div>
             <van-button class="ml10 mr10" type="danger" :plain='total != claimApprovalIds.length' round size="small" @click="checkAll">全选</van-button>
+            <!-- <van-button class="ml10 mr10" type="danger" round size="small" @click="collapseAll">展开</van-button> -->
             <span class="fs12">合计：{{totalMoney}}元</span>
         </div>
         <div>
@@ -100,8 +101,6 @@
 <script>
 import { Tab, Tabs, Collapse, CollapseItem,Checkbox, CheckboxGroup,Dialog } from 'vant'
 import { queryClaimData, claimApproval,getTotalMoney } from '@/api/ebiz/claims/claims'
-// import axios from 'axios'
-// import index from '@/config/index'
 
 export default {
   name: 'claimApprovalList',
@@ -116,32 +115,58 @@ export default {
   },
   data() {
     return {
-        active: 'notApproved', // notApproved-未审批 , approvalRecord-审批记录, 
-        claimApprovalList: [], //接口数据
-        activeNames:[],//控制展开的面板列表
-        isSuccess: false, //有无数据显示
-        plainStatus:'1', //审批记录--1已通过，0未通过按钮状态
-        passNum: 0,
-        refuseNum: 0,
-        totalMoney:0,//赔案ids(数组)
-        claimApprovalIds:[],//赔案ids(数组)
-        total:0, //统计list中有多少条子数据
-        btnStatus:0 //按钮状态 0通过 1拒绝
+      active: 'notApproved', // notApproved-未审批 , approvalRecord-审批记录, 
+      claimApprovalList: [], //接口数据
+      isSuccess: false, //有无数据显示
+      plainStatus:'1', //审批记录--1已通过，0未通过按钮状态
+      passNum: 0, //通过条数
+      refuseNum: 0,//拒绝条数
+      totalMoney:0,//赔案ids(数组)
+      claimApprovalIds:[],//赔案ids(数组)
+      total:0, //统计list中有多少条子数据
+      btnStatus:0, //按钮状态 0通过 1拒绝
+      activeNames:[],//控制展开的面板列表
+      isOpen:0 //右上角按钮状态 0 全部收起 1 全部展开
     }
   },
   mounted() {
     this.getList()
-    //从成功页点击返回时候需要添加拦截
-    EWebBridge.webCallAppInJs('webview_left_button', {
-      intercept: '1' //是否拦截原生返回事件 1是 其他否
-    })
+    this.checkBtn() // 初始化显示按钮
     window.appCallBack = this.appCallBack
   },
   methods: {
+     checkBtn() {
+      let title = this.isOpen == '1' ? '全部收起' : '全部展开'
+      this.$jump({
+        flag: 'webview_right_button',
+        extra: {
+          btns: [
+            {
+              title: title,
+              title_color: '000000'
+            }
+          ]
+        }
+      })
+    },
     appCallBack(data) {
-      if (data.trigger == 'left_button_click') {
-        this.$jump({
-          flag: 'service'
+      if (data.trigger == 'right_button_click') {
+        // if (this.isOpen == '0') {
+          this.collapseAll()
+        // }
+        this.isOpen = this.isOpen == '0' ? (this.isOpen = '1') : (this.isOpen = '0')
+        this.checkBtn() // 初始化显示按钮
+      }
+    },
+    //右上角，全部展开、全部收起
+    collapseAll(){
+      let that = this
+      if(that.activeNames.length){
+        that.activeNames = []
+      }else{
+        that.activeNames = []
+        this.claimApprovalList.forEach(function(item) {
+          that.activeNames = that.claimApprovalIds.concat(item.checkboxResult)
         })
       }
     },