Ovwp1.vue

<template>
	<div class="eibs">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col v-if="model.nidgrp.rec.hndtyp == 'OT'">
					<c-ptap
							:model="model"
							disabledExtkey
							:isAdrblk="false"
							:haveAdrLabel="true"
							:noRef="true"
							:isAdrVisible="false"
							:argadr="{title: '受益人', grp: 'nidgrp', rol: 'ben'}"
							disabled
							:ptytyp="model.nidgrp.rec.hndtyp=='OT'?'C':'F'"
					></c-ptap>
				</c-col>

				<c-col v-else>
					<c-ptap
							disabledExtkey
							:model="model"
							:isAdrblk="false"
							:haveAdrLabel="true"
							:noRef="true"
							:isAdrVisible="false"
							disabled
							: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">
					<c-col :span="12">
						<el-form-item label="保函金额" prop="nidgrp.cbs.max.cur">
							<c-select  disabled  v-model="model.nidgrp.cbs.max.cur" style="width: 100%" >
								<el-option v-for="item in codes.curtxtList" :key="item.id" :label="item.cod+' '+item.txt" :value="item.cod"></el-option>
							</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%;" :maxlenght="18" :currency="model.nidgrp.cbs.max.cur"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur">
							<c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" >
								<el-option v-for="item in codes.curtxtList" :key="item.id" :label="item.cod+' '+item.txt" :value="item.cod"></el-option>
							</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%;" :currency="model.nidgrp.cbs.opn1.cur"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="开立方式" prop="nidgrp.rec.hndtyp">
							<c-select v-model="model.nidgrp.rec.hndtyp" style="width: 100%"  disabled >
								<el-option v-for="item in codes.hndtypList" :key="item.id" :label="item.txt" :value="item.cod">
								</el-option>
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-checkbox v-model="model.nidgrp.rec.fenlishi" true-label="2" false-label="" disabled >分离式保函</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="保函类型" prop="nidgrp.rec.gartyp">
						<c-select  disabled  v-model="model.nidgrp.rec.gartyp" style="width: 100%"  sort="SRT" dbCode="TYPGAR" 
							:filterKey="['A','B','C','D','1','J','G','W','Z','V','2','Y','4','5','6']">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="适用规则" prop="nidgrp.blk.apprul">
							<c-select  disabled  v-model="model.nidgrp.blk.apprul" style="width: 100%" 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 v-model="model.nidgrp.blk.apprultxt" maxlength="35"  disabled></c-input>
						</el-form-item>
					</c-col>
				</c-col>

<!--				<c-col :span="24">
					<el-form-item label="面函标题" prop="nitp.lettername">
						<c-input  disabled  v-model="model.nitp.lettername" maxlength="60"></c-input>
					</el-form-item>
				</c-col>-->

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="文本格式" prop="nidgrp.rec.gtxinr">
							<c-select  disabled  v-model="model.nidgrp.rec.gtxinr" >
								<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>
<!--					<c-col :span="8">
						<el-form-item label="" prop="nidgrp.rec.needcuscomopn" class="checkbox-left" label-width="10px">
							<c-checkbox disabled true-label='X' false-label='' v-model="model.nidgrp.rec.needcuscomopn">需客户确认</c-checkbox>
						</el-form-item>
					</c-col> -->
				</c-col>
				
				<c-col :span="24">
					<el-form-item label="文本语言" prop="nidgrp.rec.giduil">
						<c-select  disabled  v-model="model.nidgrp.rec.giduil" dbCode="PAYUIL">
						</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="保函编号" prop="nidgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.nidgrp.rec.ownref" maxlength="16" disabled></c-input>
							<template slot="footer">
								<c-button v-if="model.nidgrp.rec.hndtyp != 'OT'" disabled
								  style="margin: 0 0" size="small" type="primary" >获取</c-button>
								<c-button v-if="model.nidgrp.rec.hndtyp == 'OT'" 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="经办柜员" prop="nitp.usr.extkey" style="width: 100%" >
						<c-fullbox>
							<c-input v-model="model.nitp.usr.extkey" maxlength="8" disabled></c-input>
						</c-fullbox>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item label="开立日期" prop="nidgrp.rec.opndat">
						<c-date-picker  disabled  type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="保函效期" prop="nidgrp.rec.expdat" :required="model.nidgrp.rec.expflg == '' ">
							<c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" 
							  ></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="10px">
							<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="反担保有效期" prop="nidgrp.rec.liadat">
							<c-date-picker type="date" v-model="model.nidgrp.rec.liadat"  disabled></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="10PX">
							<c-checkbox v-model="model.nidgrp.rec.liaflg" true-label='X' false-label='' disabled >反担保效期敞口</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="是否对外担保" 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="12">
						<el-form-item label="对外担保类型" prop="nidgrp.rec.cfaguatyp" >
							<c-select disabled  v-model="model.nidgrp.rec.cfaguatyp"
							  style="width: 100%"  dbCode="CFAGUT" :isShowKeyAndLabel="true" >
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>
        
				<c-col :span="24">
					<div style="width: calc(100% - 120px);margin-left: 120px;display: flex;align-item: center;justify-content: space-between;">
						<div style="width: 108px;">
							<el-form-item label-width="0" prop="nidgrp.rec.cmtflg">
								<c-checkbox disabled v-model="model.nidgrp.rec.cmtflg" true-label="X" false-label="">跨境人民币保函</c-checkbox>
							</el-form-item>
						</div>
							<div style="width: 96px;">
							<el-form-item label-width="0" prop="nitp.dzbhflg">
								<c-checkbox disabled v-model="model.nitp.dzbhflg">电子保函标志</c-checkbox>
							</el-form-item>
						</div>
						<!-- <div style="width: 84px;">
							<el-form-item label-width="0" prop="nidgrp.rec.cxmflg">
								<c-checkbox disabled v-model="model.nidgrp.rec.cxmflg" true-label="Y" false-label="N">生成查询码</c-checkbox>
							</el-form-item>
						</div> -->
					</div>
			  </c-col>


				<c-col :span="24">
					<el-form-item label="电子渠道类型" style="width: 100%">
						<c-select v-model="model.nidgrp.rec.fromflg" style="width: 100%" disabled dbCode="frmflg">
						</c-select>
					</el-form-item>
				</c-col>
				
				<c-col :span="24" class="centerLable">
					<el-form-item>
						<c-button size="small" type="primary" disabled>
							协议签署
						</c-button>
					</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 {
		hndtypList: [],
      //markOrgList: [],
      //giduilList: [],
      //curtxtList: []
    };
  },
  computed: {},
  methods: {},
  mounted() {
    // this.queryOrgList();
    this.getResponsibleUser();
    this.getHndtypData();
    // this.getGidUil();
  }
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>