Goods.vue

<template>
    <div class="eibs-tab">
      <c-collapse v-model="activeNames" >
        <el-collapse-item title="Description of Goods" name="goodsinfo">
          <m-goodsinfo :model="model" :codes="codes" />
        </el-collapse-item>
        <el-collapse-item title="货权单据" name="srmp">
          <m-srmp :model="model" :codes="codes" />
        </el-collapse-item>
      </c-collapse>
    </div>
    </template>
    <script>
    import event from "../event";
    import Srmp from "./Srmp";
    import GoodsInfo from "./GoodsInfo";
    
    export default {
      components: {
        "m-srmp": Srmp,
        "m-goodsinfo": GoodsInfo
      },
      inject: ["root"],
      props: ["model", "codes"],
      mixins: [event],
      data() {
        return {
          activeNames: ["goodsinfo", "srmp"],
        };
      },
      methods: {
      },
      created() {},
      computed: {
      },
    };
    </script>
    <style>
    .marginLable {
      padding-left: 160px;
    }
    </style>