<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames">
      <el-collapse-item title="单据结算" name="utlp">
        <m-utlp ref="utlp" :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="CIPS"
        name="cips2"
        v-if="model.trnmod.cmtflg == 'P'"
      >
        <m-cips2 :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="CIPS要素"
        name="cips"
        v-if="model.trnmod.cmtflg == 'P'"
      >
        <m-cips :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="创建融资"
        name="trtcrep"
        v-if="model.trtcre.crefinflg != ''"
      >
        <m-trtcrep :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="定价系统"
        name="dinpan"
        v-if="
          model.trtcre.trtmod.finmod.dinjdm != '' &&
          model.trtcre.crefinflg != ''
        "
      >
        <m-dinpan :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="融资款项"
        name="rzkx"
        v-model="model.trtcre.crefinflg"
        v-if="model.trtcre.crefinflg"
      >
        <m-rzkx :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item
        title="定向收付"
        name="dxzfp"
        v-if="model.trtcre.crefinflg"
      >
        <m-dxzfp :model="model" :codes="codes" />
      </el-collapse-item>
      <!-- <el-collapse-item title="通知付款(MT756)" name="det756" v-if="model.setmod.setglg.setgll[0].dsp == 'PAC'">
            <m-det756 :model="model" :codes="codes" :idx="0"/>
        </el-collapse-item> -->
      <!-- <el-collapse-item title="头寸调拨(MT202)" name="det202cv" v-if="model.setmod.setglg.setgll[0].dsp == 'PAC'">
            <m-det202cv :model="model" :codes="codes" />
        </el-collapse-item> -->
      <el-collapse-item
        v-for="(pac, idx) in pacs"
        :key="idx"
        :title="pac.title"
        :name="pac.name"
      >
        <m-det756
          v-if="pac.type === '756'"
          :model="model"
          :codes="codes"
          :idx="pac.idx"
        />
        <m-det202cv
          v-else-if="pac.type === '202'"
          :model="model"
          :codes="codes"
          :idx="pac.idx"
        />
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import Api from "~/service/Api";
import Utils from "~/utils";
import Utlp from "./Utlp";
import Trtcrep from "./Trtcrep";
import Dinpan from "./Dinpan";
import Det756 from "./Det756";
import Det202cv from "./Det202cv";
import Cips from "./Cips";
import Cips2 from "./Cips2";
import Rzkx from "./Rzkx";
import Dxzfp from "./Dxzfp";
import event from "../event";

export default {
  components: {
    "m-rzkx": Rzkx,
    "m-dxzfp": Dxzfp,
    "m-utlp": Utlp,
    "m-trtcrep": Trtcrep,
    "m-dinpan": Dinpan,
    "m-det756": Det756,
    "m-det202cv": Det202cv,
    "m-cips": Cips,
    "m-cips2": Cips2,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["utlp"],
    };
  },
  computed: {
    pacs() {
      const pa = [];
      const setgll = this.model.setmod.setglg.setgll;
      for (let i = 0; i < setgll.length; i++) {
        const setg = setgll[i];
        // 765和202页面出现条件（费用/账务页面：结算，处理方式是PAC时，756和202页面才能显示）
        if (setg.dsp === "PAC") {
          const temp = [];
          temp.push(setg.rol);
          temp.push(setg.acccur);
          temp.push(setg.fmtaccamt);
          pa.push({
            idx: i,
            title: "通知付款(MT756 " + temp.join(" ") + ")",
            name: "det756_" + temp.join("_"),
            type: "756",
          });
          pa.push({
            idx: i,
            title: "头寸调拨(MT202 " + temp.join(" ") + ")",
            name: "det202cv_" + temp.join("_"),
            type: "202",
          });
        }
      }
      return pa;
    },
  },
  methods: {},
};
</script>

<style>
</style>