Total.vue

<template>
    <div class="eibs-tab">
        <el-collapse v-model="activeNames">
            <el-collapse-item title="偿还垫款" name="utlp">
              <m-utlp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="概览信息" name="ovwp">
              <m-ovwp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="不符点" name="docpre">
              <m-docpre :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="装运信息" name="shpdet">
              <m-shpdet :model="model" :codes="codes" />
            </el-collapse-item>
        </el-collapse>
    </div>
</template>
<script>
import Utlp from "./Utlp";
import Ovwp from "./Ovwp";
import Docpre from "./Docpre";
import Shpdet from "./Shpdet";
import event from '../event';
export default {
    components: {
        "m-utlp":Utlp ,
        "m-ovwp": Ovwp,
        "m-docpre": Docpre,
        "m-shpdet": Shpdet,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event],
    data() {
        return {
            activeNames: ["utlp"],
        };
    },
}
</script>