Cnyp.vue

<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
    <el-collapse-item title="跨境人民币申报" name="cnyp1">
      <m-cnyp1 :model="model" :codes="codes" />
    </el-collapse-item>
    <el-collapse-item title="2122跨境担保登记业务信息" name="voup" v-if="model.cnybop.vouflg == '1'">
      <m-voup :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 Cnyp1 from "./Cnyp1";
import Voup from "./Voup";

const tabNameToRulePathMapping = {
  "voup": "cnybop.voup",
}

export default {
  components: {
    "m-cnyp1": Cnyp1,
    "m-voup": Voup,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      activeNames: ["cnyp1"],
    };
  },
  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.join(",");//把arr数组加入逗号分割，变成字符串
      if (!!rulePath) {//rulePath不为空串
        this.executeRule(rulePath).then((res) => {
          if (res.respCode == SUCCESS) {
            this.updateModel(res.data);
          }
        });
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>