<template>
  <div class="eContainer">
    <c-page title="外债远期信用证（含即期单证相符）新增接口">
      <el-form
				:rules="rules"
        :model="model"
        ref="modelForm"
        label-width="180px"
        label-position="right"
        size="small"
      >
        <c-tabs v-model="tabVal" ref="elment" type="card">
          <!--接口数据 -->
          <el-tab-pane label="接口数据" name="sel">
            <c-content>
              <m-sel :transName="trnName" :model="model" :codes="codes"/>
            </c-content>
          </el-tab-pane>

          <!--签约信息 -->
          <el-tab-pane label="签约信息" name="conp">
            <c-content>
              <m-conp :model="model" :transName="trnName"  :codes="codes" />
            </c-content>
          </el-tab-pane>

         
          <!--变动信息 历史信息 -->
          <el-tab-pane v-for="(item,index) in model.recgrp.dcl" :key="index" :label="`变动信息${index+1}`" @click="handleTabClick(index)" :name="`dclpp${index+1}`">
            <c-content>
              <m-dclpp :model="model" :transName="trnName" :curActive="index" :codes="codes" />
            </c-content>
          </el-tab-pane>

          <!--变动信息 新增信息 -->
          <el-tab-pane v-for="(item,index) in model.dclp" :key="`new${index}`" :label="`变动信息NEW${index+1}`" @click="handleTabClick(index)" :name="`dclppnew${index+1}`">
            <c-content>
              <m-dclppnew :model="model" :transName="trnName" :curActive="index" :codes="codes" />
            </c-content>
          </el-tab-pane>
 


        </c-tabs>
      </el-form>
			 <!-- 底部按钮 -->
      <m-btn
        :handleCheck="handleCheck"
        :handleSubmit="handleSubmit"
       :model="model" 
       />
    </c-page>
  </div>
</template>

<script>
import CodeTable from "~/config/CodeTable";
import event from "~/page/Business/Cfa/Eafadd/event";
import Eafall from "../model"
import Check from "../model/check"

import Conp from "./Conp"
import Sel from "./Sel"
import Dclpp from "./Dclpp"
import Dclppnew from "./Dclppnew"

import commonProcess from "~/mixin/commonProcess";
import operationFunc from "~/mixin/operationFunc";
import Btn from "~/page/Business/Bopnew/components/FunctionBtn/AddBtn";


export default {
  name: "Eafall",
  mixins: [commonProcess, operationFunc],// 里面包含了Default、Check等的公共处理
  components: {
    "m-conp" : Conp,
    "m-sel" : Sel,
    "m-dclpp" : Dclpp,
    "m-dclppnew" : Dclppnew,
    "m-btn": Btn
	},
  provide() {
    return {
			root: this,
			activeNames: ["sel"]
    };
	},
	computed: {
    rawRules() {
      return Check.apply(this);
    },
  },
  data() {
    return {
      tabVal: "sel",
			 model: new Eafall().data,
			 codes:{
				 ...CodeTable
       },
       dclnum: [0,1,2],
       trnName: "eafall",
       rules: {},
    };
  },
  methods:{
    handleTabClick(index){
      console.log("TableClick=====",index);
    }
  },
  created() {
    console.log("进入eafall交易");
    this.rules = this.rawRules;
    let params = {
      transName: this.trnName,
      eblmod: {
        wrkebl: {
          inr  : this.$route.query.eblinr,
        },
      },
    };
    this.init(params);
  },
}
</script>

<style></style>