<template>
  <div class="eibs-tab">
    <c-row>
      <!-- :gutter="10" -->
      <!--------------------------------左---------------------------->
      <c-col :span="11">
        <c-col :span="24">
          <c-form-item label="Parent Reference" prop="dftcre.dfdgrp.rec.pntref">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.pntref"
              maxlength="16"
              :disabled="true"
              style="width: 100%"
              placeholder="请输入Parent Reference"
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <c-form-item label="代付业务编号" prop="dftcre.dfdgrp.rec.ownref">
            <c-fullbox>
              <c-input
                v-model="model.dftcre.dfdgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入代付业务编号"
                style="width: 76%"
                :disabled="true"
              ></c-input>
              <c-button
                size="small"
                type="primary"
                :disabled="model.trdgrp.fip.pts.adrblk == ''"
                @click="onDftpButgetref"
              >
                Get Ref
              </c-button>
            </c-fullbox>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="单据金额" prop="dftcre.oricur">
            <c-fullbox>
              <c-select
                v-model="model.trdgrp.cbs.max.cur"
                style="width: 35%"
                @keyup.enter.native="maxCurEvent"
                :disabled="true"
              >
              </c-select>

              <c-input
                v-model="model.trdgrp.cbs.max.amt"
                style="text-align: left; width: 65%"
                placeholder=""
                :disabled="true"
              ></c-input>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="代付金额" prop="dftcre.dfdgrp.cbs.max.cur">
            <c-fullbox>
              <c-select
                v-model="model.dftcre.dfdgrp.cbs.max.cur"
                style="width: 35%"
                @keyup.enter.native="maxCurEvent"
                placeholder="请选择币种"
              >
                <el-option
                  v-for="item in codes.cur"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
              <c-input
                v-model="model.dftcre.dfdgrp.cbs.max.amt"
                style="text-align: left; width: 65%"
                placeholder="请输入代付金额"
              ></c-input>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="代付余额" prop="dftcre.dfdgrp.cbs.opn1.cur">
            <c-fullbox>
              <c-select
                v-model="model.dftcre.dfdgrp.cbs.opn1.cur"
                style="width: 35%"
                @keyup.enter.native="maxCurEvent"
                :disabled="true"
              >
                <el-option
                  v-for="item in codes.cur"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  :disabled="true"
                ></el-option>
              </c-select>

              <c-input
                v-model="model.dftcre.dfdgrp.cbs.opn1.amt"
                style="text-align: left; width: 65%"
                placeholder="请输入代付余额"
                :disabled="true"
              ></c-input>
            </c-fullbox>
          </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%"
              placeholder="请选择代付类型"
            >
              <el-option
                v-for="item in codes.fintyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                :disabled="true"
              ></el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <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="请输入境外代付"
            >
              <el-option
                v-for="item in codes.dfuflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="发票类型" prop="dftcre.dfdgrp.rec.invtyp">
            <c-select
              v-model="model.dftcre.dfdgrp.rec.invtyp"
              style="width: 100%"
              placeholder="请选择发票类型"
            >
              <el-option
                v-for="item in codes.invtyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </c-select>
          </el-form-item>
        </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="true"
              placeholder="请输入交易类型"
            >
              <el-option
                v-for="item in codes.trntyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </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-form-item label="代付期限" prop="dftcre.dfdgrp.rec.tenday">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.tenday"
              placeholder="代付期限"
              :disabled="true"
            ></c-input>
          </c-form-item>
        </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="请选择计息周期"
            >
              <el-option
                v-for="item in codes.intprd"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="利率浮动方式:" prop="dftcre.dfdgrp.rec.flttyp">
            <c-fullbox>
              <c-select
                v-model="model.dftcre.dfdgrp.rec.flttyp"
                style="width: 30%"
                placeholder="利率浮动方式"
              >
                <el-option
                  v-for="item in codes.flttyp1"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </c-select>
              <c-input
                v-model="model.dftcre.dfdgrp.rec.fltval"
                style="width: 65%"
                placeholder="请输入浮动值"
                :disabled="model.dftcre.dfdgrp.rec.flttyp == '0'|| model.dftcre.dfdgrp.rec.flttyp == '3'"
              ></c-input>
              <span v-if="model.dftcre.dfdgrp.rec.flttyp == '2'"
              style="width: 5%">
                %
              </span>
            </c-fullbox>
          </el-form-item>
        </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="请输入货押标识"
            >
              <el-option
                v-for="item in codes.guaflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-form-item label="代付利息" prop="dftcre.dfdgrp.rec.resamt">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.resamt"
              placeholder="代付利息"
            ></c-input>
          </c-form-item>
        </c-col>
      </c-col>
      <!--------------------------------右---------------------------->
      <c-col :span="11">
        <c-col :span="24">
          <c-form-item label="Name" prop="dftcre.dfdgrp.rec.pntnam">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.pntnam"
              maxlength="40"
              :disabled="true"
              placeholder="请输入name"
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <c-form-item label="贷款合同名" prop="dftcre.dfdgrp.rec.nam">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.nam"
              maxlength="40"
              :disabled="true"
            ></c-input>
          </c-form-item>
        </c-col>

        <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{
              title: '申请人',
              grp: 'trdgrp',
              rol: 'fip',
            }"
            :isAdrblk="true"
            :disabledExtkey="true"
            :disabled="true"
            :disabledRef="true"
            @onSeainf="onSeainf"
          >
          </c-ptap>
        </c-col>

        <c-col :span="24">
          <c-form-item label="代付行参考号" prop="dftcre.dfdgrp.dff.pts.ref">
            <c-input
              :disabled="false"
              v-model="model.dftcre.dfdgrp.dff.pts.ref"
              placeholder="请输入代付行参考号"
            ></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            label="代付行"
            prop="dftcre.dfdgrp.dff.pts.extkey"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                :disabled="false"
                v-model="model.dftcre.dfdgrp.dff.pts.extkey"
                placeholder="请输入代付行Extkey"
                @keyup.enter.native="
                  showGridPromptDialog('dftcre.dfdgrp.dff.pts.extkey')
                "
                @change="valueChange"
              ></c-input>
              <template slot="footer">
                <c-button
                  :disabled="false"
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
                  @click="onSeainf('dftcre.dfdgrp.dff.pts.extkey')"
                >
                </c-button>
                <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  @click="onAplpDet"
                >
                  {{ $t("buttons.details") }}
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            :label="`代付行地址`"
            prop="dftcre.dfdgrp.dff.pts.adrelc`"
          >
            <c-input
              type="textarea"
              :rows="2"
              v-model="model.dftcre.dfdgrp.dff.pts.adrelc"
              placeholder="请输入代付行地址"
              :disabled="true"
              maxlength="35"
              show-word-limit
            ></c-input>
          </el-form-item>
        </c-col>

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

        <!-- S0000040 : 代付行中文名 -->
        <c-col :span="24">
          <c-form-item label="代付行中文名" prop="dftcre.dfdgrp.rec.bankcn">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.bankcn"
              maxlength="40"
              placeholder="请输入代付行中文名"
            ></c-input>
          </c-form-item>
        </c-col>
        
        <c-col :span="24">
          <c-form-item label="同业代付内部账号" prop="dftcre.dfdgrp.rec.bnkact">
            <c-input
              v-model="model.dftcre.dfdgrp.rec.bnkact"
              maxlength="32"
              placeholder="请输入同业代付内部号"
              :disabled="true"
            ></c-input>
          </c-form-item>
        </c-col>
      </c-col>
      <c-grid-ety-prompt-dialog
        ref="etyDialog"
        :promptData="promptData"
        v-on:select-ety="selectEty"
      >
      </c-grid-ety-prompt-dialog>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Trtopn/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    onSeainf(data) {
      this.$emit("onSeainf", data);
    },

    onAplpDet() {
      this.$emit("onAplpDet");
    },

    valueChange() {
      if (this.onlySearch) return;
      // this.showGridPromptDialog(
      //   `${this.argadr.grp}.${this.argadr.rol}.pts.extkey`
      // );
    },
    created: function () {},
  },
};
</script>
<style></style>