Просмотр исходного кода

fix:开票未结算-作废增加二次确认

刘恒 2 лет назад
Родитель
Сommit
45d43b9b7f

+ 100 - 77
src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/InvoicingUnsettled.vue

@@ -141,23 +141,23 @@
         <el-table
           :data="form.insuranceHandlingList"
           border
-          style="width: 600px;margin-bottom: 20px;"
+          style="width: 600px; margin-bottom: 20px"
         >
-            <el-table-column prop="incomeSigningTime" label="月份"> </el-table-column>
-            <el-table-column prop="remainingAmount" label="未结算金额">
-            </el-table-column>
-            <el-table-column prop="settlementAmount" label="进账金额">
-              <template slot-scope="scope">
-                <el-input v-model="scope.row.settlementAmount"  @input='amountChange(scope.row)'></el-input>
-              </template>
-            </el-table-column>
+          <el-table-column prop="incomeSigningTime" label="月份">
+          </el-table-column>
+          <el-table-column prop="remainingAmount" label="未结算金额">
+          </el-table-column>
+          <el-table-column prop="settlementAmount" label="进账金额">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.settlementAmount"
+                @input="amountChange(scope.row)"
+              ></el-input>
+            </template>
+          </el-table-column>
         </el-table>
-          <el-form-item label="进账总金额:">
-          <el-input
-            v-model="total"
-            style="width: 220px"
-            readonly
-          ></el-input>
+        <el-form-item label="进账总金额:">
+          <el-input v-model="total" style="width: 220px" readonly></el-input>
         </el-form-item>
         <el-form-item label="进账日期:">
           <el-date-picker
@@ -168,7 +168,7 @@
           >
           </el-date-picker>
         </el-form-item>
-          <el-form-item label="上传凭证:">
+        <el-form-item label="上传凭证:">
           <el-upload
             action="#"
             class="upload-demo"
@@ -184,9 +184,7 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="cancelSumbit"
-          >取消</el-button
-        >
+        <el-button size="small" @click="cancelSumbit">取消</el-button>
         <el-button type="primary" size="small" @click="balanceSumbit"
           >确实</el-button
         >
@@ -198,7 +196,7 @@
 import templateTable from "@/components/TemplateTable/index.vue";
 import { mapState } from "vuex";
 import yearMonthYay from "../../PlatformSettlement/yearMonthYay.vue";
-import { Decimal } from 'decimal.js'
+import { Decimal } from "decimal.js";
 export default {
   name: "InvoicingUnsettled",
   components: { templateTable, yearMonthYay },
@@ -306,9 +304,9 @@ export default {
       fileList: [],
       dialogVisiblebalance: false,
       form: {
-        insuranceHandlingList:[],
-        settlementAmount:"",
-        settlementTime:"",
+        insuranceHandlingList: [],
+        settlementAmount: "",
+        settlementTime: "",
       },
       formTableData: [],
       tableConfigDetail: {
@@ -512,21 +510,30 @@ export default {
   },
   computed: {
     total() {
-            var sum =0;
-            if(this.form.insuranceHandlingList.length>0){
-                this.form.insuranceHandlingList.forEach(item => {
-                     sum = new Decimal(sum).plus((item.settlementAmount==''||item.settlementAmount==null)?new Decimal(0): new Decimal(item.settlementAmount)).toString();
-                });
-                return  Object.is(Number(sum), NaN)?0:sum;
-            }
-            return sum;
-    }
+      var sum = 0;
+      if (this.form.insuranceHandlingList.length > 0) {
+        this.form.insuranceHandlingList.forEach((item) => {
+          sum = new Decimal(sum)
+            .plus(
+              item.settlementAmount == "" || item.settlementAmount == null
+                ? new Decimal(0)
+                : new Decimal(item.settlementAmount)
+            )
+            .toString();
+        });
+        return Object.is(Number(sum), NaN) ? 0 : sum;
+      }
+      return sum;
+    },
   },
   methods: {
     //改变事件
-    amountChange(row){
-      if(row.settlementAmount>0 && row.settlementAmount>row.remainingAmount){
-         this.$message.error("进账金额不能大于未结算金额");
+    amountChange(row) {
+      if (
+        row.settlementAmount > 0 &&
+        row.settlementAmount > row.remainingAmount
+      ) {
+        this.$message.error("进账金额不能大于未结算金额");
       }
     },
     // 记录
@@ -704,40 +711,43 @@ export default {
       this.dialogVisible = false;
     },
     //取消结算
-    cancelSumbit(){
-      this.dialogVisiblebalance = false
+    cancelSumbit() {
+      this.dialogVisiblebalance = false;
       //清空数据
-      this.form= {
-        insuranceHandlingList:[],
-        settlementAmount:"",
-        settlementTime:"",
-      }
-      this.batchData.id=null;
+      this.form = {
+        insuranceHandlingList: [],
+        settlementAmount: "",
+        settlementTime: "",
+      };
+      this.batchData.id = null;
     },
     balanceSumbit() {
-      var flag=0;
-      var count=0;
-      if(this.form.insuranceHandlingList){
-        this.form.insuranceHandlingList.forEach(e => {  
-          if(e.settlementAmount>0 && e.settlementAmount>e.remainingAmount){
+      var flag = 0;
+      var count = 0;
+      if (this.form.insuranceHandlingList) {
+        this.form.insuranceHandlingList.forEach((e) => {
+          if (
+            e.settlementAmount > 0 &&
+            e.settlementAmount > e.remainingAmount
+          ) {
             this.$message.error("进账金额不能大于未结算金额");
-            flag+=1;
+            flag += 1;
           }
-          if(e.settlementAmount>0){
-            count+=1;
+          if (e.settlementAmount > 0) {
+            count += 1;
           }
-        })
+        });
       }
-      if (count==0) {
+      if (count == 0) {
         this.$message.error("未填写金额!!");
         return;
       }
-      if (flag>0) {
+      if (flag > 0) {
         this.$message.error("金额输入错误!!");
         return;
       }
-      
-      this.form.settlementAmount=this.total;
+
+      this.form.settlementAmount = this.total;
       this.$api.task
         .batchBxBalance({
           ...this.openBalanceDetail,
@@ -766,17 +776,30 @@ export default {
       this.dialogVisiblebalance = false;
     },
     handVoid(row) {
-      this.$api.task.yaidlnvoicing({ id: row.id }).then((res) => {
-        if (res.code == 200) {
-          this.dialogVisible = false;
+      this.$confirm("是否确认作废?", "提示", {
+        confirmButtonText: "提交",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.task.yaidlnvoicing({ id: row.id }).then((res) => {
+            if (res.code == 200) {
+              this.dialogVisible = false;
+              this.$message({
+                message: res.msg || "操作成功",
+                type: "success",
+              });
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+        })
+        .catch(() => {
           this.$message({
-            message: res.msg || "操作成功",
-            type: "success",
+            type: "info",
+            message: "已取消作废",
           });
-        } else {
-          this.$message.error(res.msg);
-        }
-      });
+        });
     },
     // 结算
     balanceFun(row) {
@@ -784,21 +807,21 @@ export default {
       this.fileList = [];
       this.getSettlementList(row);
       this.dialogVisiblebalance = true;
-
     },
     //通过结算数据id查询需要结算的数据
-    getSettlementList(row){
-      this.$api.settlement.queryListByTaskIdAndCompanyId(
-        { 
+    getSettlementList(row) {
+      this.$api.settlement
+        .queryListByTaskIdAndCompanyId({
           taskId: row.taskId,
-          partnerCompaniesId:row.partnerCompaniesId,
-          isNotCar:"0",
-          isNotDocumentary:"0"
-        }).then((res) => {
-        if (res.code == 200) {
-           this.form.insuranceHandlingList =res.data; 
-        } 
-      }); 
+          partnerCompaniesId: row.partnerCompaniesId,
+          isNotCar: "0",
+          isNotDocumentary: "0",
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.form.insuranceHandlingList = res.data;
+          }
+        });
     },
     tablePageChange(val) {
       this.pageData.pageSize = val;

+ 793 - 665
src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/InvoicingUnsettled.vue

@@ -1,694 +1,822 @@
 <template>
-    <!--布局容器-->
-    <div class="InvoicedAndSettled" style="width: 99%; margin-top: 0px">
-        <templateTable :formList="formList" :searchData.sync="searchData" :tableConfig="tableConfig" :data="tableData"
-            @findPage="findPage" @handleSearchList="handleSearchList" @resetForm="resetForm" :pagination="pageData"
-            @getList="getList">
-            <template slot="data">
-                <yearMonthYay ref="yearMonthYay" @getYearData="getYearData" @getMonthData="getMonthData"
-                    @getDayData="getDayData"></yearMonthYay>
+  <!--布局容器-->
+  <div class="InvoicedAndSettled" style="width: 99%; margin-top: 0px">
+    <templateTable
+      :formList="formList"
+      :searchData.sync="searchData"
+      :tableConfig="tableConfig"
+      :data="tableData"
+      @findPage="findPage"
+      @handleSearchList="handleSearchList"
+      @resetForm="resetForm"
+      :pagination="pageData"
+      @getList="getList"
+    >
+      <template slot="data">
+        <yearMonthYay
+          ref="yearMonthYay"
+          @getYearData="getYearData"
+          @getMonthData="getMonthData"
+          @getDayData="getDayData"
+        ></yearMonthYay>
+      </template>
+      <template slot="保司机构">
+        <el-cascader
+          v-model="pageData.partnerCompaniesIdList"
+          size="small"
+          :show-all-levels="false"
+          ize="small"
+          :options="ztreeNodes"
+          :props="{
+            checkStrictly: true,
+            value: 'id',
+            label: 'name',
+            children: 'children',
+          }"
+          clearable
+          filterable
+        ></el-cascader>
+      </template>
+    </templateTable>
+    <el-dialog
+      title="详情"
+      :visible.sync="dialogVisible"
+      width="80%"
+      :before-close="handleClose"
+    >
+      <templateTable
+        ref="templateTable"
+        :formList="formList1"
+        @handleSearchList="handleSearchList1"
+        :tableConfig="tableConfigDetail"
+        :data="formTableData"
+        @findPage="findPageDetail"
+      >
+        <template slot="开票方式" slot-scope="scope">
+          <span>{{
+            scope.row.invoicingMethod == 0
+              ? "保司开票"
+              : scope.row.invoicingMethod == 1
+              ? "掌柜开票"
+              : scope.row.invoicingMethod
+          }}</span>
+        </template>
+        <template slot="结算状态" slot-scope="scope">
+          <span>{{
+            scope.row.completionStatus == 0
+              ? "开票未结算"
+              : scope.row.completionStatus == 1
+              ? "开票已结算"
+              : scope.row.completionStatus == 2
+              ? "开票结算清"
+              : scope.row.completionStatus
+          }}</span>
+        </template>
+      </templateTable>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="结算"
+      :visible.sync="dialogVisiblebalance"
+      width="30%"
+      :before-close="handleClosebalance"
+    >
+      <el-form ref="form" :model="form" label-width="200px">
+        <el-table
+          :data="form.insuranceHandlingList"
+          border
+          style="width: 600px; margin-bottom: 20px"
+        >
+          <el-table-column prop="incomeSigningTime" label="月份">
+          </el-table-column>
+          <el-table-column prop="remainingAmount" label="未结算金额">
+          </el-table-column>
+          <el-table-column prop="settlementAmount" label="进账金额">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.settlementAmount"
+                @input="amountChange(scope.row)"
+              ></el-input>
             </template>
-            <template slot="保司机构">
-                <el-cascader v-model="pageData.partnerCompaniesIdList" size="small" :show-all-levels="false" ize="small"
-                    :options="ztreeNodes" :props='{
-                        checkStrictly: true,
-                        value: "id",
-                        label: "name",
-                        children: "children",
-                    }' clearable filterable></el-cascader>
-            </template>
-        </templateTable>
-        <el-dialog title="详情" :visible.sync="dialogVisible" width="80%" :before-close="handleClose">
-            <templateTable ref="templateTable" :formList="formList1" @handleSearchList="handleSearchList1"
-                :tableConfig="tableConfigDetail" :data="formTableData" @findPage="findPageDetail">
-                <template slot="开票方式" slot-scope="scope">
-                <span>{{ scope.row.invoicingMethod == 0 ? '保司开票' : scope.row.invoicingMethod == 1 ? '掌柜开票' : scope.row.invoicingMethod }}</span>
-              </template>
-              <template slot="结算状态" slot-scope="scope">
-                <span>{{ scope.row.completionStatus == 0 ? '开票未结算' : scope.row.completionStatus == 1 ? '开票已结算' : scope.row.completionStatus == 2 ? '开票结算清' : scope.row.completionStatus }}</span>
-              </template>
-            </templateTable>
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="dialogVisible = false">取消</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog title="结算" :visible.sync="dialogVisiblebalance" width="30%" :before-close="handleClosebalance">
-            
-            <el-form ref="form" :model="form" label-width="200px">
-                <el-table
-                :data="form.insuranceHandlingList"
-                border
-                style="width: 600px;margin-bottom: 20px;"
-                >
-                    <el-table-column prop="incomeSigningTime" label="月份"> </el-table-column>
-                    <el-table-column prop="remainingAmount" label="未结算金额">
-                    </el-table-column>
-                    <el-table-column prop="settlementAmount" label="进账金额">
-                    <template slot-scope="scope">
-                        <el-input v-model="scope.row.settlementAmount"  @input='amountChange(scope.row)'></el-input>
-                    </template>
-                    </el-table-column>
-                </el-table>
-                    <el-form-item label="进账总金额:">
-                        <el-input v-model="total" style="width:220px"></el-input>
-                    </el-form-item>
-                    <el-form-item label="进账日期:">
-                        <el-date-picker v-model="form.settlementTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item label="上传凭证:">
-                        <el-upload action="#" class="upload-demo" :limit="1" :auto-upload="false" :on-change="drivingupload"
-                            ref="upload3" accept=".png, .jpg, .jpeg" :file-list="fileList">
-                            <el-button size="small" type="primary">点击上传</el-button>
-                        </el-upload>
-                    </el-form-item>
-                </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="cancelSumbit">取消</el-button>
-                <el-button type="primary" size="small" @click="balanceSumbit">确定</el-button>
-            </span>
-        </el-dialog>
-        <!-- 记录 明细 -->
-        <el-dialog title="记录" :visible.sync="dialogVisiblerecord" width="30%" :before-close="handleCloserecord">
-            <templateTable ref="templateTable1"   :pagination="pageDatarecord" @getList="getListrecord"
-                :tableConfig="tableConfigDetailrecord" :data="formTableDatarecord" @findPage="findPageDetailrecord">
-                <template slot="imageUrl" slot-scope="scope">
-                    <img v-if="scope.row.imageUrl" :src='scope.row.imageUrl' class="imageclass"  @click.stop="showViewer=true;ProViewImg=scope.row.imageUrl" />
-                </template>
-            </templateTable>
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog title="明细" :visible.sync="dialogVisiblerecordDetail" width="50%" :before-close="handleCloserecorddetail">
-            <templateTable ref="templateTable1"   :pagination="pageDatarecorddetail" @getList="getListrecorddetail"
-                :tableConfig="tableConfigDetailrecorddetail" :data="recordDetailData" @findPage="findPageDetailrecorddatail">
-            </templateTable>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="dialogVisiblerecordDetail = false">取消</el-button>
-            </span>
-        </el-dialog>
+          </el-table-column>
+        </el-table>
+        <el-form-item label="进账总金额:">
+          <el-input v-model="total" style="width: 220px"></el-input>
+        </el-form-item>
+        <el-form-item label="进账日期:">
+          <el-date-picker
+            v-model="form.settlementTime"
+            type="date"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="上传凭证:">
+          <el-upload
+            action="#"
+            class="upload-demo"
+            :limit="1"
+            :auto-upload="false"
+            :on-change="drivingupload"
+            ref="upload3"
+            accept=".png, .jpg, .jpeg"
+            :file-list="fileList"
+          >
+            <el-button size="small" type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="cancelSumbit">取消</el-button>
+        <el-button type="primary" size="small" @click="balanceSumbit"
+          >确定</el-button
+        >
+      </span>
+    </el-dialog>
+    <!-- 记录 明细 -->
+    <el-dialog
+      title="记录"
+      :visible.sync="dialogVisiblerecord"
+      width="30%"
+      :before-close="handleCloserecord"
+    >
+      <templateTable
+        ref="templateTable1"
+        :pagination="pageDatarecord"
+        @getList="getListrecord"
+        :tableConfig="tableConfigDetailrecord"
+        :data="formTableDatarecord"
+        @findPage="findPageDetailrecord"
+      >
+        <template slot="imageUrl" slot-scope="scope">
+          <img
+            v-if="scope.row.imageUrl"
+            :src="scope.row.imageUrl"
+            class="imageclass"
+            @click.stop="
+              showViewer = true;
+              ProViewImg = scope.row.imageUrl;
+            "
+          />
+        </template>
+      </templateTable>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisiblerecord = false"
+          >取消</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="明细"
+      :visible.sync="dialogVisiblerecordDetail"
+      width="50%"
+      :before-close="handleCloserecorddetail"
+    >
+      <templateTable
+        ref="templateTable1"
+        :pagination="pageDatarecorddetail"
+        @getList="getListrecorddetail"
+        :tableConfig="tableConfigDetailrecorddetail"
+        :data="recordDetailData"
+        @findPage="findPageDetailrecorddatail"
+      >
+      </templateTable>
 
-    </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisiblerecordDetail = false"
+          >取消</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
-import templateTable from '@/components/TemplateTable/index.vue'
-import { mapState } from 'vuex'
-import yearMonthYay from '../../PlatformSettlement/yearMonthYay.vue'
-import { Decimal } from 'decimal.js'
+import templateTable from "@/components/TemplateTable/index.vue";
+import { mapState } from "vuex";
+import yearMonthYay from "../../PlatformSettlement/yearMonthYay.vue";
+import { Decimal } from "decimal.js";
 export default {
-    name: "baosi",
-    components: { templateTable, yearMonthYay },
-    created() {
-    },
-    computed: {
-        ...mapState({
-            perms: state => state.user.perms
-        })
-    },
-    data() {
-        return {
-            // 记录 明细
-          dialogVisiblerecord: false,
-          dialogVisiblerecordDetail: false,
-          formTableDatarecord:[],
-          recordDetailData:[],
-          pageDatarecord: {
-                pageNum: 1,
-                pageSize: 20,
-                totalSize:0
+  name: "baosi",
+  components: { templateTable, yearMonthYay },
+  created() {},
+  computed: {
+    ...mapState({
+      perms: (state) => state.user.perms,
+    }),
+  },
+  data() {
+    return {
+      // 记录 明细
+      dialogVisiblerecord: false,
+      dialogVisiblerecordDetail: false,
+      formTableDatarecord: [],
+      recordDetailData: [],
+      pageDatarecord: {
+        pageNum: 1,
+        pageSize: 20,
+        totalSize: 0,
+      },
+      pageDatarecorddetail: {
+        pageNum: 1,
+        pageSize: 20,
+        totalSize: 0,
+      },
+      tableConfigDetailrecord: {
+        columns: [
+          {
+            prop: "settlementTime",
+            label: "进账日期",
+            type: "text",
+          },
+          {
+            prop: "settlementAmount",
+            label: "进帐金额",
+            type: "text",
+          },
+          {
+            name: "imageUrl",
+            label: "凭证",
+            type: "slot",
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+      },
+      tableConfigDetailrecorddetail: {
+        columns: [
+          {
+            prop: "noPolicyno",
+            label: "非车保单号",
+            type: "text",
+          },
+          {
+            prop: "licenseno",
+            label: "车牌号",
+            type: "text",
+          },
+          {
+            prop: "insuredName",
+            label: "被保人",
+            type: "text",
+          },
+          {
+            prop: "noPremium",
+            label: "非车保费",
+            type: "text",
+          },
+          {
+            prop: "noSuperviseCostsPremiums",
+            label: "非车手续费",
+            type: "text",
+          },
+          {
+            prop: "noSuperviseCostsProportion",
+            label: "非车手续费比例",
+            type: "text",
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+      },
+      ztreeNodes: [],
+      fileList: [],
+      dialogVisiblebalance: false,
+      form: {
+        insuranceHandlingList: [],
+        settlementAmount: "",
+        settlementTime: null,
+      },
+      formTableData: [],
+      dialogVisible: false,
+      tableConfigDetail: {
+        columns: [
+          {
+            prop: "invoicId",
+            label: "开票号",
+            type: "text",
+          },
+          {
+            prop: "invoicingMethod",
+            label: "开票方式",
+            // type: "text"
+            name: "开票方式",
+            type: "slot",
+          },
+          {
+            prop: "invoicCommissionFeevalue",
+            label: "开票金额",
+            type: "text",
+          },
+          {
+            prop: "invoicedSettledAmount",
+            label: "已开票已结算金额",
+            type: "text",
+          },
+          {
+            prop: "invoicedNotSettledAmount",
+            label: "已开票未结算金额",
+            type: "text",
+          },
+          {
+            prop: "completionStatus",
+            label: "结算状态",
+            name: "结算状态",
+            type: "slot",
+          },
+        ],
+        loading: true,
+        isShowIndex: true,
+        operationWidth: 150,
+        tableHeight: "auto",
+        optBtns: [
+          {
+            type: "primary",
+            label: "结算",
+            hide: (row) => {
+              return row.completionStatus != "2";
             },
-            pageDatarecorddetail: {
-                pageNum: 1,
-                pageSize: 20,
-                totalSize:0
+            click: (row, index) => {
+              return this.balanceFun(row);
             },
-            tableConfigDetailrecord: {
-                columns: [
-                    {
-                        prop: "settlementTime",
-                        label: "进账日期",
-                        type: "text"
-                    },
-                    {
-                        prop: "settlementAmount",
-                        label: "进帐金额",
-                        type: "text"
-                    },
-                    {
-                        name: "imageUrl",
-                        label: "凭证",
-                        type: "slot"
-                    },
-                ],
-                loading: true,
-                isPaginationShow:true
+          },
+          {
+            type: "primary",
+            label: "作废",
+            hide: (row) => {
+              return row.completionStatus == "0";
             },
-            tableConfigDetailrecorddetail: {
-                columns: [
-                    {
-                        prop: "noPolicyno",
-                        label: "非车保单号",
-                        type: "text"
-                    },
-                    {
-                        prop: "licenseno",
-                        label: "车牌号",
-                        type: "text"
-                    },
-                    {
-                        prop: "insuredName",
-                        label: "被保人",
-                        type: "text"
-                    },
-                    {
-                        prop: "noPremium",
-                        label: "非车保费",
-                        type: "text"
-                    },
-                    {
-                        prop: "noSuperviseCostsPremiums",
-                        label: "非车手续费",
-                        type: "text"
-                    },
-                    {
-                        prop: "noSuperviseCostsProportion",
-                        label: "非车手续费比例",
-                        type: "text"
-                    },
-                ],
-                loading: true,
-                isPaginationShow:true
+            click: (row, index) => {
+              return this.handVoid(row);
             },
-            ztreeNodes: [],
-            fileList: [],
-            dialogVisiblebalance: false,
-            form: {
-                insuranceHandlingList:[],
-                settlementAmount:"",
-                settlementTime:null, 
+          },
+          {
+            type: "primary",
+            label: "记录",
+            hide: (row) => {
+              return row.completionStatus != "0";
             },
-            formTableData: [],
-            dialogVisible: false,
-            tableConfigDetail: {
-                columns: [
-                    {
-                        prop: "invoicId",
-                        label: "开票号",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicingMethod",
-                        label: "开票方式",
-                        // type: "text"
-                        name: '开票方式',
-                        type: 'slot'
-                    },
-                    {
-                        prop: "invoicCommissionFeevalue",
-                        label: "开票金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicedSettledAmount",
-                        label: "已开票已结算金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicedNotSettledAmount",
-                        label: "已开票未结算金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "completionStatus",
-                        label: "结算状态",
-                        name: "结算状态",
-                        type: "slot"
-                    }
-
-                ],
-                loading: true,
-                isShowIndex: true,
-                operationWidth: 150,
-                tableHeight:'auto',
-                optBtns: [
-                    {
-                        type: 'primary',
-                        label: '结算',
-                        hide: (row) => {
-                            return row.completionStatus != '2'
-                        },
-                        click: (row, index) => { return this.balanceFun(row) },
-                    },
-                    {
-                        type: 'primary',
-                        label: '作废',
-                        hide: (row) => {
-                            return row.completionStatus == '0'
-                        },
-                        click: (row, index) => { return this.handVoid(row) },
-                    },
-                    {
-                    type:'primary',
-                    label:'记录',
-                    hide: (row) => {
-                    return row.completionStatus != '0'
-                    },
-                    click:(row, index) => {return this.haldRecord(row)},
-                },
-                {
-                    type:'primary',
-                    label:'明细',
-                    hide: (row) => {
-                    return row.completionStatus != '0'
-                    },
-                    click:(row, index) => {return this.haldRecordDetail(row)},
-                },
-                ]
+            click: (row, index) => {
+              return this.haldRecord(row);
             },
-            searchData: {},
-            formList: [
-                {
-                    label: "保险公司",
-                    prop: "companyName",
-                    type: "company",
-                },
-                {
-                    label: "合作公司名称",
-                    name: "保司机构",
-                    type: "slot",
-                },
-                {
-                    label: "年月日",
-                    name: "data",
-                    type: "slot",
-                },
-            ],
-            formList1: [
-                {
-                    label: "结算状态",
-                    prop: "settlementStatus",
-                    type: "select",
-                    options: [
-                      {
-                        label: '开票未结算',
-                        value: '0'
-                      },
-                      {
-                        label: '开票已结算',
-                        value: '1'
-                      }, 
-                      {
-                        label: '开票结算清',
-                        value: '2'
-                      },
-                    ]
-                },
-
-            ],
-            tableConfig: {
-                columns: [
-                    {
-                        prop: "companyName",
-                        label: "保险公司名称",
-                        type: "text"
-                    },
-                    {
-                        prop: "partnerCompaniesName",
-                        label: "保司机构",
-                        type: "text"
-                    },
-                    {
-                        prop: "allInvoicCommissionFeevalue",
-                        label: "已开票手续费",
-                        type: "text"
-                    },
-                    {
-                        prop: "readyCommissionFeevalue",
-                        label: "已开票已结算手续费",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicCommissionFeevalue",
-                        label: "已开票未结算手续费",
-                        type: "text"
-                    },
-                ],
-                loading: true,
-                isPaginationShow: true,
-                showSummary: true,
-                isShowIndex: true,
-                tableHeight: 'auto',
-                optBtns: [
-                    {
-                        type: 'primary',
-                        label: '详情',
-                        click: (row, index) => { return this.haldDetail(row) },
-                    }
-                ]
+          },
+          {
+            type: "primary",
+            label: "明细",
+            hide: (row) => {
+              return row.completionStatus != "0";
             },
-            tableData: [],
-            pageData: {
-                pageNum: 1,
-                pageSize: 20,
-                agreementType: '2',
-                isNotCar: '1',
-                isNotDocumentary: '0',
-                handlingFeesStatus: '0'
+            click: (row, index) => {
+              return this.haldRecordDetail(row);
             },
-            formData: {},
-            formDetail: {},
-            batchData: {}
-        };
-    },
-    created() {
-        this.$api.insCompany.findLeftInsTree({
-            classname: "",
-            type: '1',
-        }).then((res) => {
-            this.ztreeNodes = res.data;
-        });
-        this.findPage();
-    },
-    computed: {
-        total() {
-            var sum =0;
-            if(this.form.insuranceHandlingList.length>0){
-                this.form.insuranceHandlingList.forEach(item => {
-                     sum = new Decimal(sum).plus((item.settlementAmount==''||item.settlementAmount==null)?new Decimal(0): new Decimal(item.settlementAmount)).toString();
-                });
-                return  Object.is(Number(sum), NaN)?0:sum;
-            }
-            return sum;
-       }
-    },
-    methods: {
-          //改变事件
-     amountChange(row){
-      if(row.settlementAmount>0 && row.settlementAmount>row.remainingAmount){
-         this.$message.error("进账金额不能大于未结算金额");
-      }
-     },
-        // 明细
-      findPageDetailrecord(data) {
-            this.tableConfigDetailrecord.loading = true
-            this.$api.task
-            .settlementFeesGetRecord(this.recorddetailid)
-            .then(res => {
-                if (res.code == 200) {
-                    res.data.forEach(ele => {
-                        if (ele.imageUrl) {
-                        ele.imageUrl= process.env.BASE_URL+ele.imageUrl
-                        }
-                    });
-                    this.formTableDatarecord = res.data
-                    this.tableConfigDetailrecord.loading = false;
-                }
-                else {
-                    this.tableConfigDetail.loading = false;
-                    this.$message.error(res.msg)
-                }
-            });
-        },
-        getListrecord(data) {
-            this.findPageDetailrecord(data)
-        },
-        haldRecord(row) {
-            this.dialogVisiblerecord = true
-            this.recorddetailid = row.id
-            this.findPageDetailrecord()
-        },
-        
-        haldRecordDetail(row) {
-            this.dialogVisiblerecordDetail = true
-            this.recorddetailid = row.id
-            this.getListrecorddetail()
+          },
+        ],
+      },
+      searchData: {},
+      formList: [
+        {
+          label: "保险公司",
+          prop: "companyName",
+          type: "company",
         },
-        getListrecorddetail(data) {
-            this.findPageDetailrecorddatail(data)
+        {
+          label: "合作公司名称",
+          name: "保司机构",
+          type: "slot",
         },
-        findPageDetailrecorddatail(data) {
-            this.tableConfigDetailrecorddetail.loading = true;
-            this.$api.task
-            .fncplyFeeQuery({
-                    partnerCompaniesId: this.formDetail.partnerCompaniesId,
-                    agreementType: '2',
-                    isNotCar: '1',
-                    handlingFeesStatus: '0',
-                    id:this.recorddetailid,
-                    ...this.pageDatarecorddetail,
-                    ...data})
-                .then(res => {
-                    if (res.code == 200) {
-                        this.tableConfigDetailrecorddetail.loading = false;
-                        this.recordDetailData = res.data.content ? res.data.content : []
-                    }
-                    else {
-                        this.tableConfigDetailrecorddetail.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
+        {
+          label: "年月日",
+          name: "data",
+          type: "slot",
         },
-      handleCloserecord() {
-            this.dialogVisiblerecord = false
-        },
-        handleCloserecorddetail() {
-            this.dialogVisiblerecordDetail = false
+      ],
+      formList1: [
+        {
+          label: "结算状态",
+          prop: "settlementStatus",
+          type: "select",
+          options: [
+            {
+              label: "开票未结算",
+              value: "0",
+            },
+            {
+              label: "开票已结算",
+              value: "1",
+            },
+            {
+              label: "开票结算清",
+              value: "2",
+            },
+          ],
         },
-        drivingupload(file, fileList) {
-            this.fileList = []
-            const params = new FormData(); // 声明formData数据类型
-            params.append("multipartFile", file.raw);
-            params.append("type", "image");
-            this.$api.letter.uploadFile(params).then(res => {
-                if (res.code == "200") {
-                    this.batchData = res.data
-                    this.fileList = fileList
-                }
-                else {
-                    this.fileList = []
-                    this.$message.error(res.msg)
-                }
+      ],
+      tableConfig: {
+        columns: [
+          {
+            prop: "companyName",
+            label: "保险公司名称",
+            type: "text",
+          },
+          {
+            prop: "partnerCompaniesName",
+            label: "保司机构",
+            type: "text",
+          },
+          {
+            prop: "allInvoicCommissionFeevalue",
+            label: "已开票手续费",
+            type: "text",
+          },
+          {
+            prop: "readyCommissionFeevalue",
+            label: "已开票已结算手续费",
+            type: "text",
+          },
+          {
+            prop: "invoicCommissionFeevalue",
+            label: "已开票未结算手续费",
+            type: "text",
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+        showSummary: true,
+        isShowIndex: true,
+        tableHeight: "auto",
+        optBtns: [
+          {
+            type: "primary",
+            label: "详情",
+            click: (row, index) => {
+              return this.haldDetail(row);
+            },
+          },
+        ],
+      },
+      tableData: [],
+      pageData: {
+        pageNum: 1,
+        pageSize: 20,
+        agreementType: "2",
+        isNotCar: "1",
+        isNotDocumentary: "0",
+        handlingFeesStatus: "0",
+      },
+      formData: {},
+      formDetail: {},
+      batchData: {},
+    };
+  },
+  created() {
+    this.$api.insCompany
+      .findLeftInsTree({
+        classname: "",
+        type: "1",
+      })
+      .then((res) => {
+        this.ztreeNodes = res.data;
+      });
+    this.findPage();
+  },
+  computed: {
+    total() {
+      var sum = 0;
+      if (this.form.insuranceHandlingList.length > 0) {
+        this.form.insuranceHandlingList.forEach((item) => {
+          sum = new Decimal(sum)
+            .plus(
+              item.settlementAmount == "" || item.settlementAmount == null
+                ? new Decimal(0)
+                : new Decimal(item.settlementAmount)
+            )
+            .toString();
+        });
+        return Object.is(Number(sum), NaN) ? 0 : sum;
+      }
+      return sum;
+    },
+  },
+  methods: {
+    //改变事件
+    amountChange(row) {
+      if (
+        row.settlementAmount > 0 &&
+        row.settlementAmount > row.remainingAmount
+      ) {
+        this.$message.error("进账金额不能大于未结算金额");
+      }
+    },
+    // 明细
+    findPageDetailrecord(data) {
+      this.tableConfigDetailrecord.loading = true;
+      this.$api.task
+        .settlementFeesGetRecord(this.recorddetailid)
+        .then((res) => {
+          if (res.code == 200) {
+            res.data.forEach((ele) => {
+              if (ele.imageUrl) {
+                ele.imageUrl = process.env.BASE_URL + ele.imageUrl;
+              }
             });
-        },
-        getYearData(val) {
-            this.formData.year = val
-        },
-        getMonthData(val) {
-            this.formData.month = val
-        },
-        getDayData(val) {
-            this.formData.day = val
-        },
-        haldDetail(row) {
-            this.dialogVisible = true
-            this.formDetail = row
-            this.findPageDetail(row)
-        },
-        handleSearchList1(data) {
-            this.findPageDetail({ ...this.formDetail, ...data })
-        },
-        handVoid(row) {
-            this.$api.task
-                .yaidlnvoicing({ id: row.id })
-                .then(res => {
-                    if (res.code == 200) {
-                        this.dialogVisible = false
-                        this.$message({
-                            message: res.msg || '操作成功',
-                            type: 'success'
-                        })
-                    }
-                    else {
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        findPageDetail(data) {
-            this.tableConfigDetail.loading = true
-            this.$api.task
-                .invicdetai({
-                    partnerCompaniesId: data.partnerCompaniesId,
-                    agreementType: '2',
-                    isNotCar: '1',
-                    isNotDocumentary: '0',
-                    handlingFeesStatus: '0',
-                    // settlementStatus: data.settlementStatus,
-                    completionStatus:data.settlementStatus || '0',
-                    settlementStatus: '1'
-                })
-                .then(res => {
-                    if (res.code == 200) {
-                        this.formTableData = res.data;
-                        this.tableConfigDetail.loading = false;
-                    }
-                    else {
-                        this.tableConfigDetail.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        handleClose() {
-            this.dialogVisible = false
-        },
-        // 查询
-        handleSearchList(data) {
-            this.findPage(data);
-        },
-        resetForm() {
-            this.formData = {}
-            this.$refs.yearMonthYay.clear()
-        },
-        //列表数据
-        findPage(data) {
-            // if (data) {
-            //     this.pageData.pageNum = data.pageNum;
-            //     this.pageData.pageSize = data.pageSize;
-            // }
-            this.tableConfig.loading = true;
-            this.$api.task
-                .totalBxAmount({ ...this.pageData, ...this.formData, ...data })
-                .then(res => {
-                    if (res.code == 200) {
-                        this.tableData = res.data ? res.data : []
-                        // this.pageData.pageNum = res.data.pageNum;
-                        // this.pageData.pageSize = res.data.pageSize;
-                        // this.pageData.totalSize = res.data.totalSize;
-                        this.tableConfig.loading = false;
-                    }
-                    else {
-                        this.tableConfig.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        getList(data) {
-            this.findPage(data)
-        },
-        //取消结算
-        cancelSumbit(){
-        this.dialogVisiblebalance = false
-        //清空数据
-        this.form= {
-            insuranceHandlingList:[],
-            settlementAmount:"",
-            settlementTime:"",
-        }
-        this.batchData.id=null;
-        },
-        balanceSumbit() {
-        var flag=0;
-        var count=0;
-        if(this.form.insuranceHandlingList){
-            this.form.insuranceHandlingList.forEach(e => {  
-            if(e.settlementAmount>0 && e.settlementAmount>e.remainingAmount){
-                this.$message.error("进账金额不能大于未结算金额");
-                flag+=1;
-            }
-            if(e.settlementAmount>0){
-                count+=1;
-            }
-            })
-        }
-        if (count==0) {
-            this.$message.error("未填写金额!!");
-            return;
-        }
-        if (flag>0) {
-            this.$message.error("金额输入错误!!");
-            return;
+            this.formTableDatarecord = res.data;
+            this.tableConfigDetailrecord.loading = false;
+          } else {
+            this.tableConfigDetail.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    getListrecord(data) {
+      this.findPageDetailrecord(data);
+    },
+    haldRecord(row) {
+      this.dialogVisiblerecord = true;
+      this.recorddetailid = row.id;
+      this.findPageDetailrecord();
+    },
+
+    haldRecordDetail(row) {
+      this.dialogVisiblerecordDetail = true;
+      this.recorddetailid = row.id;
+      this.getListrecorddetail();
+    },
+    getListrecorddetail(data) {
+      this.findPageDetailrecorddatail(data);
+    },
+    findPageDetailrecorddatail(data) {
+      this.tableConfigDetailrecorddetail.loading = true;
+      this.$api.task
+        .fncplyFeeQuery({
+          partnerCompaniesId: this.formDetail.partnerCompaniesId,
+          agreementType: "2",
+          isNotCar: "1",
+          handlingFeesStatus: "0",
+          id: this.recorddetailid,
+          ...this.pageDatarecorddetail,
+          ...data,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.tableConfigDetailrecorddetail.loading = false;
+            this.recordDetailData = res.data.content ? res.data.content : [];
+          } else {
+            this.tableConfigDetailrecorddetail.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    handleCloserecord() {
+      this.dialogVisiblerecord = false;
+    },
+    handleCloserecorddetail() {
+      this.dialogVisiblerecordDetail = false;
+    },
+    drivingupload(file, fileList) {
+      this.fileList = [];
+      const params = new FormData(); // 声明formData数据类型
+      params.append("multipartFile", file.raw);
+      params.append("type", "image");
+      this.$api.letter.uploadFile(params).then((res) => {
+        if (res.code == "200") {
+          this.batchData = res.data;
+          this.fileList = fileList;
+        } else {
+          this.fileList = [];
+          this.$message.error(res.msg);
         }
-      
-      this.form.settlementAmount=this.total;
-            this.$api.task
-                // .batchBxBalance({
-                .noBatchBxBalance({
-                    ...this.openBalanceDetail,
-                    otherFeevalue: this.formDetail.otherFeevalue,
-                    // partnerCompaniesId: this.formDetail.partnerCompaniesId,
-                    companyId: this.formDetail.companyId,
-                    // isNotCar: '1',
-                    handlingFeesStatus: '1',
-                    settlementImageId: this.batchData.id,
-                    ...this.form
-                })
-                .then(res => {
-                    if (res.code == 200) {
-                        this.haldDetail(this.formDetail)
-                        this.dialogVisiblebalance = false
-                        this.$message({
-                            message: res.msg || '操作成功',
-                            type: 'success'
-                        })
-                    }
-                    else {
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        handleClosebalance() {
-            this.dialogVisiblebalance = false;
-        },
-        // 结算
-        balanceFun(row) {
-            this.openBalanceDetail = row
-            this.getSettlementList(row);
-            this.dialogVisiblebalance = true
-            // this.$api.task
-            //     .batchBxBalance({
-            //         ...row,
-            //         otherFeevalue:this.formDetail.otherFeevalue,
-            //         partnerCompaniesId:this.formDetail.partnerCompaniesId,
-            //         companyId:this.formDetail.companyId,
-            //         isNotCar:'0',
-            //         handlingFeesStatus:'1',
-            //         })
-            //     .then(res => {
-            //         if (res.code==200) {
-            //             this.haldDetail(this.formDetail)
-            //             this.dialogVisible=false
-            //             this.$message({
-            //                 message: res.msg ||'操作成功',
-            //                 type: 'success'
-            //             })
-            //         }
-            //         else{
-            //             this.$message.error(res.msg)
-            //         }
-            //     });
-        },
-         //通过结算数据id查询需要结算的数据
-        getSettlementList(row){
-        this.$api.settlement.queryListByTaskIdAndCompanyId(
-            { 
-            taskId: row.taskId,
-            partnerCompaniesId:row.partnerCompaniesId,
-            isNotCar:"1",
-            isNotDocumentary:"0"
-            }).then((res) => {
+      });
+    },
+    getYearData(val) {
+      this.formData.year = val;
+    },
+    getMonthData(val) {
+      this.formData.month = val;
+    },
+    getDayData(val) {
+      this.formData.day = val;
+    },
+    haldDetail(row) {
+      this.dialogVisible = true;
+      this.formDetail = row;
+      this.findPageDetail(row);
+    },
+    handleSearchList1(data) {
+      this.findPageDetail({ ...this.formDetail, ...data });
+    },
+    handVoid(row) {
+      this.$confirm("是否确认作废?", "提示", {
+        confirmButtonText: "提交",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$api.task.yaidlnvoicing({ id: row.id }).then((res) => {
             if (res.code == 200) {
-            this.form.insuranceHandlingList =res.data; 
-            } 
-        }); 
-        },
-        tablePageChange(val) {
-            this.pageData.pageSize = val;
-            this.findPage();
-        },
-        tableCurrentChange(val) {
-            this.pageData.pageNum = val;
-            this.findPage();
-        },
+              this.dialogVisible = false;
+              this.$message({
+                message: res.msg || "操作成功",
+                type: "success",
+              });
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消作废",
+          });
+        });
+    },
 
-    }
+    findPageDetail(data) {
+      this.tableConfigDetail.loading = true;
+      this.$api.task
+        .invicdetai({
+          partnerCompaniesId: data.partnerCompaniesId,
+          agreementType: "2",
+          isNotCar: "1",
+          isNotDocumentary: "0",
+          handlingFeesStatus: "0",
+          // settlementStatus: data.settlementStatus,
+          completionStatus: data.settlementStatus || "0",
+          settlementStatus: "1",
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.formTableData = res.data;
+            this.tableConfigDetail.loading = false;
+          } else {
+            this.tableConfigDetail.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    // 查询
+    handleSearchList(data) {
+      this.findPage(data);
+    },
+    resetForm() {
+      this.formData = {};
+      this.$refs.yearMonthYay.clear();
+    },
+    //列表数据
+    findPage(data) {
+      // if (data) {
+      //     this.pageData.pageNum = data.pageNum;
+      //     this.pageData.pageSize = data.pageSize;
+      // }
+      this.tableConfig.loading = true;
+      this.$api.task
+        .totalBxAmount({ ...this.pageData, ...this.formData, ...data })
+        .then((res) => {
+          if (res.code == 200) {
+            this.tableData = res.data ? res.data : [];
+            // this.pageData.pageNum = res.data.pageNum;
+            // this.pageData.pageSize = res.data.pageSize;
+            // this.pageData.totalSize = res.data.totalSize;
+            this.tableConfig.loading = false;
+          } else {
+            this.tableConfig.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    getList(data) {
+      this.findPage(data);
+    },
+    //取消结算
+    cancelSumbit() {
+      this.dialogVisiblebalance = false;
+      //清空数据
+      this.form = {
+        insuranceHandlingList: [],
+        settlementAmount: "",
+        settlementTime: "",
+      };
+      this.batchData.id = null;
+    },
+    balanceSumbit() {
+      var flag = 0;
+      var count = 0;
+      if (this.form.insuranceHandlingList) {
+        this.form.insuranceHandlingList.forEach((e) => {
+          if (
+            e.settlementAmount > 0 &&
+            e.settlementAmount > e.remainingAmount
+          ) {
+            this.$message.error("进账金额不能大于未结算金额");
+            flag += 1;
+          }
+          if (e.settlementAmount > 0) {
+            count += 1;
+          }
+        });
+      }
+      if (count == 0) {
+        this.$message.error("未填写金额!!");
+        return;
+      }
+      if (flag > 0) {
+        this.$message.error("金额输入错误!!");
+        return;
+      }
+
+      this.form.settlementAmount = this.total;
+      this.$api.task
+        // .batchBxBalance({
+        .noBatchBxBalance({
+          ...this.openBalanceDetail,
+          otherFeevalue: this.formDetail.otherFeevalue,
+          // partnerCompaniesId: this.formDetail.partnerCompaniesId,
+          companyId: this.formDetail.companyId,
+          // isNotCar: '1',
+          handlingFeesStatus: "1",
+          settlementImageId: this.batchData.id,
+          ...this.form,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.haldDetail(this.formDetail);
+            this.dialogVisiblebalance = false;
+            this.$message({
+              message: res.msg || "操作成功",
+              type: "success",
+            });
+          } else {
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    handleClosebalance() {
+      this.dialogVisiblebalance = false;
+    },
+    // 结算
+    balanceFun(row) {
+      this.openBalanceDetail = row;
+      this.getSettlementList(row);
+      this.dialogVisiblebalance = true;
+      // this.$api.task
+      //     .batchBxBalance({
+      //         ...row,
+      //         otherFeevalue:this.formDetail.otherFeevalue,
+      //         partnerCompaniesId:this.formDetail.partnerCompaniesId,
+      //         companyId:this.formDetail.companyId,
+      //         isNotCar:'0',
+      //         handlingFeesStatus:'1',
+      //         })
+      //     .then(res => {
+      //         if (res.code==200) {
+      //             this.haldDetail(this.formDetail)
+      //             this.dialogVisible=false
+      //             this.$message({
+      //                 message: res.msg ||'操作成功',
+      //                 type: 'success'
+      //             })
+      //         }
+      //         else{
+      //             this.$message.error(res.msg)
+      //         }
+      //     });
+    },
+    //通过结算数据id查询需要结算的数据
+    getSettlementList(row) {
+      this.$api.settlement
+        .queryListByTaskIdAndCompanyId({
+          taskId: row.taskId,
+          partnerCompaniesId: row.partnerCompaniesId,
+          isNotCar: "1",
+          isNotDocumentary: "0",
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.form.insuranceHandlingList = res.data;
+          }
+        });
+    },
+    tablePageChange(val) {
+      this.pageData.pageSize = val;
+      this.findPage();
+    },
+    tableCurrentChange(val) {
+      this.pageData.pageNum = val;
+      this.findPage();
+    },
+  },
 };
 </script>
   
 <style scoped>
-.InvoicedAndSettled>>>.el-table__body-wrapper {
-    overflow-y: auto !important;
-    height: auto !important;
+.InvoicedAndSettled >>> .el-table__body-wrapper {
+  overflow-y: auto !important;
+  height: auto !important;
 }
 .imageclass {
   width: 200px;