| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-04-10 17:05:04 |
| | | * @LastEditTime: 2024-10-24 18:37:07 |
| | | * @FilePath: /smart-web/src/views/master/person/main/index.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="right-table"> |
| | | <el-table :data="departmentList" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all ref="treeRef" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table :data="departmentList" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all ref="treeRef" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" :selectable="selectableDisabled" /> |
| | | <el-table-column prop="name" label="岗位名称"></el-table-column> |
| | | <el-table-column prop="peopleNum" label="部门人数"></el-table-column> |
| | | <el-table-column prop="parentName" label="上级部门"></el-table-column> |
| | |
| | | saveDialog,importTable |
| | | }, |
| | | methods: { |
| | | selectableDisabled(row,rowIndex) { |
| | | return !row.children; //只禁用有children的选项 |
| | | }, |
| | | getExport() { |
| | | this.$HTTP.get(`/api/blade-cps/organization/export-organization?`+this.$TOOL.qsStringify(this.searchData)).then(res=> { |
| | | if(res.code == 200) { |
| | |
| | | // 如果children字段存在且是数组,则递归处理children |
| | | if (Array.isArray(newItem.children)) { |
| | | newItem.children = this.removeHasChildren(newItem.children); |
| | | } |
| | | |
| | | } |
| | | return newItem; |
| | | }); |
| | | }, |
| | |
| | | this.$HTTP.get(`/api/blade-cps/organization/tree?` + this.$TOOL.qsStringify(this.searchData)).then(res=> { |
| | | if(res.code == 200) { |
| | | this.departmentList = this.removeHasChildren(res.data); |
| | | this.departmentList[0]._disabled = true; |
| | | console.log([this.departmentList[0]],111) |
| | | //this.$refs.treeRef.toggleRowSelection([that.departmentList[0]],true); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | margin-right:8px; |
| | | } |
| | | </style> |
| | | <style> |
| | | .right-table .el-table__header .el-table-column--selection .cell { |
| | | display: none; |
| | | } |
| | | </style> |