<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="model.dis" v-model="model.cfagit.recgrp.bas.actiontype" :filterKey="['A','C']" 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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="Disabled || model.cfagit.recgrp.bas.cgyn != '1'" 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="Disabled || model.cfagit.recgrp.bas.cgyn != '1'" 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="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="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="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="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 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="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="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="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="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="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="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="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="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="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="Disabled || model.cfagit.recgrp.bas.cgyn != '1'" 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="Disabled || model.cfagit.recgrp.bas.cgyn != '1'" @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="Disabled" v-model="model.cfagit.recgrp.bas.thyn" @input="thynC" style="width: 100%" placeholder="请选择是否调回境内" dbCode="is10" @change="thynChange" 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="Disabled || model.cfagit.recgrp.bas.thyn != '1'" 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="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="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="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="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="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="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="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="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="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="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"]);
      });
    },
    thynChange(val){
			if(val == '0'){
        this.model.cfagit.recgrp.bas.thje = 0;
      }
		},
  },
  created: function() {
  this.model.dis = true;
  }
};
</script>
<style scoped lang="less">
.intrat /deep/ .el-input__inner {
  text-align: left;
}
</style>