<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px;">
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.对外担保编号')" prop="cfagit.recgrp.bas.exguarancode">
						<c-input disabled v-model="model.cfagit.recgrp.bas.exguarancode" maxlength="28" placeholder="请输入对外担保编号">
						</c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.操作类型')" prop="cfagit.recgrp.bas.actiontype">
						<c-select disabled v-model="model.cfagit.recgrp.bas.actiontype"  style="width: 100%" placeholder="请选择操作类型" dbCode="action" clearable>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.担保人代码')" prop="cfagit.recgrp.bas.guarantorcode">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guarantorcode" maxlength="12" placeholder="请输入担保人代码">
						</c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('gitopn.保函金额')" prop="cfagit.recgrp.bas.guarancurr">
							<c-select  disabled v-model="model.cfagit.recgrp.bas.guarancurr" style="width: 100%" placeholder="请选择保函金额" dbCode="curtxt" clearable>
							</c-select>
						</el-form-item>
					</c-col>

					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.guaranamount" label-width="0px">
							<c-input-currency disabled v-model="model.cfagit.recgrp.bas.guaranamount" placeholder="请输入保函金额"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.担保类型')" prop="cfagit.recgrp.bas.guarantype">
						<c-select disabled v-model="model.cfagit.recgrp.bas.guarantype" @input="guarantypeC" clearable style="width: 100%" placeholder="请选择担保类型" dbCode="cfagut" isShowKeyAndLabel>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('gitopn.主债务金额')" prop="cfagit.recgrp.bas.maindebtcurr">
							<c-select disabled v-model="model.cfagit.recgrp.bas.maindebtcurr" style="width: 100%"  placeholder="请选择主债务金额" dbCode="curtxt" clearable>
							</c-select>
						</el-form-item>
					</c-col>

					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.maindebtamount" label-width="0px">
							<c-input-currency disabled v-model="model.cfagit.recgrp.bas.maindebtamount" placeholder="请输入主债务金额"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.受益人类型')" prop="cfagit.recgrp.bas.bentype">
						<c-select disabled v-model="model.cfagit.recgrp.bas.bentype" clearable style="width: 100%" placeholder="请选择受益人类型" dbCode="SBWTYP"  isShowKeyAndLabel>
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.受益人代码')" prop="cfagit.recgrp.bas.bencode" :required="model.cfagit.recgrp.bas.bentype==='20001403'">
						<c-input disabled v-model="model.cfagit.recgrp.bas.bencode" maxlength="32" placeholder="请输入受益人代码" :isShow="{ show: show, warning: warning }"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.受益人中文名称')" prop="cfagit.recgrp.bas.bename">
						<c-input disabled v-model="model.cfagit.recgrp.bas.bename" maxlength="128" placeholder="请输入受益人中文名称"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.受益人英文名称')" prop="cfagit.recgrp.bas.benamen">
						<c-input disabled v-model="model.cfagit.recgrp.bas.benamen" @input="benamenC" maxlength="128" placeholder="请输入受益人英文名称"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人类型')" prop="cfagit.recgrp.bas.guedtype">
						<c-select disabled v-model="model.cfagit.recgrp.bas.guedtype" :isShowKeyAndLabel=true style="width: 100%" placeholder="请选择被担保人类型" dbCode="SBJTYP" clearable>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人所属行业')" prop="cfagit.recgrp.bas.guedindustrycode">
						<c-select disabled v-model="model.cfagit.recgrp.bas.guedindustrycode" style="width: 100%" placeholder="请选择被担保人所属行业" dbCode="HYSXDM" clearable>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<c-fullbox>
						<el-form-item :label="$t('gitopn.被担保人国别/地区代码')" prop="cfagit.recgrp.bas.guedcouncode">
							<c-business-cty disabled v-model="model.cfagit.recgrp.bas.guedcouncode">
							</c-business-cty>
						</el-form-item>
					</c-fullbox>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.主债务签约日期')" prop="cfagit.recgrp.bas.maindebtcondate">
						<c-date-picker disabled type="date" v-model="model.cfagit.recgrp.bas.maindebtcondate" style="width: 100%" placeholder="请选择主债务签约日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.借款利率(%)')" prop="cfagit.recgrp.bas.intrat" class="intrat">
						<c-input disabled v-model="model.cfagit.recgrp.bas.intrat" @blur="onBlur" @focus="focus"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人境内母公司中文名称')" prop="cfagit.recgrp.bas.guedparecompname">
						<c-input disabled type="textarea" v-model="model.cfagit.recgrp.bas.guedparecompname" maxlength="116" show-word-limit placeholder="请输入被担保人境内母公司中文名称"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人境内母公司英文名称')" prop="cfagit.recgrp.bas.guedparecompnamen">
						<c-input disabled type="textarea" v-model="model.cfagit.recgrp.bas.guedparecompnamen" @input="guedparecompnamenC" maxlength="116" show-word-limit placeholder="请输入被担保人境内母公司英文名称"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人境内母公司代码')" prop="cfagit.recgrp.bas.guedparecompcode">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guedparecompcode" maxlength="18" placeholder="请输入被担保人境内母公司代码"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.是否有反担保人')" prop="cfagit.recgrp.bas.cgyn">
						<c-select disabled v-model="model.cfagit.recgrp.bas.cgyn" style="width: 100%" @input="cgynC" placeholder="请选择是否有反担保人" dbCode="is10"  clearable>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.反担保人国别/地区代码')" prop="cfagit.recgrp.bas.cgcouncode">
						<c-business-cty disabled v-model="model.cfagit.recgrp.bas.cgcouncode"></c-business-cty>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.反担保人代码')" prop="cfagit.recgrp.bas.cgcode">
						<c-input disabled v-model="model.cfagit.recgrp.bas.cgcode" maxlength="32" 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('gitopn.担保申请人代码')" prop="cfagit.recgrp.bas.guappcode">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guappcode" maxlength="32" placeholder="请输入担保申请人代码" :isShow="{ show: true, warning: '(应填写组织机构代码或8或11位的SWIFT CODE)'}"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.担保申请人中文名称')" prop="cfagit.recgrp.bas.guappname">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guappname" maxlength="128" placeholder="请输入担保申请人中文名称"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.担保申请人英文名称')" prop="cfagit.recgrp.bas.guappnamen">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guappnamen" @input="guappnamenC" maxlength="128" placeholder="请输入担保申请人英文名称"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item  :label="$t('gitopn.备注')" prop="cfagit.recgrp.bas.remark">
						<c-input disabled type="textarea" v-model="model.cfagit.recgrp.bas.remark" maxlength="248" show-word-limit placeholder="请输入备注"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.删除原因')" prop="cfagit.recgrp.bas.actiondesc">
						<c-input :disabled="Disabled" type="textarea" v-model="model.cfagit.recgrp.bas.actiondesc" maxlength="128" show-word-limit placeholder="请输入删除原因"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-fullbox>
						<el-form-item :label="$t('gitopn.受益人国别/地区')" prop="cfagit.recgrp.bas.bencountrycode">
							<c-business-cty disabled v-model="model.cfagit.recgrp.bas.bencountrycode"></c-business-cty>
						</el-form-item>
					</c-fullbox>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.签约日期')" prop="cfagit.recgrp.bas.contractdate">
						<c-date-picker disabled type="date" v-model="model.cfagit.recgrp.bas.contractdate"  style="width: 100%" placeholder="请选择签约日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.到期日')" prop="cfagit.recgrp.bas.maturity">
						<c-date-picker disabled type="date" v-model="model.cfagit.recgrp.bas.maturity" style="width: 100%" placeholder="请选择到期日"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.发行/上市方式')" prop="cfagit.recgrp.bas.maindebtmanner">
						<c-fullbox>
							<c-select 
								disabled 
								v-model="model.cfagit.recgrp.bas.maindebtmanner" 
								style="width: 100%" 
								placeholder="请选择发行/上市方式" 
								dbCode="JWTYPE"
								clearable
							>
							</c-select>
							<template slot="footer" class="centerLable">
								<c-checkbox disabled true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.acp" style="margin-left:10px;">确认</c-checkbox>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人代码')" prop="cfagit.recgrp.bas.guedcode">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guedcode" maxlength="32" placeholder="请输入被担保人代码" :isShow="{ show: show, warning: warning }"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人中文名称')" prop="cfagit.recgrp.bas.guedname">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guedname" maxlength="128" placeholder="请输入被担保人中文名称"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.被担保人英文名称')" prop="cfagit.recgrp.bas.guednamen">
						<c-input disabled v-model="model.cfagit.recgrp.bas.guednamen" @input="guednamenC" maxlength="128" placeholder="请输入被担保人英文名称"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.主债务到期日')" prop="cfagit.recgrp.bas.maindebtmaturity">
						<c-date-picker disabled type="date" v-model="model.cfagit.recgrp.bas.maindebtmaturity" style="width: 100%" placeholder="请选择主债务到期日"></c-date-picker>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.主债务期限（日）栏位')" prop="cfagit.recgrp.bas.maindebtmaturity">
						<c-input disabled v-model.number="model.cfagit.recgrp.bas.maindebtdate" style="width: 100%" placeholder="请选择主债务期限（日）栏位"></c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.反担保人中文名称')" prop="cfagit.recgrp.bas.cgname">
						<c-input disabled type="textarea" v-model="model.cfagit.recgrp.bas.cgname" maxlength="124" show-word-limit placeholder="请输入反担保人中文名称">
						</c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.反担保人英文名称')" prop="cfagit.recgrp.bas.cgnamen">
						<c-input disabled @input="cgnamenC" type="textarea" v-model="model.cfagit.recgrp.bas.cgnamen" maxlength="124" show-word-limit placeholder="请输入反担保人英文名称">
						</c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.是否调回境内')" prop="cfagit.recgrp.bas.thyn">
						<c-select disabled v-model="model.cfagit.recgrp.bas.thyn" @input="thynC" style="width: 100%" placeholder="请选择是否调回境内" dbCode="is10"  clearable>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.资金调回金额')" prop="cfagit.recgrp.bas.thje">
						<c-input-currency disabled v-model="model.cfagit.recgrp.bas.thje" placeholder="请输入资金调回金额" :isShow="{ show: show, warning: warning1 }"></c-input-currency>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.是否与境外投资相关')" prop="cfagit.recgrp.bas.jwyn">
						<c-select disabled v-model="model.cfagit.recgrp.bas.jwyn" style="width: 100%" placeholder="请选择是否与境外投资相关" dbCode="is10" clearable>
						</c-select>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<el-form-item :label="$t('gitopn.发行/上市国家与地区')" prop="cfagit.recgrp.bas.issuecountrycode">
						<c-business-cty disabled v-model="model.cfagit.recgrp.bas.issuecountrycode">
						</c-business-cty>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px;">
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="主债务合同资金用途" prop="cfagit.recgrp.bas.founds1" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds1" disabled>境外直接投资</c-checkbox>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds2" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds2" disabled>偿还境外债务</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds5" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds5" disabled>以直接投资形式回流</c-checkbox>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds6" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds6" disabled>以外债形式回流</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>
			</c-col>
			<c-col :span="12" style="padding-left: 20px;">
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds3" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds3" disabled>补充营运或流动性资金</c-checkbox>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds4" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds4" disabled>其他境外使用</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds7" class="checkbox-left">
							<c-checkbox  true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds7" disabled>以贸易形式回流</c-checkbox>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="" prop="cfagit.recgrp.bas.founds8" class="checkbox-left">
							<c-checkbox true-label="X" false-label="" v-model="model.cfagit.recgrp.bas.founds8" disabled>以其他形式回流</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "~/page/Business/Cfainf/event";

export default {
  inject: ["root"],
	props: ["model","codes"],
  mixins: [event],
  data() {
    return {
			show: false,
			warning: '',
			warning1: '',
			isOnBlur: true
		};
	},
	computed: {
   Disabled(){
		 if(this.model.cfagit.recgrp.bas.acp == 'X'){
			 return false
		 }
		 return true
	 }
	},
	methods: {
		onBlur() {
			// 此处为了解决当什么都没填时，默认给0.0000000
			// this.isOnBlur = true;
      if(typeof(this.model.cfagit.recgrp.bas.intrat) === 'undefind' || this.model.cfagit.recgrp.bas.intrat.trim() === "") {
        this.model.cfagit.recgrp.bas.intrat = "0.0000000";
			}
		},
		focus() {
			this.isOnBlur = false;
		},
		guarantypeC(){
				this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.maindebtcurr']);
				})
		},
		benamenC(){
			this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.bename']);
				})
		},
		guednamenC(){
			this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.guedname']);
				})
		},
		guappnamenC(){
			this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.guappnamen']);
				})
		},
		guedparecompnamenC(){
				this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.guedparecompname']);
				})
		},
		cgynC(){
			this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.cgcouncode']);
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.cgname']);
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.cgcode']);
				})
		},
		cgnamenC(){
			this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.cgname']);
				})
		},
		thynC(){
			this.$nextTick(() => {
					this.root.$refs['modelForm'].validateField(['cfagit.recgrp.bas.thje']);
				})
		},
	},
  created: function() {}
};
</script>
<style scoped lang="less">
.intrat /deep/ .el-input__inner {
	text-align: left;
}
</style>