Ovwp.vue

<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames">
      <el-collapse-item title="索赔付款" name="gitsetp1">
        <m-gitsetp1 ref="gitsetp1" :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="索赔付款(1)" name="gitsetp">
        <m-gitsetp ref="gitsetp" :model="model" :codes="codes" />
      </el-collapse-item>


      <el-collapse-item title="CIPS" name="cips" 
      v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
        <m-cips :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="CIPS2" name="cips2" 
      v-if="model.trnmod.cmtflg == 'P'&&model.gidgrp.rec.cmtflg">
        <m-cips2 :model="model" :codes="codes" />
      </el-collapse-item>

      <!-- <el-collapse-item title="通知付款(MT756)" name="det756">
        <m-det756 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="头寸调拨(MT202)" name="det202cv"
        v-if=" model.trnmod.cmtflg == 'C' ||  model.gcdgrp.cbs.max.cur != 'CNY'  ">
        <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 event from '../event'
  import Det756 from "./Det756";
  import Det202cv from "./Det202cv";
  import Cips from "./Cips";
  import Cips2 from "./Cips2";
  import Gitsetp1 from "./Gitsetp1";
  import Gitsetp from "./Gitsetp";
  const tabNameToRulePathMapping = {
   "cips": "trnmod.cipmod.cips",
  }
  export default {
    components: {
      "m-gitsetp1": Gitsetp1,
      "m-gitsetp": Gitsetp,
      "m-det756": Det756,
      "m-det202cv": Det202cv,
      "m-cips": Cips,
      "m-cips2": Cips2,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
      return {
        activeNames: ["gitsetp1"],
      };
    },
    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' })
          }
        }
          if(pa.length !== 0){
            tabNameToRulePathMapping[pa[0].name] = "setmod.setglg.setgll(2).sespay.det756";
            tabNameToRulePathMapping[pa[1].name] = "setmod.setglg.setgll(2).sespay.det202cv";
          }
          return pa;
      }
  },
    methods: {  },
  };
</script>
    
    <style>
    </style>