<template>
  <div class="eibs">
    <c-row>
      <!--=================顶部=================  -->
      <c-col :span="24">
        <c-col :span="12" style="padding-right: 20px">
          <el-form-item label="单据编号" prop="trtcre.trdgrp.rec.pntref">
            <c-fullbox>
              <c-input
                disabled
                v-model="model.trtcre.trdgrp.rec.pntref"
                maxlength="16"
                style="width: 98%"
                placeholder="请输入单据编号"
              ></c-input>
              <template slot="footer">
                <c-button
                  v-model="model.trtcre.trtp.bcdget.sdamod.seainf"
                  style="margin: 0 0 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                >
                  <i class="el-icon-info"></i>
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="12" style="padding-left: 20px">
          <el-form-item label="摘要" prop="trtcre.trdgrp.rec.pntnam">
            <c-input
              align="middle"
              v-model="model.trtcre.trdgrp.rec.pntnam"
              maxlength="40"
              disabled
              placeholder="请输入摘要"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12" style="padding-right: 20px">
          <el-form-item label="融资编号" prop="trtcre.trdgrp.rec.ownref">
            <c-fullbox>
              <c-input
                disabled
                v-model="model.trtcre.trdgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入融资编号"
              ></c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 0 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                >
                  <i class="el-icon-info"></i>
                </c-button>
                <c-button
                  size="small"
                  type="primary"
                  :disabled="
                    model.trtcre.trdgrp.rec.fintyp == '' ||
                    model.trtcre.trdgrp.fip.pts.adrblk == '' ||
                    // model.trdgrp.rec.branchinr == ''||
                    model.trtcre.trdgrp.rec.ownref != ''
                  "
                >
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="12" style="padding-left: 20px">
          <el-form-item label="摘要" prop="trtcre.trdgrp.rec.nam">
            <c-input
              align="middle"
              v-model="model.trtcre.trdgrp.rec.nam"
              maxlength="40"
              disabled
              placeholder="摘要"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <!--=================中部-左=================  -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="客户经理" prop="trtcre.trtp.usr.extkey">
            <c-fullbox>
              <c-input
                disabled
                v-model="model.trtcre.trtp.usr.extkey"
                maxlength="8"
                placeholder="请输入客户经理"
                style="width: 98%"
              ></c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 0 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                >
                  <i class="el-icon-info"></i>
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="开立日期" prop="trtcre.trdgrp.rec.issdat">
            <c-date-picker
              type="date"
              v-model="model.trtcre.trdgrp.rec.issdat"
              style="width: 100%"
              placeholder="请选择开立日期"
              :disable="true"
            >
            </c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="融资品种" prop="trtcre.trdgrp.rec.fintyp">
            <c-select
              disabled
              v-model="model.trtcre.trdgrp.rec.fintyp"
              style="width: 100%"
              placeholder="请选择融资品种"
              :disable="true"
            >
              <el-option
                v-for="item in codes.fintyp1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="货押标识" prop="trtcre.trdgrp.rec.guaflg">
            <c-select
              v-model="model.trtcre.trdgrp.rec.guaflg"
              style="width: 100%"
              placeholder="请选择货押标识"
            >
              <el-option
                v-for="item in codes.guaflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="货物编码" prop="trtcre.trdgrp.rec.stagod">
            <c-select
              v-model="model.trtcre.trdgrp.rec.stagod"
              style="width: 100%"
              placeholder="请选择货物编码"
            >
              <el-option
                v-for="item in codes.godcod"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="原始币种" prop="trtcre.oricur">
            <c-select
              v-model="model.trtcre.oricur"
              style="width: 100%"
              :disabled="true"
              placeholder="请选择币种"
            >
              <el-option
                v-for="item in codes.curtxt1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="7">
          <el-form-item
            style="text-align: left"
            label-width="20px"
            prop="trtcre.oriamt"
          >
            <c-input
              v-model="model.trtcre.oriamt"
              style="width: 100%"
              placeholder="请输入融资金额"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="5">
          <el-form-item
            prop="trtcre.trdgrp.rec.pctfin"
            label-width="20px"
            style="text-align: right"
          >
            <c-fullbox>
              <c-input v-model="model.trtcre.trdgrp.rec.pctfin"></c-input>
              <template slot="footer">
                <div style="padding-left: 10px; text-align: right">%</div>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <!-- SG000196 : Exchange Rate -->

        <c-col :span="24">
          <c-form-item label="汇率" prop="trtcre.extrat">
            <c-input v-model="model.trtcre.extrat"></c-input>
          </c-form-item>
        </c-col>

        <!-- S0000167 : 融资金额 -->

        <c-col :span="24">
          <c-col :span="13">
            <el-form-item label="融资金额" prop="trtcre.trdgrp.cbs.max.cur">
              <c-select v-model="model.trtcre.trdgrp.cbs.max.cur">
                <el-option
                  v-for="item in codes.curtxt2"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="11">
            <el-form-item
              label=""
              prop="trtcre.trdgrp.cbs.max.amt"
              label-width="5px"
            >
              <c-input
                v-model="model.trtcre.trdgrp.cbs.max.amt"
                :disabled="true"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="12">
          <el-form-item label="计息周期" prop="trtcre.trtmod.finmod.intprd">
            <c-select
              v-model="model.trtcre.trtmod.finmod.intprd"
              style="width: 100%"
              placeholder="请选择计息周期"
            >
              <el-option
                v-for="item in codes.intprd1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="利率调整方式"
            prop="trtcre.trtmod.finmod.ratchgtyp"
          >
            <c-select
              v-model="model.trtcre.trtmod.finmod.ratchgtyp"
              style="width: 100%"
              placeholder="请选择利率调整方式"
            >
              <el-option
                v-for="item in codes.ratchgtyp1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="开户日期" prop="trtcre.trdgrp.rec.stttendat">
            <c-date-picker
              type="date"
              v-model="model.trtcre.trdgrp.rec.stttendat"
              style="width: 100%"
              placeholder="请选择开户日期"
              value-format="yyyy-MM-dd"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item
            label="到期日(非节假日)"
            prop="trtcre.trdgrp.rec.matdat"
          >
            <c-date-picker
              type="date"
              v-model="model.trtcre.trdgrp.rec.matdat"
              style="width: 100%"
              placeholder="非节假日"
              :picker-options="pickerOptions"
              value-format="yyyy-MM-dd"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="基准利率" prop="trtcre.trdgrp.rec.intrat">
            <c-fullbox>
              <c-input
                v-model="model.trtcre.trdgrp.rec.intrat"
                placeholder="请输入基准利率"
                :disabled="true"
                style="width: 82%"
              >
              </c-input>
              <c-button size="small" type="primary" style="width: 15%">
                Get
              </c-button>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="基准利率规则"
            prop="trtcre.trtmod.finmod.dinmod.jzllgz"
          >
            <c-select
              v-model="model.trtcre.trtmod.finmod.dinmod.jzllgz"
              style="width: 100%"
              placeholder="请选择基准利率规则"
            >
              <el-option
                v-for="item in codes.jzllgz"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="执行利率" prop="trtcre.trdgrp.rec.actrat">
            <c-input
              v-model="model.trtcre.trdgrp.rec.actrat"
              placeholder="请输入执行利率"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="借据号" prop="trtcre.trtmod.finmod.fincod">
            <c-input
              v-model="model.trtcre.trtmod.finmod.fincod"
              maxlength="17"
              placeholder="请输入借据号"
              :disabled="true"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="第一还款账号" prop="trtcre.trtmod.finmod.act1">
            <c-select
              v-model="model.trtcre.trtmod.finmod.act1"
              style="width: 100%"
              placeholder="请选择第一还款账号"
            >
              <el-option
                v-for="(item, idx) in codes.codeSet[
                  'trtcre.trtmod.finmod.act1'
                ]"
                :key="idx"
                :label="item.split('\t')[1]"
                :value="item.split('\t')[0]"
              ></el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="预收息金额" prop="trtcre.trtmod.finmod.intamt">
            <c-fullbox>
              <c-input
                v-model="model.trtcre.trtmod.finmod.intamt"
                style="width: 77%"
                :disabled="true"
                placeholder="请输入预收息金额"
              >
              </c-input>
              <c-button
                size="small"
                type="primary"
                :disabled="model.trtcre.trtmod.finmod.intprd != '7'"
                style="width: 20%"
              >
                计算
              </c-button>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="预扣息方式" prop="trtcre.trtmod.finmod.inttyp">
            <c-select
              v-model="model.trtcre.trtmod.finmod.inttyp"
              style="width: 100%"
              placeholder="请选择预扣息方式"
              :disabled="model.trtcre.trtmod.finmod.intprd != '7'"
            >
              <el-option
                v-for="item in codes.inttyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="税率"
            label-width="110px"
            prop="trtcre.trtmod.finmod.shuilv"
          >
            <c-input
              v-model="model.trtcre.trtmod.finmod.shuilv"
              :disabled="true"
              placeholder="请输入税率"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="市场LPR期限品种" prop="trtcre.trdgrp.rec.lprtyp">
            <c-select
              v-model="model.trtcre.trdgrp.rec.lprtyp"
              style="width: 100%"
              placeholder="请选择市场LPR期限品种"
            >
              <el-option
                v-for="item in codes.lprtyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="发票类型" prop="trtcre.trdgrp.rec.invtyp">
            <c-select
              v-model="model.trtcre.trdgrp.rec.invtyp"
              style="width: 100%"
              placeholder="请选择发票类型"
            >
              <el-option
                v-for="item in codes.invtyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <!--=================中部-右=================  -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <c-form-item label="融资客户参考号" prop="trtcre.trdgrp.fip.pts.ref">
            <c-input v-model="model.trtcre.trdgrp.fip.pts.ref"></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item prop="trtcre.trdgrp.fip.pts.extkey" style="width: 100%">
            <c-fullbox>
              <c-input
                :disabled="true"
                v-model="model.trtcre.trdgrp.fip.pts.extkey"
                @keyup.enter.native="queryGridEtyPromptDialogData('PRB', 'B')"
              ></c-input>
              <template slot="footer">
                <c-button
                  :disabled="true"
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                >
                </c-button>
                <c-button style="margin: 0 0" size="small" type="primary">
                  {{ $t("buttons.details") }}
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item prop="trtcre.trdgrp.fip.pts.adrblk">
            <c-input
              type="textarea"
              :rows="4"
              v-model="model.trtcre.trdgrp.fip.pts.adrblk"
              maxlength="150"
              show-word-limit
              :disabled="true"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="定价审批代码" prop="trtcre.trtmod.finmod.dinjdm">
            <c-fullbox>
              <c-input
                v-model="model.trtcre.trtmod.finmod.dinjdm"
                maxlength="20"
                placeholder="请输入定价审批代码"
                style="width: 82%"
              >
              </c-input>
              <c-button
                size="small"
                type="primary"
                :disabled="true"
                style="width: 15%"
              >
                获取
              </c-button>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            label="审批流程发起标识"
            prop="trtcre.trtmod.finmod.dinmod.rmbsbss"
          >
            <c-select
              v-model="model.trtcre.trtmod.finmod.dinmod.rmbsbs"
              style="width: 100%"
              placeholder="请选择审批流程发起标识"
              :disabled="true"
            >
              <el-option
                v-for="item in codes.jzllgz"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="14">
          <el-form-item label="计息日期" prop="trtcre.trtmod.finmod.intdat">
            <c-input
              v-model="model.trtcre.trtmod.finmod.intdat"
              maxlength="2"
              placeholder="请输入计息日期"
              :disabled="
                model.trtcre.trtmod.finmod.intprd == '6' ||
                model.trtcre.trtmod.finmod.intprd == '7' ||
                model.trtcre.trtmod.finmod.intprd == 'B'
              "
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="9" :offset="1">
          <c-checkbox
            v-model="model.trtcre.trtmod.finmod.wjdkfl"
            :disabled="true"
            >是否到期主动扣收贷款本息</c-checkbox
          >
        </c-col>
        <c-col :span="12">
          <el-form-item
            label="利率调整周期"
            prop="trtcre.trtmod.finmod.ratchgprd"
          >
            <c-select
              v-model="model.trtcre.trtmod.finmod.ratchgprd"
              style="width: 100%"
              :disabled="
                model.trtcre.trtmod.finmod.ratchgtyp != 'A' &&
                model.trtcre.trtmod.finmod.ratchgtyp != '8' &&
                model.trtcre.trtmod.finmod.ratchgtyp != '9'
              "
            >
              <el-option
                v-for="item in codes.ratchgprd"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="利率调整月日数"
            prop="trtcre.trtmod.finmod.ratchgdat"
          >
            <c-input
              v-model="model.trtcre.trtmod.finmod.ratchgdat"
              maxlength="4"
              placeholder="请输入利率调整月日数"
              :disabled="
                model.trtcre.trtmod.finmod.ratchgtyp != '4' &&
                model.trtcre.trtmod.finmod.ratchgtyp != '3'
              "
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="融资天数" prop="trtcre.trdgrp.rec.tenday">
            <c-input
              v-model="model.trtcre.trdgrp.rec.tenday"
              style="width: 100%"
              :disabled="true"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="宽限期" prop="trtcre.trtmod.finmod.graday">
            <c-input
              v-model="model.trtcre.trtmod.finmod.graday"
              style="width: 100%"
              :disabled="true"
              placeholder="请输入宽限期"
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="浮动方式" prop="trtcre.trtmod.finmod.flttyp">
            <c-select
              v-model="model.trtcre.trtmod.finmod.flttyp"
              style="width: 100%"
              placeholder="请选择浮动方式"
            >
              <el-option
                v-for="item in codes.flttyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="浮动值" prop="trtcre.trtmod.finmod.fltval">
            <c-input
              v-model="model.trtcre.trtmod.finmod.fltval"
              placeholder="请输入浮动值"
              :disabled="model.trtcre.trtmod.finmod.flttyp == '0'"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="逾期计息方式"
            prop="trtcre.trtmod.finmod.ovdinttyp"
          >
            <c-select
              v-model="model.trtcre.trtmod.finmod.ovdinttyp"
              style="width: 100%"
              placeholder="请选择逾期计息方式"
            >
              <el-option
                v-for="item in codes.ovdinttyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="罚息比率" prop="trtcre.trtmod.finmod.ovdintrat">
            <c-fullbox>
              <c-input
                v-model="model.trtcre.trtmod.finmod.ovdintrat"
                placeholder="请输入罚息比率"
                :disabled="model.trtcre.trtmod.finmod.ovdinttyp == '0'"
              ></c-input>
              <template slot="footer">
                <div style="padding-left: 10px; text-align: right">%</div>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item
            label="第三方还款方式"
            prop="trtcre.trtmod.finmod.acttyp"
          >
            <c-select
              v-model="model.trtcre.trtmod.finmod.acttyp"
              style="width: 100%"
              placeholder="请选择第三方还款方式"
            >
              <el-option
                v-for="item in codes.acttyp1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="入账机构" prop="trtcre.trtmod.finmod.accbch">
            <c-select
              v-model="model.trtcre.trtmod.finmod.accbch"
              style="width: 100%"
              placeholder="请选择入账机构"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="第三方还款账号" prop="trtcre.trtmod.finmod.act3">
            <c-select
              filterable
              allow-create
              v-model="model.trtcre.trtmod.finmod.act3"
              style="width: 100%"
              :disabled="model.trtcre.trtmod.finmod.acttyp == ''"
              placeholder="请选择第三方还款账号"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <span v-text="model.trtcre.trntyp" data-path=".trntyp"> </span>
        </c-col>

        <c-col :span="24">
          <el-form-item label="预扣息账号" prop="trtcre.trtmod.finmod.intact">
            <c-input
              v-model="model.trtcre.trtmod.finmod.intact"
              style="width: 100%"
              placeholder="请选择利息付款账号"
              :disabled="true"
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <span v-text="model.trtcre.oppacc" data-path=".oppacc"> </span>
        </c-col>

        <c-col :span="24">
          <el-form-item label="外币贷款专户清单" prop="trtcre.trtp.act">
            <c-select
              v-model="model.trtcre.trtp.act"
              style="width: 100%"
              placeholder="请选择外币贷款专户清单"
              :disabled="model.trtcre.trdgrp.cbs.max.cur === 'CNY'"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>

<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";
import Utlp from "./Utlp";
import Ptap from "~/views/Public/Ptap";
import event from "../event";
export default {
  components: {
    "c-ptap": Ptap,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      zmqflg: null,
      pickerOptions: {
        disabledDate(time) {
          return time.getDay() === 0 || time.getDay() === 6;
        },
      },
      flag: false,
    };
  },
  watch: {},
  methods: {},
  created: function () {},
};
</script>

<style></style>