| | |
| | | <!-- |
| | | * @Date: 2024-05-20 21:43:10 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-05-22 23:37:00 |
| | | * @LastEditTime: 2024-05-26 16:02:09 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/station-file/index.vue |
| | | --> |
| | | <template> |
| | |
| | | <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> |
| | | <MYTree :props="props" v-model="treeChecked" @loaded="query"></MYTree> |
| | | </el-main> |
| | | <!-- <el-footer> |
| | | <el-button type="primary" round @click="addFolder">新增文件夹</el-button> |
| | |
| | | <File></File> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="操作日志" name="2"> |
| | | <Log /> |
| | | <Log :id="id"/> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-main> |
| | |
| | | <script> |
| | | import Log from './Log.vue' |
| | | import File from './File.vue' |
| | | import MYTree from '@/views/mdc/MYTree.vue' |
| | | export default { |
| | | components: { |
| | | Log, |
| | | File |
| | | File, |
| | | MYTree |
| | | }, |
| | | data() { |
| | | return { |
| | | id: '', |
| | | activeName: '2', |
| | | treeChecked: {}, |
| | | props: { |
| | | disabled: function (data,node) { |
| | | return !data.ftpCatalogue |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | watch: { |
| | | treeChecked(val) { |
| | | console.log(val,'>>>>>>') |
| | | this.id = val?.[0] |
| | | } |
| | | }, |
| | | methods: { |
| | | query () { |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |