<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" 
						:argadr="{title: '受益人', grp: 'nidgrp', rol: 'ben'}" 
						:disabled="model.nidgrp.rec.hndtyp == 'OT'"
						 :noEditNameAndAddress="!(model.nidgrp.rec.hndtyp == 'OT' && model.nidgrp.rec.beyzd6=='Y')"
						:ptytyp="model.nidgrp.rec.gartyp == 'F'?'H':(model.nidgrp.rec.hndtyp=='OT'?'C':'F')"
						@clear="clearDeleteData(true)"
						@handleChange="getBilvvvDatas"
						></c-ptap>
				</c-col>

				<c-col v-else>
					<!-- :requiredNam="model.nidgrp.rec.hndtyp =='OT'"  -->
					<c-ptap 
						:requiredExtkey="true"
						:model="model" @handleChange="getBilvvvData"
						:isAdrblk="false" 
						:haveAdrLabel="true" 
						:noRef="true" 
						:isAdrVisible="false" 
						:disabledExtkey="judgementWorkFlag == true"
						:disabled="model.nidgrp.rec.hndtyp != 'OT' || judgementWorkFlag == true"
						:argadr="{title: $t('ptap.申请人'), grp: 'nidgrp', rol: 'apl'}" :ptytyp="model.nidgrp.rec.hndtyp=='OT'?'B,F':'C'" @clear="clearDeleteData(true)">
					</c-ptap>
				</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" style="width: 100%" placeholder="请选择保函币种" @change="handleChangeFingua">
								<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 v-model="model.nidgrp.cbs.max.amt" :maxlength="18" style="width:100%;" placeholder="请输入保函金额" @change="calcName" :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="$t('nitopn.保函余额')" prop="nidgrp.cbs.opn1.cur">
							<c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种" @change="handleChangeFingua">
								<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%;" 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="$t('nitopn.开立方式')" prop="nidgrp.rec.hndtyp">
							<c-select v-model="model.nidgrp.rec.hndtyp" placeholder="请选择开立方式" @change="changeHndtyp" :disabled="judgementWorkFlag == true">
								<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="model.nidgrp.rec.hndtyp=='OT' || judgementWorkFlag == true" @change="clearData">分离式保函</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('nitopn.保函类型')" prop="nidgrp.rec.gartyp">
						<c-select v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函类型" :disabled="judgementWorkFlag == true" sort="SRT" dbCode="TYPGAR" @change="changeGartyp"
							:filterKey="['A','B','C','D','1','J','G','F','W','Z','V','2','Y','4','5','6']">
						</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'||(this.codes.shanghaiData && this.codes.shanghaiData == 'X')) ">
					<el-form-item class="checkbox-left">
						<c-checkbox v-model="model.nidgrp.rec.segtyp" true-label="01" false-label="" >上海自贸海关关税</c-checkbox>
					</el-form-item>
				</c-col>
					<!-- 当保函种类选择F时，特殊保函类型显示，否则不显示 -->
				<!-- <c-col :span="24" v-if="model.nidgrp.rec.gartyp == 'F'">
						<el-form-item class="checkbox-left">
								<c-checkbox v-model="model.nidgrp.rec.segtyp" true-label="01" false-label="" @change="clearInudatData" :disabled="judgementWorkFlag == true">上海自贸区海关关税</c-checkbox>
						</el-form-item>
				</c-col> -->

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('nitopn.适用规则')" prop="nidgrp.blk.apprul">
							<c-select v-model="model.nidgrp.blk.apprul" style="width: 100%" placeholder="请选择适用规则" dbCode="apprul" :isShowKey="true" :filterKey="['URDG','NONE','OTHR','UCPR']"
							  @change="changeBlkApprultxtDate">
							</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="$t('nitopn.面函标题')" prop="nitp.lettername">
						<c-input v-model="model.nitp.lettername" maxlength="60" placeholder="请输入面函标题"></c-input>
					</el-form-item>
				</c-col> -->

				<c-col :span="24">
					<c-col :span="16">
						<el-form-item :label="$t('nitopn.文本格式')" prop="nidgrp.rec.gtxinr">
							<c-select v-model="model.nidgrp.rec.gtxinr" style="width: 100%" placeholder="请选择文本格式" @change="changeAtxinr">
								<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.nidgrp.rec.hndtyp && this.model.nidgrp.rec.hndtyp == 'OL' && this.codes.buttonShow =='1'">
						<el-form-item label="" prop="nidgrp.rec.needcuscomopn" label-width="10px">
							<c-checkbox :disabled="judgementWorkFlag == true || !this.codes.permissionToEdit || (this.codes.permissionToEdit && this.codes.permissionToEdit != 'Y')" true-label='X' false-label='' v-model="model.nidgrp.rec.needcuscomopn">需客户确认</c-checkbox>
						</el-form-item>
				  </c-col>
				</c-col>

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

				<c-col :span="24">
					<el-form-item :label="$t('nitopn.文本语言')" prop="nidgrp.rec.giduil">
						<c-select v-model="model.nidgrp.rec.giduil"  placeholder="请选择文本语言" dbCode="PAYUIL" :disabled="judgementWorkFlag == true" @change="changeGiduil">
						</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="judgementWorkFlag == true" 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="$t('nitopn.保函编号')" prop="nidgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.nidgrp.rec.ownref"  placeholder="请输入保函编号" disabled></c-input>
							<template slot="footer">
								<c-button v-if="model.nidgrp.rec.hndtyp != 'OT'" :disabled="model.nidgrp.apl.pts.ptainr=='' || model.nidgrp.rec.hndtyp=='' || model.nidgrp.rec.gartyp=='' || model.nidgrp.rec.ownref!=''"
								  style="margin: 0 0" size="small" type="primary" @click="queryOwnref">获取</c-button>
								<c-button v-if="model.nidgrp.rec.hndtyp == 'OT'" :disabled="model.nidgrp.ben.pts.ptainr=='' || model.nidgrp.rec.gartyp=='' || model.nidgrp.rec.ownref!=''"
								  style="margin: 0 0" size="small" type="primary" @click="queryOwnref">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('nitopn.经办柜员')" prop="nitp.usr.extkey" style="width: 100%">
						<c-fullbox>
							<c-input v-model="model.nitp.usr.extkey"  placeholder="请输入经办柜员" disabled></c-input>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('nitopn.开立日期')" prop="nidgrp.rec.opndat">
						<c-date-picker type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%" placeholder="请选择开立日期" @change="setOtherData"></c-date-picker>
					</el-form-item>
				</c-col>
				<!-- 当特殊保函类型为01上海自贸区海关关税时，保函生效日展示，否则不展示 -->
				<!-- <c-col :span="24" v-if="model.nidgrp.rec.segtyp == '01'">
					<el-form-item :label="$t('nitopn.保函生效日')" prop="nidgrp.rec.inudat" :required="model.nidgrp.rec.segtyp == '01'">
						<c-date-picker type="date" v-model="model.nidgrp.rec.inudat" style="width: 100%" placeholder="请选择保函生效日" @change="compareDataAfterData">
						</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" :required="model.nidgrp.rec.expflg == '' ">
							<c-date-picker :disabled="model.nidgrp.rec.expflg == 'X'" type="date" v-model="model.nidgrp.rec.expdat" placeholder="请选择有效期"
							  @change="compareData"></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 v-model="model.nidgrp.rec.expflg" true-label="X" false-label="" @change="clearExpdatValues">
								效期敞口</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" :required="model.nidgrp.rec.liaflg == '' && model.nidgrp.rec.hndtyp == 'OC'">
							<c-date-picker type="date" v-model="model.nidgrp.rec.liadat" placeholder="请选择反担保有效期" @change="compareData" :disabled="(model.nidgrp.rec.hndtyp != 'OC' && model.nidgrp.rec.hndtyp != 'OT') || model.nidgrp.rec.liaflg == 'X'"></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="model.nidgrp.rec.hndtyp != 'OC' && model.nidgrp.rec.hndtyp != 'OT'" @change="clearLiadatData">反担保效期敞口</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.rec.fingua">
							<c-select :disabled="model.trnInfo && model.trnInfo.sdhflg == 'X'" v-model="model.nidgrp.rec.fingua" style="width: 100%" @change='changeCheckedStatus' placeholder="请选择是否对外担保" dbCode="fingua"></c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item :label="$t('nitopn.对外担保类型')" prop="nidgrp.rec.cfaguatyp" :rules="[{required:model.nidgrp.rec.fingua=='Y',message:'必填项',trigger:'change'}]">
							<c-select :disabled="model.nidgrp.rec.fingua == 'N' || model.nidgrp.rec.fingua == ''" v-model="model.nidgrp.rec.cfaguatyp"
							  style="width: 100%" placeholder="请选择对外担保类型" dbCode="CFAGUT" :isShowKeyAndLabel="true" @change='changeLinkData'>
							</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="!(this.model.nidgrp.rec.hndtyp == 'OT' && this.model.nidgrp.cbs.max.cur == 'CNY')" 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" true-label="X" false-label="">电子保函标志</c-checkbox>
							</el-form-item>
						</div>
						<div style="width: 84px;">
							<el-form-item label-width="0" prop="nidgrp.rec.cxmflg">
								<c-checkbox 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">
					<c-col :span="16">
						<el-form-item label="电子渠道类型" >
							<c-select v-model="model.nidgrp.rec.fromflg" disabled placeholder="" dbCode="frmflg">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="8">
						<div style="display:flex">
							<el-form-item label="" class="checkbox-left" label-width="10px">
								<c-button size="small" type="primary" @click="showText" :disabled="model.nitp.wbxs!='Y'">
									显示文本
								</c-button>
							</el-form-item>
							<el-form-item label="" class="checkbox-left" label-width="10px" prop="nitp.xyflg">
								<c-button size="small" type="primary" @click="agreementSigning" v-model="model.nitp.xyflg" :disabled="model.nitp.yptxy!='Y'||model.nitp.xyflg=='Y'">
									协议签署
								</c-button>
							</el-form-item>
						</div>
					</c-col>
				</c-col>

				<c-col :span="24" v-if="model.nitp.wzhflgVsb == 'Y'">
					<c-col :span="12">
						<el-form-item label="纸质文本是否加盖电子签章" prop="nitp.wzhflg" >
							<c-select :disabled="false" v-model="model.nitp.wzhflg" style="width: 100%" placeholder="请选择">
								<el-option v-for="item in wzh" :key="item.value" :label="item.label" :value="item.value">
                				</el-option>
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>

                        <c-col :span="24"  v-if="model.nidgrp.rec.hndtyp == 'OC'">
                                                                                    <c-col :span="6">
                                                                                        <el-form-item prop="nidgrp.rec.beyzd3" label-width="0">
                                                                                            <c-checkbox v-model="model.nidgrp.rec.beyzd3" true-label="Y" false-label="N" @change="changedata">系统内转递</c-checkbox>
                                                                                        </el-form-item>
                                                                                    </c-col>
                                                                                    <c-col :span="18">
                                                                                        <el-form-item :label="$t('nitopn.转递接收行')" prop="nidgrp.rec.beyzd4" :rules="[{required:model.nidgrp.rec.beyzd3=='Y',message:'必填项',trigger:'change'}]">
                                                                                            <c-select popper-class="tzh" :disabled="!model.nidgrp.rec.beyzd3 || model.nidgrp.rec.beyzd3=='N'" v-model="model.nidgrp.rec.beyzd4"
                                                                                              style="width: 100%" placeholder="请选择转递接收行">
                                                                                              <el-option v-for="item in codes.bchlistVo" :key="item.branch" :label="`${item.branch} - ${item.bchname}`" :value="item.branch">
                                                                                              </el-option>
                                                                                            </c-select>
                                                                                        </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 {
		wzh: [{value:"Y", label:"是"}, {value:"N", label:"否"}],
	};
  },
  computed: {
    judgementLableShow() {
      let judgeFlag = false;
      if (
        this.$store.state.UserContext.currentOrg.departmentNumber == 1000
      ) {
        judgeFlag = true;
      }
      if (
        this.isInDisplay && this.codes.sndflgJudgement =='X' &&
        this.$store.state.UserContext.currentOrg.departmentNumber == 1000
      ) {
        judgeFlag = true;
      }
      return judgeFlag;
		},
		judgementWorkFlag(){
			let judgeFlag = false;
			if (this.codes.sndflgJudgement =='X') {
        judgeFlag = true;
      }
      return judgeFlag;
		}
  },
  methods: {
	},
  mounted() {
    this.queryOrgList();
   // this.getResponsibleUser();
    this.getHndtypData();
		//this.getGidUil();
		this.getSdhflg();
  }
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>