<template>
  <div class="eibs">

    <!--=================左边=================  -->
    <c-col :span="12" style="padding-right: 20px">
      <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">
          <el-form-item
              label="代付业务编号："
              prop="dftcre.dfdgrp.rec.ownref"
          >
            <c-fullbox>
              <c-input
                  v-model="model.dftcre.dfdgrp.rec.ownref"
                  maxlength="16"
                  disabled
                  placeholder="请输入代付业务编号："
              ></c-input>
              <template slot="footer">
                <c-button size="small" type="primary" @click="onDftpButgetref" :disabled="model.dftcre.dfdgrp.rec.ownref !== ''">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
      </c-col>

      <c-col :span="24">
        <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>

      <c-col :span="24">
        <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>

      <c-col :span="24">
        <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>

      <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" style="margin-left: auto">
          </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="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item
              label="父合同名称"
              prop="dftcre.dfdgrp.rec.pntnam"
          >
            <c-input
                v-model="model.dftcre.dfdgrp.rec.pntnam"
                maxlength="40"
                disabled
                placeholder="请输入父合同名称"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
              label="贷款合同名称"
              prop="dftcre.dfdgrp.rec.nam"
          >
            <c-input
                v-model=this.nam
                maxlength="40" disabled
                placeholder="请输入贷款合同名称"
            ></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="请输入申请人参考号"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="21">
            <el-form-item
                label=""
                prop="dftcre.dfdgrp.apl.pts.extkey"
            >
              <c-input
                  v-model="model.dftcre.dfdgrp.apl.pts.extkey"
                  maxlength="16"
                  disabled
                  placeholder="请输入"
              ></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">
              详情
            </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="国内地址"
              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="请输入国内地址"
                :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=""
                prop="dftcre.dfdgrp.dff.pts.extkey"
            >
              <c-input
                  v-model="model.dftcre.dfdgrp.dff.pts.extkey"
                  maxlength="16"
                  placeholder="请输入"
                  @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">
              详情
            </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-row>-->
<!--      v-show="false"-->
    <!--=================不展示区域=================  -->
      <c-col :span="24" v-show="false">
        <c-col :span="12" style="padding-right: 20px">
          <c-col :span="24">
            <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="24">
            <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="24">
            <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="24">
            <el-form-item
                label="国内地址"
                prop="dftcre.dfdgrp.dff.dbfadrblkcn"
            >
              <c-input
                  type="textarea"
                  v-model="model.dftcre.dfdgrp.dff.dbfadrblkcn"
                  maxlength="35"
                  show-word-limit
                  placeholder="请输入国内地址"
              ></c-input>
            </el-form-item>
          </c-col>

        </c-col>

        <c-col :span="12" style="padding-left: 20px;">
          <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="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="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="请输入地址信息"
              ></c-input>
            </el-form-item>
          </c-col>

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


        </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 },
};
</script>
<style>
</style>