<template>
  <div class="eibs-tab">
    <c-col :span="11">
      <el-form-item label="Parent Reference" prop="dftcre.dfdgrp.rec.pntref">
        <c-input
          v-model="model.dftcre.dfdgrp.rec.pntref"
          maxlength="16"
          placeholder="请输入Parent Reference"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="Name" prop="dftcre.dfdgrp.rec.pntnam">
        <c-input
          v-model="model.dftcre.dfdgrp.rec.pntnam"
          maxlength="40"
          placeholder="请输入Parent Contract Name"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="10">
      <el-form-item label="代付业务编号:" prop="dftcre.dfdgrp.rec.ownref">
        <c-input
          v-model="model.dftcre.dfdgrp.rec.ownref"
          style="width: 98%"
          maxlength="16"
          placeholder="请输入代付业务编号:"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="1" style="text-align: right">
      <c-button
        size="small"
        type="primary"
        @click="onDftpButgetref"
        style="margin-left: 0"
      >
        Get
      </c-button>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="Name" prop="dftcre.dfdgrp.rec.nam">
        <c-input
          v-model="model.dftcre.dfdgrp.rec.nam"
          maxlength="40"
          placeholder="请输入Name of Loan Contract"
        ></c-input>
      </el-form-item>
    </c-col>

    <!-- ========左========= -->
    <c-col :span="11">
      <c-col :span="13">
        <el-form-item label="单据金额" prop="dftcre.oricur">
          <c-select
            v-model="model.dftcre.oricur"
            style="width: 95%"
            placeholder="请选择单据金额:"
            :code="codes.cur"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item label="" prop="dftcre.oriamt" label-width="0">
          <c-input
            v-model="model.dftcre.oriamt"
            placeholder="请输入单据金额:"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="13">
        <el-form-item label="代付金额" prop="dftcre.dfdgrp.cbs.max.cur">
          <c-select
            v-model="model.dftcre.dfdgrp.cbs.max.cur"
            style="width: 95%"
            placeholder="请选择代付金额:"
            :code="codes.cur"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item label="" prop="dftcre.dfdgrp.cbs.max.amt" label-width="0">
          <c-input
            v-model="model.dftcre.dfdgrp.cbs.max.amt"
            placeholder="请输入代付金额:"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="代付余额" prop="dftcre.dfdgrp.cbs.opn1.cur">
          <c-select
            v-model="model.dftcre.dfdgrp.cbs.opn1.cur"
            style="width: 95%"
            placeholder="请选择代付余额:"
            :code="codes.cur"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="11">
        <el-form-item
          label=""
          prop="dftcre.dfdgrp.cbs.opn1.amt"
          label-width="0"
        >
          <c-input
            v-model="model.dftcre.dfdgrp.cbs.opn1.amt"
            placeholder="请输入代付余额:"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="代付类型" prop="dftcre.dfdgrp.rec.fintyp">
            <c-select
              v-model="model.dftcre.dfdgrp.rec.fintyp"
              style="width: 95%"
              placeholder="请选择代付类型:"
              :code="fintyp"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="13">
        <el-form-item label="境内境外代付" prop="dftcre.dfdgrp.rec.dfuflg">
          <c-select
            v-model="model.dftcre.dfdgrp.rec.dfuflg"
            style="width: 95%"
            placeholder="请选择境内境外代付:"
            :code="codes.dfuflg"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item
          label="发票类型"
          prop="dftcre.dfdgrp.rec.invtyp"
          label-width="110px"
        >
          <c-select
            v-model="model.dftcre.dfdgrp.rec.invtyp"
            style="width: 100%"
            placeholder="请选择发票类型"
            :code="codes.invtyp1"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="交易类型:" prop="dftcre.dfdgrp.rec.trntyp">
            <c-select
              v-model="model.dftcre.dfdgrp.rec.trntyp"
              style="width: 95%"
              placeholder="请选择交易类型:"
              :code="trntyp"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="13">
        <el-form-item label="代付起始日" prop="dftcre.dfdgrp.rec.stttendat">
          <c-date-picker
            type="date"
            v-model="model.dftcre.dfdgrp.rec.stttendat"
            style="width: 95%"
            placeholder="请选择代付起始日:"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="代付到期日" prop="dftcre.dfdgrp.rec.matdat">
          <c-date-picker
            type="date"
            v-model="model.dftcre.dfdgrp.rec.matdat"
            style="width: 95%"
            placeholder="请选择代付到期日:"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="代付期限" prop="dftcre.dfdgrp.rec.tenday">
          <c-input
            v-model="model.dftcre.dfdgrp.rec.tenday"
            placeholder="请输入代付期限:"
            style="width: 95%"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="计息周期" prop="dftcre.dfdgrp.rec.intprd">
          <c-select
            v-model="model.dftcre.dfdgrp.rec.intprd"
            style="width: 95%"
            placeholder="请选择计息周期:"
            :code="codes.intprd"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="代付利率" prop="dftcre.dfdgrp.rec.actrat">
          <c-input
            v-model="model.dftcre.dfdgrp.rec.actrat"
            placeholder="请输入代付利率:"
            style="width: 95%"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="利率浮动方式:" prop="dftcre.dfdgrp.rec.flttyp">
          <c-select
            v-model="model.dftcre.dfdgrp.rec.flttyp"
            style="width: 95%"
            placeholder="请选择利率浮动方式:"
            :code="codes.flttyp"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <el-form-item label="" prop="dftcre.dfdgrp.rec.fltval" label-width="0">
          <c-input
            v-model="model.dftcre.dfdgrp.rec.fltval"
            placeholder="请输入浮动值"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="13">
        <el-form-item label="货押标识:" prop="dftcre.dfdgrp.rec.guaflg">
          <c-select
            v-model="model.dftcre.dfdgrp.rec.guaflg"
            style="width: 95%"
            placeholder="请选择货押标识:"
            :code="codes.guaflg"
          >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ========右========= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="申请人参考号" prop="dftcre.dfdgrp.apl.pts.ref">
          <c-input
            v-model="model.dftcre.dfdgrp.apl.pts.ref"
            maxlength="16"
            placeholder="请输入申请人              Ref."
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="20">
        <el-form-item label="申请人ID" prop="dftcre.dfdgrp.apl.pts.extkey">
          <c-input
            v-model="model.dftcre.dfdgrp.apl.pts.extkey"
            style="width: 95%"
            maxlength="16"
            placeholder="请输入External Key of Address"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="1">
        <c-button
          style="margin: 0 10px 0 0; padding: 0 10px"
          size="small"
          type="primary"
          icon="el-icon-search"
        >
        </c-button>
      </c-col>
      <c-col :span="3" style="text-align: right">
        <c-button style="margin: 0 0" size="small" type="primary">
          详情
        </c-button>
      </c-col>
      <c-col :span="24">
        <el-form-item label="名称" prop="dftcre.dfdgrp.apl.namelc">
          <c-input
            type="textarea"
            v-model="model.dftcre.dfdgrp.apl.namelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址" prop="dftcre.dfdgrp.apl.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.dftcre.dfdgrp.apl.pts.adrblk"
            maxlength="35"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="代付行参考号" prop="dftcre.dfdgrp.dff.pts.ref">
          <c-input
            v-model="model.dftcre.dfdgrp.dff.pts.ref"
            maxlength="16"
            placeholder="请输入代付行        Ref."
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="20">
        <el-form-item label="代付行ID" prop="dftcre.dfdgrp.dff.pts.extkey">
          <c-input
            v-model="model.dftcre.dfdgrp.dff.pts.extkey"
            style="width: 95%"
            maxlength="16"
            placeholder="请输入External Key of Address"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="1">
        <c-button
          style="margin: 0 10px 0 0; padding: 0 10px"
          size="small"
          type="primary"
          icon="el-icon-search"
        >
        </c-button>
      </c-col>
      <c-col :span="3" style="text-align: right">
        <c-button style="margin: 0 0" size="small" type="primary">
          详情
        </c-button>
      </c-col>
      <c-col :span="24">
        <el-form-item label="名称" prop="dftcre.dfdgrp.dff.namelc">
          <c-input
            type="textarea"
            v-model="model.dftcre.dfdgrp.dff.namelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入名称"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="地址" prop="dftcre.dfdgrp.dff.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.dftcre.dfdgrp.dff.pts.adrblk"
            maxlength="35"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="代付行核心客户号" prop="dftcre.dfdgrp.rec.bankno">
          <c-input
            v-model="model.dftcre.dfdgrp.rec.bankno"
            maxlength="16"
            placeholder="请输入代付行核心客户号"
          ></c-input>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <el-form-item label="同业代付内部账号" prop="dftcre.dfdgrp.rec.bnkact">
          <c-input
            v-model="model.dftcre.dfdgrp.rec.bnkact"
            maxlength="32"
            placeholder="请输入同业代付内部账号"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="dftcre.dftp.aplp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.dftcre.dftp.aplp.ptsget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="dftcre.dftp.aplp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.dftcre.dftp.aplp.ptsget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onAplpDet">
        Details
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Chinese address"
        prop="dftcre.dfdgrp.apl.dbfadrblkcn"
      >
        <c-input
          type="textarea"
          v-model="model.dftcre.dfdgrp.apl.dbfadrblkcn"
          maxlength="35"
          show-word-limit
          placeholder="请输入Chinese address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="地址" prop="dftcre.dfdgrp.apl.adrelc">
        <c-input
          type="textarea"
          v-model="model.dftcre.dfdgrp.apl.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Drag  Drop Sender"
        prop="dftcre.dftp.dffp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.dftcre.dftp.dffp.ptsget.sdamod.dadsnd"
          placeholder="请输入Drag  Drop Sender"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="" prop="dftcre.dftp.dffp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.dftcre.dftp.dffp.ptsget.sdamod.seainf"
          placeholder="请输入"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onDffpDet">
        Details
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Chinese address"
        prop="dftcre.dfdgrp.dff.dbfadrblkcn"
      >
        <c-input
          type="textarea"
          v-model="model.dftcre.dfdgrp.dff.dbfadrblkcn"
          maxlength="35"
          show-word-limit
          placeholder="请输入Chinese address"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="地址" prop="dftcre.dfdgrp.dff.adrelc">
        <c-input
          type="textarea"
          v-model="model.dftcre.dfdgrp.dff.adrelc"
          maxlength="35"
          show-word-limit
          placeholder="请输入地址"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.dftcre.dftp.pctlab" data-path=".dftcre.dftp.pctlab">
      </span>
    </c-col>

    <c-col :span="12">
      <el-form-item label="代付金额:" prop="dftcre.dfucur">
        <c-select
          v-model="model.dftcre.dfucur"
          style="width: 100%"
          placeholder="请选择代付金额:"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="代付金额:" prop="dftcre.dfuamt">
        <c-input
          v-model="model.dftcre.dfuamt"
          placeholder="请输入代付金额:"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="代付利息:" prop="dftcre.dfdgrp.rec.rescur">
        <c-select
          v-model="model.dftcre.dfdgrp.rec.rescur"
          style="width: 100%"
          placeholder="请选择代付利息:"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="代付利息" prop="dftcre.dfdgrp.rec.resamt">
        <c-input
          v-model="model.dftcre.dfdgrp.rec.resamt"
          placeholder="请输入代付利息"
        ></c-input>
      </el-form-item>
    </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bdtset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
       trntyp: [
        { label: "买方信用证", value: "BD" },
        { label: "汇出汇款", value: "CP" },
        { label: "进口代收", value: "BC" },
        { label: "卖方信用证", value: "BF" },
        { label: "进口信用证", value: "BR" },
    ],
    fintyp:[
      {label: "我行融资", value: "A"},
      {label: "我行风险参与", value: "B"},
    ],
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style scoped>
.el-col >>> .el-divider--horizontal {
  margin-top: 1px;
}
</style>