Ovwp.vue

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

      <el-collapse-item title="概要" name="ovwp1">
        <m-ovwp1 :model="model" :codes="codes" />
      </el-collapse-item>
     
      <el-collapse-item title="指示条款" name="inst">
        <m-inst :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="参与方" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="接受条款" name="instrecp">
        <m-instrecp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="修正" name="amep">
        <m-amep :model="model" :codes="codes" />
      </el-collapse-item>

    </el-collapse>
  </div>
  </template>
  <script>
  import event from "../event";
     import Ovwp1 from "./Ovwp1"
     import Inst from "./Inst"
     import Ptyp from "./Ptyp"
     import Instrecp from "./Instrecp"
     import Amep from "./Amep"
  
  export default {
    components: {
      "m-ovwp1": Ovwp1,
      "m-inst": Inst,
      "m-ptyp": Ptyp,
      "m-instrecp":Instrecp,
      "m-amep":Amep,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
      return {
        activeNames: ["ovwp1"],
      };
    },
    methods: {
      ...Event,
    },
    created: function () {},
    computed: {
    },
  };
  </script>
  <style>
  .marginLable {
    padding-left: 160px;
  }
  </style>