Tra.vue

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

      <!--==========================CCTP0 Select BC=================================-->
      <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="Form of Clean Coll." prop="ccdgrp.rec.ccform">
                  <c-input  v-model="model.ccdgrp.rec.ccform" maxlength="1"  placeholder="请输入Form of Clean Coll."></c-input>
              </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="Payment disposition" prop="ccdgrp.rec.purflg">
                  <c-input  v-model="model.ccdgrp.rec.purflg" maxlength="1"  placeholder="请输入Payment disposition"></c-input>
              </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>

      <!--===========================left side======================================-->
      <c-col :span="11">
          <c-col :span="13">
              <el-form-item label="Traced Amount" prop="trnmod.swiadd.tracur">
                  <c-select disabled v-model="model.trnmod.swiadd.tracur"
                            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="10">
              <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="Document Amount"
                  ></c-input-currency>
              </el-form-item>
          </c-col>
          <c-col :span="24">
              <el-form-item label="Type of Advice" prop="advtyp">
                  <c-select v-model="model.advtyp" style="width:100%" placeholder="请选择Type of Advice">
                  </c-select>
              </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 ">
                  </c-select>
              </el-form-item>
          </c-col>
      </c-col>
      <!--===========================right side======================================-->
      <c-col :span="11" offset="1">
          <c-col :span="24">
              <el-form-item label="Queries" prop="ccdgrp.blk.bcgque">
                  <c-input type="textarea" v-model="model.ccdgrp.blk.bcgque" maxlength="35" show-word-limit placeholder="请输入Queries" ></c-input>
              </el-form-item>
          </c-col>
          <c-col :span="24">
              <el-form-item label="Answers" prop="ccdgrp.blk.bcgans">
                  <c-input type="textarea" v-model="model.ccdgrp.blk.bcgans" maxlength="35" show-word-limit placeholder="请输入Answers" ></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/Ccttra/Event"

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

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

    }
}
</script>
<style>
    .el-divider--horizontal{

        margin-top: 3px;
        margin-bottom: 8px;
    }

</style>