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

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('hitpop.保函金额')" prop="nidgrp.cbs.max.cur">
							<c-select v-model="model.nidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择保函币种" disabled @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="10px" prop="nidgrp.cbs.max.amt">
							<c-input-currency v-model="model.nidgrp.cbs.max.amt" 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('hitpop.保函余额')" 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="10px" prop="nidgrp.cbs.opn1.amt">
							<c-input-currency disabled v-model="model.nidgrp.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="18">
						<el-form-item :label="$t('hitpop.开立方式')" prop="nidgrp.rec.hndtyp">
							<c-select v-model="model.nidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择开立方式" @change="changeHndtyp">
								<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="6">
						<el-form-item label-width="10px" class="checkbox-left">
							<c-checkbox v-model="model.nidgrp.rec.fenlishi" true-label="2" false-label="" :disabled="
								model.nidgrp.rec.hndtyp != 'OC' && model.nidgrp.rec.hndtyp != 'OL'" @change="clearData">分离式保函</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitpop.保函类型')" prop="nidgrp.rec.gartyp">
						<c-select disabled v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函类型" dbCode="TYPGAR" @change="changeGartyp">
						</c-select>
					</el-form-item>
				</c-col>

				<!-- 当保函类型选择F时，特殊保函类型显示，否则不显示 -->
				<!-- <c-col :span="24" v-if="model.nidgrp.rec.gartyp == 'F'">
					<el-form-item :label="$t('hitpop.特殊保函类型')" prop="nidgrp.rec.segtyp">
						<c-select disabled v-model="model.nidgrp.rec.segtyp" :filterKey="['02']" style="width: 100%" placeholder="请选择特殊保函类型" dbCode="segtyp">
						</c-select>
					</el-form-item>
				</c-col> -->
				<!-- <c-col :span="24">
					<el-form-item :label="$t('hitpop.面函标题')" prop="nitp.lettername">
						<c-input v-model="model.nitp.lettername" maxlength="60" placeholder="请输入面函标题"></c-input>
					</el-form-item>
				</c-col> -->

				<c-col :span="24">
					<el-form-item :label="$t('hitpop.文本格式')" 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="6">
							<el-form-item v-if="judgementLableShow == true" prop="nidgrp.rec.needcuscomopn"  class="checkbox-left" label-width="10px">
									<c-checkbox true-label='X' false-label='' v-model="model.nidgrp.rec.needcuscomopn">需客户确认</c-checkbox>
							</el-form-item>
					</c-col> -->

				<c-col :span="24">
					<el-form-item :label="$t('hitpop.文本语言')" prop="nidgrp.rec.giduil">
						<c-select disabled v-model="model.nidgrp.rec.giduil" style="width: 100%" placeholder="请选择文本语言" dbCode="PAYUIL" @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 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('hitpop.保函编号')" prop="nidgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.nidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号" disabled></c-input>
							<template slot="footer">
								<c-button :disabled="model.nidgrp.apl.pts.ptainr=='' || model.nidgrp.rec.hndtyp=='' || model.nidgrp.rec.gartyp=='' || model.nidgrp.rec.ownref!=''"
								  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('hitpop.经办柜员')" prop="nitp.usr.extkey" style="width: 100%">
						<c-input v-model="model.nitp.usr.extkey" maxlength="8" placeholder="请输入经办柜员" disabled></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitpop.开立日期')" 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>

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

				<c-col :span="24">
					<c-col :span="18">
						<el-form-item :label="$t('hitpop.有效期')" prop="nidgrp.rec.expdat" :required="model.nidgrp.rec.expflg !='X'">
							<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="6">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-checkbox disabled 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" v-if="model.nidgrp.rec.hndtyp == 'OT'">
					<c-col :span="18">
						<el-form-item :label="$t('hitpop.反担保有效期')" 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="请选择反担保有效期" :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="6" 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 prop="nitp.dzbhflg" class="checkbox-left">
							<c-checkbox disabled v-model="model.nitp.dzbhflg" true-label="X" false-label="">电子保函标志</c-checkbox>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item prop="nidgrp.rec.cxmflg" class="checkbox-left">
							<c-checkbox 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">
					<c-col :span="16">
						<el-form-item :label="$t('hitopn.电子渠道类型')">
							<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>
		</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: [],
      haiGuanDataList: [],
      hndtypList: [],
      giduilList: [],
      curtxtList: []
    };
  },
  computed: {},
  methods: {
    selectionChnage(val) {
      console.log(val);
      let list = val.map(item => {
        return item.extkey;
      });
      let str = list.length ? list.join("@") + "@" : "";
      this.model.nidgrp.rec.ptyhgq = str;
    },
    selectableFn(row) {
      // if (row.extkey === this.model.nidgrp.ben.pts.extkey) {
      //   this.$refs.multipleTable.toggleRowSelection(row, false);
      // }
      console.log(row);
      //如果已经勾选的后面ben输入了这个值，要置为空值，且灰显不能修改
      return row.extkey !== this.model.nidgrp.ben.pts.extkey;
    }
  },
  mounted() {
  }
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>