<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="基础交易编号" prop="dfdgrp.rec.pntref">
          <c-input disabled v-model="model.dfdgrp.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="dfdgrp.rec.ownref">
          <c-input disabled v-model="model.dfdgrp.rec.ownref" maxlength="16" placeholder="Please enter Reference"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="代付日期" prop="dfdgrp.rec.issdat">
          <c-date-picker disabled placeholder="请选择代付日期" style="width: 100%" type="date" v-model="model.dfdgrp.rec.issdat">
          </c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="代付金额" prop="dfdgrp.cbs.max.cur">
            <c-select-cur disabled v-model="model.dfdgrp.cbs.max.cur" style="width: 100%" placeholder="币种" dbCode="curtxt">
            </c-select-cur>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item style="text-align: left; margin-left: 5px" label-width="0px" prop="dfdgrp.cbs.max.amt">
            <c-input-currency disabled v-model="model.dfdgrp.cbs.max.amt" :currency="model.dfdgrp.cbs.max.cur" style="text-align: left; width: 100%" placeholder="请输入代付金额"></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="代付类型" prop="dfdgrp.rec.fintyp">
          <c-select disabled dbCode="DFTFIN" v-model="model.dfdgrp.rec.fintyp" style="width:100%" placeholder="请输入代付类型">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="境内境外代付" prop="dfdgrp.rec.dfuflg">
          <c-select disabled dbCode="dfuflg" v-model="model.dfdgrp.rec.dfuflg" style="width:100%" placeholder="请输入境内境外代付">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label=" 交易类型" prop="dfdgrp.rec.trntyp">
          <c-select disabled dbCode="DFTTRN" v-model="model.dfdgrp.rec.trntyp" style="width:100%" placeholder="请输入交易类型">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="代付起始日" prop="dfdgrp.rec.stttendat">
            <c-date-picker disabled type="date" v-model="model.dfdgrp.rec.stttendat" style="width:100%" placeholder="请输入代付起始日"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="代付到期日" prop="dfdgrp.rec.matdat">
            <c-date-picker disabled type="date" v-model="model.dfdgrp.rec.matdat" style="width:100%" placeholder="请输入代付到期日"></c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
        <div style="width: 100%;">
          <el-form-item label="代付期限" prop="dfdgrp.rec.tenday">
            <c-input disabled v-model="model.dfdgrp.rec.tenday" placeholder="请输入代付期限"></c-input>
          </el-form-item>
        </div>
        <div style="margin-left: 10px;">
          <span style="height:32px;line-height:32px">天</span>
        </div>
      </c-col>

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

      <c-col :span="24">
        <el-form-item label="代付利率" prop="dfdgrp.rec.actrat">
          <c-input-currency :precision=6 disabled v-model="model.dfdgrp.rec.actrat" placeholder="请输入代付利率"></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="利率浮动方式" prop="dfdgrp.rec.flttyp">
            <c-select disabled dbCode="FLTTYP" v-model="model.dfdgrp.rec.flttyp" style="width:100%" placeholder="请利率浮动方式">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item style="text-align: left; margin-left: 5px" label-width="0px" prop="dfdgrp.rec.fltval">
            <c-fullbox>
              <c-input-currency :precision=7 disabled v-model="model.dfdgrp.rec.fltval" placeholder="请输入浮动值"></c-input-currency>
              <template slot="footer">
                <span style="margin-left: 5px" v-if="model.dfdgrp.rec.flttyp=='2'">
                  %
                </span>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-col>

    </c-col>
    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <c-ptap :argadr="{ title: '申请人', grp: 'dfdgrp', rol: 'apl' }" :disabled="true" :disabledDetailTrn="true" :disabledExtkey="true" :disabledRef="true" :haveAdrLabel="true" :isAdrblk="true" :isFieldLabelVisible="true" :model="model" ptytyp="B" bchinr='00000047'>
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <c-ptap :argadr="{ title: '代付行', grp: 'dfdgrp', rol: 'dff' }" :disabled="true" :disabledDetailTrn="true" :disabledExtkey="true" :disabledRef="true" :haveAdrLabel="true" :isAdrblk="true" :isFieldLabelVisible="true" :model="model" ptytyp="B" bchinr='00000047'>
        </c-ptap>
      </c-col>

      <c-col :span="24">
        <el-form-item label="代付行核心客户号" prop="dfdgrp.rec.bankno">
          <c-input disabled v-model="model.dfdgrp.rec.bankno" maxlength="16" placeholder="请输入代付行核心客户号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="代付行中文名" prop="dfdgrp.rec.bankcn">
          <c-input disabled v-model="model.dfdgrp.rec.bankcn" maxlength="40" placeholder="请输入代付行中文名'"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="委托方代付内部账号" prop="dfdgrp.rec.bnkact">
          <c-input disabled v-model="model.dfdgrp.rec.bnkact" maxlength="32" placeholder="请输入委托方代付内部账号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="货押标识" prop="dfdgrp.rec.guaflg">
          <c-select disabled v-model="model.dfdgrp.rec.guaflg" style="width:100%" placeholder="请输入货押标识" dbCode="guaflg">
          </c-select>
        </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: function() {}
};
</script>
<style>
</style>