gaoshp
2024-05-22 f1f72f7188a09e88f9ffbb8d7c180f474987b96b
src/views/dnc/station-file/index.vue
@@ -1,20 +1,55 @@
<!--
 * @Date: 2024-05-20 21:43:10
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-20 21:44:19
 * @LastEditTime: 2024-05-22 23:37:00
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/station-file/index.vue
-->
<template>
    <el-main style="height: 100%;">
        <el-card shadow="never" style="height: 100%;" body-style="height: 100%">
            工位文件
            <el-container>
                <el-aside width="200px">
                    <el-container>
                        <el-main>
                            <el-tree default-expand-all ref="tree" node-key="id" :data="treeData" :props="{
                                label: 'name',
                            }" @node-click="nodeClick" highlight-current :current-node-key="selectNode.id">
                                <template #default="{ node, data }">
                                    <span :class="data.isGroup ? 'active' : ''" class="custom-tree-node">
                                        <span>{{
                                            node.label || data.code }}</span>
                                    </span>
                                </template>
                            </el-tree>
                        </el-main>
                        <!-- <el-footer>
                            <el-button type="primary" round @click="addFolder">新增文件夹</el-button>
                        </el-footer> -->
                    </el-container>
                </el-aside>
                <el-main>
                    <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
                        <el-tab-pane label="工位文件" name="1">
                            <File></File>
                        </el-tab-pane>
                        <el-tab-pane label="操作日志" name="2">
                            <Log />
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-card>
    </el-main>
</template>
<script>
import Log from './Log.vue'
import File from './File.vue'
export default {
    components: {
        Log,
        File
    }
}
</script>