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

          <c-col :span="24">
            <c-col :span="20">
              <el-form-item
                label="代付业务编号:"
                prop="dftcre.dfdgrp.rec.ownref"
              >
                <c-input
                  v-model="model.dftcre.dfdgrp.rec.ownref"
                  maxlength="16"
                  disabled
                  placeholder="请输入代付业务编号:"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="4">
              <c-button size="small" type="primary" @click="onDftpButgetref">
                Get Ref
              </c-button>
            </c-col>
          </c-col>
          
            <c-col :span="13">
              <el-form-item label="单据金额:" prop="dftcre.oricur">
                <c-select
                  v-model="model.dftcre.oricur"
                  style="width: 100%"
                  disabled
                  placeholder="请选择单据金额:"
                  :code="codes.curtxt1"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item label="" prop="dftcre.oriamt" label-width="5px">
                <c-input
                  v-model="model.dftcre.oriamt"
                  disabled
                  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: 100%"
                  placeholder="请选择代付金额:"
                  :code="codes.curtxt1"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="11">
              <el-form-item
                label=""
                prop="dftcre.dfdgrp.cbs.max.amt"
                label-width="5px"
              >
                <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: 100%"
                  disabled
                  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="5px"
              >
                <c-input
                  v-model="model.dftcre.dfdgrp.cbs.opn1.amt"
                  disabled
                  placeholder="请输入代付余额:"
                ></c-input>
              </el-form-item>
            </c-col>
          
          <c-col :span="24">
            <el-form-item label="代付类型:" prop="dftcre.dfdgrp.rec.fintyp">
              <c-select
                v-model="model.dftcre.dfdgrp.rec.fintyp"
                style="width: 100%"
                disabled
                placeholder="请选择代付类型:"
                :code="codes.fintyp2"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                label="境内境外代付:"
                prop="dftcre.dfdgrp.rec.dfuflg"
              >
                <c-select
                  v-model="model.dftcre.dfdgrp.rec.dfuflg"
                  style="width: 100%"
                  placeholder="请选择境内境外代付:"
                  :code="codes.dfuflg"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <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.invtyp"
                >
                </c-select>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="交易类型:" prop="dftcre.dfdgrp.rec.trntyp">
              <c-select
                v-model="model.dftcre.dfdgrp.rec.trntyp"
                style="width: 100%"
                disabled
                placeholder="请选择交易类型:"
                :code="codes.trntyp2"
              >
              </c-select>
            </el-form-item>
          </c-col>

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

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

          <c-col :span="24">
            <c-col :span="12">
            <el-form-item label="代付期限:" prop="dftcre.dfdgrp.rec.tenday">
              <c-input
                v-model="model.dftcre.dfdgrp.rec.tenday"
                disabled
                placeholder="请输入代付期限:"
              ></c-input>
            </el-form-item>
            </c-col>
            <c-col :span="3">
                  <el-form-item label="天" label-width="30px">
                    </el-form-item>
               </c-col>
        </c-col>
          <c-col :span="24">
            <el-form-item label="计息周期:" prop="dftcre.dfdgrp.rec.intprd">
              <c-select
                v-model="model.dftcre.dfdgrp.rec.intprd"
                style="width: 100%"
                placeholder="请选择计息周期:"
                :code="codes.intprd"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="代付利率:" prop="dftcre.dfdgrp.rec.actrat">
              <c-input
                v-model="model.dftcre.dfdgrp.rec.actrat"
                placeholder="请输入代付利率:"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                label="利率浮动方式:"
                prop="dftcre.dfdgrp.rec.flttyp"
              >
                <c-select
                  v-model="model.dftcre.dfdgrp.rec.flttyp"
                  style="width: 100%"
                  placeholder="请选择利率浮动方式:"
                >
                  <el-option
                    v-for="item in flttyp"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </c-select>
                <!-- <c-input v-model="model.dftcre.dfdgrp.rec.flttyp"></c-input> -->
              </el-form-item>
            </c-col>
            <c-col :span="12" style="text-align: right">
              <el-form-item label="浮动值" prop="dftcre.dfdgrp.rec.fltval" label-width="110px">
                <c-input
                :disabled="model.dftcre.dfdgrp.rec.flttyp=='0'||model.dftcre.dfdgrp.rec.flttyp=='3'"
                  v-model="model.dftcre.dfdgrp.rec.fltval"
                  placeholder="请输入浮动值"
                  style="width: 90%"
                ></c-input>
          <span style="width: 10%" v-if="model.dftcre.dfdgrp.rec.flttyp=='2'">%</span>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item label="货押标识:" prop="dftcre.dfdgrp.rec.guaflg">
              <c-select
                v-model="model.dftcre.dfdgrp.rec.guaflg"
                style="width: 100%"
                placeholder="请选择货押标识:"
                :code="codes.guaflg"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="24">
              <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>
          </c-col>
        </c-col>
        <c-col :span="11" :offset="1">
          <c-col :span="24">
            <el-form-item
              label="Parent Contract Name"
              prop="dftcre.dfdgrp.rec.pntnam"
            >
              <c-input
                v-model="model.dftcre.dfdgrp.rec.pntnam"
                maxlength="40"
                disabled
                placeholder="请输入Parent Contract Name"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="Name of Loan Contract"
              prop="dftcre.dfdgrp.rec.nam"
            >
              <c-input
                v-model=this.nam
                maxlength="40" disabled
                placeholder="请输入Name of Loan Contract"
              ></c-input>
            </el-form-item>
          </c-col>
          
          <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"
                disabled
                placeholder="请输入申请人Ref."
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="21">
              <el-form-item
                label="External Key of Address"
                prop="dftcre.dfdgrp.apl.pts.extkey"
              >
                <c-input
                  v-model="model.dftcre.dfdgrp.apl.pts.extkey"
                  maxlength="16"
                  disabled
                  placeholder="请输入External Key of Address"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="1">
              <el-form-item
                label=""
                prop="dftcre.dftp.aplp.ptsget.sdamod.seainf"
                v-show="false"
              >
                <c-input
                  v-model="model.dftcre.dftp.aplp.ptsget.sdamod.seainf"
                  placeholder="请输入"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="2">
              <c-button size="small" type="primary" @click="onAplpDet">
                Details
              </c-button>
            </c-col>
          </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
                disabled
                placeholder="请输入地址信息"
                :rows="5"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="Chinese address"
              prop="dftcre.dfdgrp.apl.dbfadrblkcn"
              v-show="false"
            >
              <c-input
                type="textarea"
                v-model="model.dftcre.dfdgrp.apl.dbfadrblkcn"
                maxlength="35"
                show-word-limit
                placeholder="请输入Chinese address"
                :rows="5"
              ></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="请输入代付行"
               
            >
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="21">
              <el-form-item
                label="External Key of Address"
                prop="dftcre.dfdgrp.dff.pts.extkey"
              >
                <c-input
                  v-model="model.dftcre.dfdgrp.dff.pts.extkey"
                  maxlength="16"
                  placeholder="请输入External Key of Address"
                    @keyup.enter.native="
                showGridPromptDialog('dftcre.dfdgrp.dff.pts.extkey')
              "
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="3">
              <c-button size="small" type="primary" @click="onDffpDet">
                Details
              </c-button>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item label="名称" prop="dftcre.dfdgrp.dff.namelc"  v-show="false">
              <c-input
                type="textarea"
                v-model="model.dftcre.dfdgrp.dff.namelc"
                maxlength="35"
                show-word-limit
                placeholder="请输入名称"
                :rows="5"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="地址"
              prop="dftcre.dfdgrp.dff.adrelc"
      
            >
              <c-input
                type="textarea"
                v-model="model.dftcre.dfdgrp.dff.pts.adrblk"
                maxlength="35"
                 :rows="5"
                 disabled
                show-word-limit
                placeholder="请输入地址"
              ></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"
                disabled
                placeholder="请输入同业代付内部账号"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>

      <c-col :span="24" v-show="false">
        <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.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="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">
          <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="请输入地址信息"
            ></c-input>
          </el-form-item>
        </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">
          <span
            v-text="model.dftcre.dftp.pctlab"
            data-path=".dftcre.dftp.pctlab"
          >
          </span>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
        flttyp: [
        { label: "浮动点", value: "1" },
        { label: "不浮动", value: "0" },
        { label: "浮动比率", value: "2" },
        { label: "按协议", value: "3" },
    ],
     
    };
  },
   watch: {
    "model.dftcre.dfdgrp.rec.invtyp": {
    immediate:true,
        handler(val,oldval){
        if(this.model.dftcre.dfdgrp.rec.invtyp=="") {
           this.model.dftcre.dfdgrp.rec.invtyp="1"
        }
      }
    },
  "model.dftcre.dfdgrp.rec.fintyp": {
    immediate:true,
        handler(val,oldval){
        let nam=this.model.dftcre.dfdgrp.rec.nam;
        if(this.model.trtcre.crefinflg=="") {
           this.model.dftcre.dfdgrp.rec.fintyp="A"
          this.nam="我行风险参与"+" "+nam
        }else if(this.model.trtcre.crefinflg=="X") {
           this.model.dftcre.dfdgrp.rec.fintyp="B"
           this.nam="我行融资"+" "+nam
        }
        
      }
    },
   },
  methods: { ...Event },
  //    created:function(){
  //          this.executeDefault("trdgrp.rec.actrat").then((res) => {
  //                if (res.respCode == SUCCESS) {
  //                  this.copyValueFromVO(res.data);
  //                }
  //           });
  //     }
};
</script>
<style>
</style>