| | |
| | | * @Author: 李喆(开发组) lzhe@yxqiche.com |
| | | * @Date: 2025-08-11 09:25:36 |
| | | * @LastEditors: 李喆(开发组) lzhe@yxqiche.com |
| | | * @LastEditTime: 2025-08-12 17:13:14 |
| | | * @LastEditTime: 2025-08-12 17:43:58 |
| | | * @FilePath: /mdmweb/src/views/wel/gongkong.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | | <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-col :span="6" style="margin-right: 12px;"> |
| | | <el-input v-model="fileName" placeholder="文件名称"/> |
| | | <el-input v-model="fileName" clearable placeholder="文件名称"/> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-button type="primary" @click="onQuery">查询</el-button> |
| | |
| | | </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> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="paginationTree"> |
| | | <el-pagination layout="prev, pager, next" :total="total" @size-change="sizeChange" @current-change="currentChange" /> |
| | | <el-pagination layout="prev, pager, next" :total="fileTotal" @size-change="sizeChange" @current-change="currentChange" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | components: {}, |
| | | data() { |
| | | return { |
| | | defaultKeys: [], |
| | | fileOptionTitle: "", |
| | | fileContent: "", |
| | | fileDialogVisible: false, |
| | |
| | | treeData: [], |
| | | current: 1, |
| | | size: 10, |
| | | total: 0, |
| | | fileTotal: 0, |
| | | treecFileData: [], |
| | | TreeNode: {}, |
| | | fileRow: {}, |
| | |
| | | }, |
| | | methods: { |
| | | fileDialogComit() { |
| | | console.log(this.fileRow); |
| | | // this.loading = true; |
| | | // axios({ |
| | | // url: '/blade-mdm/gkw/node/file-content', |
| | | // method: 'get', |
| | | // params: {id:row.id}, |
| | | // }).then( |
| | | // res => { |
| | | // this.loading = false; |
| | | // this.fileDialogVisible = true; |
| | | // this.fileContent = res.data.data.replace(/\n/g, '<br>'); |
| | | // } |
| | | // ); |
| | | this.loading = true; |
| | | axios({ |
| | | url: '/blade-mdm/gkw/node/file-save', |
| | | method: 'post', |
| | | params: {id:this.fileRow.id,content: this.fileContent}, |
| | | }).then( |
| | | res => { |
| | | this.loading = false; |
| | | this.fileDialogVisible = false; |
| | | this.$message.success("操作成功"); |
| | | } |
| | | ); |
| | | }, |
| | | fileView(row) { |
| | | this.fileOptionTitle = "查看"; |
| | |
| | | res => { |
| | | this.loading = false; |
| | | this.fileDialogVisible = true; |
| | | this.fileContent = res.data.data.replace(/\n/g, '<br>'); |
| | | this.fileContent = res.data.data; |
| | | } |
| | | ); |
| | | }, |
| | |
| | | }).then( |
| | | res => { |
| | | this.treecFileData = res.data.data.records; |
| | | this.total = res.data.data.total; |
| | | this.fileTotal = res.data.data.total; |
| | | } |
| | | ) |
| | | }else { |
| | |
| | | }).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]; |
| | | } |
| | | ) |
| | | } |