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

<template>
  <div class="app-container zap-main">
    <!-- 添加或修改融资记录对话框 -->
    <div class="zap-title">融资信息</div>
    <el-form
      class="zap-form"
      ref="form"
      :model="form"
      :rules="rules"
      :inline="true"
      label-width="auto"
    >
      <el-row class="zap-form" style="padding-bottom: 0;">
        <el-col :span="12">
            <el-form-item label="选择融信:" prop="zfrFinanceId" size="large">
                <el-select v-model="form.zfrFinanceId" clearable @clear="clearBoth" :disabled="true">
                    <el-option v-for="(item,index) in financeInfList" :key="index" :label="item.zfiNumber" :value="item.zfiId" @click.native="amount(item)" disabled></el-option>
                </el-select>
            </el-form-item>
        </el-col>
        <el-col :span="12">
            <el-form-item label="融资收款账户:" prop="zfrCollectionAccount" size="large" label-width="101px">
                <el-input v-model="form.zfrCollectionAccount" clearable placeholder="请输入融资账户" maxlength="25" :readonly="onlyRead" />
            </el-form-item>
        </el-col>
      </el-row>
      <el-row class="zap-form" style="padding-bottom: 0;">
          <el-col :span="12">
              <el-form-item label="融信金额:" prop="zfiAmount" size="large">
                  <el-input v-model="form.zfiAmount" clearable placeholder="请输入融信金额" maxlength="25" readonly >
                    <template slot="append">元</template>
                  </el-input>
              </el-form-item>
          </el-col>
          <el-col :span="12">
              <el-form-item label="申请融资方:" prop="companyName" size="large">
                  <el-input v-model="form.companyName" clearable placeholder="请输入申请融资方" maxlength="25" readonly />
              </el-form-item>
          </el-col>
      </el-row>
      <el-row class="zap-form" style="padding-bottom: 0;">
          <el-col :span="12">
              <el-form-item label="融资金额:" prop="zfrAmount" size="large">
                  <el-input v-model="form.zfrAmount" clearable placeholder="请输入融资金额" maxlength="25" readonly >
                    <template slot="append">元</template>
                  </el-input>
              </el-form-item>
          </el-col>
          <el-col :span="12">
              <el-form-item label="融资利率:" prop="zfrRate" size="large">
                  <el-input v-model="form.zfrRate" clearable placeholder="请输入融资利率" maxlength="25" readonly >
                    <template slot="append">%</template>
                  </el-input>
              </el-form-item>
          </el-col>
      </el-row>
      <el-row class="zap-form" style="padding-bottom: 0;">
          <el-col :span="12">
            <el-form-item label="承诺还款日期:" prop="zfrRepaymentDate" size="large"  label-width="101px">
                <el-input v-model="form.zfrRepaymentDate" clearable placeholder="请输入承诺还款日期" maxlength="25" readonly />
            </el-form-item>
          </el-col>
          <el-col :span="12">
              <el-form-item label="服务费率:" prop="zfpcrChargeRate" size="large">
                  <el-input v-model="form.zfpcrChargeRate" clearable placeholder="请输入服务费率" maxlength="25" readonly >
                    <template slot="append">%</template>
                  </el-input>
              </el-form-item>
          </el-col>
      </el-row>
      <el-row class="zap-form" style="padding-bottom: 0;">
          <el-col :span="12">
              <el-form-item label="预计融资成本:" prop="cost" size="large"  label-width="101px">
                  <el-input v-model="form.cost" clearable placeholder="请输入预计融资成本" maxlength="25" readonly >
                    <template slot="append">元</template>
                  </el-input>
              </el-form-item>
          </el-col>
          <el-col :span="12">
              <el-form-item label="预计融资期限:" prop="term" size="large" label-width="101px">
                  <el-input v-model="form.term" clearable placeholder="请输入预计融资期限" maxlength="25" readonly >
                    <template slot="append">天</template>
                  </el-input>
              </el-form-item>
          </el-col>
      </el-row>
      <el-row class="zap-form" style="padding-bottom: 0;">
          <el-col :span="12">
              <el-form-item label="预计净融资额:" prop="amount" size="large"  label-width="101px">
                  <el-input v-model="form.amount" clearable placeholder="请输入预计净融资额" maxlength="25" readonly >
                    <template slot="append">元</template>
                  </el-input>
              </el-form-item>
          </el-col>
      </el-row>
      <div class="contain">
          <p>说明：
          </p>
          <p>
              1. 因银行结算原因，资金到账可能会在申请日期后2-5工作日；
          </p>
          <p>
              2. 申请融资时，预计融资成本、预计融资期限、预计净融资额，由申请日期单日开始计算；准确数值以银行实际放款日期为准；
          </p>
          <p>
              3. 因填写融资收款账户错误，或其他原因导致银行无法正常放款，款项将汇入备用收款账户，可在电子账户管理查看；
          </p>
          <p>
              4. 服务费缴纳与退还要求,可详细阅读《融信产品使用协议》
          </p>
      </div>
    </el-form>
    <div class="zap-title">融信信息</div>
    <el-row class="zap-form">
        <el-col>
            <span style="font-size: 14px;color: #333333;">融信凭证</span>
        </el-col>
        <table class="gridtable" style="width:80%;text-align:center" align="center">
            <tr>
                <td rowspan="4">开立方</td>
                <td>全称</td>
                <td>{{openName}}</td>
                <td rowspan="4">接收方</td>
                <td>全称</td>
                <td>{{receiveName}}</td>
            </tr>
            <tr>
                <td>社会统一码</td>
                <td>{{openCode}}</td>
                <td>社会统一码</td>
                <td>{{receiverCode}}</td>
            </tr>    
            <tr>
                <td>开户银行</td>
                <td>{{openBank}}</td>
                <td>开户银行</td>
                <td>{{receiverBank}}</td>
            </tr>    
            <tr>
                <td>账号</td>
                <td>{{openAccount}}</td>
                <td>账号</td>
                <td>{{receiverAccount}}</td>
            </tr> 
            <tr>
                <td colspan="2">粮信金额</td>
                <td colspan="4">人民币(大写):{{issuedAmount}}<br>人民币(小写)￥{{amtFormat(form.zfiAmount)}}</td>
            </tr>
            <tr>
                <td colspan="2">起止日期</td>
                <td colspan="4">{{stopDate}}</td>
            </tr>           
        </table>
    </el-row>
    <div class="zap-title zap-margin-top">资产信息</div>
    <el-row class="zap-form zap-padding-bottom">
      <el-row class="zap-accounts-receivable">
        <el-col>
          <el-row type="flex" align="middle" style="height: 36px;">
            <span class="label">金额大写：</span>
            <span class="value" style="margin-right: 40px;">{{ smallToBig(allAmount()) }}</span>
            <span class="label">消费金额：</span>
            <span class="value">{{ amtFormat(allAmount()) }} 元</span>
          </el-row>
        </el-col>
      </el-row>
      <el-table :data="billInfList" stripe>
        <el-table-column label="序号" type="index" width="50" align="center">
          <template slot-scope="scope">
            <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
          </template>
        </el-table-column>
        <el-table-column label="编号" align="center" prop="zbiNumber" />
        <el-table-column label="账款名称" align="center" prop="zbiName" />
        <el-table-column label="应收企业" align="center" prop="payee" />
        <el-table-column label="应付企业" align="center" prop="payer" />
        <el-table-column label="还款时间" align="center" prop="zbiPayDate" />
        <el-table-column label="金额" align="center" prop="zbiAmount" />
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="250">
            <template slot-scope="scope">
                <el-button
                    size="mini"
                    type="text"
                    icon="el-icon-view"
                    @click="handleDetail(scope.$index, billInfList)"
                >详情</el-button>
            </template>
        </el-table-column>
      </el-table>
    </el-row>
    <!-- 签署合同 -->
    <el-row class="zap-margin-top zap-form">
      <div class="zap-title">签署合同</div>
      <el-table :data="creditSealList"  style="width: 100%">
          <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip>
              <template slot-scope="scope">
                  <img    style="width:30px;height:30px;"
                      src="../../../assets/images/pdf.png"  
                  />
                  <span>{{scope.row.pfiFileName}}
                  </span>
              </template>
          </el-table-column>
          <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width='300' fixed="right" >
              <template slot-scope="scope">
                  <el-button
                      size="mini"
                      type="text"
                      icon="el-icon-view"
                      @click="handleDownload(scope.row)"
                  >下载</el-button>
                  <el-button
                      size="mini"
                      type="text"
                      icon="el-icon-view"
                      @click="handlePreview(scope.row)"
                  >预览</el-button>
              </template>
          </el-table-column>
      </el-table>
    </el-row>
    <!-- 发票附件 -->
    <!-- <div class="zap-title zap-margin-top">发票附件</div>
    <el-row class="zap-form">
      <el-table :data="invoiceFileList" style="width: 100%" stripe>
        <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
        <el-table-column
          label="操作"
          align="center"
          class-name="small-padding fixed-width"
          width="300"
          fixed="right"
        >
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handleDownload(scope.row)"
            >下载</el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handlePreview(scope.row)"
            >预览</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-row> -->
    <!-- 合同附件 -->
    <!-- <div class="zap-title zap-margin-top">合同附件</div>
    <el-row class="zap-form">
      <el-table :data="contractFileList" style="width: 100%" stripe>
        <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
        <el-table-column
          label="操作"
          align="center"
          class-name="small-padding fixed-width"
          width="300"
          fixed="right"
        >
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handleDownload(scope.row)"
            >下载</el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handlePreview(scope.row)"
            >预览</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-row> -->
    <!-- 其他附件 -->
    <!-- <div class="zap-title zap-margin-top">其他附件</div>
    <el-row class="zap-form">
      <el-table :data="otherFileList" style="width: 100%" stripe>
        <el-table-column label="文件名称" align="center" prop="pfiFileName" show-overflow-tooltip />
        <el-table-column
          label="操作"
          align="center"
          class-name="small-padding fixed-width"
          width="300"
          fixed="right"
        >
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handleDownload(scope.row)"
            >下载</el-button>
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handlePreview(scope.row)"
            >预览</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-row> -->
    <el-row style="height: 109px;" type="flex" align="middle" justify="center">
      <el-button type="primary" plain @click="cancel">取 消</el-button>
      <el-button type="primary" @click="submitForm" v-if="!zfrId">确 定</el-button>
    </el-row>
    <!-- 附件详情 -->
    <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 :visible.sync="openFile" width="900px" append-to-body>
      <img :src="wordUrl" v-if="show" width="800px" height="500px" />
      <iframe :src="wordUrl" width="800px" height="500px" frameborder="1" v-if="heid" />
    </el-dialog>

    <!-- 合同预览 -->
    <el-dialog title="预览" :visible.sync="pdfShowDialog" width="60%">
      <pdf-show :pdfFileList="pdfFileList" :zfiId="this.form.zfiId" :parent="parent"></pdf-show>
      <el-button type="primary" @click="selectType">签署</el-button>
      <el-button type="primary" plain="" @click="pdfShowDialog = false">取消</el-button>
    </el-dialog>
    
    <!--选择签署意愿类型-->
    <el-dialog
      :visible.sync="confirmIsShow"
      width="600px"
      append-to-body
      :before-close="cancelUpdate"
      center
    >
      <el-form
        ref="updateForm"
        :disabled="false"
        :model="updateForm"
        v-if="confirmIsShow"
        label-width="150px"
        class="demo-form-inline"
        :inline="true"
      >
        <el-radio-group v-model="updateForm.radio">
          <el-radio label="01">人脸</el-radio>
          <el-radio label="02">短信</el-radio>
        </el-radio-group>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="confirmSelect">确 定</el-button>
        <el-button @click="cancelUpdate">取 消</el-button>
      </div>
    </el-dialog>
    <!--盖章短信-->
    <el-dialog
      :visible.sync="messageIsShow"
      width="600px"
      append-to-body
      :before-close="cancelMessage"
      center
    >
      <el-form
        ref="messageForm"
        :disabled="false"
        :model="messageForm"
        v-if="messageIsShow"
        label-width="150px"
        class="demo-form-inline"
        :inline="true"
        @submit.native.prevent
      >
        <el-form-item label="验证码" prop="validCode">
          <el-input v-model="messageForm.validCode" style="width: 200px" maxlength="6" />
        </el-form-item>
        <el-form-item>
          <el-button :disabled="!showCode" type="success" @click="send">
            点击获取验证码
            <span v-show="!showCode" class="count">{{count}} s</span>
          </el-button>
        </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="checkCode">确定</el-button>
        <el-button @click="cancelMessage">取 消</el-button>
      </div>
    </el-dialog>
    <!--授权编号激活短信-->
    <el-dialog
      :visible.sync="messageIfShow"
      width="600px"
      append-to-body
      :before-close="cancelMessages"
      center
    >
      <el-divider content-position="left">cfca签章授权编号激活</el-divider>
      <el-form
        ref="messageForm"
        :disabled="false"
        :model="messagesForm"
        v-if="messageIfShow"
        label-width="150px"
        class="demo-form-inline"
        :inline="true"
        @submit.native.prevent
      >
        <el-form-item label="验证码" prop="validCode">
          <el-input v-model="messagesForm.validCode" style="width: 200px" maxlength="6" />
        </el-form-item>
        <el-form-item>
          <el-button :disabled="!showCodes" type="success" @click="proSend">
            点击获取验证码
            <span v-show="!showCodes" class="count">{{countCode}} s</span>
          </el-button>
        </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="checkProCode">确定</el-button>
        <el-button @click="cancelMessages">取 消</el-button>
      </div>
    </el-dialog>
    <!--人脸二维码-->
    <el-dialog
      :visible.sync="faceIsShow"
      width="500px"
      append-to-body
      :before-close="cancelFace"
      center
    >
      <img
        :src="'data:image/jpeg;base64,' + this.fileUrl"
        style="overflow: auto; width: 100%; height: 100%;"
      />
    </el-dialog>
  </div>
</template>

<script>
import {
  addRecord,
  listBillInf,
  listAccInf,
  getContractFile,
  getRecord,
  contractSigning,
  updateChargeStatus,
  listChargeStatus,
  cancelContract
} from "@/api/service/financeRecord/record";
import { listFinanceInf } from "@/api/common/financeInf";
import { getFile } from "@/api/service/credit/credit";
import { getToken } from "@/utils/auth";
import { getUserProfile } from "@/api/system/user";
import {getCreditDetail} from "@/api/service/credit/credit";
import DetailBill from "@/views/service/credit/billDetail";
import {getCreditSealFile} from "@/api/service/credit/creditHandle";
import {isOpenApproval} from "@/api/service/credit/approvalRelatedCredit";
import { listCompanyHandler } from "@/api/common/companyHandler";
import {
  sendMessage,
  checkCode,
  faceAuth,
  checkFaceAuth
} from "@/api/service/credit/message";
import {
  cfcaProjectNo,
  projectSendMessage,
  checkProCode
} from "@/api/service/credit/cfcaProject";
import { balance,transfer } from "@/api/bank/bankInterface";
import pdfShow from "@/views/service/financeRecord/pdfShow";
export default {
  name: "financeRecord",
  components: {DetailBill,pdfShow},
  data() {
    return {
      //往来账款id
            zbiId: '',
      //融资账户是够编辑
      onlyRead: false,
      labelPosition: "top",
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 全部融资记录表格数据
      recordList: [],
      //融信编号数据
      financeInfList: [],
      //应收账款
      billInfList: [],
      //合同附件
      contractFileList: [],
      //发票附件
      invoiceFileList: [],
      //其他文件
      otherFileList: [],
      //盖章文件
      creditSealList:[],
      //开立方
      openName:"",
      //开立社会码
      openCode:"",
      //开立银行
      openBank:"",
      //开立账户
      openAccount:"",
      //接收方
      receiveName:"",
      //接收方社会统一码
      receiverCode:"",
      //接收方银行
      receiverBank:"",
      //接收方账户
      receiverAccount:"",
      //起止日期
      stopDate:"",
      //签发金额大写
      issuedAmount: "零元整",
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      openDetailBill: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        zfrFinanceId: null,
        zfrNumber: null,
        zfrAmount: null,
        zfrRate: null,
        zfrHandler: null,
        zfrRepaymentDate: null,
        zfrApplyDate: null,
        zfrLoanDate: null,
        zfrApplyAmount: null,
        zfrApplyType: null,
        zfrStatus: null,
        zfrApproveStt: null,
        zfpcrLoanType: null,
        zfiProductId: null
      },
      queryParamsDown:{
        pfiFileUrl: null
      },
      // 表单参数
      form: {},
      forms:{},
      openFile: false,
      wordUrl: "",
      show: false,
      heid: false,
      // 表单校验
      rules: {
        zfrFinanceId: [
          { required: true, message: "融信编号不能为空", trigger: "blur" }
        ],
        zfrAmount: [
          { required: true, message: "融资金额不能为空", trigger: "blur" }
        ]
      },
      //盖章预览
      parent: this,
      pdfShowDialog: false,
      pdfFileList: [],
      confirmIsShow: false,
      messageIsShow: false,
      messageIfShow: false,
      faceIsShow: false,
      fileUrl: '',
      //意愿
      updateForm: {},
      messageForm: {},
      messagesForm: {},
      count: "",
      timer: null,
      //授权编号激活短信验证码倒计时
      //项目编号
      projectCode: "",
      showCode: true,
      showCodes: true,
      countCode: "",
      timerCode: null,
      zfrId: null
    };
  },
  created() {
    const zfiId = this.$route.params && this.$route.params.zfiId;
    this.$set(this.form, "zfrFinanceId", zfiId);
    this.getFinanceInf(zfiId);
    this.getUserProfile();
  },
  methods: {
    //格式化金额 
    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(/\.$/, '');
    },
    /** 查询融信编号 */
    getFinanceInf(zfrFinanceId) {
      this.loading = true;
      listFinanceInf(zfrFinanceId).then(response => {
        if (response.data) {
          this.financeInfList = response.data;
          for (let item of this.financeInfList) {
            if (item.zfiId == zfrFinanceId) {
              this.amount(item);
            }
          }
          this.loading = false;
        }
      });
    },
    getUserProfile(){
      getUserProfile().then(response => {
          if(response.company){
              this.$set(this.form, "companyName", response.company.scyName);
          }
      });
    },
    //获取盖章文件
    getCreditSealFile(){
      getCreditSealFile(this.forms).then((response) => {
          if(response.data.list){
              this.creditSealList = response.data.list;
          }
      });
    },
    // 取消按钮
    cancel() {
      this.$store.dispatch("tagsView/delView", this.$route);
      this.$router.go(-1);
    },
    //文件下载
    handleDownload(row) {
      const pfiFileUrl = row.pfiFileUrl;
      if (pfiFileUrl != null && pfiFileUrl != "") {
              const pfiFileName = row.pfiFileName;
              this.queryParamsDown.pfiFileUrl = pfiFileUrl;
              this.download(
                  "sc-service/creditLine/jpgAuthorization",
                  {
                      ...this.queryParamsDown
                  },
                  pfiFileName
              );
          // window.open(pfiUrl + "/" + getToken());
      } else {
          this.$message({
          message: "该附件不存在！",
          type: "warning"
          });
          return;
      }
    },
    // 表单重置
    reset() {
      this.form = {
        zfrId: null,
        zfrFinanceId: null,
        zfrNumber: null,
        zfrAmount: null,
        zfrRate: null,
        zfrHandler: null,
        zfrRepaymentDate: null,
        zfrApplyDate: null,
        zfrLoanDate: null,
        zfrApplyAmount: null,
        zfrApplyType: null,
        zfrStatus: "00",
        zfrApproveStt: null,
        zfrProfitSpare1: null,
        zfrProfitSpare2: null,
        zfrProfitSpare3: null,
        zfrProfitSpare4: null,
        zfrProfitSpare5: null,
        zfrProfitSpare6: null,
        zfrProfitSpare7: null,
        zfrProfitSpare8: null,
        zfrProfitSpare9: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("form");
    },
    /** 全部搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 全部重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    //全部 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.zfrId);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
    },
    /* 融信编号赋值融资金额 */
    amount(item) {
      this.$set(this.form, "zfiAmount", item.zfiAmount);
      this.$set(this.form, "zfrAmount", item.zfiAmount);
      this.$set(this.form, "zfrRepaymentDate", item.zfiExpireDate);
      this.$set(this.form, "zfrRate", item.zfpcrRate);
      this.$set(this.form, "zfpcrLoanType", item.zfpcrLoanType);
      this.$set(this.form, "zfiProductId", item.zfiProductId);
      this.$set(this.form, "zfpcrChargeRate", item.zfpcrChargeRate);
      this.$set(this.form, "cost", item.cost);
      this.$set(this.form, "term", item.term);
      this.$set(this.form, "amount", item.amount);
      if (item.zfiId) {
        this.loading = true;
        listBillInf(item.zfiId)
          .then(response => {
            this.billInfList = response.data;
            this.loading = false;
          })
          .then(() => {
            var queryParamsFile = {};
            queryParamsFile.ticketList = this.billInfList;
            getFile(queryParamsFile).then(response => {
              if (response.data) {
                //获取发票文件
                this.invoiceFileList = response.data.invoiceFileList;
                //获取合同文件
                this.contractFileList = response.data.contractFileList;
                //获取其他文件
                this.otherFileList = response.data.otherFileList;
              }
            });
            if (item.zfpcrLoanType == "0") {
              listAccInf(item.zfiProductId).then(response => {
                this.$set(this.form, "zfrCollectionAccount", response.msg);
                this.onlyRead = true;
              });
            }
          });
          getCreditDetail(item.zfiId).then((response) => {
            if(response.data){
                this.forms= response.data.financeInf;
                //签发金额大写
                this.issuedAmount = this.smallToBig(this.form.zfiAmount);
                //给表格赋值
                this.openName = response.data.openName;
                this.openCode = response.data.openCode;
                this.openBank = response.data.openBank;
                this.openAccount = response.data.openAccount;
                this.receiveName = response.data.receiveName;
                this.receiverCode = response.data.receiverCode;
                this.receiverBank = response.data.receiverBank;
                this.receiverAccount = response.data.receiverAccount;
                this.stopDate = response.data.stopDate;
                this.zfiRate = response.data.financeInf.zfiRate;
            
            }
            //盖章合同
            this.getCreditSealFile();
          })
      }
    },
    //详情按钮
    handleDetail(index, rows){
        this.zbiId = rows[index].zbiId
        this.openDetailBill = true
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          const loading = this.$loading({
            lock: true,
            text: "Loading",
            spinner: "el-icon-loading",
            background: "rgba(0, 0, 0, 0.7)"
          });
          console.log(this.form, "AAHAHAHAH");
          addRecord(this.form)
            .then(response => {
              console.log(response)
              loading.close();
              this.zfrId = response.data.zfrId
              this.isOpenApproval();
              // this.msgSuccess("融资申请成功");
              // this.$store.dispatch("tagsView/delView", this.$route);
              // this.$router.go(-1);
            })
            .catch(response => {
              loading.close();
            });
        }
      });
    },
    /* 清空 */
    clearBoth() {
      this.form.zfrAmount = "";
      this.form, (zfrRepaymentDate = "");
      this.form.zfrRate = "";
      this.form.zfpcrLoanType = "";
      this.billInfList = [];
      this.contractFileList = [];
      this.invoiceFileList = [];
      this.otherFileList = [];
    },
    //应收账款合计
    allAmount() {
      var strarr = [0.0];
      for (let i in this.billInfList) {
        strarr.push(this.billInfList[i]["zbiAmount"]);
      }
      return Math.floor(eval(strarr.join("+")) * 100) / 100; //结果
    },
    /* //  将数字金额转换为大写金额 */
    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;
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "sc-service/record/export",
        {
          ...this.queryParams
        },
        `sc-service_record.xlsx`
      );
    },
    //预览
    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;
    },
    // 取消按钮
    cancelFtp() {
        let form = {}
        form.zfrId = this.zfrId
        cancelContract(form).then((response) => {
            this.cancel();
        });
        this.pdfShowDialog = false
    },
    //查询有无融资内部审批
    isOpenApproval(){
         var confirmParam = {};
         confirmParam.menuId = "1000000006";
         isOpenApproval(confirmParam).then((response) => {
             var result = response.data.isOpen;
            //有融资内部审批
            if(true == result){
              this.msgSuccess("已提交内部审批，请内部审批通过后签署融资协议");
              this.cancel();
            }else{//无融资内部审批,显示融资合同预览页面
              // this.zfrId = '2c83a92dc238468aabd9cd3261748ae0'
              getRecord(this.zfrId).then(response => {
                this.zcFinanceInf = response.data.zcFinanceInf;
                this.needPay = response.data.needPay;
                //意愿类型
                this.zfpAuthType = response.data.zfpAuthType;
                this.selectPayment();
              });
            }
        });
    },
    //取消选择意愿
    cancelUpdate() {
      this.confirmIsShow = false;
      this.resetUpdate();
    },
    //关闭盖章短信
    cancelMessage() {
      this.messageIsShow = false;
      this.resetMessage();
    },
    //关闭授权编号激活短信
    cancelMessages() {
      this.messageIfShow = false;
      this.resetMessages();
    },
    //关闭二维码
    cancelFace() {
      this.faceIsShow = false;
    },
    closePdfShow() {
      this.pdfShowDialog = false;
    },
    resetUpdate() {
      this.updateForm = {
        radio: ""
      };
      //意愿类型还原为全部
      this.zfpAuthType = "00";
      this.resetForm("updateForm");
    },
    resetMessage() {
      this.messageForm = {
        validCode: ""
      };
      this.resetForm("messageForm");
    },
    resetMessages() {
      this.messagesForm = {
        validCode: ""
      };
      this.resetForm("messagesForm");
    },
    //获取合同文件
    getContractFile() {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        background: "rgba(0, 0, 0,0)"
      });
      getContractFile(this.zcFinanceInf)
        .then(response => {
          loading.close();
          if (response.data.list) {
            this.pdfFileList = response.data.list;
          }
          //文件存在
          if (this.pdfFileList.length > 0) {
            this.pdfShowDialog = true;
          } else {
            this.$message({
              message: "文件不存在！",
              type: "warning"
            });
          }
        })
        .catch(response => {
          loading.close();
        });
    },
    //缴费查询
    selectPayment() {
      listCompanyHandler().then(response => {
        var self = this;
        // self.paiAccno = '3115730025233104147';
        if (response.data == true) {
          cfcaProjectNo().then(response => {
            if (response.data.scyCfcaAuthNumber == null) {
              this.messageIfShow = true;
            } 
            else {
              var zfrId = self.zfrId;
              listChargeStatus(zfrId).then(response => {
                if(response.data.accInfList[0]){
                  self.paiAccno = response.data.accInfList[0].paiAccno;
                }
                if (response.data.chargeInfList[0]) {
                  if (response.data.chargeInfList[0].zciStatus == "00") {
                    self.zciId = response.data.chargeInfList[0].zciId;
                    self.$confirm(
                      "请缴纳手续费" + self.needPay + "元","警告",
                      {
                        confirmButtonText: "去缴费",
                        cancelButtonText: "取消",
                        type: "warning"
                      }).then(function() {
                        const loading = self.$loading({
                          lock: true,
                          text: "Loading",
                          spinner: "el-icon-loading",
                          background: "rgba(0, 0, 0, 0.7)",
                        });
                        if(self.paiAccno){
                          balance(self.paiAccno).then(response => {
                            if(eval(self.needPay) > eval(response.data.kyAmt)){
                              self.$message({
                                message: '余额为'+response.data.kyAmtT+'不足以抵扣本次缴费费用,请及时充值',
                                type: 'warning'
                              });
                              loading.close();
                            }else{
                              console.log()
                              var map = {'recvAccNo':'','recvAccNm':'','tranAmt':self.needPay,'businessId':self.zciId}
                              transfer(map).then(response => {
                                loading.close();
                                self.msgSuccess("缴费成功");
                                setTimeout(() => {
                                  if(response.data.status == "AAAAAAA"){
                                    updateChargeStatus(zfrId).then(res => {
                                      self.getContractFile();
                                    });
                                  }
                                }, 1000);
                              }).catch(() => {
                                  loading.close();
                              });
                            }
                          }).catch(() => {
                              loading.close();
                          });
                        }else{
                          self.$message({
                            message: '您还没有电子账户,请联系平台开通电子账户',
                            type: 'warning'
                          });
                          loading.close();
                        }
                      })
                  } else {
                      self.getContractFile();
                  }
                } else {
                    self.getContractFile();
                }
              });
            }
          });
        } else {
          this.$message.error("此操作需经办人权限,请确认您是否是经办人");
        }
      });
    },
    //缴费
    selectType() {
        //选择签署意愿
        if (this.zfpAuthType == "00") {
          this.confirmIsShow = true;
        } else {
          this.checking();
        }
    },
    //确认选择
    confirmSelect() {
      if (!this.updateForm.radio) {
        this.$message({
          message: "请选择签署意愿类型",
          type: "warning"
        });
        return;
      }

      this.confirmIsShow = false;
      this.zfpAuthType = this.updateForm.radio;
      //调用人脸识别或者短信验证
      this.checking();
    },
    //去签署
    checking() {
      //人脸
      if (this.zfpAuthType == "01") {
        //调用人脸识别生成二维码
        faceAuth().then(response => {
          if (response.data) {
            //获取二维码
            this.fileUrl = response.data.fileUrl;
            //获取源流水号
            var originalTxSN = response.data.originalTxSN;
            this.faceIsShow = true;
            //每5秒查证人脸识别结果
            var timeInterval = window.setInterval(() => {
              setTimeout(() => {
                //源流水不为空并且结果为空
                if (originalTxSN && !this.faceResult) {
                  this.authForm.originalTxSN = originalTxSN;
                  //调用查证方法
                  checkFaceAuth(this.authForm).then(res => {
                    //认证结果
                    this.faceResult = res.data.Verification;
                    //成功
                    if (this.faceResult == "20") {
                      this.msgSuccess("验证成功");
                      //关闭验证码
                      this.faceIsShow = false;
                      //关闭定时
                      window.clearInterval(timeInterval);
                      //调用盖章
                      this.contractSigning();
                    } else if (this.faceResult == "30") {
                      this.$message({
                        message: "验证失败",
                        type: "warning"
                      });
                      //关闭验证码
                      this.faceIsShow = false;
                      window.clearInterval(timeInterval);
                    }
                  });
                }
              }, 0);
            }, 10000);
          }
        });
      } else if (this.zfpAuthType == "02") {
        //短信
        this.messageIsShow = true;
      }
    },
    //发送短信验证码
    send() {
      //发送
      sendMessage().then(response => {
        if (response.data) {
          //手机号
          var newIphone = response.data.newIphone;
          //结果
          var result = response.data.result;
          //倒计时
          const TIME_COUNT = 60;
          if (!this.timer) {
            this.count = TIME_COUNT;
            this.showCode = false;
            this.timer = setInterval(() => {
              if (this.count > 0 && this.count <= TIME_COUNT) {
                this.count--;
              } else {
                this.showCode = true;
                clearInterval(this.timer);
                this.timer = null;
              }
            }, 1000);
          }
          //成功
          if ("20" == result) {
            this.$message({
              message:
                "已向经办人手机号为" + newIphone + "发送短信验证码,请注意查收",
              type: "warning"
            });
          } else if ("10" == result) {
            //失败
            this.$message({
              message: "短信发送失败",
              type: "warning"
            });
          }
        }
      });
    },
    //校验验证码是否正确
    checkCode() {
      if (!this.messageForm.validCode) {
        this.$message({
          message: "请输入验证码",
          type: "warning"
        });
        return;
      }
      //校验验证码
      checkCode(this.messageForm).then(response => {
        if (response.data) {
          //结果
          var verification = response.data.verification;
          //匹配
          if ("20" == verification) {
            //进行下一步-- 盖章
            this.contractSigning();
          } else if ("30" == verification) {
            //不匹配
            this.$message({
              message: "验证有误,请重新输入",
              type: "warning"
            });
          }
        }
      });
    },
    //生成项目授权编号发送短信
    proSend() {
      //发送
      projectSendMessage().then(response => {
        if (response.data) {
          //手机号
          var newIphone = response.data.newIphone;
          //结果
          var result = response.data.result;
          //项目编号
          this.projectCode = response.data.projectCode;
          //倒计时
          const TIME_COUNT = 60;
          if (!this.timerCode) {
            this.countCode = TIME_COUNT;
            this.showCodes = false;
            this.timerCode = setInterval(() => {
              if (this.countCode > 0 && this.countCode <= TIME_COUNT) {
                this.countCode--;
              } else {
                this.showCodes = true;
                clearInterval(this.timerCode);
                this.timerCode = null;
              }
            }, 1000);
          }
          //成功
          if ("60000000" == result) {
            this.$message({
              message:
                "已向经办人手机号为" + newIphone + "发送短信验证码,请注意查收",
              type: "warning"
            });
          } else {
            //失败
            this.$message({
              message: "短信发送失败",
              type: "warning"
            });
          }
        }
      });
    },
    //校验授权编号验证码
    checkProCode() {
      if (!this.projectForm.code) {
        this.$message({
          message: "请输入验证码",
          type: "warning"
        });
        return;
      }
      //项目编号
      this.projectForm.projectCode = this.projectCode;
      //校验验证码
      checkProCode(this.projectForm).then(response => {
        if (response.data) {
          //结果
          var verification = response.data.verification;
          //匹配
          if ("60000000" == verification) {
            var zfrId = this.zfrId;
            listChargeStatus(zfrId).then(response => {
              if (response.data[0]) {
                if (response.data[0].zciStatus == "00") {
                  this.$confirm("请缴纳手续费" + this.needPay + "元", "警告", {
                    confirmButtonText: "去缴费",
                    cancelButtonText: "取消",
                    type: "warning"
                  })
                    .then(function() {
                      return updateChargeStatus(zfrId);
                    })
                    .then(() => {
                        this.getContractFile();
                    });
                } else {
                    this.getContractFile();
                }
              } else {
                  this.getContractFile();
              }
            });
          } else {
            //不匹配
            this.$message({
              message: "验证有误,请重新输入",
              type: "warning"
            });
          }
        }
      });
    },
    //盖章
    contractSigning() {
      const loading = this.$loading({
        lock: true,
        text: "Loading",
        background: "rgba(0, 0, 0,0)"
      });
      this.zcFinanceInf.zfrId = this.zfrId;
      contractSigning(this.zcFinanceInf)
        .then(response => {
          loading.close();
          this.msgSuccess("盖章成功");
          if (this.zfpAuthType == "02") {
            //关闭短信验证
            this.messageIsShow = false;
          } else if (this.zfpAuthType == "01") {
            //关闭人脸二维码
            this.faceIsShow = false;
          }
          this.$store.dispatch("tagsView/delView", this.$route);
          this.$router.go(-1);
        })
        .catch(response => {
          loading.close();
        });
    }
  }
};
</script>
<style type="text/css">
 table.gridtable {
    font-size:11px;
    color:#333333;
     border-width: 1px;
    border-collapse: collapse;
}
 table.gridtable th {
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     background-color: #dedede;
 }
 table.gridtable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
    }
 </style>