<template>
	<div class="eibs-tab">
		<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" 
						:isAdrblk="false"
						:haveAdrLabel="true" 
						:requiredExtkey="true"
						:noRef="true" 
					  :isAdrVisible="false" 
            :disabledExtkey="true"
            :disabled="true"
						:argadr="{title: '受益人', grp: 'oldnidgrp', rol: 'ben'}" 						
						:ptytyp="model.nidgrp.rec.hndtyp=='OT'?'C':'F'"
						></c-ptap>
				</c-col>

				<c-col v-else>
					<c-ptap
					:model="model"
					:isAdrblk="false" 
					:haveAdrLabel="true" 
          :requiredExtkey="true"
					:noRef="true" 
					:isAdrVisible="false" 
					:disabledExtkey="true"
					:disabled="true"
					:argadr="{title: $t('ptap.申请人'), grp: 'oldnidgrp', 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="保函金额">
							<c-select disabled v-model="model.oldnidgrp.cbs.max.cur"  dbCode="curtxt">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px">
							<c-input-currency disabled v-model="model.oldnidgrp.cbs.max.amt" placeholder="请输入保函金额" :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="保函余额">
							<c-select disabled v-model="model.oldnidgrp.cbs.opn1.cur" dbCode="curtxt">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px">
							<c-input-currency disabled v-model="model.oldnidgrp.cbs.opn1.amt" placeholder="请输入" :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="开立方式">
							<c-select disabled v-model="model.oldnidgrp.rec.hndtyp"  placeholder="请选择保函开立方式" dbCode="hndtyp">
							</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.oldnidgrp.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="保函类型">
						<c-select disabled v-model="model.oldnidgrp.rec.gartyp" placeholder="请选择保函类型" dbCode="TYPGAR">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24" v-if="model.nidgrp.rec.gartyp == 'F' && ($store.state.UserContext.currentOrg.departmentNumber =='2060' || $store.state.UserContext.currentOrg.departmentNumber =='3651'|| $store.state.UserContext.currentOrg.departmentNumber =='3693') ">
					<el-form-item class="checkbox-left">
						<c-checkbox v-model="model.nidgrp.rec.segtyp" true-label="01" false-label="" disabled>上海自贸海关关税</c-checkbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="适用规则" prop="nidgrp.blk.apprul"> 
							<c-select v-model="model.nidgrp.blk.apprul" placeholder="请选择适用规则"  :isShowKey="true" dbCode="apprul" :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" placeholder="请输入适用规则" :disabled="model.nidgrp.blk.apprul!='OTHR'"></c-input>
						</el-form-item>
					</c-col>
				</c-col>

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

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="文本格式">
							<c-select disabled v-model="model.oldnidgrp.rec.gtxinr" 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>
					<c-col :span="8" v-if="this.model.oldnidgrp.rec.hndtyp && this.model.oldnidgrp.rec.hndtyp == 'OL' && this.codes.buttonShow =='1'">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-checkbox true-label='X' false-label='' v-model="model.oldnidgrp.rec.needcuscomopn" disabled>需客户确认</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24" v-if="this.model.oldnidgrp.rec.othersno && (this.model.oldnidgrp.rec.othersno == 'F0000002' || this.model.oldnidgrp.rec.othersno == 'F0000001')">
					<el-form-item label="发送渠道" prop="oldnidgrp.rec.othersno">
						<c-select v-model="model.oldnidgrp.rec.othersno" disabled placeholder="请选择发送渠道" dbCode="FSQDLX">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="文本语言">
						<c-select disabled v-model="model.oldnidgrp.rec.giduil" placeholder="请选择文本语言" dbCode="PAYUIL">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col v-if="model.zmqflg == 'X'" :span="24" >
                                                   <el-form-item label="对手行代码" prop="nidgrp.rec.oppbnk" style="width: 100%" >
                                                     <c-input disabled v-model="model.nidgrp.rec.oppbnk" placeholder="请输入对手行代码" ></c-input>
                                                   </el-form-item>
                                </c-col>
			</c-col>

			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<el-form-item label="保函编号">
						<c-fullbox>
							<c-input v-model="model.oldnidgrp.rec.ownref" placeholder="请输入保函编号" disabled></c-input>
							<template slot="footer">
								<c-button disabled size="small" type="primary">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="经办柜员">
						<c-input v-model="model.oldnidgrp.rec.ownusr" maxlength="8" placeholder="请输入经办柜员" disabled></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="开立日期">
						<c-date-picker disabled type="date" v-model="model.oldnidgrp.rec.opndat" placeholder="请选择开立日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="有效期">
							<c-date-picker disabled type="date" v-model="model.oldnidgrp.rec.expdat" placeholder="请选择保函效期"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-checkbox disabled true-label="X" false-label="" v-model="model.oldnidgrp.rec.expflg">效期敞口
							</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="反担保有效期">
							<c-date-picker disabled type="date" v-model="model.oldnidgrp.rec.liadat" placeholder="请选择反担保有效期"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-checkbox true-label="X" false-label="" v-model="model.oldnidgrp.rec.liaflg" disabled>反担保效期敞口</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="是否对外担保">
							<c-select disabled v-model="model.oldnidgrp.rec.fingua" placeholder="请选择是否对外担保" dbCode="fingua"></c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item :label="$t('nitame.对外担保类型')">
							<c-select disabled v-model="model.oldnidgrp.rec.cfaguatyp" placeholder="请选择对外担保类型" dbCode="CFAGUT"></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" class="checkbox-left">
								<c-checkbox disabled v-model="model.oldnidgrp.rec.cmtflg" true-label="X" false-label="">跨境人民币保函</c-checkbox>
							</el-form-item>
						</div>
						<div style="width: 96px;">
							<el-form-item label-width="0" class="checkbox-left">
								<c-checkbox disabled v-model="model.nitp.dzbhflg" true-label="X" false-label="">电子保函标志</c-checkbox>
							</el-form-item>
						</div>
						<div style="width: 84px;">
							<el-form-item label-width="0">
								<c-checkbox disabled v-model="model.oldnidgrp.rec.cxmflg" true-label="Y" false-label="N">是否生成查询码</c-checkbox>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item label="电子渠道类型">
							<c-select v-model="model.oldnidgrp.rec.fromflg" style="width: 100%" disabled placeholder="" dbCode="frmflg">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-button size="small" type="primary" disabled>
								协议签署
							</c-button>
						</el-form-item>
					</c-col>
				</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 {
    };
  },
  computed: {
    
  },
  methods: {},
  mounted() {
  }
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>