Ovwp1.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col>
					<!-- :requiredNam="model.nidgrp.rec.hndtyp =='OT'"  -->
					<c-ptap 
						:requiredExtkey="model.nidgrp.rec.hndtyp !='OT'" 
						:model="model" 
						:isAdrblk="false" 
						:haveAdrLabel="true" 
						:noRef="true" 
						:isAdrVisible="false" 
						:disabled="true"
						:disabledExtkey="true"
						:argadr="{title: $t('ptap.申请人'), grp: 'nidgrp', rol: 'apl'}" :ptytyp="model.nidgrp.rec.hndtyp=='OT'?'B,F':'C'" >
					</c-ptap>
				</c-col>

        

        <!--c-col :span="24">
          <el-form-item :label="$t('nitopn.记账机构')" prop="nidgrp.rec.bchkeyinr">
            <c-select v-model="model.nidgrp.rec.bchkeyinr" style="width: 100%" disabled dbCode="accbch">
            </c-select>
          </el-form-item>
        </c-col-->

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item :label="$t('nitopn.保函金额')" prop="nidgrp.cbs.max.cur">
              <c-select v-model="model.nidgrp.cbs.max.cur" 
                disabled style="width: 100%" dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.cbs.max.amt">
              <c-input-currency disabled v-model="model.nidgrp.cbs.max.amt"  style="width:100%" ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item :label="$t('nitopn.保函余额')" prop="nidgrp.cbs.opn1.cur">
              <c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" 
                dbCode="curtxt">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt">
              <c-input-currency disabled v-model="model.nidgrp.cbs.opn1.amt" style="width:100%">
              </c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        

        <c-col :span="24">
         <c-col :span="12">
          <el-form-item :label="$t('nitopn.开立方式')" prop="nidgrp.rec.hndtyp">
            <c-select disabled v-model="model.nidgrp.rec.hndtyp" style="width: 100%"  dbCode="hndtyp">
            </c-select>
          </el-form-item>
          </c-col>

          <c-col :span="12">
          <el-form-item :label="$t('nitopn.文本语言')" prop="nidgrp.rec.giduil">
            <c-select disabled v-model="model.nidgrp.rec.giduil" style="width: 100%"  dbCode="PAYUIL">
            </c-select>
          </el-form-item>
        </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="18">
						<el-form-item :label="$t('nitopn.保函类型')" prop="nidgrp.rec.gartyp">
							<c-select disabled v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函类型" dbCode="TYPGAR" 
							  :filterKey="['A','B','C','D','1','J','F','G','W','Z','V','2','Y','4','5','6']">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="6">
						<el-form-item class="checkbox-right" label-width="120px">
							<c-checkbox disabled v-model="model.nidgrp.rec.fenlishi" true-label="2" false-label=""  >分离式保函</c-checkbox>
						</el-form-item>
					</c-col>
        </c-col>

        

        <c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('nitopn.适用规则')" prop="nidgrp.blk.apprul">
							<c-select disabled v-model="model.nidgrp.blk.apprul" style="width: 100%" placeholder="请选择适用规则" dbCode="apprul" :isShowKey="true" :filterKey="['URDG','NONE','OTHR','UCPR']"
							  >
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="nidgrp.blk.apprultxt">
							<c-input disabled v-model="model.nidgrp.blk.apprultxt" maxlength="35" placeholder="请输入适用规则"></c-input>
						</el-form-item>
					</c-col>
				</c-col>

        <c-col :span="24">
					<el-form-item :label="$t('nitopn.文本格式')" prop="nidgrp.rec.gtxinr">
						<c-select disabled v-model="model.nidgrp.rec.gtxinr" style="width: 100%" placeholder="请选择文本格式" >
							<el-option v-for="item in codes.atxinrList" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</c-select>
					</el-form-item>


          
				</c-col>

        <!-- 当保函种类选择F时，特殊保函类型显示，否则不显示 -->
				<c-col :span="24" v-if="model.nidgrp.rec.gartyp == 'F'">
					<el-form-item :label="$t('nitopn.特殊保函类型')" prop="nidgrp.rec.segtyp">
						<c-select disabled v-model="model.nidgrp.rec.segtyp" :filterKey="['01']" style="width: 100%" placeholder="请选择特殊保函类型" dbCode="segtyp">
						</c-select>
					</el-form-item>
				</c-col>

				
      </c-col>
      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item :label="$t('nitopn.保函编号')" prop="nidgrp.rec.ownref">
            <c-fullbox>
              <c-input v-model="model.nidgrp.rec.ownref" maxlength="16" disabled></c-input>
              <template slot="footer">
                <!-- <el-form-item label="" label-width="5px"> -->
                <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
                  <i class="el-icon-info" style="font-size:15px"></i>
                </c-button>
                <c-button
                  disabled
                  style="margin: 0 0" size="small" type="primary">
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        
        

        <c-col :span="24">
					<el-form-item :label="$t('nitopn.开立日期')" prop="nidgrp.rec.opndat">
						<c-date-picker disabled type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%" placeholder="请选择开立日期" ></c-date-picker>
					</el-form-item>
				</c-col>

        <c-col :span="24">
					<c-col :span="16">
						<el-form-item :label="$t('nitopn.有效期')" prop="nidgrp.rec.expdat">
							<c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" placeholder="请选择有效期"
							  ></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="8" class="centerLable">
						<el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="30px">
							<c-checkbox disabled  v-model="model.nidgrp.rec.expflg" true-label="X" false-label="" >
								效期敞口</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

        <c-col :span="24">
					<c-col :span="16">
						<el-form-item :label="$t('nitopn.反担保有效期')" prop="nidgrp.rec.liadat">
							<c-date-picker disabled type="date" v-model="model.nidgrp.rec.liadat" placeholder="请选择反担保有效期" ></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="8" class="centerLable">
						<el-form-item label="" prop="nidgrp.rec.liaflg" class="checkbox-left" label-width="30PX">
							<c-checkbox disabled v-model="model.nidgrp.rec.liaflg" true-label='X' false-label=''  >反担保效期敞口</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>
        <c-col :span="24">
          <c-col :span="9">
						<el-form-item :label="$t('nitopn.是否对外担保')" prop="nidgrp.rec.fingua">
							<c-select disabled v-model="model.nidgrp.rec.fingua" style="width: 100%"   dbCode="fingua"></c-select>
						</el-form-item>
					</c-col>
					<c-col :span="15">
						<el-form-item :label="$t('nitopn.对外担保类型')" prop="nidgrp.rec.cfaguatyp" >
							<c-select disabled v-model="model.nidgrp.rec.cfaguatyp"
							  style="width: 100%" placeholder="请选择对外担保类型" dbCode="CFAGUT" :isShowKeyAndLabel="true">
							</c-select>
						</el-form-item>
					</c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="" prop="nidgrp.rec.cmtflg" class="checkbox-left">
						<c-checkbox disabled v-model="model.nidgrp.rec.cmtflg" true-label="X" false-label="">跨境人民币保函</c-checkbox>
					</el-form-item>
          </c-col>

          <!-- <c-col :span="12">
						<el-form-item label="" prop="nidgrp.rec.cxmflg" class="checkbox-left">
							<c-checkbox disabled v-model="model.nidgrp.rec.cxmflg" true-label="Y" false-label="N">生成查询码</c-checkbox>
						</el-form-item>
					</c-col> -->
        </c-col>

        
				<c-col :span="24">
					<el-form-item label="电子渠道类型" style="width: 100%">
						<c-select disabled v-model="model.nidgrp.rec.fromflg" style="width: 100%"  placeholder="" dbCode="frmflg">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					
				</c-col>

        <c-col :span="24" v-if="model.nidgrp.rec.segtyp == '01'">
					<el-form-item :label="$t('nitopn.保函生效日')" prop="nidgrp.rec.inudat">
						<c-date-picker type="date" v-model="model.nidgrp.rec.inudat" style="width: 100%" placeholder="请选择保函生效日"  disabled>
						</c-date-picker>
					</el-form-item>
				</c-col>

        <c-col :span="24">
          <el-form-item :label="$t('nitopn.合同号')" prop="nidgrp.rec.orcref">
            <c-input disabled v-model="model.nidgrp.rec.orcref" maxlength="100"></c-input>
          </el-form-item>
        </c-col>

        
        

       

      </c-col>
    </c-col>
  </div>
</template>
<script>
  import event from "../event";
  import Default from "../model/default";

  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, Default],
    data() {
      return {
        markOrgList: [],
        atxinrList: [
          //{ value: '<NILTXT>', label: '空白文本' }
        ]
      };
    },
    mounted() {
      
    },
    methods: {
      
    },
    created: function () { }
  };
</script>
<style scoped>
  .el-textarea .el-textarea__inner {
    height: 100px;
  }
</style>