| | |
| | | <template> |
| | | <div class="gongkongMain"> |
| | | <div> |
| | | <el-tree :data="treeData" :props="defaultProps" node-key="id" :default-expand-all="true" @node-click="handleNodeClick" /> |
| | | <el-tree :data="treeData" :props="defaultProps" node-key="id" :default-expand-all="false" :default-expanded-keys="defaultKeys" @node-click="handleNodeClick" /> |
| | | </div> |
| | | <div> |
| | | <el-row> |
| | |
| | | </el-row> |
| | | <el-table :data="treecFileData" style="width: 100%"> |
| | | <el-table-column prop="name" label="名称" /> |
| | | <el-table-column prop="updateTime" label="修改日期" /> |
| | | <el-table-column prop="status" label="类型" /> |
| | | <el-table-column prop="fileModifyTime" label="创建日期" /> |
| | | <el-table-column prop="fileModifyTime" label="修改日期" /> |
| | | <el-table-column prop="fileSizeDisplay" label="大小" /> |
| | | <el-table-column fixed="right" label="操作" min-width="120"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" size="small" @click="fileView(scope.row)">查看</el-button> |
| | |
| | | components: {}, |
| | | data() { |
| | | return { |
| | | defaultKeys: [], |
| | | fileOptionTitle: "", |
| | | fileContent: "", |
| | | fileDialogVisible: false, |
| | |
| | | res => { |
| | | this.loading = false; |
| | | this.fileDialogVisible = true; |
| | | this.fileContent = res.data.data.replace(/\n/g, '<br>'); |
| | | this.fileContent = res.data.data; |
| | | } |
| | | ); |
| | | }, |
| | |
| | | }).then( |
| | | res => { |
| | | this.treeData = res.data.data; |
| | | var firstIndex = 0; |
| | | res.data.data.forEach((item,index)=> { |
| | | if(item.children.length != 0) { |
| | | firstIndex = index; |
| | | } |
| | | }) |
| | | //defaultKeys.push(item.id); |
| | | this.defaultKeys = [res.data.data[firstIndex].id]; |
| | | } |
| | | ) |
| | | } |