<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames">
      <el-collapse-item title="承兑信息" name="payp">
        <m-payp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="不符点" name="docpre" v-if="model.brdgrp.rec.dscinsflg">
        <m-docpre :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp == '750'">
        <m-mt750p :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp == '754'">
        <m-mt754p :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="装运详情" name="shpdet" v-if="model.brdgrp.rec.dscinsflg">
        <m-shpdet :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="通知详情" name="othadvtypp" v-if="model.brdgrp.rec.advtyp == 'oth'">
        <m-othadvtypp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="外债远期信用证数据采集" name="cfap">
        <m-cfap :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="外债远期信用证(含即期单证相符)-签约信息" name="conp" v-if="model.cfabrt.cfaflg == 1">
        <m-conp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="外债远期信用证(含即期单证相符)-变动信息" name="dclpp" v-if="model.cfabrt.cfaflg == 1">
        <m-dclpp :model="model" :codes="codes" />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtudp/Event";
import Payp from "./Payp";
import Docpre from "./Docpre";
import Mt750p from "./Mt750p";
import Shpdet from "./Shpdet";
import Mt754p from "./Mt754p";
import Othadvtypp from "./Othadvtypp";
import Cfap from "./Cfap";
import Conp from "./Conp";
import Dclpp from "./Dclpp";
// import Shisuan from "./Shisuan";


export default {
  components: {
    "m-payp": Payp,
    "m-docpre": Docpre,
    "m-mt750p": Mt750p,
    "m-shpdet": Shpdet,
    "m-mt754p": Mt754p,
    "m-othadvtypp": Othadvtypp,
    "m-cfap": Cfap,
    "m-conp": Conp,
    "m-dclpp": Dclpp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
        activeNames: ['payp']
    };
  },
  methods: {
    ...Event,
    myTabClick(tab) {
      this.tabClick(tab);
      let name = tab.name;
      let rulePath;
      if (name === "conp") {
        rulePath = "cfabrt.recp.conp";
      }
      if (name === "dclpp") {
        rulePath = "cfabrt.recp.dclp(1).dclpp";
      }
      if (!!rulePath) {
        this.executeRule(rulePath).then((res) => {
          if (res.respCode == SUCCESS) {
            this.updateModel(res.data);
          }
        });
      }
    },
  },
  created: function () {},
};
</script>

<style>
</style>