Ovwp.vue

<template>
    <div class="eibs-tab">
      <el-collapse v-model="activeNames" @change="handleChange">
  
        <el-collapse-item title="资金结算" name="setp">
          <m-setp ref="setp" :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="docpan1">
          <m-docpan1 :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/Botset/Event";
  import Setp from "./Setp"
  import Inst from "./Inst"
  import Ptyp from "./Ptyp"
  import Docpan1 from "./Docpan1"
  
  export default {
    components: {
          "m-docpan1": Docpan1,
          "m-setp": Setp,
          "m-inst": Inst,
          "m-ptyp": Ptyp,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
      return {
        activeNames: ["setp"],
      };
    },
    methods: {
      ...Event,
      handleChange(val) {
        console.log(val);
      }
    },
    created: function () {},
    computed: {
    },
  };
  </script>
  <style>
  .marginLable {
    padding-left: 160px;
  }
  </style>