Ovwp.vue

<template>
    <div class="eibs-tab">
        <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item title="寄单" name="rgfp">
                <m-rgfp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="不符点/拒绝信息" name="dscins">
                <m-dscins :model="model" :codes="codes" />
            </el-collapse-item>
            <!--rmbclm PD000128 Reimbursement Details -->
            <el-collapse-item title="索汇详情" name="remp" v-if="model.rmbclmnow">
                <m-remp :model="model" :codes="codes" />
            </el-collapse-item>
            <el-collapse-item title="单据指示" name="rgfdet">
                <m-rgfdet :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/Betsnd/Event";

import Rgfp from "./Rgfp";
import Dscins from "./Dscins";
import Rgfdet from "./Rgfdet";
import Remp from "./Remp";

export default {
    components: {
        "m-rgfp": Rgfp,
        "m-dscins": Dscins,
        "m-rgfdet": Rgfdet,
        'm-remp': Remp,
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            activeNames: ["rgfp"],
        };
    },
    methods: {
        ...Event,
        handleChange(val) {
            console.log(val);
        },
    },
    created: function () { },
};
</script>
<style>
.marginLable {
    padding-left: 160px;
}
</style>