<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="22">
        <el-form-item label="Our Reference" prop="ccdgrp.rec.ownref">
          <c-input
            v-model="model.ccdgrp.rec.ownref"
            maxlength="8"
            placeholder="请输入Our Reference"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="2">
        <c-button
          style="margin: 0 12px 0 14px; padding: 0 12px"
          size="small"
          type="primary"
          disabled
        >
          <span style="font-family: '宋体'; font-weight: bold">i</span>
        </c-button>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Currency" prop="ccdgrp.cbs.max.cur">
          <c-select
            v-model="model.ccdgrp.cbs.max.cur"
            style="width: 100%"
            placeholder="请选择Currency"
            disabled
          >
            <el-option
              v-for="item in codes.curtxt1"
              :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
          style="text-align: left"
          label-width="20px"
          prop="ccdgrp.cbs.max.amt"
        >
          <c-input-currency
            v-model="model.ccdgrp.cbs.max.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
            @keyup.enter.native="
              defaultFunction('ccdgrp.cbs.max.amt', model.ccdgrp.cbs.max.amt)
            "
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Currency" prop="ccdgrp.cbs.opn1.cur">
          <c-select
            disabled
            v-model="model.ccdgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder="请选择Currency"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :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
          style="text-align: left"
          label-width="20px"
          prop="ccdgrp.cbs.opn1.amt"
        >
          <c-input-currency
            v-model="model.ccdgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
            @keyup.enter.native="
              defaultFunction('ccdgrp.cbs.opn1.amt', model.ccdgrp.cbs.opn1.amt)
            "
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <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"
            disabled
          ></c-date-picker>
        </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."
            :code="codes.ccform"
            disabled
          >
          </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 "
            :code="codes.purflg"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Traced Amount" prop="trnmod.swiadd.tracur">
          <c-select
            disabled
            v-model="model.trnmod.swiadd.tracur"
            style="width: 100%"
            placeholder="请选择Traced Amount"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :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
          style="text-align: left"
          label-width="20px"
          prop="trnmod.swiadd.traamt"
        >
          <c-input-currency
            v-model="model.trnmod.swiadd.traamt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Receive of Message" prop="advrol">
          <c-select
            v-model="model.advrol"
            style="width: 100%"
            placeholder="请选择Receive of Message"
            :code="advrol"
          >
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>

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

      <c-col :span="24">
        <el-form-item label="Presenter Draft Nb." prop="ccdgrp.pre.pts.ref">
          <c-input
            v-model="model.ccdgrp.pre.pts.ref"
            maxlength="40"
            placeholder="请输入Presenter Draft Nb."
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.pre.pts.nam">
          <c-input
            v-model="model.ccdgrp.pre.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></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="40"
            placeholder="请输入Drawn on Bank Ref."
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.dro.pts.nam">
          <c-input
            v-model="model.ccdgrp.dro.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Collecting Bank Ref." prop="ccdgrp.col.pts.ref">
          <c-input
            v-model="model.ccdgrp.col.pts.ref"
            maxlength="40"
            placeholder="请输入Collecting Bank Ref."
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.col.pts.nam">
          <c-input
            v-model="model.ccdgrp.col.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item
          label="Queries"
          prop="ccdgrp.blk.bcgque"
        >
          <c-input
            type="textarea"
            :rows="6"
            v-model="model.ccdgrp.blk.bcgque"
            maxlength="600"
            show-word-limit
            placeholder="请输入Queries"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>

      <c-col :span="24">
        <c-form-item
          label="Answers"
          prop="ccdgrp.blk.bcgans"
        >
          <c-input
            type="textarea"
            :rows="6"
            v-model="model.ccdgrp.blk.bcgans"
            maxlength="600"
            show-word-limit
            placeholder="请输入Answers"
            disabled
          ></c-input>
        </c-form-item>
      </c-col>
    </c-col>

    <!-- <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="cctp0.recget.sdamod.dadsnd">
            <c-input  v-model="model.cctp0.recget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
              
                  
       <c-col :span="12">
        <c-form-item label="Name of CC contract" prop="ccdgrp.rec.nam">
            <c-input  v-model="model.ccdgrp.rec.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of CC contract'"></c-input>
        </c-form-item>
       </c-col>
                
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000002')" prop="ccdgrp.rec.ownref">
            <c-input  v-model="model.ccdgrp.rec.ownref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000002')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="cctp0.recget.sdamod.seainf">
            <c-input  v-model="model.cctp0.recget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item :label="$t('cctp0.S0000005')" prop="ccdgrp.cbs.max.cur">
            <c-select v-model="model.ccdgrp.cbs.max.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('cctp0.S0000005')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000005')" prop="ccdgrp.cbs.max.amt">
            <c-input  v-model="model.ccdgrp.cbs.max.amt"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000005')"></c-input>
        </c-form-item>
       </c-col>
               
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000013')" prop="ccdgrp.pre.pts.ref">
            <c-input  v-model="model.ccdgrp.pre.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000013')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Name of Party" prop="ccdgrp.pre.pts.nam">
            <c-input  v-model="model.ccdgrp.pre.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </c-form-item>
       </c-col>
               
                  
       <c-col :span="12">
        <el-form-item :label="$t('cctp0.S0000007')" prop="ccdgrp.cbs.opn1.cur">
            <c-select v-model="model.ccdgrp.cbs.opn1.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('cctp0.S0000007')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000007')" prop="ccdgrp.cbs.opn1.amt">
            <c-input  v-model="model.ccdgrp.cbs.opn1.amt"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000007')"></c-input>
        </c-form-item>
       </c-col>
                
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000015')" prop="ccdgrp.dro.pts.ref">
            <c-input  v-model="model.ccdgrp.dro.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000015')"></c-input>
        </c-form-item>
       </c-col>
              
                  
       <c-col :span="12">
        <el-form-item :label="$t('cctp0.S0000009')" prop="ccdgrp.rec.chkdat">
            <c-date-picker type="date"  v-model="model.ccdgrp.rec.chkdat" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000009')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Name of Party" prop="ccdgrp.dro.pts.nam">
            <c-input  v-model="model.ccdgrp.dro.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </c-form-item>
       </c-col>
                
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000010')" prop="ccdgrp.rec.ccform">
            <c-input  v-model="model.ccdgrp.rec.ccform" maxlength="1"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000010')"></c-input>
        </c-form-item>
       </c-col>
               
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000017')" prop="ccdgrp.col.pts.ref">
            <c-input  v-model="model.ccdgrp.col.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000017')"></c-input>
        </c-form-item>
       </c-col>
              
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000011')" prop="ccdgrp.rec.purflg">
            <c-input  v-model="model.ccdgrp.rec.purflg" maxlength="1"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000011')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Name of Party" prop="ccdgrp.col.pts.nam">
            <c-input  v-model="model.ccdgrp.col.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </c-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <c-form-item :label="$t('ccttra.S0000006')" prop="trnmod.swiadd.tracur">
            <c-input  v-model="model.trnmod.swiadd.tracur" maxlength="3"  :placeholder="$t('other.please_enter')+$t('ccttra.S0000006')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Traced Amount" prop="trnmod.swiadd.traamt">
            <c-input  v-model="model.trnmod.swiadd.traamt"  :placeholder="$t('other.please_enter')+'Traced Amount'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Queries" prop="ccdgrp.blk.bcgque">
            <c-input type="textarea" v-model="model.ccdgrp.blk.bcgque" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Queries'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Type of Advice" prop="advtyp">
            <c-select v-model="model.advtyp" style="width:100%" :placeholder="$t('other.please_enter')+'Type of Advice'">
              </c-select>
        </el-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <el-form-item :label="$t('ccttra.S0000010')" prop="advrol">
            <c-select v-model="model.advrol" style="width:100%" :placeholder="$t('other.please_enter')+$t('ccttra.S0000010')">
              </c-select>
        </el-form-item>
       </c-col>
      
                  
       <c-col :span="12">
        <c-form-item label="Answers" prop="ccdgrp.blk.bcgans">
            <c-input type="textarea" v-model="model.ccdgrp.blk.bcgans" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Answers'" ></c-input>
        </c-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/Ccttra/Event";

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