<template>
  <div class="eibs-tab">

      <el-row>
          <c-col :span="12">
              <el-form-item label="Our Reference" prop="ccdgrp.rec.ownref">
                  <c-input  style="width: 50%" v-model="model.ccdgrp.rec.ownref" maxlength="16"  placeholder="请输入Our Reference"></c-input>
                  <c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
              </el-form-item>
          </c-col>
          <c-col :span="12">
              <el-form-item label="Name" prop="ccdgrp.rec.nam">
                  <c-input  v-model="model.ccdgrp.rec.nam" maxlength="40"  placeholder="Clean Bill Name"></c-input>
              </el-form-item>
          </c-col>
      </el-row>
      <el-row>
          <c-col :span="6">
              <el-form-item label="Bill Amount" prop="ccdgrp.cbs.max.cur">
                  <c-select disabled v-model="model.ccdgrp.cbs.max.cur"
                            style="width: 100%"
                            placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
                      <el-option v-for="item in codes.cur"
                                 :key="item.value"
                                 :label="item.label"
                                 :value="item.value">
                      </el-option>
                  </c-select>
              </el-form-item>

          </c-col>
          <c-col :span="5" >
              <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="Document Amount"
                  ></c-input-currency>
              </el-form-item>
          </c-col>
          <c-col :span="2"></c-col>
          <c-col :span="9" offset="4">
              <el-form-item label="Presenter Draft Nb." prop="ccdgrp.pre.pts.ref">
                  <c-input  v-model="model.ccdgrp.pre.pts.ref" maxlength="16"  placeholder="请输入Presenter"></c-input>
              </el-form-item>
          </c-col>
      </el-row>

      <el-row>
          <c-col :span="6">
              <el-form-item label="Opening Amount" prop="ccdgrp.cbs.opn1.cur">
                  <c-select disabled v-model="model.ccdgrp.cbs.opn1.cur"
                            style="width: 100%"
                            placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
                      <el-option v-for="item in codes.cur"
                                 :key="item.value"
                                 :label="item.label"
                                 :value="item.value">
                      </el-option>
                  </c-select>
              </el-form-item>

          </c-col>
          <c-col :span="5" >
              <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="Document Amount"
                  ></c-input-currency>
              </el-form-item>
          </c-col>
          <c-col :span="12" offset="1">
              <el-form-item label="" prop="ccdgrp.pre.pts.nam">
                  <c-input  v-model="model.ccdgrp.pre.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
              </el-form-item>
          </c-col>
      </el-row>

      <el-row>
          <c-col :span="8">
              <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="9" offset="7">
              <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"></c-input>
              </el-form-item>
          </c-col>
      </el-row>

      <el-row>
          <c-col :span="12">
              <el-form-item label="托收范围" prop="ccdgrp.rec.ccform">
                  <c-select
                          v-model="model.ccdgrp.rec.ccform"
                          style="width: 100%"
                          placeholder=""
                  >
                      <el-option
                              v-for="item in codes.ccform"
                              :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="ccdgrp.dro.pts.nam">
                  <c-input  v-model="model.ccdgrp.dro.pts.nam" maxlength="16"  placeholder="请输入Drawn on Bank"></c-input>
              </el-form-item>
          </c-col>
      </el-row>

      <el-row>
          <c-col :span="12">
              <el-form-item label="付款类型" prop="ccdgrp.rec.purflg">
                  <c-select
                          v-model="model.ccdgrp.rec.purflg"
                          style="width: 100%"
                          placeholder=""
                  >
                      <el-option
                              v-for="item in codes.purflg"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                      >
                      </el-option>
                  </c-select>
              </el-form-item>
          </c-col>
          <c-col :span="9" offset="3">
              <el-form-item label="Collecting Bank Ref." prop="ccdgrp.col.pts.ref">
                  <c-input  v-model="model.ccdgrp.col.pts.ref" maxlength="16"  placeholder="请输入Collecting Bank"></c-input>
              </el-form-item>
          </c-col>
      </el-row>
      <el-row>
          <c-col :span="12"></c-col>
          <c-col :span="11" offst="22">
              <el-form-item label="Name of Party" style="text-align: right; width: 100%" prop="ccdgrp.col.pts.nam">
                  <c-input  v-model="model.ccdgrp.col.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
              </el-form-item>
          </c-col>
      </el-row>

      <el-divider class="el-divider--horizontal" ></el-divider>

      <!--==========================CCTP0 Select BC=================================-->

      <!--===========================left side======================================-->
      <c-col :span="11">
          <c-col :span="24">
              <el-form-item label="拒付类型" prop="rejtypsel">
                  <c-select v-model="model.rejtypsel" style="width:100%" placeholder="请选择reject type">
                      <el-option
                              v-for="item in codes.rejtypsel"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                      >
                      </el-option>
                  </c-select>
              </el-form-item>
          </c-col>
          <c-col>
              &nbsp;
          </c-col>
          <c-col :span="15" offset="10" >
              <c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox>
          </c-col>

      </c-col>

      <!--===========================right side======================================-->
      <c-col :span="11" offset="1">
          <c-col :span="24">
              <el-form-item label="common reason for returned bills" prop="ccdgrp.blk.retson">
                  <c-input type="textarea" v-model="model.ccdgrp.blk.retson" maxlength="190" rows="6" cols="35" show-word-limit placeholder="请输入common reason for returned bills" ></c-input>
              </el-form-item>
          </c-col>

      </c-col>

  </div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Cctdcr/Event"


export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    components:{
    },
    created:function(){

    }
}
</script>
<style>

</style>