jonhon-mes-web/src/views/orderManagement/exceptionOrder.vue

<template>
    <basic-container>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane label="数据缺失" name="1"></el-tab-pane>
            <el-tab-pane label="工艺缺失" name="2"></el-tab-pane>
            <el-tab-pane label="资源缺失" name="3"></el-tab-pane>
            <el-tab-pane label="交期冲突" name="4"></el-tab-pane>
        </el-tabs>
        <dataMissing v-if="activeName=='1'"></dataMissing>
        <processMissing v-if="activeName=='2'"></processMissing>
        <resourceMissing v-if="activeName=='3'"></resourceMissing>
        <deliveryDate v-if="activeName=='4'"></deliveryDate>
    </basic-container>
</template>

<script>
import dataMissing from './components/exception/dataMissing.vue'
import processMissing from './components/exception/processMissing.vue'
import resourceMissing from './components/exception/resourceMissing.vue'
import deliveryDate from './components/exception/deliveryDate.vue'
export default {
    components: {
        dataMissing,
        processMissing,
        resourceMissing,
        deliveryDate
    },
    data() {
        return {
            activeName: '1'
        };
    },

    methods: {
        handleClick(){
            console.log(9999999,this.activeName)
        }
    },
    mounted() {
    }
};
</script>