{"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>&nbsp;&nbsp;\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"]}]}