<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24" v-if="model.gidgrp.rec.purposin=='ISCO'">
					<c-ptap :model="model" :isAdrblk="false" :haveAdrLabel="true" :noRef="true" :isAdrVisible="false" :argadr="{ title: $t('gitopn.受益人'), grp: 'gidgrp', rol: 'ben' }"  bchinr='00000047' @clear="handleChangeBen"  @handleChange="handleChangeBen"
							:ptytyp="model.gidgrp.rec.purposin == 'ISCO'? 'C': (model.gidgrp.rec.purpos == 'ISSU'? (model.gidgrp.rec.legfrm == 'STBY' && model.gidgrp.rec.gartyp == 'G' ? 'B':'F,C,B'):'B')" :disabled="true">
					</c-ptap>
				</c-col>
				<c-col :span="24" v-else>
					<c-ptap :model="model" :isAdrblk="false" :haveAdrLabel="true" :noRef="true" :isAdrVisible="false" :argadr="{ title: $t('gitopn.申请人'), grp: 'gidgrp', rol: 'apl' }" :ptytyp="model.gidgrp.rec.hndtyp=='OT'?'B,F':'C'" bchinr='00000047' @handleChange="handleChangeApl" :disabled="true">
					</c-ptap>
        </c-col>
        
				<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
					<div style="width: calc(100% - 120px);">
						<el-form-item :label="$t('gitopn.接收目的')" prop="gidgrp.rec.purposin">
							<c-select :disabled="model.gitp.inc760!='X'" v-model="model.gidgrp.rec.purposin" style="width:100%" dbCode="PURPOI" :filterKey="['ISCO']" placeholder="请选择接收目的" @change="changePurposin">
							</c-select>
						</el-form-item>
					</div>
					<div style="width: 100px;margin-left: 20px;">
						<c-checkbox v-model="model.gitp.inc760" true-label="X" false-label="" @change="changeInc760">
							Incoming Lose
						</c-checkbox>
					</div>
				</c-col>

				<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
					<div :style="{'width': model.needcuscomopn ? `calc(100% - 120px)` : '100%'}">
            <el-form-item :label="$t('gitopn.支出目的')" prop="gidgrp.rec.purpos">
              <c-select v-model="model.gidgrp.rec.purpos" style="width: 100%" placeholder="请选择支出目的" dbCode="purpos" :filterKey="model.gidgrp.rec.purposin == 'ISCO'?['ISSU']:model.gidgrp.rec.purposin == 'ICCO'?['ISCO']:['ISSU','ISCO','ICCO']" @change="changePurpos">
              </c-select>
            </el-form-item>
          </div>
        <!--  <div style="width: 100px;margin-left: 20px;" v-if ="model.needcuscomopn">
            <c-checkbox v-model="model.gidgrp.rec.needcuscomopn" true-label="X"
                        false-label="">
              客户确认
            </c-checkbox>
					</div> -->
				</c-col>

				<c-col :span="24">
					<el-form-item label="Form of Undertaking" prop="gidgrp.rec.legfrm">
						<c-select v-model="model.gidgrp.rec.legfrm" style="width: 100%" placeholder="请选择保函形式" dbCode="legfrm" :filterKey="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'?['DGAR','STBY']:['DGAR','STBY','DEPU']" :disabled="model.zhjb" @change="changeLegfrm">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.保函种类')" prop="gidgrp.rec.gartyp">
						<c-select v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" dbCode="typgar" :filterKey="model.gidgrp.rec.legfrm=='DGAR'?['A','B','C','D','J','Z','G','W','V','3']:['A','B','C','D','J','Z','G','W','Y','V','3']" @change="changeGartyp">
						</c-select>
					</el-form-item>
				</c-col>
				<c-col v-if="model.zmqflg == 'X'" :span="24" >
                  <el-form-item label="Oppbnk Code" prop="gidgrp.rec.oppbnk" style="width: 100%" >
                     <c-input v-model="model.gidgrp.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="Guarantee No." prop="gidgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.gidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号" disabled></c-input>
							<template slot="footer">
								<c-button :disabled="ownrefDisabled" 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('gitopn.当前行员')" prop="gitp.usr.extkey" style="width: 100%">
						<c-input v-model="model.gitp.usr.extkey" placeholder="请输入客户经理" disabled></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24" class="custom-box-wrap">
					<div class="box-1">
						<div style="width: 280px;">
							<el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur">
								<c-select v-model="model.gidgrp.cbs.max.cur" @change="handleChangeFingua" :disabled="model.gidgrp.rec.gartyp=='X' || model.gidgrp.rec.gartyp=='U'" style="width: 100%" placeholder="请选择保函币种" dbCode="curtxt" sort="SRT">
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="gidgrp.cbs.max.amt">
								<c-input-currency v-model="model.gidgrp.cbs.max.amt" :currency="model.gidgrp.cbs.max.cur" @change="calcName" style="width:100%" placeholder="请输入保函金额">
								</c-input-currency>
							</el-form-item>
						</div>
					</div>
					<div class="box-2">
						<c-checkbox v-model="model.gitp.aamp.addamtflg" true-label="X" false-label="" @change="max2FlagChange($event)" class="checkbox-left">
							附加金额
						</c-checkbox>
					</div>
				</c-col>

				<c-col :span="24">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item :label="$t('gitopn.保函余额')" prop="gidgrp.cbs.opn1.cur">
								<c-select disabled v-model="model.gidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种" dbCode="curtxt" sort="SRT">
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="gidgrp.cbs.opn1.amt">
								<c-input-currency disabled v-model="model.gidgrp.cbs.opn1.amt" :currency="model.gidgrp.cbs.opn1.cur" style="width:100%" placeholder="请输入">
								</c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="Add. Amount" prop="gidgrp.cbs.max2.cur">
								<c-select disabled v-model="model.gidgrp.cbs.max2.cur" placeholder="请选择币种" dbCode="curtxt" sort="SRT">
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="gidgrp.cbs.max2.amt">
								<c-input-currency v-model="model.gidgrp.cbs.max2.amt" :currency="model.gidgrp.cbs.max2.cur" style="width:100%" placeholder="请输入附加金额" @change="changeMax2"></c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="Open Add. Amount" prop="gidgrp.cbs.opn2.cur">
								<c-select disabled v-model="model.gidgrp.cbs.opn2.cur" style="width: 100%" placeholder="请选择保函余额币种" dbCode="curtxt" sort="SRT">
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="gidgrp.cbs.opn2.amt">
								<c-input-currency disabled v-model="model.gidgrp.cbs.opn2.amt" :currency="model.gidgrp.cbs.opn2.cur" style="width:100%" placeholder="请输入">
								</c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="Total Amount" prop="gidgrp.cbs.total.cur">
								<c-select disabled v-model="model.gidgrp.cbs.total.cur" style="width: 100%" placeholder="请选择保" dbCode="curtxt" sort="SRT">
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="gidgrp.cbs.total.amt">
								<c-input-currency disabled v-model="model.gidgrp.cbs.total.amt" :currency="model.gidgrp.cbs.total.cur" style="width:100%" placeholder="请输入">
								</c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'">
					<div class="custom-box-wrap">
						<div style="width: 280px;">
							<el-form-item label="Total Open Amount" prop="gidgrp.cbs.total2.cur">
								<c-select disabled v-model="model.gidgrp.cbs.total2.cur" style="width: 100%" placeholder="请选择保" dbCode="curtxt" sort="SRT">
								</c-select>
							</el-form-item>
						</div>
						<div style="width: calc(100% - 280px);">
							<el-form-item label-width="5px" prop="gidgrp.cbs.total2.amt">
								<c-input-currency disabled v-model="model.gidgrp.cbs.total2.amt" :currency="model.gidgrp.cbs.total2.cur" style="width:100%" placeholder="请输入">
								</c-input-currency>
							</el-form-item>
						</div>
					</div>
				</c-col>

				<c-col :span="24">
					<c-col :span="4" :offset="3">
						<div style="display:flex">
								
							<el-form-item label="" class="checkbox-left" label-width="10px" prop="gitp.xyflg">
								<c-button size="small" type="primary" @click="agreementSigning" v-model="model.gitp.xyflg" :disabled="model.gitp.yptxy!='Y'||model.gitp.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 {};
		},
		methods: {},
		created: function() {},
		computed: {
			ownrefDisabled() {
				if(this.model.gidgrp.rec.ownref!=''){
					return true;
				}
				if(this.model.gidgrp.rec.hndtyp==''){
          if(this.model.gidgrp.rec.purpos!=''){
            this.changePurpos();
          }
					return true;
				}
				if(this.model.gidgrp.rec.gartyp==''){
					return true;
				}
				if(this.model.gidgrp.rec.purposin=='ISCO'){
					if(this.model.gidgrp.ben.pts.adrblk==''){
						return true;
					}
				}else{
					if(this.model.gidgrp.apl.pts.adrblk==''){
						return true;
					}
				}
				return false;
			}
		},
  watch: {
    "model.gidgrp.ctr.pts.ptainr": {
      immediate: true,
      handler(val, oldval) {
        if(oldval!=""){
          if (this.model.gidgrp.rec.hndtyp != 'OT') {
            this.model.gidgrp.rec.ownref = "";
          }
        }
      }
    },
    "model.gidgrp.apl.pts.ptainr": {
      immediate: true,
      handler(val, oldval) {
        if(oldval!=""){
          if (this.model.gidgrp.rec.hndtyp != 'OT') {
            this.model.gidgrp.rec.ownref = "";
          }
        }
      }
    },
    "model.gidgrp.ben.pts.ptainr": {
      immediate: true,
      handler(val, oldval) {
        if(oldval!=""){
          if (this.model.gidgrp.rec.hndtyp == 'OT') {
            this.model.gidgrp.rec.ownref = "";
          }
        }
      }
    },
  },
	};
</script>
<style lang="less" scoped>
</style>