<template>
  <div class="eContainer">
    <el-form
      :model="model"
      :rules="rules"
      ref="modelForm"
      label-width="150px"
      label-position="left"
      size="small"
      :validate-on-rule-change="false"
    >
      <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
        <c-content>
          <m-infsea :model="model" :codes="codes" ref="infsea" />
        </c-content>

        <!--PD000006 -->
        <!-- <el-tab-pane label="Selection" name="infsea">
                <m-infsea :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000013 -->
        <!-- <el-tab-pane label="Transactions" name="trnpan">
                <m-trnpan :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000019 -->
        <!-- <el-tab-pane label="CBS Info" name="cbsinfp">
                <m-cbsinfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000028 -->
        <!-- <el-tab-pane label="CBE Info" name="cbeinfp">
                <m-cbeinfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000111 -->
        <!-- <el-tab-pane label="FEP/FCP Info" name="fepinfp">
                <m-fepinfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000162 -->
        <!-- <el-tab-pane label="SEP Info" name="sepinfp">
                <m-sepinfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000001 -->
        <!-- <el-tab-pane label="Details of Temporary Settlement" name="sepp0">
                <m-sepp0 :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000177 -->
        <!-- <el-tab-pane label="GLE Bookings" name="gleinfp">
                <m-gleinfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000119 -->
        <!-- <el-tab-pane label="SMH Info" name="smhinfp">
                <m-smhinfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000130 -->
        <!-- <el-tab-pane label="SPT/DIA Info" name="peninfp">
                <m-peninfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000147 -->
        <!-- <el-tab-pane label="Engagement" name="liainfp">
                <m-liainfp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000005 -->
        <!-- <el-tab-pane label="Print" name="prtpan">
                <m-prtpan :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000185 -->
        <!-- <el-tab-pane label="Order" name="ordpan">
                <m-ordpan :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000029 -->
        <!-- <el-tab-pane label="Order" name="ordp0">
                <m-ordp0 :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000001 -->
        <!-- <el-tab-pane label="DTA Fields" name="dtetag">
                <m-dtetag :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000065 -->
        <!-- <el-tab-pane label="Settlement Instructions" name="setinsp">
                <m-setinsp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000001 -->
        <!-- <el-tab-pane label="Fee Conditions" name="fecp">
                <m-fecp :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000204 -->
        <!-- <el-tab-pane label="CIPS" name="cips">
                <m-cips :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000449 -->
        <!-- <el-tab-pane label="CIPS2.0" name="cips2">
                <m-cips2 :model="model" :codes="codes"/>
           </el-tab-pane> -->

        <!--PD000450 -->
        <!-- <el-tab-pane label="CIPS2.0" name="cips3">
                <m-cips3 :model="model" :codes="codes"/>
           </el-tab-pane> -->
        <c-grid-ety-prompt-dialog
          ref="etyDialog"
          :promptData="promptData"
          v-on:select-ety="selectEty"
        >
        </c-grid-ety-prompt-dialog>
      </c-tabs>
    </el-form>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infccd from "~/model/Infccd";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Infccd/Check";
import Default from "~/model/Infccd/Default";
import Pattern from "~/model/Infccd/Pattern";
import Infsea from "./Infsea";
// import Trnpan from "./Trnpan"
// import Cbsinfp from "./Cbsinfp"
// import Cbeinfp from "./Cbeinfp"
// import Fepinfp from "./Fepinfp"
// import Sepinfp from "./Sepinfp"
// import Sepp0 from "./Sepp0"
// import Gleinfp from "./Gleinfp"
// import Smhinfp from "./Smhinfp"
// import Peninfp from "./Peninfp"
// import Liainfp from "./Liainfp"
// import Prtpan from "./Prtpan"
// import Ordpan from "./Ordpan"
// import Ordp0 from "./Ordp0"
// import Dtetag from "./Dtetag"
// import Setinsp from "./Setinsp"
// import Fecp from "./Fecp"
// import Cips from "./Cips"
// import Cips2 from "./Cips2"
// import Cips3 from "./Cips3"

export default {
  components: {
    "m-infsea": Infsea,
    //    "m-trnpan" : Trnpan,
    //    "m-cbsinfp" : Cbsinfp,
    //    "m-cbeinfp" : Cbeinfp,
    //    "m-fepinfp" : Fepinfp,
    //    "m-sepinfp" : Sepinfp,
    //    "m-sepp0" : Sepp0,
    //    "m-gleinfp" : Gleinfp,
    //    "m-smhinfp" : Smhinfp,
    //    "m-peninfp" : Peninfp,
    //    "m-liainfp" : Liainfp,
    //    "m-prtpan" : Prtpan,
    //    "m-ordpan" : Ordpan,
    //    "m-ordp0" : Ordp0,
    //    "m-dtetag" : Dtetag,
    //    "m-setinsp" : Setinsp,
    //    "m-fecp" : Fecp,
    //    "m-cips" : Cips,
    //    "m-cips2" : Cips2,
    //    "m-cips3" : Cips3,
  },
  provide() {
    return {
      root: this,
    };
  },
  mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
  data() {
    return {
      tabVal: "",
      trnName: "infccd",
      model: new Infccd().data,
      checkRules: Check,
      defaultRules: Default,
      pattern: Pattern,
      rules: null,
      codes: {
        ...CodeTable,
      },
    };
  },
  methods: {
    myTabClick(tab) {
      this.tabClick(tab);
      /**
       *  do it yourself
       **/
    },
  },
  created: async function () {
    console.log("进入infccd交易");
    let rtnmsg = await this.init({});
    if (rtnmsg.respCode == SUCCESS) {
      this.updateModel(rtnmsg.data);
      //TODO 处理数据逻辑
    } else {
      this.$notify.error({ title: "错误", message: "服务请求失败！" });
    }
  },
};
</script>
<style>
</style>