gaoshp
2024-06-13 fd7586c8d91473d2850af1e48b12f1a289e6b8d1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!--
 * @Date: 2024-05-20 21:43:10
 * @LastEditors: Sneed
 * @LastEditTime: 2024-06-05 21:11:02
 * @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>
                            <MYTree :props="props" v-model="treeChecked" @loaded="query"></MYTree>
                        </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 :treeChecked="treeChecked"></File>
                        </el-tab-pane>
                        <el-tab-pane label="操作日志" name="2">
                            <Log :id="id" />
                        </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'
import MYTree from '@/views/mdc/MYTree.vue'
export default {
    components: {
        Log,
        File,
        MYTree
    },
    data() {
        return {
            id: '',
            activeName: '1',
            treeChecked: {},
            props: {
                disabled: function (data, node) {
                    return !data.ftpCatalogue
                }
            }
        }
    },
    watch: {
        treeChecked(val) {
            console.log(val, '>>>>>>')
            this.id = val?.[0]
        }
    },
    methods: {
        query() {
 
        }
    }
}
</script>
 
<style lang="scss" scoped></style>