Canp.vue

<template>
  <div class="eibs">
    <el-col :span="12" style="padding-right:20px;">
         <c-col :span="24">
        <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
            <c-input disabled v-model="model.lidgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="10">
        <el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.cur">
            <c-select disabled v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择开证金额">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="9">
        <el-form-item label=""  label-width="10px" prop="lidgrp.cbs.nom1.amt">
            <c-input disabled v-model="model.lidgrp.cbs.nom1.amt"  placeholder="请输入开证金额"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="5">
	    <c-checkbox disabled v-model="model.litp0.aammod.addamtflg">附加金额</c-checkbox>
       </c-col>
       <c-col :span="10">
        <el-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
            <c-input disabled v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入信用证余额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="9">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
            <c-input disabled v-model="model.lidgrp.cbs.opn1.amt"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="5">
        
	    <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>
       
       </c-col>
       <c-col :span="24">
        <el-form-item label="可用银行" prop="lidgrp.avbnam">
            <c-input disabled v-model="model.lidgrp.avbnam" maxlength="40"  placeholder="请输入可用银行"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item label="兑付方式" prop="lidgrp.rec.avbby">
            <c-select 
            :code="codes.avbby"
            disabled v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="12">
        <el-form-item>
	    <c-checkbox disabled v-model="model.lidgrp.rec.redclsflg">红/绿条款</c-checkbox>
        </el-form-item>
       </c-col>
        <c-col :span="24">
        <el-form-item label="开证日期"  prop="lidgrp.rec.opndat">
            <c-date-picker disabled type="date"  v-model="model.lidgrp.rec.opndat" style="width:100%"  placeholder="请选择开立日期"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="24">
        <el-form-item label="提货日期" prop="lidgrp.rec.shpdat">
            <c-date-picker disabled type="date"  v-model="model.lidgrp.rec.shpdat" style="width:100%"  placeholder="请选择日期"></c-date-picker>
        </el-form-item>
       </c-col>
        <c-col :span="12">
        <el-form-item label="有效期限" prop="lidgrp.rec.expdat">
            <c-date-picker disabled type="date"  v-model="model.lidgrp.rec.expdat" style="width:100%"  placeholder="请选择到期日"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="到期地点" prop="lidgrp.rec.expplc">
            <c-input disabled v-model="model.lidgrp.rec.expplc" maxlength="29"  placeholder="请输入到期日"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
            <c-select 
            disabled 
            :code="codes.lcrtyp"
            v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
              </c-select>
        </el-form-item>
       </c-col>
    </el-col>

    <el-col :span="12" style="padding-left:20px;">
        <c-col :span="24">
        <el-form-item label="简略信息" prop="lidgrp.rec.nam">
            <c-input disabled v-model="model.lidgrp.rec.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="申请人参考号" prop="lidgrp.apl.pts.ref">
            <c-input disabled v-model="model.lidgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人                     参考号"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="申请人名称" prop="lidgrp.apl.pts.nam">
            <c-input disabled v-model="model.lidgrp.apl.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="受益人参考号" prop="lidgrp.ben.pts.ref">
            <c-input disabled v-model="model.lidgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="受益人名称" prop="lidgrp.ben.pts.nam">
            <c-input disabled v-model="model.lidgrp.ben.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="通知行参考号" prop="lidgrp.adv.pts.ref">
            <c-input disabled v-model="model.lidgrp.adv.pts.ref" maxlength="16"  placeholder="请输入通知行"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="通知行名称" prop="lidgrp.adv.pts.nam">
            <c-input disabled v-model="model.lidgrp.adv.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>
       
   <c-col :span="24">
        <el-form-item label="叙述内容" prop="litcanf.strinf">
          <c-fullbox>
            <c-input
              type="textarea"
              v-model="model.litcanf.strinf"
              row="3"
              maxlength="50"
              show-word-limit
              placeholder="请输入叙述内容"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onIlccanletButtxmsel"
              ></c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
                  
       <c-col :span="24" class="">

        <el-form-item label=" " prop="byinst" label-width="120px" style=" float:left;">
          <c-checkbox v-model="model.byinst" 
            >关于申请人的指示</c-checkbox>
        </el-form-item>

        <!--c-checkbox style="text-align: left; margin-left: -160px;float:left;" v-model="model.byinst">关于申请人的指示</c-checkbox-->
       </c-col>           
    </el-col>
    
                              
       
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litcan/Event"

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

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

    }
}
</script>
<style>

</style>