<template>
  <div class="eibs-tab">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="单据编号" prop="trtcre.trdgrp.rec.pntref">
          <c-input disabled v-model="model.trtcre.trdgrp.rec.pntref" maxlength="16" placeholder="please enter Parent Contract"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="融资编号" prop="trtcre.trdgrp.rec.ownref">
          <c-fullbox>
            <c-input disabled maxlength="16" placeholder="please enter Finance Reference" v-model="model.trtcre.trdgrp.rec.ownref"></c-input>
            <template slot="footer">
              <c-button disabled size="small" style="margin: 0 0" type="primary">
                Get Ref
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="客户经理" prop="trtcre.trtp.usr.extkey">
            <c-input disabled v-model="model.trtcre.trtp.usr.extkey" maxlength="8" placeholder="please enter Responsible User"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="单据参考号" prop="trtcre.brdgrp.rec.ownref">
            <c-input disabled v-model="model.trtcre.brdgrp.rec.ownref" maxlength="16" placeholder="please enter Parent Contract"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="8">
          <el-form-item label="开立日期" prop="trtcre.trdgrp.rec.issdat">
            <c-date-picker disabled type="date" v-model="model.trtcre.trdgrp.rec.issdat" style="width:100%" placeholder="please enter Finance Date"></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item label="付款方式" prop="trtcre.trdgrp.rec.avbby">
            <c-select disabled v-model="model.trtcre.trdgrp.rec.avbby" style="width:100%" placeholder="请选择付款方式">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item label="付款期限" prop="trtcre.trdgrp.rec.tenorday">
            <c-input disabled v-model="model.trtcre.trdgrp.rec.tenorday" placeholder="请选择付款期限"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="融资品种" prop="trtcre.trdgrp.rec.fintyp">
            <c-select disabled v-model="model.trtcre.trdgrp.rec.fintyp" dbCode='typfin' style="width:100%" placeholder="please_enter Finance Type">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item>
            <c-checkbox disabled v-model="model.trtcre.trtp.dfflag" class="checkbox-left">委托方代付</c-checkbox>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="货押标识" prop="trtcre.trdgrp.rec.guaflg">
            <c-select v-model="model.trtcre.trdgrp.rec.guaflg" style="width:100%" placeholder="please enter Mortgage Flag">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Good's Code" prop="trtcre.trdgrp.rec.stagod">
          <c-select v-model="model.trtcre.trdgrp.rec.stagod" style="width:100%" placeholder="please enter Good's Code">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="8">
          <el-form-item label="Origial Amt" prop="trtcre.oricur">
            <c-select disabled v-model="model.trtcre.oricur" style="width:100%" placeholder="please enter currency">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item label-width="5px" prop="trtcre.oriamt">
            <c-input v-model="model.trtcre.oriamt" placeholder="please enter amt"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="8">
          <el-form-item label="Financed" prop="trtcre.trdgrp.rec.pctfin">
            <c-input  disabled v-model="model.trtcre.trdgrp.rec.pctfin" placeholder="please enter Financed"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Exchange Rate" prop="trtcre.extrat">
            <c-input disabled v-model="model.trtcre.extrat" placeholder="please enter Exchange Rate"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="融资金额" prop="trtcre.trdgrp.cbs.max.cur">
            <c-select disabled v-model="model.trtcre.trdgrp.cbs.max.cur" style="width:100%" placeholder="please enter Currency">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="trtcre.trdgrp.cbs.max.amt">
            <c-input disabled v-model="model.trtcre.trdgrp.cbs.max.amt" placeholder="please enter amt"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="计息周期" prop="trtcre.trtmod.finmod.intprd">
          <c-select v-model="model.trtcre.trtmod.finmod.intprd" dbCode='intprd' style="width:100%" placeholder="请输入计息周期">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="利率调整方式" prop="trtcre.trtmod.finmod.ratchgtyp">
            <c-select v-model="model.trtcre.trtmod.finmod.ratchgtyp" dbCode='ratchg' style="width:100%" placeholder="请选择利率调方式">
            </c-select>
          </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期限品种">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <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="请输入开户日期"></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="请输入到期日"></c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="基准利率" prop="trtcre.trdgrp.rec.intrat">
          <c-fullbox>
            <c-input disabled maxlength="16" placeholder="请输入基准利率" v-model="model.trtcre.trdgrp.rec.intrat"></c-input>
            <template slot="footer">
              <c-button size="small" style="margin: 0 0" type="primary">
                Get
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <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="请输入基准利率规则">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="税率" prop="trtcre.trtmod.finmod.shuilv">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.shuilv" placeholder="请输入税率"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <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="12">
          <el-form-item label="借据号" prop="trtcre.trtmod.finmod.fincod">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.fincod" maxlength="17" placeholder="请输入借据号"></c-input>
          </el-form-item>
        </c-col>
      </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="请输入第一还款账号">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="10">
          <el-form-item label="预收息金额" prop="trtcre.trtmod.finmod.intamt">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.intamt" placeholder="请输入预收息金额"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-button size="small" type="primary">
            计算
          </c-button>
        </c-col>
        <c-col :span="10">
          <el-form-item label="发票类型" prop="trtcre.trdgrp.rec.invtyp">
            <c-select v-model="model.trtcre.trdgrp.rec.invtyp" style="width:100%" placeholder="请输入发票类型">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="预扣息方式" prop="trtcre.trtmod.finmod.inttyp">
            <c-select disabled v-model="model.trtcre.trtmod.finmod.inttyp" style="width:100%" placeholder="请输入预扣息方式">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="是否定向收付" prop="trtcre.trdgrp.rec.flowflag">
            <c-select v-model="model.trtcre.trdgrp.rec.flowflag" style="width:100%" placeholder="请输入是否定向收付">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

    </c-col>

    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="摘要" prop="trtcre.trdgrp.rec.pntnam">
          <c-input disabled v-model="model.trtcre.trdgrp.rec.pntnam" maxlength="40" placeholder="please enter Name"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="摘要" prop="trtcre.trdgrp.rec.nam">
          <c-input disabled v-model="model.trtcre.trdgrp.rec.nam" maxlength="40" placeholder="please enter Name"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="融资客户 编号" prop="trtcre.trdgrp.fip.pts.ref">
          <c-input v-model="model.trtcre.trdgrp.fip.pts.ref" maxlength="16" placeholder="please enter Financed Party"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="客户号" prop="trtcre.trdgrp.fip.pts.extkey">
          <c-input disabled v-model="model.trtcre.trdgrp.fip.pts.extkey" maxlength="16" placeholder="请输入客户号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="名称" prop="trtcre.trdgrp.fip.namelc">
          <c-input disabled type="textarea" v-model="model.trtcre.trdgrp.fip.namelc" maxlength="35" show-word-limit placeholder="请输入名称"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址" prop="trtcre.trdgrp.fip.adrelc">
          <c-input disabled type="textarea" v-model="model.trtcre.trdgrp.fip.adrelc" maxlength="35" show-word-limit placeholder="请输入地址"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="定价审批代码" prop="trtcre.trtmod.finmod.dinjdm">
          <c-fullbox>
            <c-input maxlength="16" placeholder="请输入定价审批代码" v-model="model.trtcre.trtmod.finmod.dinjdm"></c-input>
            <template slot="footer">
              <c-button size="small" style="margin: 0 0" type="primary" :disabled="!model.trtcre.trtmod.finmod.dinjdm">
                Get
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="审批流程发起标识" prop="trtcre.trtmod.finmod.dinmod.rmbsbs">
          <c-select disabled v-model="model.trtcre.trtmod.finmod.dinmod.rmbsbs" style="width:100%" placeholder="请输入审批流程发起标识">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="计息日期" prop="trtcre.trtmod.finmod.intdat">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.intdat" maxlength="2" placeholder="请输入计息日期"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item>
            <c-checkbox disabled v-model="model.trtcre.trtmod.finmod.wjdkfl" class="checkbox-left">是否到期主动扣收贷款本息</c-checkbox>
          </el-form-item>

        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="利率调整周期" prop="trtcre.trtmod.finmod.ratchgprd">
            <c-select disabled v-model="model.trtcre.trtmod.finmod.ratchgprd" dbCode='ratchd' style="width:100%" placeholder="请输入利率调整周期">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="月日数" prop="trtcre.trtmod.finmod.ratchgdat">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.ratchgdat" maxlength="4" placeholder="请输入月日数"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="融资天数" prop="trtcre.trdgrp.rec.tenday">
            <c-input disabled v-model="model.trtcre.trdgrp.rec.tenday" placeholder="请输入融资天数"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="宽限期" prop="trtcre.trtmod.finmod.graday">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.graday" placeholder="请输入宽限期"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <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="请输入浮动方式">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="浮动值" prop="trtcre.trtmod.finmod.fltval">
            <c-input disabled v-model="model.trtcre.trtmod.finmod.fltval" placeholder="请输入浮动值"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="逾期计息方式" prop="trtcre.trtmod.finmod.ovdinttyp">
            <c-select v-model="model.trtcre.trtmod.finmod.ovdinttyp" dbCode='ovdint' style="width:100%" placeholder="请输入逾期计息方式">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="10">
          <el-form-item label="罚息比率" prop="trtcre.trtmod.finmod.ovdintrat">
            <c-input v-model="model.trtcre.trtmod.finmod.ovdintrat" placeholder="请输入罚息比率"></c-input>
          </el-form-item>  
        </c-col>
        <c-col :span="2">
          <el-form-item label-width="0">
            %
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="第三方还款方式" prop="trtcre.trtmod.finmod.acttyp">
            <c-select v-model="model.trtcre.trtmod.finmod.acttyp" dbCode='typact' style="width:100%" placeholder="请输入第三方还款方式">
            </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>

      <c-col :span="24">
        <el-form-item label="第三方还款账号" prop="trtcre.trtmod.finmod.act3">
          <c-select disabled v-model="model.trtcre.trtmod.finmod.act3" style="width:100%" placeholder="请输入第三方还款账号">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="预扣息账号" prop="trtcre.trtmod.finmod.intact">
            <c-select disabled v-model="model.trtcre.trtmod.finmod.intact" style="width:100%" placeholder="请输入预扣息账号">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="交易性质" prop="trtcre.trdgrp.rec.trntyp">
            <c-input v-model="model.trtcre.trdgrp.rec.trntyp" maxlength="6" placeholder="请输入交易性质"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    <!--
      <c-col :span="24">
        <el-form-item label="OPPACC" prop="trtcre.trdgrp.rec.oppacc">
          <c-input v-model="model.trtcre.trdgrp.rec.oppacc" maxlength="35" placeholder="请输入OPPACC"></c-input>
        </el-form-item>
      </c-col>
      -->
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created() {}
};
</script>
<style>
</style>