11
WXL
2023-10-11 4b7cbbc7106e4d62afee30dd8a56152b2a75ead0
src/views/project/fund/applyDetail/index.vue
@@ -72,18 +72,7 @@
              }}</el-radio>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="5">
            <el-form-item label="银行名称" prop="bankname">
              <el-input v-model="form.bankname" placeholder="请输入银行名称" />
            </el-form-item> </el-col
          ><el-col :span="5">
            <el-form-item label="银行账号" prop="bankcardno">
              <el-input
                v-model="form.bankcardno"
                placeholder="请输入银行账号"
              />
            </el-form-item>
          </el-col> -->
          <el-col :span="5">
            <el-form-item label="联系电话" prop="phone">
              <el-input v-model="form.phone" placeholder="请输入联系电话" />
@@ -109,26 +98,7 @@
          </el-col>
        </el-row>
        <el-row style="text-align: left">
          <!--
          <el-col :span="5">
            <el-form-item label="合计金额" prop="amountrequested">
              <el-input v-model="form.amountrequested" placeholder="申请金额" :disabled="true" />
            </el-form-item>
          </el-col>
          -->
          <!--
          <el-col :span="5">
            <el-form-item label="应缴税" prop="taxcost" v-if="businessType == '1' || businessType == '2'">
              <el-input v-model="form.taxcost" placeholder="应缴税金额合计" :disabled="true" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="税后金额" prop="pretaxcost">
              <el-input v-model="form.taxedcost" placeholder="税后金额合计" :disabled="true" />
            </el-form-item>
          </el-col>-->
          <el-col :span="10">
          <el-col :span="8">
            <el-form-item label="申请说明" prop="remark">
              <el-input v-model="form.remark" placeholder="申请说明" />
            </el-form-item>
@@ -145,18 +115,9 @@
          </el-col>-->
        </el-row>
        <el-row style="margin-top: 5px; margin-bottom: 5px" />
        <el-row style="margin-bottom: 10px" v-if="businessType == '1'">
          <el-col :span="4">
            <el-button
              @click.native.prevent="importFeeItems"
              type="primary"
              size="small"
            >
              导入服务项目
            </el-button>
          </el-col>
        </el-row>
        <el-row v-if="jurisdiction">
          <!-- <el-alert title="当前为查看状态,不支持修改存储。" type="warning">
          </el-alert> -->
          <el-alert
            title="当前为查看状态,不支持修改存储。"
            type="warning"
@@ -165,14 +126,41 @@
          </el-alert>
        </el-row>
        <el-row>
          <div style="margin-bottom: 15px;">
          <el-col :span="3" v-if="businessType == '1'">
            <el-button
              type="success"
              icon="el-icon-download"
              @click="Batchentry"
              >批量录入</el-button
              @click.native.prevent="importFeeItems"
              type="primary"
              size="small"
            >
          </div>
              导入服务项目
            </el-button>
          </el-col>
          <el-col :span="3"
            ><div style="margin-bottom: 15px;" v-if="businessType == 2">
              <el-button
                type="success"
                icon="el-icon-download"
                @click="Batchentry"
                >批量录入</el-button
              >
            </div>
          </el-col>
          <el-col :span="3">
            <div style="margin-bottom: 15px;"
              v-if="
                (businessType == 1 || businessType == 2 || businessType == 5) &&
                  operationType != 'detail'
              "
            >
              <el-button
                type="success"
                icon="el-icon-edit-outline"
                @click="Manualcalculationfn"
                >计算明细</el-button
              >
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-table
@@ -205,7 +193,7 @@
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.applytype"
                  placeholder="服务类型"
                  placeholder="请选择服务类型"
                  @change="verifyFeeItemType(scope.row)"
                >
                  <el-option
@@ -226,7 +214,7 @@
              <template slot-scope="scope">
                <el-select
                  v-model="scope.row.itemid"
                  placeholder="服务项目"
                  placeholder="请选择服务项目"
                  filterable
                  @change="verifyFeeItem(scope.row)"
                  :filter-method="val => searchItemType(val, scope)"
@@ -367,7 +355,11 @@
                  type="primary"
                  plain
                  @click="ShowDetailDialog(scope, 'expert')"
                  >{{ scope.row.beneficiaryname }}</el-button
                  >{{
                    scope.row.beneficiaryname
                      ? scope.row.beneficiaryname
                      : "点击选择"
                  }}</el-button
                >
                <!-- <el-select
                  filterable
@@ -393,23 +385,39 @@
              align="center"
              label="单位名称"
              width="250"
              v-if="form.applytype != '4'"
              v-if="form.applytype != '4' && form.applytype != '3'"
            >
              <template slot-scope="scope">
                <el-button
                  type="primary"
                  plain
                  @click="ShowDetailDialog(scope, 'unit')"
                  >{{ scope.row.unitname }}</el-button
                  >{{
                    scope.row.unitname ? scope.row.unitname : "点击选择"
                  }}</el-button
                >
                <!-- <el-select
                  v-model="scope.row.unitno"
                  placeholder="单位"
                  clearable
                  filterable
                  allow-create
                >
                  <el-option
                    v-for="(spec, index) in unitList"
                    :key="index"
                    :label="spec.organizationname"
                    :value="spec.organizationid"
                  ></el-option>
                                      </el-select> -->
              </template>
            </el-table-column>
            <el-table-column
              prop="unitno"
              prop="beneficiaryname"
              align="center"
              label="单位/个人"
              width="250"
              v-if="form.applytype == '4'"
              v-if="form.applytype == '4' || form.applytype == '3'"
            >
              <template slot-scope="scope">
                <el-button
@@ -417,9 +425,9 @@
                  plain
                  @click="ShowDetailDialog(scope, 'expert')"
                  >{{
                    experthear == "expert"
                      ? scope.row.unitname
                      : scope.row.beneficiaryname
                    scope.row.beneficiaryname
                      ? scope.row.beneficiaryname
                      : "点击选择"
                  }}</el-button
                >
                <!-- <el-select
@@ -484,6 +492,21 @@
                <el-input
                  v-model="scope.row.bankcardno"
                  placeholder="银行帐号"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="itemdescribe"
              align="center"
              width="330"
              label="项目说明"
            >
              <template slot-scope="scope">
                <el-input
                  type="textarea"
                  :rows="2"
                  v-model="scope.row.itemdescribe"
                  placeholder="项目说明"
                />
              </template>
            </el-table-column>
@@ -709,8 +732,27 @@
            />
          </el-table>
        </el-row>
        <el-row
          style="margin-top: 25px; margin-bottom: 5px"
          v-if="operationType == 'check'"
        >
          <el-col :span="7">
            <el-form-item label="预审状态" prop="infoid">
              <el-radio-group
                v-model="form.checkstatus"
                align="left"
                :disabled="userprofile.nickName != '陈慕华'"
              >
                <el-radio label="1">待预审</el-radio>
                <el-radio label="2">预审通过等待材料</el-radio>
                <el-radio label="3">已收到报销材料</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row
          style="margin-top: 5px; margin-bottom: 5px"
          v-if="operationType == 'check'"
        >
          <el-col :span="7">
@@ -722,6 +764,7 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="operationType == 'check'">
          <el-col :span="17">
            <el-form-item label="审核备注" align="left">
@@ -737,14 +780,21 @@
          v-if="
            operationType == 'add' ||
              operationType == 'update' ||
              ismanager == true
              ismanager == true ||
              beforehandType == '1'
          "
          >提交保存</el-button
        >
        <el-button
          type="success"
          @click="handleup"
          v-if="operationType == 'add' || operationType == 'update'"
          >上报</el-button
        >
        <el-button
          type="primary"
          @click="checksubmit"
          v-if="operationType == 'check'"
          v-if="operationType == 'check' && beforehandType != '1'"
          >提交审核</el-button
        >
        <el-button @click="cancel">关 闭</el-button>
@@ -760,7 +810,7 @@
      v-loading="loading"
    >
      <el-form ref="funddetailForm" :model="funddetailForm">
        <el-row v-if="businessType != 4">
        <el-row v-if="businessType != 4 && businessType != 3">
          <el-col
            :span="24"
            v-if="selectionType == 'expert' && businessType != 4"
@@ -848,7 +898,7 @@
          </el-col>
        </el-row>
        <el-row v-if="businessType == 4">
        <el-row v-if="businessType == 4 || businessType == 3">
          <el-col :span="24">
            <el-form-item label="请选择专家信息:" prop="experthear">
              <el-radio-group
@@ -890,7 +940,7 @@
          <el-col :span="24" v-if="experthear == 'expert'">
            <el-form-item label="单位名称" prop="unitno" label-width="120px">
              <el-select
                v-model="funddetailForm.unitname"
                v-model="funddetailForm.beneficiaryname"
                placeholder="单位名称"
                @change="bbaaccss"
                clearable
@@ -899,17 +949,17 @@
                style="width: 100%"
              >
                <el-option
                  v-for="(spec, index) in unitList"
                  v-for="(spec, index) in feeUnitList"
                  :key="index"
                  :label="spec.organizationname"
                  :value="spec.organizationname"
                  :label="spec.reportName"
                  :value="spec.reportName"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="businessType != 4">
        <el-row v-if="businessType != 4 && businessType != 3">
          <el-col :span="12" v-if="expertfrom == '2'">
            <el-form-item label="专家姓名" prop="expertname" label-width="80px">
              <el-input
@@ -938,7 +988,7 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="businessType != 4">
        <el-row v-if="businessType != 4 && businessType != 3">
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="身份证号"
@@ -964,7 +1014,7 @@
          </el-col>          
        </el-row>
      -->
        <el-row v-if="businessType != 4">
        <el-row v-if="businessType != 4 && businessType != 3">
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="单位名称"
@@ -988,7 +1038,7 @@
              </el-select> </el-form-item
          ></el-col>
        </el-row>
        <el-row v-if="businessType != 4">
        <el-row v-if="businessType != 4 && businessType != 3">
          <el-col :span="24" v-if="expertfrom == '2'">
            <el-form-item
              label="开户银行"
@@ -1030,6 +1080,84 @@
      :visible.sync="pdfVisible"
      width="60%"
    >
      <div>
        <el-table :data="tableDatatop" style="width: 100%">
          <el-table-column
            v-if="businessType == 4"
            prop="price"
            align="center"
            label="单价"
          >
          </el-table-column>
          <el-table-column
            prop="quantity"
            align="center"
            label="数量"
            v-if="businessType == 4"
          >
          </el-table-column>
          <el-table-column prop="amount" align="center" :label="amountLabel">
          </el-table-column>
          <el-table-column
            prop="taxedamount"
            align="center"
            label="税后金额"
            v-if="
              (this.ismanager == true) &
                (form.applytype == '1' || form.applytype == '2')
            "
          >
          </el-table-column>
          <!-- <el-table-column
            prop="beneficiaryname"
            align="center"
            label="姓名"
            v-if="form.applytype == '1' || form.applytype == '2'"
          >
          </el-table-column> -->
          <!-- <el-table-column
            prop="beneficiaryname"
            align="center"
            label="单位名称"
            width="250"
            v-if="form.applytype != '4'"
          >
          </el-table-column> -->
          <el-table-column
            prop="beneficiaryname"
            align="center"
            label="单位/个人"
            width="250"
          >
          </el-table-column>
          <el-table-column
            prop="title"
            align="center"
            label="职称"
            width="120"
            v-if="form.applytype == '1' || form.applytype == '2'"
          >
          </el-table-column>
          <el-table-column
            prop="idcardno"
            align="center"
            label="身份证号"
            width="200"
            v-if="form.applytype == '1' || form.applytype == '2'"
          >
          </el-table-column>
          <el-table-column prop="depositbank" align="center" label="开户银行">
          </el-table-column>
          <el-table-column
            prop="bankcardno"
            align="center"
            label="银行帐号"
            width="210"
          >
          </el-table-column>
        </el-table>
      </div>
      <div class="pdfimg">
        <div class="box-pdf">
          <div>
@@ -1119,7 +1247,7 @@
          </div> -->
        </div>
        <div v-if="this.previewpdf" class="pdfimgmin">
        <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
          <!-- <img :src="pdfimg" /> -->
          <el-image
            style="width: 95%; height: 90%"
@@ -1176,7 +1304,7 @@
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button @click="batchdialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="BatchentryFn">确 定</el-button>
      </span>
    </el-dialog>
@@ -1207,6 +1335,7 @@
  checkfund,
  getdownloadBX,
  addorupdateFund,
  ManualCalculation,
  getdetailsByItemId
} from "@/api/project/fund";
@@ -1250,6 +1379,8 @@
  exportExternalperson
} from "@/api/project/externalperson";
import { listItemexpense } from "@/api/project/itemexpense";
import { getUserProfile } from "@/api/system/user";
import Li_area_select from "@/components/Address";
import OrgSelecter from "@/views/project/components/orgselect";
@@ -1288,7 +1419,7 @@
      exportLoading: false,
      usernamedata: "",
      jurisdiction: false,
      Routinglevel: 1,
      // 表单参数
      form: {},
      experthear: "",
@@ -1327,13 +1458,28 @@
      cityOptions: [],
      checkAll: false,
      checkedCities: [],
      Personnelforname: null,
      unitforname: null,
      isIndeterminate: true,
      //是否是专家费的OPO审批人员
      ismanager: false,
      //专家费选择:1是专家库,2是新增
      expertfrom: "1",
      baselisttages: [
        {
          id: 1,
          name: "待预审"
        },
        {
          id: 2,
          name: "预审通过等待材料"
        },
        {
          id: 3,
          name: "已收到报销材料"
        }
      ],
      //捐献案例列表
      donateList: [],
@@ -1345,6 +1491,7 @@
      totalPreTaxAmount: 0.0,
      totalAfterTaxAmount: 0.0,
      totalAmount: 0.0,
      tableDatatop: [],
      //费用类型数组
      feeItemTypes: [],
@@ -1353,7 +1500,7 @@
      rowfeeItemTypes: [],
      //费用说明
      rowfeeblocks: [],
      feeBlocks: [],
      fundflowList: [],
      // 随机数
@@ -1467,6 +1614,16 @@
        money: "0",
        startTime: ""
      },
      beforehandType: null,
      //服务费用参数
      expenseQueryParams: {
        pageNum: 1,
        pageSize: 10000,
        itemid: null,
        expense: null,
        expensedescribe: null,
        usestate: null
      },
      //附件列表
      fileList: [],
@@ -1483,7 +1640,7 @@
      pdfimgsrcList: [],
      pdfVisible: false,
      previewpdf: false,
      hintitle: "选中左侧已上传文件预览查看",
      hintitle: "请上传文件后查看",
      atpresent: "",
      Savereminder: false, //提醒保存弹框
      Reminderquantity: 0, //提醒数量
@@ -1498,10 +1655,7 @@
  watch: {},
  //方法集合
  methods: {
    bbaaccss(val) {
      console.log(val);
      console.log(this.funddetailForm);
    },
    bbaaccss(val) {},
    // 浏览器页面关闭或刷新提示
    beforeunloadHandler(e) {
      if (
@@ -1510,7 +1664,6 @@
            sessionStorage.getItem("apifunddetail")) ||
        !sessionStorage.getItem("apifunddetail")
      ) {
        console.log(cg);
      } else {
        this._beforeUnload_time = new Date().getTime();
        e = e || window.event;
@@ -1576,7 +1729,6 @@
      if (string.includes("9091")) {
        const index = string.indexOf("9091");
        this.Networkheader = string.slice(0, index + 4); // 截取9091及其前部字符
        // console.log(this.Networkheader);
      } else {
        const index = string.indexOf("8032");
        this.Networkheader = string.slice(0, index + 4); // 截取8032及其前部字符
@@ -1588,6 +1740,7 @@
      this.curId = this.$route.query.id;
      this.businessType = this.$route.query.businessType;
      this.operationType = this.$route.query.operationType;
      this.beforehandType = this.$route.query.beforehandType;
      //获取费用项目类型
      this.getFeeTypes();
@@ -1604,6 +1757,7 @@
      } else if (this.businessType == "3") {
        this.businessName = "医学成本报销单";
        this.amountLabel = "金额";
        this.getUnitList();
      } else if (this.businessType == "4") {
        this.businessName = "办公费用报销单";
        this.amountLabel = "金额";
@@ -1616,7 +1770,6 @@
        this.title = this.businessName + "新建";
        if (this.operationType != "4") {
          this.curCase = this.$route.query.curCase;
          console.log("this.curCase", this.curCase);
        }
        this.handleAdd();
      } else if (this.operationType == "update") {
@@ -1665,6 +1818,8 @@
      this.reset();
      getFund(this.curId).then(response => {
        console.log(response.data, "初始");
        this.form = response.data;
        sessionStorage.removeItem("apiform");
@@ -1682,29 +1837,14 @@
          if (this.rbDetails.length > 0) {
            for (let m = 0; m < this.rbDetails.length; m++) {
              this.rbDetails[m].itemlist = [];
              this.getFeeItems(m, this.rbDetails[m]);
              this.getRowFeeItems(m, this.rbDetails[m]);
              //获取费用项目的详细信息
              this.rbDetails[m].rowfeeblocks = [];
              this.rbDetails[m].rowfeeblocks.push({
                servicesscope: this.rbDetails[m].servicesscope,
                expensedescribe: this.rbDetails[m].servicesscopename,
                expense: this.rbDetails[m].expense,
                remark: this.rbDetails[m].servicesscopename
              });
              // getdetailsByItemId(this.rbDetails[m].itemid).then((res) => {
              //   let fundmsg = res.data;
              //   fundmsg.forEach((item) => {
              //     this.rbDetails[m].rowfeeblocks.push({
              //       servicesscope: item.id,
              //       expensedescribe: item.expensedescribe,
              //       expense: item.expense,
              //       remark: item.expensedescribe,
              //     });
              //   });
              // });
              this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(
                r => r.itemid == this.rbDetails[m].itemid
              );
            }
            console.log("yeil");
            sessionStorage.removeItem("apifunddetail");
            sessionStorage.setItem(
              "apifunddetail",
@@ -1721,7 +1861,6 @@
        listFundflow(listFundflowparams).then(res => {
          this.fundflowList = res.rows;
        });
        console.log(this.fundflowList);
      });
    },
@@ -1731,29 +1870,30 @@
      this.reset();
      getFund(this.curId).then(response => {
        console.log(response.data, "初始");
        this.form = response.data;
        sessionStorage.removeItem("apiform");
        sessionStorage.setItem("apiform", JSON.stringify(this.form));
        console.log("response.data", response.data);
        //附件处理
        // this.fileList = this.form.annexbankcard ? this.form.annexbankcard.split(",").map(item => ({ url: item, name: item })) : []
        //业务明细
        getownFundDetail(this.curId).then(res => {
          this.rbDetails = res.data;
          console.log("this.feeBlocks", this.feeBlocks);
          for (let m = 0; m < this.rbDetails.length; m++) {
            this.rbDetails[m].itemlist = [];
            this.getFeeItems(m, this.rbDetails[m]);
            this.getRowFeeItems(m, this.rbDetails[m]);
            this.rbDetails[m].rowfeeblocks = [];
            this.rbDetails[m].rowfeeblocks.push({
              servicesscope: this.rbDetails[m].servicesscope,
              expensedescribe: this.rbDetails[m].servicesscopename,
              expense: this.rbDetails[m].expense,
              remark: this.rbDetails[m].servicesscopename
            });
            //获取费用项目的详细信息
            this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(
              r => r.itemid == this.rbDetails[m].itemid
            );
            console.log(
              "this.rbDetails[m].rowfeeblocks",
              this.rbDetails[m].rowfeeblocks
            );
          }
          if (this.rbDetails.length == 0) {
@@ -1778,6 +1918,7 @@
      this.reset();
      getFund(this.curId).then(response => {
        console.log(response.data, "初始");
        this.form = response.data;
        sessionStorage.removeItem("apiform");
@@ -1791,15 +1932,12 @@
          this.rbDetails = res.data;
          for (let m = 0; m < this.rbDetails.length; m++) {
            this.rbDetails[m].itemlist = [];
            this.getFeeItems(m, this.rbDetails[m]);
            this.getRowFeeItems(m, this.rbDetails[m]);
            this.rbDetails[m].rowfeeblocks = [];
            this.rbDetails[m].rowfeeblocks.push({
              servicesscope: this.rbDetails[m].servicesscope,
              expensedescribe: this.rbDetails[m].servicesscopename,
              expense: this.rbDetails[m].expense,
              remark: this.rbDetails[m].servicesscopename
            });
            //获取费用项目的详细信息
            this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(
              r => r.itemid == this.rbDetails[m].itemid
            );
          }
          if (this.rbDetails.length == 0) {
@@ -1827,8 +1965,6 @@
        })
        .then(() => {
          getownFundDetail(this.curId).then(res => {
            console.log(res);
            let listdetails = res.data;
            for (let i = 0; i < listdetails.length; i++) {
              delFunddetail(listdetails[i].id);
@@ -1841,7 +1977,17 @@
    },
    /** 上报按钮操作 */
    handleUp() {
    handleup() {
      if (
        (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
          JSON.stringify(this.rbDetails) ==
            sessionStorage.getItem("apifunddetail")) ||
        !sessionStorage.getItem("apifunddetail")
      ) {
      } else {
        this.$message.error("请保存后再进行上报");
        return;
      }
      this.$confirm("是否确认将登记记录上报?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
@@ -1851,6 +1997,9 @@
          //查找是否存在登记完成记录
          //判断是否存在上报记录
          this.form.recordstatus = 0;
          if (!this.form.id) {
            this.form.id = this.$route.query.id;
          }
          updateFund(this.form).then(response => {
            if (response.code == 200) {
@@ -1858,6 +2007,7 @@
                type: "success",
                message: "申请成功"
              });
              this.cancel();
            } else {
              this.$message({
                type: "error",
@@ -1891,7 +2041,7 @@
        this.randomnumber = this.generateRandomString(9);
        this.form.randomnumber = this.randomnumber;
      }
      console.log(this.randomnumber);
      this.$refs["form"].validate(valid => {
        if (valid) {
          this.formData = this.form;
@@ -1921,10 +2071,7 @@
                return;
              }
              if (
                tempDetail.beneficiaryno == null ||
                tempDetail.beneficiaryno == "点击选择"
              ) {
              if (tempDetail.beneficiaryno == null) {
                this.$modal.msgWarning(
                  "服务项目表中,第" +
                    (k + 1).toString() +
@@ -1984,44 +2131,6 @@
              ].subjecttypename;
            }
            this.rbDetails[i] = tempDetail;
            /*
            //计算个税
            //if (isNaN(parseFloat(tempDetail.taxedamount)))
            //获取参数
            this.taxParam.beneficiaryNo = tempDetail.beneficiaryno;
            this.taxParam.startTime = this.form.createTime.substring(0, 10);
            // 计算税后金额
            if (tempDetail.taxedamount == undefined || tempDetail.taxedamount == null || tempDetail.taxedamount == 0 || tempDetail.taxedamount == '') {
              //获取参数
              this.taxParam.money = tempDetail.amount.toString();
              getTaxByBeneFiciaryNo(this.taxParam).then((res) => {
                if (res.code == 200) {
                  tempDetail.taxamount = res.data;
                  tempDetail.taxedamount = tempDetail.amount - tempDetail.taxamount;
                  this.rbDetails[k] = tempDetail;
                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
              });
            }
            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              //获取参数
              this.taxParam.money = tempDetail.taxedamount.toString();
              getTaxBeforeByAfterMoney(this.taxParam).then((res) => {
                if (res.code == 200) {
                  tempDetail.taxamount = res.data.nowTax;
                  tempDetail.amount = parseFloat(res.data.nowTaxBeforeMoney);
                  this.rbDetails[k] = tempDetail;
                  this.totalAfterTaxAmount += parseFloat(tempDetail.taxedamount);
                  this.totalAmount += parseFloat(tempDetail.amount);
                }
              });
            }
            */
          }
          //计算当前行报销内容费用合计,税前金额(amount)、扣税金额(taxamount)、税后金额(taxedamount)
          if (this.businessType == "2") {
@@ -2077,7 +2186,6 @@
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          console.log(this.rbDetails);
          this.form.serviceFunddetails = this.rbDetails;
          if (this.form.id != null) {
@@ -2108,30 +2216,44 @@
            // });
          }
          addorupdateFund(this.form).then(response => {
            if (response.code === 200) {
              this.$modal.msgSuccess("申请单保存成功!");
            } else {
              this.$modal.msgError("申请单保存失败:" + response.msg);
            }
          });
          sessionStorage.setItem(
            "apifunddetail",
            JSON.stringify(this.rbDetails)
          );
          sessionStorage.setItem("apiform", JSON.stringify(this.form));
          addorupdateFund(this.form).then(response => {
            console.log(this.form);
            console.log(response, "保存返参");
            if (response.code === 200) {
              this.$modal.msgSuccess("申请单保存成功!");
              this.$store.dispatch("tagsView/delView", this.$route);
              this.$router.push({
                path: "/finance/applyDetail/",
                query: {
                  id: response.data,
                  businessType: "2",
                  operationType: "update",
                  curCase: this.curCase
                }
              });
              this.Routinglevel++;
            } else {
              this.$modal.msgError("申请单保存失败:" + response.msg);
            }
          });
          //关闭窗口
          this.loading = false;
          // this.getfundList();
          this.$store.dispatch("tagsView/delView", this.$route);
          this.$router.go(-1);
        }
      });
    }, 500),
    //审批提交
    checksubmit() {
      if (!this.form.checkstatus && this.userprofile.nickName == "陈慕华") {
        this.$modal.msgError("请确认预审状态后再提交审核!");
        return;
      }
      let checkFundObj = {
        // fundid: this.checkObj.fundid,
        fundid: this.curId,
@@ -2150,14 +2272,16 @@
    // 取消按钮
    cancel() {
      // this.reset();
      console.log(-this.Routinglevel);
      this.$store.dispatch("tagsView/delView", this.$route);
      this.$router.go(-1);
      this.$router.go(-this.Routinglevel);
    },
    //获取当前用户信息
    getUserProfile() {
      getUserProfile().then(res => {
        this.userprofile = res.data;
        console.log(this.userprofile);
        this.standardlevel = res.data.standardlevel;
        if (
          this.userprofile.userName == "admin" ||
@@ -2168,7 +2292,7 @@
        } else {
          this.ismanager = false;
        }
        console.log(this.userprofile, this.ismanager);
        if (this.operationType == "add") {
          this.form.username = this.userprofile.nickName;
          this.form.userno = this.userprofile.userName;
@@ -2251,16 +2375,14 @@
    //获取费用机构列表
    getFeeUnitList() {
      console.log("单位");
      listReportname("org").then(res => {
        this.feeUnitList = res.data;
        console.log(this.feeUnitList);
      });
      console.log(this.feeUnitList);
    },
    //获取医疗机构列表
    getUnitList() {
      console.log("医疗机构");
      listOrganization(3).then(response => {
        for (let i = 0; i < response.rows.length; i++) {
          this.unitList.push({
@@ -2268,7 +2390,6 @@
            organizationid: response.rows[i].id,
            organizationname: response.rows[i].organizationname
          });
          console.log(this.unitList);
        }
      });
    },
@@ -2283,11 +2404,15 @@
      });
    },
    //获取费用类型
    //获取服务费用类型、服务项目、服务说明
    getFeeTypes() {
      //获取服务费用类型、服务项目
      getFundTypeAll(this.businessType).then(res => {
        let dataList = res.data;
        //获取服务费用服务项目
        this.feeItemTypes = dataList;
        //获取服务费用类型
        this.rowfeeItemTypes = [];
        for (let m = 0; m < dataList.length; m++) {
          this.rowfeeItemTypes.push({
@@ -2298,18 +2423,31 @@
          });
        }
      });
      //获取服务费用说明列表
      if (this.businessType == "1" || this.businessType == "2") {
        this.loading = true;
        listItemexpense(this.expenseQueryParams).then(response => {
          response.rows.forEach(item => {
            this.feeBlocks.push({
              servicesscope: JSON.stringify(item.id),
              itemid: item.itemid,
              expense: item.expense,
              expensedescribe: item.expensedescribe,
              remark: item.expensedescribe
            });
          });
          this.loading = false;
        });
      }
    },
    getFeeItems(rowindex, row) {
    //获取服务项目
    getRowFeeItems(rowindex, row) {
      let list = this.feeItemTypes.filter(r => r.itemType == row.applytype);
      console.log(list[0]);
      row.itemlist = list[0].itemDetails;
      this.$set(this.rbDetails, rowindex, row);
      //this.loading = true;
      // getItemNames(row.applytype).then((res) => {
      //   this.loading = false;
      //   row.itemlist = res.data;
      //   this.$set(this.rbDetails, rowindex, row);
      // });
    },
    //加载服务项目
@@ -2318,13 +2456,6 @@
      row.itemlist = list[0].itemDetails;
      row.itemid = null;
      this.$forceUpdate();
      //this.loading = true;
      // getItemNames(row.applytype).then((res) => {
      //   this.loading = false;
      //   row.itemid = null;
      //   row.itemlist = res.data;
      //   this.$forceUpdate();
      // });
    },
    //获取费用项目的备注信息
@@ -2338,20 +2469,20 @@
            row.taxedamount = item.expense;
            //计算税前金额
            this.calculateTax(row, "B");
            // this.calculateTax(row, "B");
          } else {
            row.amount = item.expense;
            row.taxamount = 0.0;
            row.taxedamount = 0.0;
            //计算税后金额
            this.calculateTax(row, "A");
            // this.calculateTax(row, "A");
          }
          this.form.serviceFunddetails = 0;
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          // this.form.serviceFunddetails = 0;
          // this.rbDetails.map(item => {
          //   this.form.serviceFunddetails += item.amount;
          // });
        }
      });
    },
@@ -2379,22 +2510,28 @@
      }
      //获取费用项目的详细信息
      getdetailsByItemId(row.itemid).then(res => {
        let fundmsg = res.data;
        let rowfeeblocks = [];
        fundmsg.forEach(item => {
          rowfeeblocks.push({
            expense: item.expense,
            expensedescribe: item.expensedescribe,
            remark: item.expensedescribe,
            servicesscope: item.id
          });
        });
        row.rowfeeblocks = rowfeeblocks;
      if (this.businessType == "1") {
        row.servicesscope = null;
        row.servicesscopename = "";
      });
        row.amount = 0.0;
        row.taxamount = 0.0;
        row.taxedamount = 0.0;
        row.rowfeeblocks = this.feeBlocks.filter(r => r.itemid == row.itemid);
        if (row.rowfeeblocks.length == 1) {
          row.servicesscope = row.rowfeeblocks[0].servicesscope;
          row.servicesscopename = row.rowfeeblocks[0].expensedescribe;
          if (row.servicesscopename.includes("税后")) {
            row.amount = 0.0;
            row.taxamount = 0.0;
            row.taxedamount = row.rowfeeblocks[0].expense;
          } else {
            row.amount = row.rowfeeblocks[0].expense;
            row.taxamount = 0.0;
            row.taxedamount = 0.0;
          }
        }
      }
    },
    //筛查出对应的费用项目
@@ -2418,9 +2555,10 @@
        });
      }
    },
    //合计费用
    selectamount(row) {
      this.rowfeeblocks.forEach((item, i) => {
      this.feeBlockList.forEach((item, i) => {
        if (item.expense === row.amount) {
          row.remark = item.expensedescribe;
        }
@@ -2449,30 +2587,39 @@
    //计算个税:type(A:已知税前金额,计算税后金额;B:已知税后金额,计算税前金额)
    calculateTax(row, type) {
      let targetValue = 0;
      for (let i = 0; i < this.rbDetails.length; i++) {
        if (!this.rbDetails[i].amount) {
          this.rbDetails[i].amount = 0;
        }
        targetValue += parseFloat(this.rbDetails[i].amount); // 假设每个对象中的特定值存储在'specificValue'属性下
      }
      console.log(targetValue, "合计");
      this.form.pretaxcost = targetValue;
      //if (isNaN(parseFloat(tempDetail.taxedamount)))
      //获取参数
      this.taxParam.beneficiaryNo = row.beneficiaryno;
      this.taxParam.startTime = this.form.createTime.substring(0, 10);
      if (type == "A") {
        // 计算个税、税后金额
        this.taxParam.money = row.amount.toString();
        getTaxByBeneFiciaryNo(this.taxParam).then(res => {
          if (res.code == 200) {
            row.taxamount = res.data;
            row.taxedamount = row.amount - row.taxamount;
          }
        });
      } else {
        // 计算税前、个税金额
        this.taxParam.money = row.taxedamount.toString();
        getTaxBeforeByAfterMoney(this.taxParam).then(res => {
          if (res.code == 200) {
            row.taxamount = res.data.nowTax;
            row.amount = parseFloat(res.data.nowTaxBeforeMoney);
          }
        });
      }
      // this.taxParam.beneficiaryNo = row.beneficiaryno;
      // this.taxParam.startTime = this.form.createTime.substring(0, 10);
      // if (type == "A") {
      //   // 计算个税、税后金额
      //   this.taxParam.money = row.amount.toString();
      //   getTaxByBeneFiciaryNo(this.taxParam).then(res => {
      //     if (res.code == 200) {
      //       row.taxamount = res.data;
      //       row.taxedamount = row.amount - row.taxamount;
      //     }
      //   });
      // } else {
      //   // 计算税前、个税金额
      //   this.taxParam.money = row.taxedamount.toString();
      //   getTaxBeforeByAfterMoney(this.taxParam).then(res => {
      //     if (res.code == 200) {
      //       row.taxamount = res.data.nowTax;
      //       row.amount = parseFloat(res.data.nowTaxBeforeMoney);
      //     }
      //   });
      // }
    },
    //导入所有项目
@@ -2499,31 +2646,38 @@
              itemid: this.feeItemTypes[i].itemDetails[j].id,
              itemcode: this.feeItemTypes[i].itemDetails[j].itemCode,
              recordstatus: "-1",
              beneficiaryname: "点击选择",
              unitname: "点击选择",
              beneficiaryname: null,
              unitname: null,
              itemlist: this.feeItemTypes[i].itemDetails,
              rowfeeblocks: null,
              servicesscope: null,
              servicesscopename: ""
            };
            //获取收费项目的说明信息
            getdetailsByItemId(rowData.itemid).then(res => {
              let fundmsg = res.data;
              let rowfeeblocks = [];
              fundmsg.forEach(item => {
                rowfeeblocks.push({
                  expense: item.expense,
                  expensedescribe: item.expensedescribe,
                  remark: item.expensedescribe,
                  servicesscope: item.id
                });
              });
            //获取服务说明信息
            rowData.servicesscope = null;
            rowData.servicesscopename = "";
            rowData.amount = 0.0;
            rowData.taxamount = 0.0;
            rowData.taxedamount = 0.0;
              rowData.rowfeeblocks = rowfeeblocks;
              rowData.servicesscope = null;
              rowData.servicesscopename = "";
            });
            rowData.rowfeeblocks = this.feeBlocks.filter(
              r => r.itemid == rowData.itemid
            );
            if (rowData.rowfeeblocks.length == 1) {
              rowData.servicesscope = rowData.rowfeeblocks[0].servicesscope;
              rowData.servicesscopename =
                rowData.rowfeeblocks[0].expensedescribe;
              if (rowData.servicesscopename.includes("税后")) {
                rowData.amount = 0.0;
                rowData.taxamount = 0.0;
                rowData.taxedamount = rowData.rowfeeblocks[0].expense;
              } else {
                rowData.amount = rowData.rowfeeblocks[0].expense;
                rowData.taxamount = 0.0;
                rowData.taxedamount = 0.0;
              }
            }
            listAdd.push(rowData);
          }
@@ -2531,16 +2685,6 @@
      }
      this.rbDetails = listAdd;
      this.loading = false;
      // let Outerarr = this.rbDetails;
      // Outerarr.map((res) => {
      //   let onelist = this.rowfeeItemTypes;
      //   onelist.map((item) => {
      //     //第一层不相等时;
      //     if (res.applytype !== item.itemType) {
      //       this.addRow();
      //     }
      //   });
      // });
    },
    unsave() {
@@ -2585,10 +2729,7 @@
                return;
              }
              if (
                tempDetail.beneficiaryno == null ||
                tempDetail.beneficiaryno == "点击选择"
              ) {
              if (tempDetail.beneficiaryno == null) {
                this.$modal.msgWarning(
                  "服务项目表中,第" +
                    (k + 1).toString() +
@@ -2669,7 +2810,7 @@
                }
              });
            }
            // 计算税前、税费、税后金额
            if (tempDetail.amount == undefined || tempDetail.amount == null || tempDetail.amount == 0 || tempDetail.amount == '') {
              //获取参数
@@ -2741,7 +2882,6 @@
          this.rbDetails.map(item => {
            this.form.serviceFunddetails += item.amount;
          });
          console.log(this.rbDetails);
          this.form.serviceFunddetails = this.rbDetails;
          if (this.form.id != null) {
@@ -2792,24 +2932,40 @@
      });
    },
    handleCheckAllChange(val) {
      console.log(val);
      this.checkedCities = val ? this.cityOptions : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      console.log(value);
      console.log(this.checkedCities);
      let checkedCount = value.length;
      console.log(checkedCount);
      this.checkAll = checkedCount === this.cityOptions.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cityOptions.length;
    },
    // 手动计算
    Manualcalculationfn() {
      ManualCalculation(this.rbDetails).then(res => {
        console.log(res);
        if (res.code == 200) {
          sessionStorage.removeItem("apiform");
          sessionStorage.removeItem("apifunddetail");
          sessionStorage.setItem(
            "apifunddetail",
            JSON.stringify(this.rbDetails)
          );
          sessionStorage.setItem("apiform", JSON.stringify(this.form));
          this.$router.go(0);
        } else {
          // this.$message({
          //   type: "error",
          //   message: "申请失败"
          // });
        }
      });
    },
    // 批量录入点击
    Batchentry() {
      // ethical
      listReportname("ethical").then(res => {
        console.log(res);
        this.cityOptions = res.data;
      });
      this.batchdialogVisible = true;
@@ -2817,13 +2973,11 @@
    // 确认录入
    BatchentryFn() {
      this.checkedCities.forEach(item => {
        console.log(item);
        let rowData = {
          orderno: null,
          id: item.id,
          fundid: null,
          beneficiaryname: item.reportName,
          beneficiaryno: null,
          beneficiaryno: item.reportNo,
          unitname: item.unitname,
          unitno: null,
          uintuserno: null,
@@ -2838,11 +2992,13 @@
          branchbankname: item.branchbankname,
          annexbankcard: null,
          annexregistform: null,
          applytype: "伦理审核专家费",
          itemid: "器官捐献伦理审核专家费",
          itemname: null,
          applytype: "7",
          applytypename: "伦理审核专家费",
          itemid: "27",
          itemcode: "27",
          itemname: "器官捐献伦理审核专家费",
          itemtype: null,
          amount: null,
          amount: 200,
          prepaidamount: null,
          taxamount: null,
          invoicecount: null,
@@ -2856,19 +3012,20 @@
          updateBy: null,
          updateTime: null,
          uploadflag: null,
          itemdescribe: null,
          uploadtime: null,
          itemlist: [],
          itemlist: [{ id: "27", itemName: "器官捐献伦理审核专家费" }],
          servicesscope: null,
          rowfeeblocks: [],
          annexfiles: null
        };
        console.log(rowData);
        this.rbDetails.push(rowData);
      });
      for (let i = 0; i < this.checkedCities.length + 1; i++) {
        this.rbDetails[i].orderno = i + 1;
      }
      this.calculateTax();
      this.batchdialogVisible = false;
    },
    //新增一行
@@ -2877,9 +3034,10 @@
        orderno: null,
        id: null,
        fundid: null,
        beneficiaryname: "点击选择",
        beneficiaryname: null,
        beneficiaryno: null,
        unitname: "点击选择",
        unitname: null,
        itemdescribe: null,
        unitno: null,
        uintuserno: null,
        title: null,
@@ -2896,6 +3054,7 @@
        applytype: null,
        itemid: null,
        itemname: null,
        itemcode: null,
        itemtype: null,
        amount: null,
        prepaidamount: null,
@@ -2940,9 +3099,7 @@
        type: "success"
      })
        .then(() => {
          console.log(this.rbDetails.length);
          if (this.rbDetails.length == 1) {
            console.log("新增");
            this.addRow(0);
          }
          if (row.id !== null) {
@@ -2955,9 +3112,10 @@
                }).then(() => {
                  this.$set(rows, rows.splice(index, 1));
                  getownFundDetail(this.form.id).then(res => {
                    console.log(res);
                    this.$set(this.rbDetails, res.data);
                    for (let i = 0; i < this.rbDetails.length; i++) {
                      this.rbDetails[i].orderno = i + 1;
                    }
                    this.sumTotalFee();
                    // this.rbDetails = res.data
                  });
@@ -3088,7 +3246,6 @@
    //     this.$modal.msgSuccess(response.msg);
    //     this.fileList.push({ name: response.fileName, url: response.fileName });
    //   } else {
    //     console.log(response.msg);
    //   }
    // },
    uploadSccess(response, file, fileList) {
@@ -3104,16 +3261,21 @@
        this.pdfimgsrcList.push(
          this.Networkheader + "/prod-api" + response.fileName
        );
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
        this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;
        this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
      } else {
        console.log(response.msg);
      }
    },
    // 点击票据
    Filepopup(index, rows, row) {
      this.tableDatatop = [];
      this.pdfimgsrcList = [];
      this.tableDatatop.push(row);
      this.atpresent = index;
      this.pdfVisible = true;
      if (this.rbDetails[index].annexfilesList) {
@@ -3121,12 +3283,10 @@
        this.fileListto = this.rbDetails[index].annexfilesList;
        this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
        // this.pdfimg = this.fileListto[0].url;
        this.pdfimgsrcList = [];
        this.fileListto.forEach(item => {
          this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url);
        });
        console.log(this.pdfimgsrcList);
        console.log(this.pdfimg);
        this.pdftitle = "共" + this.pdfimgsrcList.length + "项";
      } else {
        this.fileListto = [];
        this.pdfimg = "";
@@ -3136,8 +3296,8 @@
    // 点击已上传文件
    downFile(item) {
      console.log(item);
      this.pdftitle = item.name;
      this.pdftitle =
        "共" + this.pdfimgsrcList.length + "项,当前选中" + item.name;
      let name = item.name.split(".");
      if (name[1] == "pdf") {
        this.$modal.msgWarning("当前文件暂不支持预览");
@@ -3150,10 +3310,7 @@
          // if (!this.pdfimgsrcList.includes(this.pdfimg)) {
          //   this.pdfimgsrcList.push(this.pdfimg);
          //   console.log("加入");
          // }
          console.log(this.pdfimg);
          console.log(this.pdfimgsrcList, "imglist");
        } else {
          this.pdfimg = this.Networkheader + "/prod-api" + item.url;
        }
@@ -3168,18 +3325,13 @@
    },
    // 点击删除
    deletedowfile(row) {
      console.log(this.fileListto);
      console.log(row);
      const indexlist = this.getIndexInArray(
        this.pdfimgsrcList,
        this.Networkheader + "/prod-api" + row.url
      );
      console.log(indexlist);
      this.pdfimgsrcList.splice(indexlist, 1);
      const index = this.getIndexInArray(this.fileListto, row);
      this.fileListto.splice(index, 1);
      console.log(index);
      console.log(this.pdfimgsrcList);
    },
    // 点击上移
    moveupdowfile(row) {
@@ -3190,18 +3342,16 @@
    //专家/医疗机构/费用报销机构选择
    ShowDetailDialog(spoce, showType) {
      this.spocewl = spoce;
      console.log(spoce);
      this.selectionType = showType;
      if (this.businessType == 4 || !showType) {
      if (this.businessType == 4 || this.businessType == 3 || !showType) {
        this.selectionType = this.experthear;
        console.log(this.selectionType);
      }
      // if (!showType) {
      //   this.selectionType = this.experthear;
      // }
      this.expertfrom = "1";
      console.log(spoce);
      this.funddetailForm.index = spoce.$index;
      this.funddetailForm.beneficiaryno = spoce.row.beneficiaryno;
      this.funddetailForm.beneficiaryname = spoce.row.beneficiaryname;
@@ -3220,15 +3370,23 @@
    //专家/医疗机构/费用报销机构选择
    ConfirmDetailDialog() {
      console.log(this.funddetailForm.tempExpertName);
      console.log(this.funddetailForm);
      // if (this.businessType == 4) {
      //   if (this.experthear == "expert") {
      //     this.funddetailForm.beneficiaryname = this.unitforname;
      //   } else {
      //     this.funddetailForm.beneficiaryname = this.Personnelforname;
      //   }
      // }
      let tempIndex = this.funddetailForm.index;
      let tempExpertName = this.funddetailForm.beneficiaryname;
      let tempUnitname = this.funddetailForm.unitname;
      let singleDetail = this.rbDetails[tempIndex];
      console.log(tempExpertName);
      if (this.selectionType == "expert" || this.businessType == 4) {
      if (
        this.selectionType == "expert" ||
        this.businessType == 4 ||
        this.businessType == 3
      ) {
        if (this.expertfrom == "1" || this.experthear == "unit") {
          //从专家列表获取信息
          this.personlist.map(res => {
@@ -3328,7 +3486,6 @@
            let unitIndex = this.feeUnitList.findIndex(
              item => singleDetail.unitno == item.reportNo
            );
            if (unitIndex > -1) {
              singleDetail.unitname = this.feeUnitList[unitIndex].reportName;
              singleDetail.depositbank = this.feeUnitList[
@@ -3347,10 +3504,9 @@
      // if (this.experthear == "unit") {
      //   singleDetail.unitname = "";
      // }
      if (this.businessType == 4) {
        singleDetail.unitname = this.funddetailForm.unitname;
      if (this.businessType == 4 || this.businessType == 3) {
        singleDetail.beneficiaryname = this.funddetailForm.beneficiaryname;
      }
      console.log(this.funddetailForm);
      this.rbDetails[tempIndex] = singleDetail;
      this.showSelectionDialog = false;
    }
@@ -3372,8 +3528,6 @@
    this.getUserProfile();
    let apifunddetailForm = this.funddetailForm;
    let apiform = this.form;
    console.log(apiform);
    console.log(apifunddetailForm);
    // this.getFeeUnitList();
  },
@@ -3383,7 +3537,9 @@
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  destroyed() {
    window.removeEventListener("beforeunload", e => this.beforeunloadFn(e));
  }, //生命周期 - 销毁完成
  activated() {} //如果页面有keep-alive缓存功能,这个函数会触发
};
</script>
@@ -3399,7 +3555,6 @@
    .top-text {
      text-align: center;
      font-size: 23px;
      font-weight: 600;
      margin: 20px 0;
@@ -3462,10 +3617,12 @@
  line-height: 36px;
  text-align: center;
}
::v-deep .el-alert__title {
  font-size: 25px;
  line-height: 25px;
}
::v-deep .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 0 !important;
  margin-bottom: 10px;