1
lzhe
2024-06-05 dcf9c9e0410fe1186239e3f8d6f7bdc789c08010
src/views/console/tooling/tray-fixture.vue
@@ -1,19 +1,55 @@
<!--
 * @Date: 2024-05-07 22:48:00
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-07 22:48:29
 * @LastEditTime: 2024-05-16 22:28:23
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/tooling/tray-fixture.vue
-->
<template>
    <div>
        托盘夹具
    </div>
    <el-main style="height: 100%;">
        <el-card shadow="never" style="height: 100%;" body-style="height: 100%">
            <el-tabs tab-position="top" class="custom-tabs" v-model="activeName">
                <el-tab-pane label="托盘-夹具" name="1">
                    <trayFixturePreviewVue style="height: 100%" v-if="activeName === '1'"></trayFixturePreviewVue>
                </el-tab-pane>
                <el-tab-pane label="托盘" name="2">
                    <Tray style="height: 100%" v-if="activeName === '2'" />
                </el-tab-pane>
                <el-tab-pane label="夹具" name="3">
                    <Fixture style="height: 100%" v-if="activeName === '3'" />
                </el-tab-pane>
            </el-tabs>
        </el-card>
    </el-main>
</template>
<script>
import trayFixturePreviewVue from './tray-fixturePreview.vue'
import Tray from './Tray.vue'
import Fixture from './fixture.vue'
export default {
    components: {
        trayFixturePreviewVue,
        Tray,
        Fixture
    },
    data() {
        return {
            activeName: '1'
        }
    },
}
</script>
<style lang="scss" scoped></style>
<style lang="scss">
.custom-tabs {
    height: 100%;
}
.custom-tabs .el-tabs__content {
    height: calc(100% - 40px);
}
.custom-tabs .el-tab-pane {
    height: 100%;
}
</style>