Canp.vue

<template>
  <div class="eibs-tab">                        
    <c-row>     
     <!-- =================顶部====================== -->   
     <c-col :span="24">                     
        <c-col :span="12">
            <el-form-item label="参考号" prop="didgrp.rec.ownref">
                <c-input  v-model="model.didgrp.rec.ownref" disabled maxlength="16"  placeholder="请输入参考号"></c-input>
            </el-form-item>
        </c-col>
                                   
        <c-col :span="12">
            <el-form-item label="名称" prop="didgrp.rec.nam">
                <c-input  v-model="model.didgrp.rec.nam" disabled maxlength="40"  placeholder="请输入名称"></c-input>
            </el-form-item>
        </c-col>
      </c-col>         
     <!-- ====================左边======================= -->
    <c-col :span="11">  
        <c-col :span="12">
        <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
          <c-select
            disabled
            v-model="model.didgrp.cbs.nom1.cur"
            style="width: 95%"
            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="8">
        <el-form-item
          style="text-align: left"
          label-width="0"
          prop="didgrp.cbs.nom1.amt"
        >
          <c-input-currency
            disabled
            v-model="model.didgrp.cbs.nom1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入信用证金额"
            @keyup.enter.native="defaultFunction('didgrp.cbs.nom1.amt', model.didgrp.cbs.nom1.amt)"
          ></c-input-currency>
        </el-form-item>
      </c-col>
        <c-col :span="3">
	        <c-checkbox v-model="model.ditp0.aammod.addamtflg">附加金额标志</c-checkbox>
        </c-col>


        <c-col :span="12">
        <el-form-item label="信用证余额" prop="didgrp.cbs.nom1.cur">
          <c-select
            disabled
            v-model="model.didgrp.cbs.nom1.cur"
            style="width: 95%"
            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="8">
        <el-form-item
          style="text-align: left"
          label-width="0"
          prop="didgrp.cbs.opn1.amt"
        >
          <c-input-currency
            disabled
            v-model="model.didgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入信用证金额"
            @keyup.enter.native="defaultFunction('didgrp.cbs.opn1.amt', model.didgrp.cbs.opn1.amt)"
          ></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="3">
          <c-checkbox v-model="model.didgrp.rec.revflg">循环信用证标志</c-checkbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="指定银行" prop="didgrp.avbnam">
            <c-input disabled v-model="model.didgrp.avbnam" maxlength="40"  placeholder="请输入指定银行"></c-input>
        </el-form-item>
      </c-col>
      


      <c-col :span="18">
        <el-form-item label="兑付方式" prop="didgrp.rec.avbby">
            <c-select disabled v-model="model.didgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
            </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="6">
	      <c-checkbox disabled v-model="model.didgrp.rec.redclsflg">红/绿条款</c-checkbox>
      </c-col>
        <c-col :span="24">
        <c-col :span="13">
        <el-form-item label="开立日期" prop="didgrp.rec.opndat">
            <c-date-picker type="date" disabled v-model="model.didgrp.rec.opndat" style="width:100%"  placeholder="请选择开立日期"></c-date-picker>
        </el-form-item>
        </c-col>
       </c-col>

      <c-col :span="24">
       <c-col :span="13">
        <el-form-item label="到期日" prop="didgrp.rec.expdat">
            <c-date-picker type="date" disabled v-model="model.didgrp.rec.expdat" style="width:100%"  placeholder="请选择到期日"></c-date-picker>
        </el-form-item>
       </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="有效地点" prop="didgrp.rec.expplc">
            <c-input type="textarea" disabled v-model="model.didgrp.rec.expplc" maxlength="35" show-word-limit placeholder="请输入到期日" ></c-input>
        </el-form-item>
      </c-col>
       <c-col :span="24">
        <el-form-item label="信用证类型" prop="didgrp.rec.lcrtyp">
            <c-select v-model="model.didgrp.rec.lcrtyp" disabled style="width:100%" placeholder="请选择信用证类型">
              </c-select>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="附言" prop="ditcanf.strinf">
            <c-input type="textarea" v-model="model.ditcanf.strinf" maxlength="50" show-word-limit placeholder="请输入附言" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="注销/闭卷原因" prop="didgrp.blk.canrsn">
            <c-input type="textarea" v-model="model.didgrp.blk.canrsn" 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="申请人           参考号"
            prop="didgrp.apl.pts.ref"
            style="width: 100%"
            >
            <c-input
            disabled
            v-model="model.didgrp.apl.pts.ref"
            maxlength="16"
            placeholder="请输入申请人           参考号"
            ></c-input>
            </el-form-item>
        </c-col>
        
       <c-col :span="24">
        <el-form-item label="申请人名称" prop="didgrp.apl.pts.nam">
            <c-input disabled v-model="model.didgrp.apl.pts.nam" maxlength="40"  placeholder="请输入申请人"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="受益人参考号" prop="didgrp.ben.pts.ref">
            <c-input  disabled v-model="model.didgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人参考号"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="受益人名称" prop="didgrp.ben.pts.nam">
            <c-input disabled v-model="model.didgrp.ben.pts.nam" maxlength="40"  placeholder="请输入受益人名称"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <c-col :span="13">
        <el-form-item label="提货日期/服务提供日" prop="didgrp.rec.shpdat">
            <c-date-picker type="date" disabled  v-model="model.didgrp.rec.shpdat" style="width:100%"  placeholder="请选择Shipment Date"></c-date-picker>
        </el-form-item>
        </c-col>
       </c-col>
      <c-col :span="24">
        <el-form-item label="通知行编号" prop="didgrp.rec.tzref">
            <c-input disabled v-model="model.didgrp.rec.tzref" maxlength="35"  placeholder="请输入通知行编号"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="通知行" prop="didgrp.adv.pts.ref">
            <c-input disabled v-model="model.didgrp.adv.pts.ref" maxlength="16"  placeholder="请输入通知行"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="通知行名称" prop="didgrp.adv.pts.nam">
            <c-input disabled v-model="model.didgrp.adv.pts.nam" maxlength="40"  placeholder="请输入通知行名称"></c-input>
        </el-form-item>
       </c-col>
      <c-col :span="24">
	    <c-checkbox v-model="model.byinst">根据申请人指示</c-checkbox>
      </c-col>          
       <c-col :span="24">
	    <c-checkbox v-model="model.sndmsg">Send message to apllicant</c-checkbox>
       </c-col>

       <c-col :span="24">
        <el-form-item label="注销/闭卷" prop="rejhnd">
            <c-select v-model="model.rejhnd" style="width:100%" placeholder="请选择注销/闭卷">
              </c-select>
        </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/Ditcan/Event"

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

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

    }
}
</script>
<style>

</style>