vue-insagent-pc/src/views/FinancialManagement/ReconciliationSystem/ReceivablePayableCollection/Source.vue

<template>
  <div>
    <div class="p-2">
      <el-form
        :inline="true"
        :model="pageRequest"
        size="small"
        label-width="120px"
      >
        <el-row>
          <el-col :span="6">
            <el-form-item label="车牌号">
              <el-input
                v-model="pageRequest.licenseno"
                placeholder="请输入车牌号"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="险种">
              <el-input
                v-model="pageRequest.risk"
                placeholder="请输入险种"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="保险公司">
              <el-select
                v-model="pageRequest.insuranceId"
                filterable
                class="widths"
                clearable
              >
                <el-option
                  v-for="val in companyList"
                  :key="val.id"
                  :label="val.name"
                  :value="val.id"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="保司机构">
              <el-input
                v-model="pageRequest.insuranceDept"
                placeholder="请输入保司机构"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="被保险人">
              <el-input
                v-model="pageRequest.insuredName"
                placeholder="请输入被保险人"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="6">
            <el-form-item label="结算日期">
              <el-date-picker
                v-model="clearingTime"
                type="daterange"
                @change="clearingTimeChange"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="yyyy-MM-dd"
                clearable
                style="width: 250px"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="出单日期">
              <el-date-picker
                v-model="signingTime"
                type="daterange"
                @change="signingTimeChange"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="yyyy-MM-dd"
                style="width: 250px"
                clearable
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="结算状态">
              <el-select
                v-model="pageRequest.clearingState"
                placeholder="请选择状态"
                class="widths"
              >
                <el-option label="未结算" value="0"></el-option>
                <el-option label="已结算" value="1"></el-option>
                <el-option label="孤儿单" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="保司结算状态">
              <el-select
                v-model="pageRequest.insuranceClearingState"
                placeholder="请选择状态"
                class="widths"
              >
                <el-option label="未结算" value="0"></el-option>
                <el-option label="已结算" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="交强保单号">
              <el-input
                v-model="pageRequest.jqPolicyId"
                placeholder="请输入交强保单号"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="商业保单号">
              <el-input
                v-model="pageRequest.syPolicyId"
                placeholder="请输入商业保单号"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="非车保单号">
              <el-input
                v-model="pageRequest.nonCarPolicyId"
                placeholder="请输入非车保单号"
                class="widths"
                clearable
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div class="flex j-end" style="margin-right: 100px">
        <el-button
          type="success"
          size="small"
          @click="createOrUpdateVisible = true"
          style="margin-right: 20px"
          >新增数据</el-button
        >
        <el-button
          type="primary"
          size="small"
          @click="Search"
          style="margin-right: 20px"
          >查询</el-button
        >
        <el-upload
          class="upload-demo"
          :auto-upload="false"
          :on-change="writeOffUpload"
          action="###"
          :show-file-list="false"
        >
          <el-button size="small" type="primary">数据导入</el-button>
        </el-upload>
      </div>
    </div>
    <el-main ref="elMain" style="padding: 0px">
      <kt-common-table
        :SerialShow="false"
        :operationWidth="180"
        :showOperation="true"
        :showSummary="true"
        :showSummaryFieldList="['premium', 'nonCopying', 'receivable']"
        permsDelete="sys:user:delete"
        :showBatchDelete="true"
        :showBatchSettled="true"
        :showBatchPrint="true"
        permsButton1="sys:user:edit"
        permsButton2="sys:user:edit"
        permsButton3="sys:user:edit"
        :data="pageResult"
        :columns="columns"
        @findPage="findPage"
        keyName="id"
        settledName="批量修改"
        @handleSettled="handleTableSettled"
        @handlePrint="handlePrint"
        @handleDelete="handleDelete"
        button1Name="修改"
        button1Background="#E6A23C"
        @handleButton1="sourceUpdate"
        button1Icon=""
        button2Name="删除"
        button2Background="#F56C6C"
        @handleButton2="sourceDelete"
        button2Icon=""
      >
      </kt-common-table>
    </el-main>
    <el-dialog
      title="信息修改"
      :visible.sync="dialogFormVisible"
      v-dialogDrag
      :close-on-click-modal="false"
      width="80%"
    >
      <el-form
        :model="updateform"
        :inline="true"
        label-width="130px"
        size="small"
      >
        <el-form-item label="险种：">
          <el-input
            v-model="updateform.risk"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="交强保费：">
          <el-input
            v-model="updateform.jqPremiumTax"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业保费：">
          <el-input
            v-model="updateform.syPremiumTax"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车保费：">
          <el-input
            v-model="updateform.nonCarPremiumTax"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="被保险人：">
          <el-input
            v-model="updateform.insuredName"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="车牌号：">
          <el-input
            v-model="updateform.licenseno"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="交强应收比例：">
          <el-input
            v-model="updateform.jqReceivableRatio"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业应收比例：">
          <el-input
            v-model="updateform.syReceivableRatio"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车应收比例：">
          <el-input
            v-model="updateform.nonCarReceivableRatio"
            autocomplete="off"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="保司结算状态：">
          <el-select
            v-model="updateform.insuranceClearingState"
            placeholder="请选择状态"
            class="widths"
          >
            <el-option
              :disabled="insuranceClearingStatedisableStatus"
              label="未结算"
              value="0"
            ></el-option>
            <el-option label="已结算" value="1"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="dialogFormVisible = false"
          >取 消</el-button
        >
        <el-button size="small" type="primary" @click="updateSubmit"
          >确 定</el-button
        >
      </div>
    </el-dialog>
    <el-dialog title="批量修改" :visible.sync="dialogUpdateVisible" width="20%">
      <el-select
        v-model="insuranceClearingState"
        placeholder="请选择"
        class="widths"
        size="small"
      >
        <el-option disabled label="未结算" value="0"></el-option>
        <el-option label="已结算" value="1"></el-option>
      </el-select>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="dialogUpdateVisible = false"
          >取 消</el-button
        >
        <el-button size="small" type="primary" @click="BulkUpdate"
          >确 定</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      title="新增数据"
      :visible.sync="createOrUpdateVisible"
      v-dialogDrag
      :close-on-click-modal="false"
      width="90%"
    >
      <el-form
        :model="createOrUpdateForm"
        :inline="true"
        label-width="130px"
        size="small"
      >
        <el-form-item label="保险公司">
          <el-select
            v-model="createOrUpdateForm.insuranceId"
            filterable
            placeholder="请选择保险公司"
            class="widths"
            @change="conmpanydropdownEvent"
            clearable
          >
            <el-option
              v-for="val in companyList"
              :key="val.id"
              :label="val.name"
              :value="val.id"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="保司机构">
          <el-input
            v-model="createOrUpdateForm.insuranceDept"
            autocomplete="off"
            placeholder="录入保司机构"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="保司机构代码">
          <el-input
            v-model="createOrUpdateForm.insuranceDeptId"
            autocomplete="off"
            placeholder="录入保司机构代码"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="险种">
          <el-input
            v-model="createOrUpdateForm.risk"
            autocomplete="off"
            placeholder="录入险种"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="交强保单号">
          <el-input
            v-model="createOrUpdateForm.jqPolicyId"
            autocomplete="off"
            placeholder="录入交强保单号"
            class="widths"
          ></el-input>
        </el-form-item>

        <el-form-item label="交强险保费">
          <el-input
            v-model="createOrUpdateForm.jqPremiumTax"
            autocomplete="off"
            placeholder="录入交强险保费"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业保单号">
          <el-input
            v-model="createOrUpdateForm.syPolicyId"
            autocomplete="off"
            placeholder="录入商业保单号"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业险保费">
          <el-input
            v-model="createOrUpdateForm.syPremiumTax"
            autocomplete="off"
            placeholder="录入商业险保费"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车保单号">
          <el-input
            v-model="createOrUpdateForm.nonCarPolicyId"
            autocomplete="off"
            placeholder="录入非车保单号"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车保费">
          <el-input
            v-model="createOrUpdateForm.nonCarPremiumTax"
            autocomplete="off"
            placeholder="录入非车保费"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="被保险人">
          <el-input
            v-model="createOrUpdateForm.insuredName"
            autocomplete="off"
            placeholder="录入被保险人"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="车牌号">
          <el-input
            v-model="createOrUpdateForm.licenseno"
            autocomplete="off"
            placeholder="录入车牌号"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="出单日期">
          <el-date-picker
            v-model="createOrUpdateForm.signingTime"
            type="date"
            value-format="yyyy-MM-dd"
            style="width: 250px"
            clearable
            placeholder="选择出单日期"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="结算日期">
          <el-date-picker
            v-model="createOrUpdateForm.clearingTime"
            type="date"
            value-format="yyyy-MM-dd"
            clearable
            placeholder="选择结算日期"
            style="width: 250px"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="车船税">
          <el-input
            v-model="createOrUpdateForm.taxamount"
            autocomplete="off"
            placeholder="录入车船税"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="交强应收比例">
          <el-input
            v-model="createOrUpdateForm.jqReceivableRatio"
            autocomplete="off"
            placeholder="录入交强应收比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="交强手续费比例">
          <el-input
            v-model="createOrUpdateForm.jqPremiumRatio"
            autocomplete="off"
            placeholder="录入交强手续费比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="交强非跟单比例">
          <el-input
            v-model="createOrUpdateForm.jqNonCopyingRatio"
            autocomplete="off"
            placeholder="录入交强非跟单比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业应收比例">
          <el-input
            v-model="createOrUpdateForm.syReceivableRatio"
            autocomplete="off"
            placeholder="录入商业应收比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业手续费比例">
          <el-input
            v-model="createOrUpdateForm.syPremiumRatio"
            autocomplete="off"
            placeholder="录入商业手续费比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="商业非跟单比例">
          <el-input
            v-model="createOrUpdateForm.syNonCopyingRatio"
            autocomplete="off"
            placeholder="录入商业非跟单比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车应收比例">
          <el-input
            v-model="createOrUpdateForm.nonCarReceivableRatio"
            autocomplete="off"
            placeholder="录入非车应收比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车手续费比例">
          <el-input
            v-model="createOrUpdateForm.nonCarPremiumRatio"
            autocomplete="off"
            placeholder="录入非车手续费比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="非车非跟单比例">
          <el-input
            v-model="createOrUpdateForm.nonCarNonCopyingRatio"
            autocomplete="off"
            placeholder="录入非车非跟单比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="最大交强应付比例">
          <el-input
            v-model="createOrUpdateForm.maxJqReceivableRatio"
            autocomplete="off"
            placeholder="录入最大交强应付比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="最大商业应付比例">
          <el-input
            v-model="createOrUpdateForm.maxSyReceivableRatio"
            autocomplete="off"
            placeholder="录入最大商业应付比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="最大非车应付比例">
          <el-input
            v-model="createOrUpdateForm.maxNonCarReceivableRatio"
            autocomplete="off"
            placeholder="录入最大非车应付比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="补贴比例">
          <el-input
            v-model="createOrUpdateForm.subsidyRatio"
            autocomplete="off"
            placeholder="录入补贴比例"
            class="widths"
          ></el-input>
        </el-form-item>
        <el-form-item label="结算状态">
          <el-select
            v-model="createOrUpdateForm.clearingState"
            placeholder="请选择状态"
            class="widths"
          >
            <el-option label="未结算" value="0"></el-option>
            <el-option label="已结算" value="1"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="保司结算状态">
          <el-select
            v-model="createOrUpdateForm.insuranceClearingState"
            placeholder="请选择状态"
            class="widths"
          >
            <el-option label="未结算" value="0"></el-option>
            <el-option label="已结算" value="1"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="createOrUpdateVisible = false"
          >取 消</el-button
        >
        <el-button size="small" type="primary" @click="insertData"
          >提交</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>
<script>
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
import CommonUtil from "@/utils/comutil.js";
export default {
  components: {
    KtCommonTable,
  },
  data() {
    return {
      insuranceClearingState: "",
      clearingTime: [],
      signingTime: [],
      pageRequest: {
        //查询的默认条件
        pageNum: 1,
        pageSize: 20,
        licenseno: "", //车牌号
        risk: "", //险种
        insuranceId: "", //保险公司
        insuredName: "", //被保险人
        clearingTime: "", //结算日期
        signingTime: "", //出单日期
        jqPolicyId: "", //交强保单号
        syPolicyId: "", //商业保单号
        nonCarPolicyId: "", //非车保单号
        insuranceClearingState: "",
        insuranceDept: "", //保司机构
      },
      createOrUpdateVisible: false,
      dialogUpdateVisible: false,
      dialogFormVisible: false,
      // 右侧列表查询数据Start
      pageResult: [],
      createOrUpdateForm: {
        insuranceId: "", //保司编码
        insuranceName: "", //保司名称
        insuranceDept: "", //保司机构
        insuranceDeptId: "", //保司机构代码
        risk: "", //险种
        jqPolicyId: "", //交强保单号
        jqPremiumTax: "", //交强险保费
        syPolicyId: "", //商业保单号
        syPremiumTax: "", //商业险保费
        nonCarPolicyId: "", //非车保单号
        nonCarPremiumTax: "", //非车保费
        insuredName: "", //被保险人
        licenseno: "", //车牌号
        signingTime: "", //出单日期
        clearingTime: "", //结算日期
        taxamount: "", //车船税
        jqReceivableRatio: "", //交强应收比例
        jqPremiumRatio: "", //交强手续费比例
        jqNonCopyingRatio: "", //交强非跟单比例
        syReceivableRatio: "", //商业应收比例
        syPremiumRatio: "", //商业手续费比例
        syNonCopyingRatio: "", //商业非跟单比例
        nonCarReceivableRatio: "", //非车应收比例
        nonCarPremiumRatio: "", //非车手续费比例
        nonCarNonCopyingRatio: "", //非车非跟单比例
        maxJqReceivableRatio: "", //最大交强应付比例
        maxSyReceivableRatio: "", //最大商业应付比例
        maxNonCarReceivableRatio: "", //最大非车应付比例
        subsidyRatio: "", //补贴比例
        clearingState: "", //结算状态
        insuranceClearingState: "", //保司结算状态
      },
      updateform: {
        risk: "",
        jqPremiumTax: "",
        syPremiumTax: "",
        nonCarPremiumTax: "",
        insuredName: "",
        licenseno: "",
        jqReceivableRatio: "",
        syReceivableRatio: "",
        nonCarReceivableRatio: "",
        insuranceClearingState: "",
      },
      row: {},
      companyList: [],
      UpdateList: [],
      columns: [
        //数据列
        { prop: "id", label: " 编号", minWidth: 160 },
        { prop: "insuranceId", label: "保司编码", minWidth: 120 },
        { prop: "insuranceName", label: "保司名称", minWidth: 180 },
        { prop: "insuranceDept", label: "保司机构", minWidth: 100 },
        { prop: "insuranceDeptId", label: "保司机构代码", minWidth: 100 },
        { prop: "risk", label: "险种", minWidth: 100 },
        { prop: "jqPolicyId", label: "交强保单号", minWidth: 180 },
        { prop: "jqPremiumTax", label: "交强险保费", minWidth: 140 },
        {
          prop: "jqPremium",
          label: "交强险不含税保费",
          minWidth: 140,
        },
        { prop: "syPolicyId", label: "商业保单号", minWidth: 180 },
        { prop: "syPremiumTax", label: "商业险保费", minWidth: 140 },
        { prop: "syPremium", label: "商业险不含税保费", minWidth: 140 },
        { prop: "nonCarPolicyId", label: "非车保单号", minWidth: 180 },
        { prop: "nonCarPremiumTax", label: "非车保费", minWidth: 140 },
        { prop: "nonCarPremium", label: "非车险不含税保费", minWidth: 140 },
        { prop: "insuredName", label: "被保险人", minWidth: 100 },
        { prop: "licenseno", label: "车牌号", minWidth: 120 },
        { prop: "signingTime", label: "出单日期", minWidth: 160 },
        { prop: "clearingTime", label: "结算日期", minWidth: 160 },
        { prop: "taxamount", label: "车船税", minWidth: 140 },
        { prop: "jqReceivableRatio", label: "交强应收比例", minWidth: 140 },
        { prop: "jqPremiumRatio", label: "交强手续费比例", minWidth: 140 },
        { prop: "jqNonCopyingRatio", label: "交强非跟单比例", minWidth: 140 },
        { prop: "syReceivableRatio", label: "商业应收比例", minWidth: 140 },
        { prop: "syPremiumRatio", label: "商业手续费比例", minWidth: 140 },
        { prop: "syNonCopyingRatio", label: "商业非跟单比例", minWidth: 140 },
        { prop: "nonCarReceivableRatio", label: "非车应收比例", minWidth: 140 },
        { prop: "nonCarPremiumRatio", label: "非车手续费比例", minWidth: 140 },
        {
          prop: "nonCarNonCopyingRatio",
          label: "非车非跟单比例",
          minWidth: 140,
        },
        { prop: "premium", label: "手续费金额", minWidth: 140 },
        { prop: "nonCopying", label: "非跟单金额", minWidth: 140 },
        { prop: "receivable", label: "应收金额", minWidth: 140 },
        {
          prop: "maxJqReceivableRatio",
          label: "最大交强应付比例",
          minWidth: 140,
        },
        {
          prop: "maxSyReceivableRatio",
          label: "最大商业应付比例",
          minWidth: 140,
        },
        {
          prop: "maxNonCarReceivableRatio",
          label: "最大非车应付比例",
          minWidth: 140,
        },
        { prop: "maxReceivable", label: "最大应付金额", minWidth: 140 },
        { prop: "subsidyRatio", label: "补贴比例", minWidth: 140 },
        { prop: "subsidyAmount", label: "补贴金额", minWidth: 140 },
        { prop: "totalReceivableAmount", label: "总应收金额", minWidth: 140 },
        {
          prop: "clearingState",
          label: "结算状态",
          minWidth: 140,
        },
        {
          prop: "insuranceClearingState",
          label: "保司结算状态",
          minWidth: 140,
        },
      ],
      insuranceClearingStatedisableStatus: false,
    };
  },
  created() {
    this.companyInt();
  },
  mounted() {},
  methods: {
    //新增数据
    insertData() {
      this.$api.task
        .sourceaddReceivable(this.createOrUpdateForm)
        .then((res) => {
          if (res.code == "200") {
            this.$message({
              type: "success",
              message: res.msg,
            });
            this.createOrUpdateVisible = false;
            this.findPage();
          } else {
            this.$message({
              type: "error",
              message: res.msg,
            });
          }
        });
    },
    conmpanydropdownEvent(val) {
      const selectedLabel = this.companyList.find(
        (option) => option.id === val
      ).name;
      this.createOrUpdateForm.insuranceName = selectedLabel;
    },
    //接口传值处理
    clearingTimeChange(e) {
      if (e == null) {
        this.pageRequest.clearingTime = "";
      } else {
        this.pageRequest.clearingTime = e.toString();
      }
    },
    signingTimeChange(e) {
      if (e == null) {
        this.pageRequest.signingTime = "";
      } else {
        this.pageRequest.signingTime = e.toString();
      }
    },
    //保险公司查询
    companyInt() {
      this.$api.letter.gainTopList().then((res) => {
        this.companyList = res.data;
      });
    },
    //附件上传
    writeOffUpload(file) {
      var file = file.raw;
      const params = new FormData(); // 声明formData数据类型
      params.append("multipartFile", file);
      params.append("type", "settle");
      this.$api.letter.uploadFile(params).then((res) => {
        if (res.code == "200") {
          let url = process.env.BASE_URL + res.data.url;
          this.$api.task.SourceExcel(url).then((res) => {
            if (res.code == "200") {
              this.$message({
                type: "success",
                message: res.msg,
              });
              this.findPage();
            } else {
              this.$message({
                type: "error",
                message: res.msg,
              });
            }
          });
        }
      });
    },
    handleDelete(ids) {
      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$api.task.sourcedeletes(ids).then((res) => {
            if (res.code == "200") {
              this.$message({
                type: "success",
                message: "删除成功!",
              });
              this.findPage();
            } else {
              this.$message({
                type: "error",
                message: res.msg,
              });
            }
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },
    //批量修改
    handleTableSettled(ids) {
      console.log(ids);
      this.UpdateList = ids;
      this.dialogUpdateVisible = true;
    },
    BulkUpdate() {
      let params = {
        ids: this.UpdateList,
        insuranceClearingState: this.insuranceClearingState,
      };
      this.$api.task.sourceUpdates(params).then((res) => {
        if (res.code == "200") {
          this.$message({
            type: "success",
            message: "修改成功!",
          });
          this.dialogUpdateVisible = false;
          this.findPage();
        } else {
          this.$message({
            type: "error",
            message: res.msg,
          });
        }
      });
    },
    Search() {
      this.findPage();
    },
    sourceUpdate({ row, column }) {
      if (row.insuranceClearingState == "已结算") {
        this.insuranceClearingStatedisableStatus = true;
      } else {
        this.insuranceClearingStatedisableStatus = false;
      }
      this.dialogFormVisible = true;
      const shallowCopy = Object.assign({}, row);
      this.updateform = shallowCopy;
    },
    sourceDelete({ row, column }) {
      this.$confirm("是否确认删除?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "error",
      })
        .then(() => {
          this.$api.task.sourcedeleteReceivable([row.id]).then((res) => {
            if (res.code == "200") {
              this.$message({
                type: "success",
                message: res.msg,
              });
              this.findPage();
            } else {
              this.$message({
                type: "error",
                message: res.msg,
              });
            }
          });
        })
        .catch(() => {});
    },
    updateSubmit() {
      this.$api.task.SourceUpdate(this.updateform).then((res) => {
        if (res.code == "200") {
          this.$message({
            type: "success",
            message: res.msg,
          });
          this.dialogFormVisible = false;
          this.findPage();
        } else {
          this.$message({
            type: "error",
            message: res.msg,
          });
        }
      });
    },
    handlePrint() {
      this.$api.task.sourceExport(this.pageRequest).then((res) => {
        let url = process.env.BASE_URL + res.msg;
        // 4.创建url之后可以模拟对此文件对象的一系列操作，例如：预览、下载
        let a = document.createElement("a");
        a.href = url;
        a.download = "应收来源表.xlsx";
        a.click();
        // 5.释放这个临时的对象url
        window.URL.revokeObjectURL(url);
      });
    },
    //联级选择器触发事件
    handleChange(val) {
      if (val.length !== 0) {
        this.pageRequest.deptId = val.at(-1);
      } else {
        this.pageRequest.deptId = "";
      }
    },
    //-- formatter begin--
    //点击查询按钮
    //--数据字典 begin --
    getDictItems: function (typeName) {
      let that = this;
      that.$api.dict
        .findByLableName(typeName)
        .then(function (res) {
          that[typeName + "options"] = res.data; // 把获取到的数据赋给this.data
        })
        .catch(function (error) {
          that[typeName + "options"] = [];
        });
    },
    //--数据字典 end --
    // 右侧列表的方法Start
    findPage(data) {
      // 获取分页数据
      let that = this;
      if (data && data.pageRequest) {
        this.pageRequest.pageNum = data.pageRequest.pageNum;
        this.pageRequest.pageSize = data.pageRequest.pageSize;
      }
      that.$api.task
        .SourceExcelPage(that.pageRequest)
        .then((res) => {
          that.pageResult = res.data;
        })
        .then(data != null ? data.callback : "");
    },
  },
};
</script>
<style lang="scss" scoped>
.widths {
  width: 250px;
}
</style>