<template>
	<div class="eContainer">
		<c-page title="国内保函修改">
			<el-form :model="model" :rules="formRules" :validate-on-rule-change="false" label-position="right" label-width="120px" ref="modelForm" size="small">
				<c-tabs @tab-click="curTabClick" ref="elment" type="card" v-model="tabVal">
					<el-tab-pane label="修改信息" name="ovwp">
						<c-content>
							<m-ovwp :codes="codes" :model="model" />
						</c-content>
					</el-tab-pane>

					<el-tab-pane label="简式修改" name="jsxg" v-if="model.nitamep.plateflg == 'X'">
						<c-content>
							<m-jsxg :model="model" :codes="codes" />
						</c-content>
					</el-tab-pane>

					<el-tab-pane label="保函文本" name="nidtxtp">
						<m-nidtxtp :codes="codes" :model="model" @changeTxt="changeTxt" />
					</el-tab-pane>

					<el-tab-pane label="开立信息" name="opnInfo">
						<m-opnInfo :codes="codes" :model="model" />
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.授信/表外')" name="liacombo">
						<c-content>
							<div class="eibs-tab">
								<c-collapse ref="liacombo" style="margin-bottom: 5px;" v-model="activeNames">
									<el-collapse-item :title="$t('commonCollapse.保证金')" name="ccvpan">
										<m-ccvpan :codes="codes" :model="model" />
									</el-collapse-item>

									<el-collapse-item :title="$t('commonCollapse.统一授信')" name="limitbody">
										<m-limitbody :codes="codes" :model="model" />
									</el-collapse-item>

									<el-collapse-item :title="$t('commonCollapse.表外信息')" name="engp">
										<m-engp :codes="codes" :model="model" />
									</el-collapse-item>
								</c-collapse>
							</div>
						</c-content>
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.费用/账务')" name="setpan">
						<c-content>
							<m-setmod :codes="codes" :model="model" />
						</c-content>
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.对外担保')" name="cfagit">
						<c-content>
							<m-cfagit :model="model" :codes="codes" :cfagitConfig="{
									conp: {
										isShow: model.cfagit.basflg == 'X' && model.nidgrp.rec.fingua =='Y',
										disabled: true
									},
									dclpp: {
										isShow: model.cfagit.dclflg == 'X' && model.cfagit.cfatyp == 'M' && model.nidgrp.rec.fingua =='Y',
										disabled: true
									},
								}">
								<el-collapse-item :title="$t('commonCollapse.是否对外担保')" name="isFingua">
									<m-isFingua :codes="codes" :model="model" />
								</el-collapse-item>
								<el-collapse-item :title="$t('commonCollapse.对外担保数据采集')" name="cfap" v-if="model.nidgrp.rec.fingua == 'Y' && this.model.cfagit.recgrp != null && this.model.cfagit.recgrp.bas.exguarancode != null && this.model.cfagit.recgrp.bas.exguarancode != ''">
									<m-cfap :codes="codes" :model="model" />
								</el-collapse-item>
							</m-cfagit>
						</c-content>
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.跨境人民币')" name="rmbbop">
						<c-content>
							<m-rmbbop :codes="codes" :model="model" ref="rmbbop"></m-rmbbop>
						</c-content>
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.统一名单')" name="usrmd">
						<c-content>
							<m-usrmd :codes="codes" :model="model" />
						</c-content>
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.备查表')" name="addbcb">
						<c-content>
							<m-addbcb :codes="codes" :model="model" />
						</c-content>
					</el-tab-pane>

					<el-tab-pane :label="$t('commonModels.报文/面函')" name="docpan">
						<c-content>
							<m-docpan :codes="codes" :model="model" />
						</c-content>
					</el-tab-pane>

				</c-tabs>
			</el-form>
			<c-function-btn :handleCheck="handleCheck" :handleStash="handleStash" :handleSubmit="handleSubmit" @handleSureWarning="handleSureWarning" ref="commonBtn"></c-function-btn>
		</c-page>
	</div>
</template>
<script>
    import CodeTable from "~/config/CodeTable";
    import Nitame from "../model";
    import commonDepend from "~/mixin/commonDepend";
    import operationFunc from "~/mixin/operationFunc";

    import event from "../event";
    import Check from "../model/check";

    import Ovwp from "./Ovwp";
    import Jsxg from "./Jsxg";
    import Addbcb from "./Addbcb";
    import Nidtxtp from "./Nidtxtp";
    import OpnInfo from "./OpnInfo";
    import Cnyp1 from "./Cnyp1";
    import Rmbbop from "~/components/business/rmb/rmbbop/views";
    import Cfagit from "~/components/business/Cfagit/views";
    import IsFingua from "./IsFingua";
    import Cfap from "./Cfap";

    import Engp from "~/components/business/engp/views";
    import Ccvpan from "~/components/business/ccvpan/views";
    import Setmod from "~/components/business/setmod/views";
    import Glentry from "~/components/business/glentry/views";
    import Coninfp from "~/components/business/coninfp/views";
    import Docpan from "~/components/business/docpan/views";
    import Limitbody from "~/components/business/limitbody/views";
    import Usrmd from "~/components/business/Usrmd/views";
    import Default from "../model/default";
    import buildFn from "../event/buildCommons.js";

    export default {
  name: "Nitame",
  components: {
    "m-ovwp": Ovwp,
    "m-jsxg": Jsxg,
    "m-addbcb": Addbcb,
    "m-nidtxtp": Nidtxtp,
    "m-opnInfo": OpnInfo,
    "m-cnyp1": Cnyp1,
    "m-rmbbop": Rmbbop,
    "m-cfagit": Cfagit,
    "m-isFingua": IsFingua,
    "m-cfap": Cfap,
    "m-engp": Engp,
    "m-ccvpan": Ccvpan,
    "m-setmod": Setmod,
    "m-glentry": Glentry,
    "m-coninfp": Coninfp,
    "m-docpan": Docpan,
    "m-limitbody": Limitbody,
    "m-usrmd": Usrmd
  },
  provide() {
    return {
      root: this
    };
  },
  mixins: [Default, operationFunc, commonDepend, event, buildFn],
  data() {
    return {
      tabVal: "ovwp",
      activeNames: ["ccvpan", "limitbody", "engp"],
      trnName: "nitame",
      model: new Nitame().data,
      codes: {
        ...CodeTable
      },
      flag: false,
      atxinrList: [],
      rules: {}
    };
  },
  computed: {
    formRules() {
      return { ...Check.apply(this), ...this.rules };
    }
  },
  methods: {
    curTabClick(tab) {
      if (!this.isInDisplay) {
        if (tab.name === "nidtxtp" || tab.name === "docpan") {
          //开立时未修改，且当前修改交易也未修改
          this.changeTxt();
        }
      }
      this.tabClick(tab);
    }
  },
  mounted() {
    console.log("进入nitame交易");
    let params = {
      transName: this.trnName,
      nidgrp: {
        rec: {
          inr: this.$route.query.inr || ""
        }
      }
    };
    this.init(params);
  }
};
</script>
<style>
</style>