Ovwp.vue

<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="概要" name="opnp1">
        <m-opnp1 :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item
        title="MT910详情"
        name="det910"
        v-if="model.cpdgrp.rec.swftyp == '910'"
      >
        <m-det910 :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/Cptrep/Event";
import Opnp1 from "./Opnp1";
import Det910 from "./Det910";

export default {
  components: {
    "m-opnp1": Opnp1,
    "m-det910": Det910,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      zmqflg: null,
      flag: true,
      activeNames: ["opnp1"],
    };
  },
  methods: {
    ...Event,
    handleChange(val) {
      console.log(val);
    },
  },
  created: function () {},
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>