| | |
| | | <!-- |
| | | * @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> |
| | | |