| | |
| | | >项目看板</el-button |
| | | > |
| | | <el-button |
| | | type="warning" |
| | | size="small" |
| | | icon="el-icon-user" |
| | | @click="handleUserManagement" |
| | | >用户管理</el-button |
| | | > |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | icon="el-icon-arrow-left" |
| | |
| | | > |
| | | <ProjectDashBoard></ProjectDashBoard> |
| | | </el-drawer> |
| | | |
| | | <el-drawer |
| | | title="用户管理" |
| | | :visible.sync="userManagementVisible" |
| | | direction="rtl" |
| | | size="80%" |
| | | :before-close="handleUserManagementClose" |
| | | :modal="false" |
| | | class="user-management-drawer-wrapper" |
| | | > |
| | | <user-management-drawer v-if="userManagementVisible"></user-management-drawer> |
| | | </el-drawer> |
| | | <el-container> |
| | | <el-main style="padding: 0; margin-left: 10px"> |
| | | <el-table |
| | |
| | | |
| | | <script> |
| | | import ProjectDashBoard from "@/pages/project/ProjectDashBoard.vue"; |
| | | import UserManagementDrawer from "@/pages/user/UserManagementDrawer.vue"; |
| | | export default { |
| | | name: "ProjectList", |
| | | components: { ProjectDashBoard }, |
| | | components: { ProjectDashBoard, UserManagementDrawer }, |
| | | data() { |
| | | return { |
| | | recentEnabledProjects: [], // 存储有启动任务的项目 |
| | |
| | | task_count: 0, |
| | | dialogVisible: false, |
| | | dashBoardVisible: false, |
| | | userManagementVisible: false, |
| | | editVisible: false, |
| | | hoveringSuccess: false, |
| | | hoveringError: false, |
| | |
| | | this.dialogVisible = true; |
| | | this.resetProjectForm(); |
| | | }, |
| | | handleUserManagement() { |
| | | this.userManagementVisible = true; |
| | | }, |
| | | handleUserManagementClose() { |
| | | this.userManagementVisible = false; |
| | | }, |
| | | handleEdit(index, row) { |
| | | this.editVisible = true; |
| | | this.projectForm.name = row["name"]; |