<template>
<div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">

        <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 commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Brtset/Event";
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";


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: [commonProcess],
    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: {
        ...Event,
        handleChange(val) {
            console.log(val);
        },
    },
    created: function () {},
};
</script>

<style>
</style>