| 1 |
- {"remainingRequest":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\cemp\\cemp-ui\\src\\views\\admin\\user\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\cloud\\cemp\\cemp-ui\\src\\views\\admin\\user\\index.vue","mtime":1619070292890},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport {addObj, delObj, fetchList, putObj} from \"@/api/admin/user\";\nimport {deptRoleList} from \"@/api/admin/role\";\nimport {fetchTree} from \"@/api/admin/dept\";\nimport {tableOption} from '@/const/crud/admin/user';\nimport {mapGetters} from \"vuex\";\n\nexport default {\n name: \"table_user\",\n data() {\n return {\n option: tableOption,\n treeDeptData: [],\n checkedKeys: [],\n roleProps: {\n label: \"roleName\",\n value: 'roleId'\n },\n defaultProps: {\n label: \"name\",\n value: 'id',\n },\n page: {\n total: 0, // 总页数\n currentPage: 1, // 当前页数\n pageSize: 20, // 每页显示多少条,\n isAsc: false//是否倒序\n },\n list: [],\n listLoading: true,\n role: [],\n form: {},\n rolesOptions: [],\n };\n },\n computed: {\n ...mapGetters([\"permissions\"])\n },\n watch: {\n role() {\n this.form.role = this.role\n }\n },\n created() {\n this.sys_user_add = this.permissions[\"sys_user_add\"];\n this.sys_user_edit = this.permissions[\"sys_user_edit\"];\n this.sys_user_del = this.permissions[\"sys_user_del\"];\n },\n methods: {\n getList(page, params) {\n this.listLoading = true;\n fetchList(Object.assign({\n current: page.currentPage,\n size: page.pageSize\n }, params)).then(response => {\n this.list = response.data.data.records;\n this.page.total = response.data.data.total\n this.listLoading = false;\n });\n },\n getNodeData(data) {\n deptRoleList().then(response => {\n this.rolesOptions = response.data.data;\n });\n },\n sizeChange(pageSize) {\n this.page.pageSize = pageSize\n },\n currentChange(current) {\n this.page.currentPage = current\n },\n handleFilter(param, done) {\n this.page.currentPage = 1\n this.getList(this.page, param);\n done()\n },\n handleRefreshChange() {\n this.getList(this.page)\n },\n handleOpenBefore(show, type) {\n window.boxType = type\n // 查询部门树\n fetchTree().then(response => {\n this.treeDeptData = response.data.data\n })\n // 查询角色列表\n deptRoleList().then(response => {\n this.rolesOptions = response.data.data\n })\n // 若是编辑、查看回显角色名称\n if (['edit', 'views'].includes(type)) {\n this.role = []\n for (let i = 0; i < this.form.roleList.length; i++) {\n this.role[i] = this.form.roleList[i].roleId;\n }\n } else if (type === 'add') {\n // 若是添加角色列表设置为空\n this.role = []\n }\n show();\n },\n handleUpdate(row, index) {\n this.$refs.crud.rowEdit(row, index);\n this.form.password = undefined\n },\n create(row, done, loading) {\n addObj(this.form).then(() => {\n this.getList(this.page);\n done();\n this.$notify.success('创建成功')\n }).catch(() => {\n loading();\n });\n },\n update(row, index, done, loading) {\n putObj(this.form).then(() => {\n this.getList(this.page);\n done();\n this.$notify.success('修改成功')\n }).catch(() => {\n loading();\n });\n },\n deletes(row) {\n this.$confirm(\"此操作将永久删除该用户(用户名:\" + row.username + \"), 是否继续?\", \"提示\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\", type: \"warning\"\n }\n ).then(() => {\n delObj(row.userId).then(() => {\n this.getList(this.page);\n this.$notify.success('删除成功')\n }).catch(() => {\n this.$notify.error('删除失败')\n });\n });\n }\n }\n};\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/admin/user","sourcesContent":["<!--\r\n - Copyright (c) 2018-2025, lengleng All rights reserved.\r\n -\r\n - Redistribution and use in source and binary forms, with or without\r\n - modification, are permitted provided that the following conditions are met:\r\n -\r\n - Redistributions of source code must retain the above copyright notice,\r\n - this list of conditions and the following disclaimer.\r\n - Redistributions in binary form must reproduce the above copyright\r\n - notice, this list of conditions and the following disclaimer in the\r\n - documentation and/or other materials provided with the distribution.\r\n - Neither the name of the pig4cloud.com developer nor the names of its\r\n - contributors may be used to endorse or promote products derived from\r\n - this software without specific prior written permission.\r\n - Author: lengleng (wangiegie@gmail.com)\r\n -->\r\n\r\n<template>\r\n <div class=\"user\">\r\n <basic-container>\r\n <avue-crud :option=\"option\"\r\n ref=\"crud\"\r\n v-model=\"form\"\r\n :page.sync=\"page\"\r\n @on-load=\"getList\"\r\n @size-change=\"sizeChange\"\r\n @current-change=\"currentChange\"\r\n :table-loading=\"listLoading\"\r\n @search-change=\"handleFilter\"\r\n @refresh-change=\"handleRefreshChange\"\r\n @row-update=\"update\"\r\n @row-save=\"create\"\r\n :before-open=\"handleOpenBefore\"\r\n :data=\"list\">\r\n <template slot=\"menuLeft\">\r\n <el-button v-if=\"sys_user_add\"\r\n class=\"filter-item\"\r\n @click=\"$refs.crud.rowAdd()\"\r\n type=\"primary\"\r\n icon=\"el-icon-edit\">添加\r\n </el-button>\r\n </template>\r\n <template slot=\"username\"\r\n slot-scope=\"scope\">\r\n <span>{{scope.row.username}}</span>\r\n </template>\r\n <template slot=\"role\"\r\n slot-scope=\"scope\">\r\n <span v-for=\"(role,index) in scope.row.roleList\"\r\n :key=\"index\">\r\n <el-tag>{{role.roleName}} </el-tag> \r\n </span>\r\n </template>\r\n <template slot=\"deptId\"\r\n slot-scope=\"scope\">\r\n {{scope.row.deptName}}\r\n </template>\r\n <template slot=\"lockFlag\"\r\n slot-scope=\"scope\">\r\n <el-tag>{{scope.label}}</el-tag>\r\n </template>\r\n <template slot=\"menu\"\r\n slot-scope=\"scope\">\r\n <el-button v-if=\"sys_user_edit\"\r\n type=\"text\"\r\n icon=\"el-icon-edit\"\r\n @click=\"handleUpdate(scope.row,scope.index)\">编辑\r\n </el-button>\r\n <el-button v-if=\"sys_user_del\"\r\n type=\"text\"\r\n icon=\"el-icon-delete\"\r\n @click=\"deletes(scope.row,scope.index)\">删除\r\n </el-button>\r\n </template>\r\n <template slot=\"deptIdForm\"\r\n slot-scope=\"scope\">\r\n <avue-input-tree v-model=\"form.deptId\"\r\n placeholder=\"请选择所属部门\"\r\n :node-click=\"getNodeData\"\r\n :dic=\"treeDeptData\"\r\n :props=\"defaultProps\"></avue-input-tree>\r\n </template>\r\n <template slot=\"roleForm\"\r\n slot-scope=\"scope\">\r\n <avue-select v-model=\"role\"\r\n multiple\r\n placeholder=\"请选择角色\"\r\n :dic=\"rolesOptions\"\r\n :props=\"roleProps\"></avue-select>\r\n </template>\r\n </avue-crud>\r\n </basic-container>\r\n </div>\r\n\r\n</template>\r\n\r\n<script>\r\n import {addObj, delObj, fetchList, putObj} from \"@/api/admin/user\";\r\n import {deptRoleList} from \"@/api/admin/role\";\r\n import {fetchTree} from \"@/api/admin/dept\";\r\n import {tableOption} from '@/const/crud/admin/user';\r\n import {mapGetters} from \"vuex\";\r\n\r\n export default {\r\n name: \"table_user\",\r\n data() {\r\n return {\r\n option: tableOption,\r\n treeDeptData: [],\r\n checkedKeys: [],\r\n roleProps: {\r\n label: \"roleName\",\r\n value: 'roleId'\r\n },\r\n defaultProps: {\r\n label: \"name\",\r\n value: 'id',\r\n },\r\n page: {\r\n total: 0, // 总页数\r\n currentPage: 1, // 当前页数\r\n pageSize: 20, // 每页显示多少条,\r\n isAsc: false//是否倒序\r\n },\r\n list: [],\r\n listLoading: true,\r\n role: [],\r\n form: {},\r\n rolesOptions: [],\r\n };\r\n },\r\n computed: {\r\n ...mapGetters([\"permissions\"])\r\n },\r\n watch: {\r\n role() {\r\n this.form.role = this.role\r\n }\r\n },\r\n created() {\r\n this.sys_user_add = this.permissions[\"sys_user_add\"];\r\n this.sys_user_edit = this.permissions[\"sys_user_edit\"];\r\n this.sys_user_del = this.permissions[\"sys_user_del\"];\r\n },\r\n methods: {\r\n getList(page, params) {\r\n this.listLoading = true;\r\n fetchList(Object.assign({\r\n current: page.currentPage,\r\n size: page.pageSize\r\n }, params)).then(response => {\r\n this.list = response.data.data.records;\r\n this.page.total = response.data.data.total\r\n this.listLoading = false;\r\n });\r\n },\r\n getNodeData(data) {\r\n deptRoleList().then(response => {\r\n this.rolesOptions = response.data.data;\r\n });\r\n },\r\n sizeChange(pageSize) {\r\n this.page.pageSize = pageSize\r\n },\r\n currentChange(current) {\r\n this.page.currentPage = current\r\n },\r\n handleFilter(param, done) {\r\n this.page.currentPage = 1\r\n this.getList(this.page, param);\r\n done()\r\n },\r\n handleRefreshChange() {\r\n this.getList(this.page)\r\n },\r\n handleOpenBefore(show, type) {\r\n window.boxType = type\r\n // 查询部门树\r\n fetchTree().then(response => {\r\n this.treeDeptData = response.data.data\r\n })\r\n // 查询角色列表\r\n deptRoleList().then(response => {\r\n this.rolesOptions = response.data.data\r\n })\r\n // 若是编辑、查看回显角色名称\r\n if (['edit', 'views'].includes(type)) {\r\n this.role = []\r\n for (let i = 0; i < this.form.roleList.length; i++) {\r\n this.role[i] = this.form.roleList[i].roleId;\r\n }\r\n } else if (type === 'add') {\r\n // 若是添加角色列表设置为空\r\n this.role = []\r\n }\r\n show();\r\n },\r\n handleUpdate(row, index) {\r\n this.$refs.crud.rowEdit(row, index);\r\n this.form.password = undefined\r\n },\r\n create(row, done, loading) {\r\n addObj(this.form).then(() => {\r\n this.getList(this.page);\r\n done();\r\n this.$notify.success('创建成功')\r\n }).catch(() => {\r\n loading();\r\n });\r\n },\r\n update(row, index, done, loading) {\r\n putObj(this.form).then(() => {\r\n this.getList(this.page);\r\n done();\r\n this.$notify.success('修改成功')\r\n }).catch(() => {\r\n loading();\r\n });\r\n },\r\n deletes(row) {\r\n this.$confirm(\"此操作将永久删除该用户(用户名:\" + row.username + \"), 是否继续?\", \"提示\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\", type: \"warning\"\r\n }\r\n ).then(() => {\r\n delObj(row.userId).then(() => {\r\n this.getList(this.page);\r\n this.$notify.success('删除成功')\r\n }).catch(() => {\r\n this.$notify.error('删除失败')\r\n });\r\n });\r\n }\r\n }\r\n };\r\n</script>\r\n"]}]}
|
