<template>
  <div class="eibs-tab">
    <c-row>
      <!---                        左边--->
      <c-col :span="11">
        <c-col :span="20">
          <el-form-item label="Our Reference" prop="ccdgrp.rec.ownref">
            <c-input
              v-model="model.ccdgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入Our Reference"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button size="small" type="primary;width:10%" @click="onSeainf"
              >i</c-button
            >
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button size="small" type="primary" @click="onCctmodButgetref">
            Get Ref
          </c-button>
        </c-col>
      </c-col>

      <!--                                  右边-->
      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="Name of CC contract" prop="ccdgrp.rec.nam">
            <c-input
              v-model="model.ccdgrp.rec.nam"
              maxlength="40"
              placeholder="请输入Name of CC contract"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Register Ref." prop="ccdgrp.rec.regref">
            <c-input
              v-model="model.ccdgrp.rec.regref"
              maxlength="16"
              placeholder="请输入Register Ref."
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>

    <c-row>
      <c-col :span="11">
        <c-col :span="10">
          <el-form-item label="Draft Amount" prop="ccdgrp.cbs.max.cur">
            <c-select
              v-model="model.ccdgrp.cbs.max.cur"
              style="width: 100%"
              placeholder="请选择Draft Amount"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item prop="ccdgrp.cbs.max.amt">
            <c-input
              v-model="model.ccdgrp.cbs.max.amt"
              placeholder="请输入Draft Amount"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="10">
          <el-form-item label="Open Amount" prop="ccdgrp.cbs.opn1.cur">
            <c-select
              v-model="model.ccdgrp.cbs.opn1.cur"
              style="width: 100%"
              placeholder="请选择Open Amount"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="14">
          <el-form-item prop="ccdgrp.cbs.opn1.amt">
            <c-input
              v-model="model.ccdgrp.cbs.opn1.amt"
              placeholder="请输入Open Amount"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Form of Clean Coll." prop="ccdgrp.rec.ccform">
            <c-select
              v-model="model.ccdgrp.rec.ccform"
              style="width: 100%"
              placeholder="请选择Form of Clean Coll."
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Mode of Collection" prop="ccdgrp.rec.modset">
            <c-select
              v-model="model.ccdgrp.rec.modset"
              style="width: 100%"
              placeholder="请选择Mode of Collection"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Payment Disposition " prop="ccdgrp.rec.purflg">
            <c-select
              v-model="model.ccdgrp.rec.purflg"
              style="width: 100%"
              placeholder="请选择Payment Disposition "
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Type of Check" prop="ccdgrp.rec.tocsel">
            <c-select
              v-model="model.ccdgrp.rec.tocsel"
              style="width: 100%"
              placeholder="请选择Type of Check"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="TYPE OF PRESENTER" prop="ccdgrp.rec.pretyp">
            <c-select
              v-model="model.ccdgrp.rec.pretyp"
              style="width: 100%"
              placeholder="请选择TYPE OF PRESENTER"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Check Number" prop="ccdgrp.rec.chcknum">
            <c-input
              v-model="model.ccdgrp.rec.chcknum"
              maxlength="16"
              placeholder="请输入Check Number"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Date of Order" prop="ccdgrp.orddat">
            <c-date-picker
              type="date"
              v-model="model.ccdgrp.orddat"
              style="width: 100%"
              placeholder="请选择Date of Order"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Date of Draft" prop="ccdgrp.rec.chkdat">
            <c-date-picker
              type="date"
              v-model="model.ccdgrp.rec.chkdat"
              style="width: 100%"
              placeholder="请选择Date of Draft"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="11">
          <el-form-item label="resp.usr" prop="cctp.usr.extkey">
            <c-input
              v-model="model.cctp.usr.extkey"
              maxlength="8"
              placeholder="请输入User ID"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="1">
          <el-form-item label="" label-width="15px">
            <c-button size="small" type="primary;width:10%" @click="onSeainf"
              >i</c-button
            >
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item
            label="External Key of Address"
            prop="ccdgrp.cor.pts.extkey"
          >
            <c-input
              v-model="model.ccdgrp.cor.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button size="small" type="primary;width:10%" @click="onSeainf"
              >i</c-button
            >
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button size="small" type="primary" @click="onCorpDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.cor.namelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.cor.namelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入名称"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.cor.adrelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.cor.adrelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入地址"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="11" :offset="1">
        <c-col :span="24">
          <el-form-item label="Presenter  Ref. No." prop="ccdgrp.pre.pts.ref">
            <c-input
              v-model="model.ccdgrp.pre.pts.ref"
              maxlength="16"
              placeholder="请输入Presenter  Ref. No."
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item prop="ccdgrp.pre.pts.extkey">
            <c-input
              v-model="model.ccdgrp.pre.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button size="small" type="primary;width:10%" @click="onSeainf"
              >i</c-button
            >
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button size="small" type="primary" @click="onPrepDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.pre.namelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.pre.namelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入名称"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.pre.adrelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.pre.adrelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入地址"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Drawn on Bank Ref" prop="ccdgrp.dro.pts.ref">
            <c-input
              v-model="model.ccdgrp.dro.pts.ref"
              maxlength="16"
              placeholder="请输入Drawn on Bank Ref"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item prop="ccdgrp.dro.pts.extkey">
            <c-input
              v-model="model.ccdgrp.dro.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button size="small" type="primary;width:10%" @click="onSeainf"
              >i</c-button
            >
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button size="small" type="primary" @click="onDropDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.dro.namelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.dro.namelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入名称"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.dro.adrelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.dro.adrelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入地址"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Coll.  Bank Ref No." prop="ccdgrp.col.pts.ref">
            <c-input
              v-model="model.ccdgrp.col.pts.ref"
              maxlength="16"
              placeholder="请输入Coll.  Bank Ref No."
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item prop="ccdgrp.col.pts.extkey">
            <c-input
              v-model="model.ccdgrp.col.pts.extkey"
              maxlength="16"
              placeholder="请输入External Key of Address"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <el-form-item label="" label-width="15px">
            <c-button size="small" type="primary;width:10%" @click="onSeainf"
              >i</c-button
            >
          </el-form-item>
        </c-col>
        <c-col :span="2">
          <c-button size="small" type="primary" @click="onColpDet">
            Details
          </c-button>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.col.namelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.col.namelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入名称"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item prop="ccdgrp.col.adrelc">
            <c-input
              type="textarea"
              v-model="model.ccdgrp.col.adrelc"
              maxlength="35"
              show-word-limit
              placeholder="请输入地址"
            ></c-input>
          </el-form-item>
        </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/Cctdav/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
