front/front-vue/src/views/service/credit/financeOpen.vue

<template>
  <div class="app-container zap-main">
    <el-form ref="form" :model="form" :rules="rules" label-width="auto">
      <el-row class="zap-form pt20">
        <content-title title="开立融信"></content-title>
        <el-row class="zap-margin-top">
          <el-col :span="8">
            <el-form-item label="开立方" prop="openName">
              <el-input v-model="form.openName" class="zap-form-input" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="授信额度" prop="zfiSupplierQuotaId">
              <el-select
                v-model="form.zfiSupplierQuotaId"
                filterable
                clearable
                remote
                @change="change"
                class="zap-form-input"
              >
                <el-option
                  v-for="item in creditLineList"
                  :key="item.value"
                  :label="item.label+'/'+item.remaining"
                  :value="item.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col
            :span="8"
            style="height: 36px;line-height: 36px;margin-bottom: 22px;font-size: 14px;"
          >
            <span>最小融资金额:</span>
            <span>{{zfpMinimumAmount}}</span>
          </el-col>
          <el-col :span="8">
            <el-form-item label="接收方" prop="receiveName">
              <el-input v-model="form.receiveName" disabled class="zap-form-input" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="签发有效期" prop="zfiEffectiveDate" class="zap-form-item__content">
              <el-date-picker
                class="zap-form-input"
                clearable
                v-model="form.zfiEffectiveDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择签发有效期"
                :picker-options="pickerOptions"
              ></el-date-picker>
              <el-tooltip
                class="zap-form-tip"
                effect="light"
                content="签发有效期：即指定签发截止日期，对方企业在签发截止日内未处理该笔融信，本次融信操作将自动失效"
                placement="top"
              >
                <img src="../../../assets/images/icon_tip.png" alt />
              </el-tooltip>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="承诺还款日" prop="zfiExpireDate">
              <el-date-picker
                class="zap-form-input"
                clearable
                v-model="form.zfiExpireDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择承诺还款日"
                :picker-options="pickerOptions"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="签发金额" prop="zfiAmount">
              <el-input
                class="zap-form-input"
                v-model="form.zfiAmount"
                @input="getBigSmall"
                @input.native="changeRate($event,form.zfiAmount)"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="金额大写" prop="issuedAmount">{{issuedAmount}}</el-form-item>
          </el-col>
        </el-row>
      </el-row>
      <el-row class="zap-form mt20 pt20">
        <el-row>
          <content-title title="资产信息"></content-title>
          <zap-tip class="pt12"></zap-tip>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-button type="success" @click="openTicket">选择</el-button>
            <el-button type="primary" icon="el-icon-plus" @click="addPay">新增应收账款</el-button>
            <el-button @click="deleteTicekt">清空全部</el-button>
          </el-col>
          <el-col :span="12">
            <el-row type="flex" align="middle" justify="end">
              <content-total :amount="checkTotalAmt" :words="checkTotalBigAmt"></content-total>
            </el-row>
          </el-col>
        </el-row>
        <el-row>
          <el-table class="zap-table" :data="ticketList" style="width: 100%;" stripe border>
            <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
            <el-table-column label="应收企业" align="center" prop="receiveName" />
            <el-table-column label="应付企业" align="center" prop="payName" />
            <el-table-column
              label="预计还款期"
              align="center"
              prop="zbiPayDate"
              width="100"
              show-overflow-tooltip
            />
            <el-table-column
              label="金额"
              align="center"
              :formatter="moneyFormat"
              prop="zbiAmount"
              width="120"
            />
            <el-table-column
              label="操作"
              align="center"
              class-name="small-padding fixed-width"
              width="250"
              fixed="right"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-delete"
                  @click="handleDelete(scope.$index, ticketList)"
                >删除</el-button>
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-view"
                  @click="handleDetail(scope.$index, ticketList)"
                >详情</el-button>
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-edit"
                  @click="handleUpdate(scope.$index, ticketList)"
                >修改</el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-row>
      </el-row>
    </el-form>
    <el-row type="flex" justify="center" align="middle" style="height: 96px;">
      <el-button type="primary" @click="submitForm">确 定</el-button>
      <el-button type="primary" plain @click="cancel">取 消</el-button>
    </el-row>
    <!-- 应付账款信息 -->
    <el-dialog
      class="zap-financeopen-dialog"
      :title="payTitle"
      :visible.sync="open"
      width="1120px"
      append-to-body
      destroy-on-close
    >
      <search-bar :hiddenSetting="true" @query="handleQuerys" @reset="resetQuerys">
        <el-form :model="queryParamsPay" ref="formQuery" label-width="72px">
          <el-row>
            <el-form-item
              label="账款名称"
              prop="zbiName"
              style="display:inline-block;margin-right: 94px;"
            >
              <el-input
                style="width: 240px;"
                v-model="queryParamsPay.zbiName"
                placeholder="请输入账款名称"
                clearable
                maxlength="11"
                @keyup.enter.native="handleQuerys"
              />
            </el-form-item>
            <el-form-item label="应付企业" prop="payName" style="display:inline-block;">
              <el-input
                style="width: 240px;"
                v-model="queryParamsPay.payName"
                placeholder="请输入应付企业"
                clearable
                maxlength="11"
                @keyup.enter.native="handleQuerys"
              />
            </el-form-item>
          </el-row>
        </el-form>
      </search-bar>
      <el-table
        :data="payList"
        ref="tablePay"
        class="single-select-table"
        @selection-change="handleSelectionChange"
        :row-key="rowkey"
        border
        stripe
      >
        <el-table-column type="selection" :reserve-selection="true" width="50" align="center" />
        <el-table-column label="序号" type="index" width="50" align="center">
          <template slot-scope="scope">
            <span>{{ (queryParamsPay.pageNum - 1) * queryParamsPay.pageSize + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column label="账款名称" align="center" prop="zbiName" show-overflow-tooltip />
        <el-table-column label="应收企业" align="center" prop="receiveName" />
        <el-table-column label="应付企业" align="center" prop="payName" />
        <el-table-column label="预计还款期" align="center" prop="zbiPayDate" show-overflow-tooltip />
        <el-table-column label="金额" :formatter="moneyFormat" align="center" prop="zbiAmount" />
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="queryParamsPay.pageNum"
        :limit.sync="queryParamsPay.pageSize"
        @pagination="getAccountsCollection"
      />
      <el-row slot="footer" type="flex" justify="center" align="middle" style="margin-top: 24px;">
        <el-button type="primary" @click="closeTicket">确认</el-button>
        <el-button @click="cancelTicket">取消</el-button>
      </el-row>
    </el-dialog>

    <!-- 新增往来账款 -->
    <el-dialog title="新增往来账款" :visible.sync="openAddBill" width="1120px" append-to-body>
      <add-bill
        :companyId="form.zfiCoreId"
        companyType="01"
        :payDate="payDate"
        @addClick="emitAddClick"
        v-if="openAddBill"
      ></add-bill>
    </el-dialog>
    <!-- 附件详情 -->
    <el-dialog title="详情" :visible.sync="openDetailBill" width="1120px" append-to-body>
      <detail-bill :zbiId="this.zbiId" v-if="openDetailBill"></detail-bill>
    </el-dialog>
    <!-- 修改往来账款 -->
    <el-dialog title="修改往来账款" :visible.sync="openEditBill" width="1120px" append-to-body>
      <edit-bill :zbiId="this.zbiId" @editClick="emitEditClick" v-if="openEditBill"></edit-bill>
    </el-dialog>

    <!--预览-->
    <el-dialog :visible.sync="openFile" width="1000px" append-to-body>
      <img :src="wordUrl" v-if="show" width="450px" height="500px" />
      <iframe :src="wordUrl" width="800px" height="600px" frameborder="1" v-if="heid" />
    </el-dialog>
  </div>
</template>

<script>
import {
  listSupplierCreditLine,
  getAccountsCollection,
  getSupplierAvailableBalance,
  addCredit,
  getFile
} from "@/api/service/credit/credit";
import { getRandom } from "@/api/common/getRandom";
import { accAdd } from "@/utils/calculation";
import { getToken } from "@/utils/auth";
import { getBill } from "@/api/service/bill/bill";
import AddBill from "@/views/service/bill/addBill";
import EditBill from "@/views/service/bill/editBill";
import DetailBill from "@/views/service/credit/billDetail";
import { isOpenApproval } from "@/api/service/credit/approvalRelatedCredit";
import { listCompanyHandler } from "@/api/common/companyHandler";
import Cookies from "js-cookie";
import SearchBar from "@/components/SearchBar/index.vue";
import ContentTotal from "@/components/ContentTotal/index.vue";
export default {
  name: "financeOpen",
  components: {
    AddBill,
    EditBill,
    DetailBill,
    SearchBar,
    ContentTotal
  },
  data() {
    return {
      //往来账款id
      zbiId: "",
      // 总条数
      total: 0,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10
      },
      creditParams: {
        zfsqId: null
      },
      queryParamsPay: {
        pageNum: 1,
        pageSize: 10,
        payName: null,
        zbiName: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        //授信额度
        zfiSupplierQuotaId: [
          {
            required: true,
            message: "请选择授信额度",
            trigger: ["blur", "change"]
          }
        ],
        //接收方
        zfiSupplierId: [
          {
            required: true,
            message: "请选择接收方",
            trigger: ["blur", "change"]
          }
        ],
        //签发有效期
        zfiEffectiveDate: [
          {
            required: true,
            message: "请选择签发有效期",
            trigger: ["blur", "change"]
          }
        ],
        //签发金额
        zfiAmount: [
          {
            required: true,
            message: "请输入签发金额",
            trigger: ["blur", "change"]
          },
          {
            pattern: /^(?:0|[1-9]\d{0,8})(?:\.\d{1,2})?$/,
            message: "请输入正确的签发金额",
            trigger: ["blur", "change"]
          }
        ],
        //承诺还款日
        zfiExpireDate: [
          {
            required: true,
            message: "请选择承诺还款日",
            trigger: ["blur", "change"]
          }
        ]
      },
      // 是否显示弹出层
      open: false,
      openAddBill: false,
      openEditBill: false,
      openDetailBill: false,
      //授信
      creditLineList: [],
      //接收方
      supplierList: [],
      //应付账款
      payList: [],
      //应付账款表格数据
      ticketList: [],
      //应付标题
      payTitle: "",
      //可用额度
      availableAmt: "0.00",
      //有效期
      validityDate: "",
      //有效期类型
      zfpcrDateType: "",
      //合计选中的应付账款的金额
      checkTotalAmt: "0.00",
      //合计选中的应付账款的大写金额
      checkTotalBigAmt: "零元整",
      //签发金额大写
      issuedAmount: "零元整",
      //产品是否可拆分
      zfpSplit: "",
      //融资放款方式
      zfpcrLoanType: "",
      //额度id
      zfsqId: "",
      //产品编号
      zfpId: "",
      //利率
      zfpcrRate: "",
      //最小融资额度
      zfpMinimumAmount: "",
      //合同附件
      contractFileList: [],
      //发票附件
      invoiceFileList: [],
      //其他文件
      otherFileList: [],
      pickerOptions: {
        disabledDate(v) {
          return v.getTime() < new Date().getTime() - 86400000;
        }
      },
      openFile: false,
      wordUrl: "",
      show: false,
      heid: false,
      chooseTicket: [],
      payDate: null
    };
  },
  created() {

    //获取当前公司
    getRandom().then(response => {
      if (response.data) {
        this.$set(this.form, "receiveName", response.data.companyName);
      }
    }),
      //获取授信额度
      listSupplierCreditLine(this.creditParams).then(response => {
        this.creditLineList = response.data.map(item => {
          return {
            value: item.zfsqId,
            zfsqId: item.zfsqId,
            label: item.zfpName,
            zfpcrDateType: item.zfpcrDateType,
            zfpcrEndDate: item.zfpcrEndDate,
            zfpcrLoanType: item.zfpcrLoanType,
            zfpSplit: item.zfpSplit,
            zfpId: item.zfpId,
            zfpcrRate: item.zfpcrRate,
            remaining: item.remaining,
            zfpMinimumAmount: item.zfpMinimumAmount
          };
        });
      });
    //签发金额
    this.$set(this.form, "zfiAmount", "0.00");
  },
    activated() {
       //获取当前公司
    getRandom().then(response => {
      if (response.data) {
        this.$set(this.form, "receiveName", response.data.companyName);
      }
    }),
      //获取授信额度
      listSupplierCreditLine(this.creditParams).then(response => {
        this.creditLineList = response.data.map(item => {
          return {
            value: item.zfsqId,
            zfsqId: item.zfsqId,
            label: item.zfpName,
            zfpcrDateType: item.zfpcrDateType,
            zfpcrEndDate: item.zfpcrEndDate,
            zfpcrLoanType: item.zfpcrLoanType,
            zfpSplit: item.zfpSplit,
            zfpId: item.zfpId,
            zfpcrRate: item.zfpcrRate,
            remaining: item.remaining,
            zfpMinimumAmount: item.zfpMinimumAmount
          };
        });
      });
    //签发金额
    this.$set(this.form, "zfiAmount", "0.00");
  },
  methods: {
            // 表单重置
        reset() {
            this.form = {
                openName: null,
                zfiSupplierQuotaId: null,
                receiveName: null,
                zfiExpireDate: null,
                zfiEffectiveDate: null,
                zfiAmount: null,
            };
              this.zfpMinimumAmount= [];
              this.checkTotalAmt =[];
              this.checkTotalBigAmt =[];
              this.ticketList =[];
        },
    //列表格式化金额
    moneyFormat(row, column, cellValue) {
      if (cellValue == null || cellValue == undefined || cellValue == "") {
        cellValue = "0.00";
      }
      cellValue += "";
      if (!cellValue.includes(".")) {
        cellValue += ".00";
      }
      return cellValue
        .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
          return $1 + ",";
        })
        .replace(/\.$/, "");
    },
    // 取消按钮
    cancel() {
      this.$store.dispatch("tagsView/delView", this.$route);
      this.$router.go(-1);
    },
    /* 多选框跨页 */
    rowkeyCustomer(row) {
      return row.cciId;
    },

    //表格变动触发事件
    handle() {},
    //应收账款查询列表
    getAccountsCollection() {
      return getAccountsCollection(this.queryParamsPay).then(response => {
        this.payList = response.data.records;
        this.selectChecked();
        this.total = response.data.total;
        return Promise.resolve(response);
      });
    },
    resetQuerys() {
      this.resetForm("formQuery");
      this.handleQuerys();
    },
    handleQuerys() {
      this.queryParamsPay.pageNum = 1;
      this.getAccountsCollection();
    },
    //打开应付账款选择列表
    openTicket() {
      //清空搜索条件
      this.queryParamsPay.zbiName = "";
      this.queryParamsPay.payName = "";
      this.queryParamsPay.pageNum = 1;
      this.chooseTicket = eval("(" + JSON.stringify(this.ticketList) + ")");
      this.getAccountsCollection();
      this.open = true;
      this.payTitle = "应收账款";
    },
    //获取签发金额大写
    getBigSmall() {
      this.issuedAmount = this.smallToBig(this.form.zfiAmount);
    },
    selectChecked() {
      //清空选择
      // this.$refs.tablePay && this.$refs.tablePay.clearSelection();
      var changeSelectionTemp = eval(
        "(" + JSON.stringify(this.chooseTicket) + ")"
      );
      this.$nextTick(() => {
        this.$refs.tablePay.clearSelection();
        changeSelectionTemp.forEach(item => {
          var f = true;
          for (var i = 0; i < this.payList.length; i++) {
            var row = this.payList[i];
            if (row.zbiId == item.zbiId) {
              this.$refs.tablePay &&
                this.$refs.tablePay.toggleRowSelection(row, true);
              f = false;
              break;
            }
          }
          if (f) {
            this.$refs.tablePay &&
              this.$refs.tablePay.toggleRowSelection(item, true);
          }
        });
      });
      //合计
      // this.getReTotal(this.ticketList);
      //附件
      // this.getFile(this.ticketList);
    },
    //获取附件信息
    getFile(datas) {
      var queryParamsFile = {};
      queryParamsFile.ticketList = datas;
      getFile(queryParamsFile).then(response => {
        if (response.data) {
          //获取发票文件
          this.invoiceFileList = response.data.invoiceFileList;
          //获取合同文件
          this.contractFileList = response.data.contractFileList;
          //获取其他文件
          this.otherFileList = response.data.otherFileList;
        }
      });
    },
    /* 多选框跨页 */
    rowkey(row) {
      return row.zbiId;
    },
    // 多选框选中数据
    handleSelectionChange(val) {
      this.chooseTicket = val;
    },
    // 确认选择
    closeTicket() {
      if (this.chooseTicket.length > 0) {
        var flag = true;
        //获取选中第一个的应付企业
        var payName = this.chooseTicket[0].payName;
        //获取选中第一个的预计还款日期
        var zbiPayDate = this.chooseTicket[0].zbiPayDate;
        for (var i = 0; i < this.chooseTicket.length; i++) {
          if (payName != this.chooseTicket[i].payName) {
            flag = false;
            this.$message({
              message: "请选择应付企业相同的应付账款",
              type: "warning"
            });
            break;
          } else if (zbiPayDate != this.chooseTicket[i].zbiPayDate) {
            flag = false;
            this.$message({
              message: "请选择预计还款日期相同的应付账款",
              type: "warning"
            });
            break;
          }
        }
        if (flag) {
          //合计
          this.getReTotal(this.chooseTicket);
          this.ticketList = this.chooseTicket;
          //更新附件信息
          this.getFile(this.ticketList);
          //开立方赋值
          this.$set(this.form, "openName", this.chooseTicket[0].payName);
          if (new Date(this.ticketList[0].zbiPayDate) >= new Date()) {
            // this.form.zfiExpireDate = this.ticketList[0].zbiPayDate
            //承诺还款日为空
            if (!this.form.zfiExpireDate) {
              this.$set(
                this.form,
                "zfiExpireDate",
                this.ticketList[0].zbiPayDate
              );
            }
          }
          this.open = false;
        }
      } else {
        this.$message({
          message: "请选择应收账款",
          type: "warning"
        });
      }
    },

    //重新合计
    getReTotal(chooseTicket) {
      //合计
      this.checkTotalAmt = "0.00";
      for (var i = 0; i < chooseTicket.length; i++) {
        this.checkTotalAmt = accAdd(
          this.checkTotalAmt,
          chooseTicket[i].zbiAmount,
          2
        );
      }
      //签发金额
      this.$set(this.form, "zfiAmount", this.checkTotalAmt);
      //签发金额大写
      this.issuedAmount = this.smallToBig(this.checkTotalAmt);
      this.checkTotalBigAmt = this.smallToBig(this.checkTotalAmt);
      this.checkTotalAmt = this.amtFormat(this.checkTotalAmt);
    },
    //取消选择按钮
    cancelTicket() {
      /*   this.ticketList = [];
              if(this.$refs.tablePay){
                  this.$refs.tablePay.clearSelection();
              } */
      this.open = false;
    },
    /** 清空选择信息 */
    deleteTicekt() {
      this.ticketList = [];
      this.checkTotalAmt = "0.00";
      this.checkTotalBigAmt = this.smallToBig(this.checkTotalAmt);
      //签发金额
      this.$set(this.form, "zfiAmount", "0.00");
      this.issuedAmount = this.smallToBig(this.checkTotalAmt);
      //开立方清空
      this.$set(this.form, "openName", "");
      if (this.$refs.tablePay) {
        this.$refs.tablePay.clearSelection();
      }
      //更新附件
      this.getFile(this.ticketList);
    },
    /* 删除按钮 */
    handleDelete(index, rows) {
      rows.splice(index, 1);
      if (this.$refs.tablePay) {
        this.$refs.tablePay.clearSelection();
      }
      this.selectChecked();
    },
    //详情按钮
    handleDetail(index, rows) {
      this.zbiId = rows[index].zbiId;
      this.openDetailBill = true;
    },
    /* 修改按钮 */
    handleUpdate(index, rows) {
      this.zbiId = rows[index].zbiId;
      this.openEditBill = true;
    },
    onSelectAll() {
      if (this.$refs.tablePay) {
        this.$refs.tablePay.clearSelection();
      }
    },
    //选择授信触发
    change(val) {
      if (!val) {
        //可用额度
        this.availableAmt = "0.00";
        //有效期
        this.validityDate = "";
        //产品是否可拆分
        (this.zfpSplit = ""),
          //融资放款方式
          (this.zfpcrLoanType = "");
        //产品
        this.zfpId = "";
        //利率
        this.zfpcrRate = "";
        //有效期类型
        this.zfpcrDateType = "";
        //最小融资金额
        this.zfpMinimumAmount = "";
        return;
      }
      let obj = {};
      obj = this.creditLineList.find(item => {
        return item.value === val;
      });
      //获取有效期的类型
      this.zfpcrDateType = obj.zfpcrDateType;
      //产品是否可拆分
      this.zfpSplit = obj.zfpSplit;
      //放款方式
      this.zfpcrLoanType = obj.zfpcrLoanType;
      //产品
      this.zfpId = obj.zfpId;
      //利率
      this.zfpcrRate = obj.zfpcrRate;
      //最小融资金额
      this.zfpMinimumAmount = obj.zfpMinimumAmount;
      //长期
      if ("0" == this.zfpcrDateType) {
        this.validityDate = "长期";
      } else {
        this.validityDate = obj.zfpcrEndDate;
      }
      var lineQueryParam = {};
      lineQueryParam.zfsqId = val;
      console.log(val,'val');
      //额度id
      this.zfsqId =val;
      console.log(this.zfsqId,'this.zfsqId');
      //获取可用额度
      getSupplierAvailableBalance(lineQueryParam).then(response => {
        this.availableAmt = response.data.remaining;
      });
    },
    //格式化金额
    amtFormat(cellValue) {
      if (cellValue == null || cellValue == undefined || cellValue == "") {
        cellValue = "0.00";
      }
      cellValue += "";
      if (!cellValue.includes(".")) {
        cellValue += ".00";
      }
      console.log(cellValue);
      return cellValue
        .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
          return $1 + ",";
        })
        .replace(/\.$/, "");
    },
    /* //  将数字金额转换为大写金额 */
    smallToBig(money) {
      //  将数字金额转换为大写金额
      var cnNums = new Array(
        "零",
        "壹",
        "贰",
        "叁",
        "肆",
        "伍",
        "陆",
        "柒",
        "捌",
        "玖"
      ); //汉字的数字
      var cnIntRadice = new Array("", "拾", "佰", "仟"); //基本单位
      var cnIntUnits = new Array("", "万", "亿", "兆"); //对应整数部分扩展单位
      var cnDecUnits = new Array("角", "分", "毫", "厘"); //对应小数部分单位
      var cnInteger = "整"; //整数金额时后面跟的字符
      var cnIntLast = "元"; //整数完以后的单位
      //最大处理的数字
      var maxNum = 999999999999999.9999;
      var integerNum; //金额整数部分
      var decimalNum; //金额小数部分
      //输出的中文金额字符串
      var chineseStr = "";
      var parts; //分离金额后用的数组，预定义
      if (money == "" || money == null || money == undefined) {
        return "零元零角零分";
      }
      money = parseFloat(money);
      if (money >= maxNum) {
        //超出最大处理数字
        return "超出最大处理数字";
      }
      if (money == 0) {
        chineseStr = cnNums[0] + cnIntLast + cnInteger;
        return chineseStr;
      }
      //四舍五入保留两位小数,转换为字符串
      money = Math.round(money * 100).toString();
      integerNum = money.substr(0, money.length - 2);
      decimalNum = money.substr(money.length - 2);
      //获取整型部分转换
      if (parseInt(integerNum, 10) > 0) {
        var zeroCount = 0;
        var IntLen = integerNum.length;
        for (var i = 0; i < IntLen; i++) {
          var n = integerNum.substr(i, 1);
          var p = IntLen - i - 1;
          var q = p / 4;
          var m = p % 4;
          if (n == "0") {
            zeroCount++;
          } else {
            if (zeroCount > 0) {
              chineseStr += cnNums[0];
            }
            //归零
            zeroCount = 0;
            chineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
          }
          if (m == 0 && zeroCount < 4) {
            chineseStr += cnIntUnits[q];
          }
        }
        chineseStr += cnIntLast;
      }
      //小数部分
      if (decimalNum != "") {
        var decLen = decimalNum.length;
        for (var i = 0; i < decLen; i++) {
          var n = decimalNum.substr(i, 1);
          if (n != "0") {
            chineseStr += cnNums[Number(n)] + cnDecUnits[i];
          }
        }
      }
      if (chineseStr == "") {
        chineseStr += cnNums[0] + cnIntLast + cnInteger;
      } else if (decimalNum == "" || /^0*$/.test(decimalNum)) {
        chineseStr += cnInteger;
      }
      return chineseStr;
    },
    //文件下载
    handleDownload(row) {
      const pfiUrl = row.pfiUrl;
      if (pfiUrl != null && pfiUrl != "") {
        window.open(pfiUrl + "/" + getToken());
      } else {
        this.$message({
          message: "该附件不存在！",
          type: "warning"
        });
        return;
      }
    },
    //新增
    submitForm() {
      debugger;
      if (this.ticketList.length < 1) {
        this.$message({
          message: "请选择应收账款",
          type: "warning"
        });
        return;
      }
      //放款方式==指定供应商时收款账号必输
      /*  if("1"== this.zfpcrLoanType){
                 if(!this.form.zfiCollectionAccount){
                     this.$message({
                         message: '请输入收款账号',
                         type: 'warning'
                     });
                     return;
                 }
             } */
      if (parseFloat(this.form.zfiAmount) < parseFloat(this.zfpMinimumAmount)) {
        this.$message({
          message: "签发金额不可小于产品的最小融资金额",
          type: "warning"
        });
        return;
      }
      if (
        parseFloat(this.form.zfiAmount) >
        parseFloat(this.moneyDelete(this.availableAmt))
      ) {
        this.$message({
          message: "签发金额不可大于可用金额",
          type: "warning"
        });
        return;
      }
      if (
        parseFloat(this.form.zfiAmount) >
        parseFloat(this.moneyDelete(this.checkTotalAmt))
      ) {
        this.$message({
          message: "签发金额不可大于合计金额",
          type: "warning"
        });
        return;
      }
      this.$refs["form"].validate(valid => {
        if (valid) {
          const loading = this.$loading({
            lock: true,
            text: "Loading",
            background: "rgba(0, 0, 0,0)"
          });
          //签发金额小于合计金额
          if (
            parseFloat(this.form.zfiAmount) <
            parseFloat(this.moneyDelete(this.checkTotalAmt))
          ) {
            var _this = this;
            this.$confirm("签发金额小于应付金额合计,是否确认提交", "警告", {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning"
            })
              .then(function() {
                //应收账款
                _this.form.ticketList = _this.ticketList;
                   //额度id
                _this.form.zfsqId = _this.zfsqId;
                //产品是否可拆分
                _this.form.zfpSplit = _this.zfpSplit;
                //放款方式
                _this.form.zfpcrLoanType = _this.zfpcrLoanType;
                //融信类型
                _this.form.type = "2";
                //利率
                _this.form.zfiRate = _this.zfpcrRate;
                //产品
                _this.form.zfpId = _this.zfpId;
                //可用额度
                _this.form.availableAmt = _this.availableAmt;
                //最小融资金额
                _this.form.zfpMinimumAmount = _this.zfpMinimumAmount;
                //合计金额
                _this.form.checkTotalAmt = _this.moneyDelete(
                  _this.checkTotalAmt
                );
                console.log(_this.form,"this.form2");
                addCredit(_this.form)
                  .then(response => {
                    //获取融信编号
                    var zfiId = response.data.zfiId;
                    loading.close();
                    //查询当前用户是否为经办人
                    listCompanyHandler().then(response => {
                      if (false == response.data) {
                        //当前用户不是经办人，返回到列表页
                        console.log(_this,"this====>");
                        console.log(_this.$store,"this====>")
                        _this.msgSuccess("融信资料已提交企业内部审批");
                        _this.reset();
                          _this.$store.dispatch(
                              "tagsView/delView",
                              _this.$route
                              );
                          _this.$router.push("/Bill/credit")
                        // _this.$store.dispatch("tagsView/delView", _this.$route);
                        // _this.$router.go(-1);
                      } else {
                        //当前用户是经办人，判断有无融信开立融信的内部审批
                        //查询有无融信开立内部审批
                        var confirmParam = {};
                        confirmParam.menuId = "1000000001";
                        isOpenApproval(confirmParam).then(response => {
                          var result = response.data.isOpen;
                          //有融信开立内部审批
                          if (true == result) {
                             debugger;
                              console.log(_this,"this====>");
                              console.log(_this.$store,"this====>")
                            _this.msgSuccess("融信资料已提交企业内部审批");
                            _this.reset();
                             _this.$store.dispatch(
                              "tagsView/delView",
                              _this.$route
                              );
                          _this.$router.push("/Bill/credit")
                          } else {
                            //无融信开立内部审批
                            //查询有无平台审批
                            var platParam = {};
                            platParam.menuId = "1000000004";
                            var zfpPlatform = _this.creditLineList.zfpPlatform;
                            console.log(zfpPlatform, "zfpPlatform");
                            isOpenApproval(platParam).then(response => {
                              var platResult = response.data.isOpen;
                              //开启平台审批
                              //是否需平台审批(0:不需要,1:需要)
                              if (platResult && zfpPlatform == "1") {
                                _this.msgSuccess(
                                  "融信资料已提交平台审核，平台审核时间为工作日：9：00—18：00；当日16：00之前提交资料，预计2小时内完成，请留意站内信息"
                                );
                                 console.log(_this,"this====>");
                                console.log(_this.$store,"this====>")
                                _this.reset();
                                _this.$store.dispatch(
                                  "tagsView/delView",
                                  _this.$route
                                );
                                _this.$router.push("/Bill/credit")
                              } else {
                                //未开启平台审批
                                //关闭当前页面
                                _this.reset();
                                _this.$store.dispatch(
                                  "tagsView/delView",
                                  _this.$route
                                );
                                //跳转盖章页面
                                Cookies.set(
                                  "/credit/creditSeal/" + zfiId + "/",
                                  _this.$route.fullPath
                                );
                                _this.$router.push({
                                  path: "/credit/creditSeal/" + zfiId + "/"
                                });
                              }
                            });
                          }
                        });
                      }
                    });
                  })
                  .catch(response => {
                    loading.close();
                  });
              })
              .catch(e => {
                loading.close();
              });
          } else {
            //应收账款
            this.form.ticketList = this.ticketList;
               //额度id
            this.form.zfsqId = this.zfsqId;
            //产品是否可拆分
            this.form.zfpSplit = this.zfpSplit;
            //放款方式
            this.form.zfpcrLoanType = this.zfpcrLoanType;
            //融信类型
            this.form.type = "2";
            //利率
            this.form.zfiRate = this.zfpcrRate;
            //产品
            this.form.zfpId = this.zfpId;
            //可用额度
            this.form.availableAmt = this.availableAmt;
            //最小融资金额
            this.form.zfpMinimumAmount = this.zfpMinimumAmount;
            //合计金额
            this.form.checkTotalAmt = this.moneyDelete(this.checkTotalAmt);
            console.log(this.form,"this.form2")
            var self =this;
            addCredit(this.form)
              .then(response => {
                loading.close();
                //获取融信编号
                var zfiId = response.data.zfiId;
                //查询当前用户是否为经办人
                listCompanyHandler().then(response => {
                  if (false == response.data) {
                    debugger;
                    //当前用户不是经办人，返回到列表页
                    this.msgSuccess("融信资料已提交企业内部审批");
                    this.reset();
                    this.$store.dispatch("tagsView/delView", this.$route);
                    this.$router.go(-1);
                  } else {
                    //当前用户是经办人，判断有无融信开立融信的内部审批
                    //查询有无融信开立内部审批
                    var confirmParam = {};
                    confirmParam.menuId = "1000000001";
                    isOpenApproval(confirmParam).then(response => {
                      var result = response.data.isOpen;
                      //有融信开立内部审批
                      if (true == result) {
                         debugger;
                        this.reset();
                        this.msgSuccess("融信资料已提交企业内部审批");
                        this.$store.dispatch("tagsView/delView", this.$route);
                        this.$router.go(-1);
                      } else {
                        //无融信开立内部审批
                        //查询有无平台审批
                        var platParam = {};
                        platParam.menuId = "1000000004";
                        var zfpPlatform = self.creditLineList.zfpPlatform;
                        console.log(zfpPlatform, "zfpPlatform");
                        isOpenApproval(platParam).then(response => {
                          var platResult = response.data.isOpen;
                          //开启平台审批
                          //是否需平台审批(0:不需要,1:需要)
                          if (platResult && zfpPlatform == "1") {
                            this.msgSuccess(
                              "融信资料已提交平台审核，平台审核时间为工作日：9：00—18：00；当日16：00之前提交资料，预计2小时内完成，请留意站内信息"
                            );
                              this.reset();
                            this.$store.dispatch(
                              "tagsView/delView",
                              this.$route
                            );
                            this.$router.go(-1);
                          
                          } else {
                            //未开启平台审批
                            //关闭当前页面
                             this.reset();
                            this.$store.dispatch(
                              "tagsView/delView",
                              this.$route
                            );
                           
                            //跳转盖章页面
                            Cookies.set(
                              "/credit/creditSeal/" + zfiId + "/",
                              this.$route.fullPath
                            );
                            this.$router.push({
                              path: "/credit/creditSeal/" + zfiId + "/"
                            });
                          }
                        });
                      }
                    });
                  }
                });
              })
              .catch(response => {
                loading.close();
              });
          }
        }
      });
    },
    //金额去掉千分位
    moneyDelete(num) {
      if (num && num != undefined && num != null) {
        let _num = num;
        _num = _num.toString();
        _num = _num.replace(/,/gi, "");
        return _num;
      } else {
        return num;
      }
    },
    //预览
    handlePreview(row) {
      const pfiUrl = row.pfiUrl;
      const pfiFileName = row.pfiFileName;
      if (row.pfiUrl) {
        console.log(pfiFileName.substr(-3));
        if (pfiFileName.substr(-3) == "pdf") {
          this.wordUrl = pfiUrl + "/" + getToken();
          this.show = false;
          this.heid = true;
        } else if (
          pfiFileName.substr(-3) == "jpg" ||
          pfiFileName.substr(-3) == "png" ||
          pfiFileName.substr(-3) == "JPG" ||
          pfiFileName.substr(-3) == "PNG" ||
          pfiFileName.substr(-4) == "jpeg" ||
          pfiFileName.substr(-3) == "JPEG"
        ) {
          this.wordUrl = pfiUrl + "/" + getToken();
          this.show = true;
          this.heid = false;
          console.log("====>", this.wordUrl);
        } else if (
          pfiFileName.substr(-3) == "doc" ||
          pfiFileName.substr(-3) == "DOC" ||
          pfiFileName.substr(-4) == "docx" ||
          pfiFileName.substr(-3) == "DOCX"
        ) {
          this.wordUrl =
            "https://view.officeapps.live.com/op/view.aspx?src=" +
            pfiUrl +
            "/" +
            getToken() +
            "/" +
            pfiFileName;
          this.show = false;
          this.heid = true;
          console.log("====>", this.wordUrl);
        } else {
          this.$message({
            message: "暂不支持该类型文件预览",
            type: "warning"
          });
          return;
        }
      }
      this.openFile = true;
    },
    changeRate(e, input) {
      e.target.value = e.target.value.match(/^\d*(\.?\d{0,2})/g)[0] || null;
      this.input = e.target.value;
      this.form.zfiAmount = this.input;
    },
    //新增应付
    addPay() {
      //获取选中第一个的预计还款日期
      if (this.chooseTicket[0]) {
        var zbiPayDate = this.chooseTicket[0].zbiPayDate;
        this.payDate = zbiPayDate;
      }
      this.openAddBill = true;
    },
    //新增账款回调
    emitAddClick(val) {
      var self = this;
      this.getAccountsCollection().then(response => {
        //新增付款返回id直接选中
        if (val) {
          self.payList.forEach(element => {
            if (element.zbiId == val) {
              // 将当前点击项选中
              self.chooseTicket.push(element);
              self.closeTicket();
            }
          });
        }
      });
      self.openAddBill = false;
    },
    //修改账款回调
    emitEditClick(val) {
      var self = this;
      getBill(val).then(response => {
        for (var i = 0; i < this.ticketList.length; i++) {
          if (response.data.zbiId == this.ticketList[i].zbiId) {
            this.$set(this.ticketList, i, response.data);
            break;
          }
        }
        for (var i = 0; i < this.ticketList.length; i++) {
          if (response.data.zbiId == this.ticketList[i].zbiId) {
            this.$set(this.chooseTicket, i, response.data);
            break;
          }
        }
        self.closeTicket();
      });
      self.openEditBill = false;
    }
  }
};
</script>

<style lang="scss">
.uoloadfj .el-upload--picture-card {
  width: 110px;
  height: 110px;
  line-height: 110px;
}

.fjUoloadSty .el-upload--picture-card {
  display: none;
}

table th.star div::before {
  content: "*";
  color: red;
}
</style><style lang="scss" scoped>
.zap-available-credit {
  height: 40px;
  margin-bottom: 22px;
}

.zap-title {
  padding: 20px 25px;
  font-size: 16px;
  color: #333333;
  background-color: #ffffff;
}

.zap-form {
  padding: 10px 25px 8px;
  background-color: #ffffff;
  box-sizing: border-box;
}

.zap-form--clear {
  padding-left: 0;
  padding-right: 0;
}
.zap-financeopen-dialog {
  ::v-deep .el-dialog__body {
    padding: 0 20px 20px;
  }
  .zap-search-bar {
    padding: 20px 0 0 ;
    margin-bottom: 0;
  }
  ::v-deep .zap-search-bar__control{
    text-align: right;
  }
}
</style>