<template>
<div class="eibs-tab">
  <el-collapse v-model="activeNames" @change="handleChange">
    <el-collapse-item title="开立方式" name="opnp">
      <m-opnp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="基本信息" name="ovwp1">
      <m-ovwp1 :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="当事人描述" name="ptyp">
      <m-ptyp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="演示/交付" name="preperp" v-if="model.gitp.swiftflg == 'Y'">
      <m-preperp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="详细信息" name="detp">
      <m-detp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="保函文本" name="gidtxtp">  
      <m-gidtxtp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item
      title="确认详细信息"
      name="confp"
      v-if="model.gidgrp.rec.legfrm == 'STBY'"
    >
      <m-confp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="对外担保数据采集" name="cfap" v-if="model.gidgrp.rec.fingua == 'Y'">
      <m-cfap :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="对外担保-签约信息1" name="conp" v-if="model.cfagit.cfaflg == '1'">
      <m-conp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="对外担保-签约信息2" name="conp1" v-if="model.cfagit.cfaflg == '1'">
      <m-conp1 :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="对外担保-责任余额信息" name="dclpp" v-if="model.cfagit.cfaflg == '1'">
      <m-dclpp :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="Seq C : 基本信息" name="ovwpc" v-if="
            model.gidgrp.rec.purpos == 'ISCO' ||
            model.gidgrp.rec.purpos == 'ICCO'
          ">
      <m-ovwpc :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="Seq C : 当事人描述" name="ptypc" v-if="
            model.gidgrp.rec.purpos == 'ISCO' ||
            model.gidgrp.rec.purpos == 'ICCO'
          ">
      <m-ptypc :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="Seq C : 演示/交付" name="preperpc" v-if="
            model.gidgrp.rec.purpos == 'ISCO' ||
            model.gidgrp.rec.purpos == 'ICCO'
          ">
      <m-preperpc :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="Seq C : 详情" name="detpc" v-if="
            model.gidgrp.rec.purpos == 'ISCO' ||
            model.gidgrp.rec.purpos == 'ICCO'
          ">
      <m-detpc :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="Seq C : 保函文本" name="gidtxtpc" v-if="
            model.gidgrp.rec.purpos == 'ISCO' ||
            model.gidgrp.rec.purpos == 'ICCO'
          ">
      <m-gidtxtpc :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="Seq C : 附加金额" name="aacp" v-if="model.gitp.aacp.aacmod.addamtflg == 'X'">
      <m-aacp :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/Gitopn/Event";
import Utils from "~/utils";
import Ovwp1 from "./Ovwp1";
import Opnp from "./Opnp";
import Ptyp from "./Ptyp";
import Preperp from "./Preperp";
import Detp from "./Detp";
import Gidtxtp from "./Gidtxtp";
import Confp from "./Confp";
import Cfap from "./Cfap";
import Conp from "./Conp";
import Conp1 from "./Conp1";
import Dclpp from "./Dclpp";
import Ovwpc from "./Ovwpc";
import Ptypc from "./Ptypc";
import Preperpc from "./Preperpc";
import Detpc from "./Detpc";
import Gidtxtpc from "./Gidtxtpc";
import Aacp from "./Aacp";

const tabNameToRulePathMapping = {
  "conp": "cfagit.recp.conp",
  "voup": "cnybop.voup",
  "cfap": "cfagit.cfap",
  "dclpp": "Ebbp.dclpp",
  "gidtxtp": "gitp.gidtxtp",
  "ptypc": "gitp.ptypc",
  "detp": "gitp.detp",
}

export default {
  name: "Opnp",
  components: {
    "m-opnp": Opnp,
    "m-ovwp1": Ovwp1,
    "m-ptyp": Ptyp,
    "m-preperp": Preperp,
    "m-detp": Detp,
    "m-gidtxtp": Gidtxtp,
    "m-confp": Confp,
    "m-cfap": Cfap,
    "m-conp": Conp,
    "m-conp1": Conp1,
    "m-dclpp": Dclpp,
    "m-ovwpc": Ovwpc,
    "m-ptypc": Ptypc,
    "m-preperpc": Preperpc,
    "m-detpc": Detpc,
    "m-gidtxtpc": Gidtxtpc,
    "m-aacp": Aacp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["opnp"],
    };
  },
  computed: {
  },
  methods: {
    ...Event,
    handleChange(names){
      // console.log(names);//激活的(展开的)面板的name数组集合
      if (this.isInDisplay) {
        return
      }
      const arr = []
      for (let i = 0; i < names.length; i++) {
        const n = names[i];
        const path = tabNameToRulePathMapping[n]//取出激活/展开面板name对应的rulePath
        if (path) {
          arr.push(path)
        }
      }
      // let rulePath = arr[arr.length-1]//取最后一个展开的面板的rulePath
      let rulePath = arr.join(",");//把arr数组加入逗号分割，变成字符串
      // if (name === "conp") {
      //   rulePath = "cfagit.recp.conp";
      // }
      // if (name === "voup") {
      //   rulePath = "cnybop.voup";
      // }
      // if (name === "cfap") {
      //   rulePath = "cfagit.cfap";
      // }
      // if (name === "dclpp") {
      //   rulePath = "Ebbp.dclpp";
      // }
      // if (name === "gidtxtp"){
      //   rulePath = "gitp.gidtxtp"
      // }
      // if (name === "ptypc"){
      //   rulePath = "gitp.ptypc"
      // }
      // if(name === "detp"){
      //   rulePath = "gitp.detp"
      // }
      if (!!rulePath) {//rulePath不为空串
        this.executeRule(rulePath).then((res) => {
          if (res.respCode == SUCCESS) {
            this.updateModel(res.data);
          }
        });
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>