{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\sysManager\\roleManager\\index.vue?vue&type=style&index=0&id=01a204a0&prod&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\sysManager\\roleManager\\index.vue","mtime":1697529593689},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1697005521990},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697005525068},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1697005523212},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1697005520931},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697005524089}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLyogdHJlZSBib3JkZXIgKi8NCi50cmVlLWJvcmRlciB7DQogIG1hcmdpbi10b3A6IDVweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2U1ZTZlNzsNCiAgYmFja2dyb3VuZDogI0ZGRkZGRiBub25lOw0KICBib3JkZXItcmFkaXVzOiA0cHg7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAorBA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/sysManager/roleManager","sourcesContent":["<template>\r\n  <div class=\"app-container\">\r\n    <el-form :model=\"queryParams\" ref=\"queryForm\" size=\"small\" :inline=\"true\" v-show=\"showSearch\">\r\n      <el-form-item label=\"角色名称\" prop=\"roleName\">\r\n        <el-input\r\n          maxlength=\"15\"\r\n          v-model=\"queryParams.roleName\"\r\n          placeholder=\"请输入角色名称\"\r\n          clearable\r\n          style=\"width: 240px\"\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"字符标识\" prop=\"roleKey\">\r\n        <el-select\r\n          v-model=\"queryParams.roleKey\"\r\n          placeholder=\"请选择字符标识\"\r\n        >\r\n          <el-option\r\n            v-for=\"item in pcOptions\"\r\n            :key=\"item.value\"\r\n            :label=\"item.label\"\r\n            :value=\"item.value\">\r\n          </el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\r\n        <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n\r\n    <el-row :gutter=\"10\" class=\"mb8\">\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"primary\"\r\n          plain\r\n          icon=\"el-icon-plus\"\r\n          size=\"mini\"\r\n          @click=\"handleAdd\"\r\n          v-hasPermi=\"['system:role:add']\"\r\n        >新增\r\n        </el-button>\r\n      </el-col>\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"success\"\r\n          plain\r\n          icon=\"el-icon-edit\"\r\n          size=\"mini\"\r\n          @click=\"handleUpdate\"\r\n          v-hasPermi=\"['system:role:edit']\"\r\n        >修改\r\n        </el-button>\r\n      </el-col>\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"danger\"\r\n          plain\r\n          icon=\"el-icon-delete\"\r\n          size=\"mini\"\r\n          @click=\"handleDelete\"\r\n          v-hasPermi=\"['system:role:remove']\"\r\n        >删除\r\n        </el-button>\r\n      </el-col>\r\n    </el-row>\r\n    <div style=\"padding-top: 10px\">\r\n      <vxe-table\r\n        ref=\"xTable\"\r\n        align=\"center\"\r\n        :loading=\"loading\"\r\n        class=\"mytable-style\"\r\n        auto-resize\r\n        border\r\n        resizable\r\n        export-config\r\n        highlight-current-row\r\n        show-overflow\r\n        max-height=\"700\"\r\n        :data=\"roleList\"\r\n        :radio-config=\"{trigger: 'row'}\"\r\n      >\r\n        <vxe-column type=\"radio\" width=\"60\"/>\r\n        <vxe-table-column field=\"roleName\" title=\"角色名称\"/>\r\n        <vxe-table-column field=\"roleType\" title=\"类型\" :formatter=\"typeFormat\"/>\r\n        <vxe-table-column field=\"roleKey\" title=\"字符标识\"/>\r\n        <vxe-table-column field=\"roleSort\" title=\"显示顺序\"/>\r\n      </vxe-table>\r\n      <vxe-pager\r\n        v-show=\"showTable\"\r\n        perfect\r\n        :current-page.sync=\"currentPage\"\r\n        :page-size.sync=\"pageSize\"\r\n        :total=\"total\"\r\n        :page-sizes=\"[10,50,100]\"\r\n        :layouts=\"['PrevJump', 'PrevPage','JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']\"\r\n        @page-change=\"handlePageChange\"\r\n      >\r\n      </vxe-pager>\r\n    </div>\r\n    <!-- 添加或修改角色配置对话框 -->\r\n    <el-dialog :title=\"title\" :visible.sync=\"open\" width=\"500px\" append-to-body>\r\n      <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"100px\">\r\n        <el-form-item label=\"角色名称\" prop=\"roleName\">\r\n          <el-input v-model=\"form.roleName\" maxlength=\"15\" placeholder=\"请输入角色名称\" :disabled=\"edit\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"字符标识\" prop=\"roleKey\" :disabled=\"xtglyedit\">\r\n          <el-select\r\n            @change=\"changepc\"\r\n            v-model=\"form.roleKey\"\r\n            placeholder=\"请选择字符标识\"\r\n            :disabled=\"edit\"\r\n          >\r\n            <el-option\r\n              v-for=\"item in pcOptions\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"角色顺序\" prop=\"roleSort\">\r\n          <el-input-number v-model=\"form.roleSort\" controls-position=\"right\" :min=\"0\" :disabled=\"edit\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"类型\">\r\n          <el-select\r\n            v-model=\"form.roleType\"\r\n            placeholder=\"请选择角色类型\"\r\n            clearable\r\n            style=\"width: 240px\"\r\n            :disabled=\"edit\"\r\n          >\r\n            <el-option\r\n              v-for=\"item in typeOptions\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"菜单权限\">\r\n          <el-checkbox v-model=\"menuExpand\" @change=\"handleCheckedTreeExpand($event, 'menu')\">展开/折叠</el-checkbox>\r\n          <el-checkbox v-model=\"menuNodeAll\" @change=\"handleCheckedTreeNodeAll($event, 'menu')\">全选/全不选</el-checkbox>\r\n          <el-checkbox v-model=\"form.menuCheckStrictly\" @change=\"handleCheckedTreeConnect($event, 'menu')\">父子联动\r\n          </el-checkbox>\r\n          <el-tree\r\n            class=\"tree-border\"\r\n            :data=\"menuOptions\"\r\n            show-checkbox\r\n            ref=\"menu\"\r\n            node-key=\"id\"\r\n            :check-strictly=\"!form.menuCheckStrictly\"\r\n            empty-text=\"无数据，请选择字符标识！\"\r\n            :props=\"defaultProps\"\r\n          ></el-tree>\r\n        </el-form-item>\r\n        <el-form-item label=\"备注\">\r\n          <el-input v-model=\"form.remark\" type=\"textarea\" placeholder=\"请输入内容\" :disabled=\"edit\"></el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"submitForm\">确 定</el-button>\r\n        <el-button @click=\"cancel\">取 消</el-button>\r\n      </div>\r\n    </el-dialog>\r\n\r\n    <!-- 分配角色数据权限对话框 -->\r\n    <el-dialog :title=\"title\" :visible.sync=\"openDataScope\" width=\"500px\" append-to-body>\r\n      <el-form :model=\"form\" label-width=\"80px\">\r\n        <el-form-item label=\"角色名称\">\r\n          <el-input v-model=\"form.roleName\" :disabled=\"true\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"权限字符\">\r\n          <el-input v-model=\"form.roleKey\" :disabled=\"true\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"权限范围\">\r\n          <el-select v-model=\"form.dataScope\" @change=\"dataScopeSelectChange\">\r\n            <el-option\r\n              v-for=\"item in dataScopeOptions\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\"\r\n            ></el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"数据权限\" v-show=\"form.dataScope == 2\">\r\n          <el-checkbox v-model=\"deptExpand\" @change=\"handleCheckedTreeExpand($event, 'dept')\">展开/折叠</el-checkbox>\r\n          <el-checkbox v-model=\"deptNodeAll\" @change=\"handleCheckedTreeNodeAll($event, 'dept')\">全选/全不选</el-checkbox>\r\n          <el-checkbox v-model=\"form.deptCheckStrictly\" @change=\"handleCheckedTreeConnect($event, 'dept')\">父子联动\r\n          </el-checkbox>\r\n          <el-tree\r\n            class=\"tree-border\"\r\n            :data=\"deptOptions\"\r\n            show-checkbox\r\n            default-expand-all\r\n            ref=\"dept\"\r\n            node-key=\"id\"\r\n            :check-strictly=\"!form.deptCheckStrictly\"\r\n            empty-text=\"加载中，请稍候\"\r\n            :props=\"defaultProps\"\r\n          ></el-tree>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"submitDataScope\">确 定</el-button>\r\n        <el-button @click=\"cancelDataScope\">取 消</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport {debounce} from \"lodash\";\r\n\r\nexport default {\r\n  name: \"Role\",\r\n  dicts: ['sys_normal_disable'],\r\n  data() {\r\n    return {\r\n      typeOptions: [\r\n        {value: '0', label: '管理员'},\r\n        {value: '1', label: '业务员'}\r\n      ],\r\n      statusOptions: [\r\n        {value: '0', label: '正常'},\r\n        {value: '1', label: '停用'}\r\n      ],\r\n      // 系统管理员edit\r\n      xtglyedit: false,\r\n      edit: false,\r\n      showTable: false,\r\n      // 遮罩层\r\n      loading: true,\r\n      // 选中数组\r\n      ids: [],\r\n      // 非单个禁用\r\n      single: true,\r\n      // 非多个禁用\r\n      multiple: true,\r\n      // 显示搜索条件\r\n      showSearch: false,\r\n      currentPage: 1,\r\n      pageSize: 10,\r\n      // 总条数\r\n      total: 0,\r\n      // 角色表格数据\r\n      roleList: [],\r\n      // 弹出层标题\r\n      title: \"\",\r\n      // 是否显示弹出层\r\n      open: false,\r\n      // 是否显示弹出层（数据权限）\r\n      openDataScope: false,\r\n      menuExpand: false,\r\n      menuNodeAll: false,\r\n      deptExpand: true,\r\n      deptNodeAll: false,\r\n      pcOptions: [\r\n        {value: 'XTGL', label: 'XTGL'},\r\n        {value: 'SJGL', label: 'SJGL'},\r\n        {value: 'SHGL', label: 'SHGL'},\r\n        {value: 'YWGL', label: 'YWGL'},\r\n        {value: 'SJYW', label: 'SJYW'},\r\n        {value: 'YWPZ', label: 'YWPZ'},\r\n        {value: 'YWCZ', label: 'YWCZ'}\r\n      ],\r\n      // 日期范围\r\n      dateRange: [],\r\n      // 数据范围选项\r\n      dataScopeOptions: [\r\n        {\r\n          value: \"1\",\r\n          label: \"全部数据权限\"\r\n        },\r\n        {\r\n          value: \"2\",\r\n          label: \"自定数据权限\"\r\n        },\r\n        {\r\n          value: \"3\",\r\n          label: \"本部门数据权限\"\r\n        },\r\n        {\r\n          value: \"4\",\r\n          label: \"本部门及以下数据权限\"\r\n        },\r\n        {\r\n          value: \"5\",\r\n          label: \"仅本人数据权限\"\r\n        }\r\n      ],\r\n      // 菜单列表\r\n      menuOptions: [],\r\n      // 部门列表\r\n      deptOptions: [],\r\n      // 查询参数\r\n      queryParams: {\r\n        roleName: undefined,\r\n        roleKey: undefined,\r\n        status: undefined\r\n      },\r\n      // 表单参数\r\n      form: {},\r\n      defaultProps: {\r\n        children: \"children\",\r\n        label: \"label\"\r\n      },\r\n      // 表单校验\r\n      rules: {\r\n        roleName: [\r\n          {required: true, message: \"角色名称不能为空\", trigger: \"blur\"}\r\n        ],\r\n        roleKey: [\r\n          {required: true, message: \"权限字符不能为空\", trigger: \"blur\"}\r\n        ],\r\n        roleSort: [\r\n          {required: true, message: \"角色顺序不能为空\", trigger: \"blur\"}\r\n        ]\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods: {\r\n    changepc(value) {\r\n      this.getMenuTreeselect(value);\r\n    },\r\n    // 列表状态格式化\r\n    typeFormat({cellValue}) {\r\n      let belongTo = '未知的类型'\r\n      for (let i = 0; i < this.typeOptions.length; i++) {\r\n        if (cellValue == \"0\") {\r\n          belongTo = \"管理员\"\r\n        } else if (cellValue == \"1\") {\r\n          belongTo = \"业务员\"\r\n        }\r\n      }\r\n      return belongTo\r\n    },\r\n    /** 查询角色列表 */\r\n    async getList() {\r\n      this.showSearch = true\r\n      this.xtglyedit = true\r\n      this.edit = true\r\n\r\n      this.loading = true;\r\n      var searchParams = {\r\n        currentPage: this.currentPage,\r\n        pageSize: this.pageSize,\r\n        roleName: this.queryParams.roleName,\r\n        roleKey: this.queryParams.roleKey,\r\n        status: this.queryParams.status\r\n      }\r\n      await this.$axios.get('/sysRoleController/getAll',\r\n        {params: searchParams}).then((res) => {\r\n        this.roleList = res.data.records\r\n        this.total = res.data.total\r\n        if (res.data.records == '') {\r\n          this.showTable = false\r\n        } else {\r\n          this.showTable = true\r\n        }\r\n        this.loading = false\r\n      }).catch((error) => {\r\n        this.loading = false\r\n        // this.$message.error('获取数据出错' + error)\r\n      })\r\n    },\r\n    handlePageChange({currentPage, pageSize}) {\r\n      this.currentPage = currentPage\r\n      this.pageSize = pageSize\r\n      this.getList()\r\n    },\r\n    // 列表状态格式化\r\n    statusFormat({cellValue}) {\r\n      let belongTo = '未知的类型'\r\n      for (let i = 0; i < this.statusOptions.length; i++) {\r\n        if (cellValue == \"0\") {\r\n          belongTo = \"正常\"\r\n        } else if (cellValue == \"1\") {\r\n          belongTo = \"停用\"\r\n        }\r\n      }\r\n      return belongTo\r\n    },\r\n    /** 查询菜单树结构 */\r\n    async getMenuTreeselect(pc) {\r\n      var searchParams = {\r\n        pc: pc\r\n      }\r\n      await this.$axios.get('/sysMenuController/treeselect',\r\n        {params: searchParams}).then((res) => {\r\n        this.menuOptions = res.data\r\n      }).catch((error) => {\r\n        this.loading = false\r\n        // this.$message.error('获取数据出错' + error)\r\n      })\r\n    },\r\n    // 所有菜单节点数据\r\n    getMenuAllCheckedKeys() {\r\n      // 目前被选中的菜单节点\r\n      let checkedKeys = this.$refs.menu.getCheckedKeys();\r\n      // 半选中的菜单节点\r\n      let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys();\r\n      checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);\r\n      return checkedKeys;\r\n    },\r\n    /** 根据角色ID查询菜单树结构 */\r\n    getRoleMenuTreeselect(roleId) {\r\n      var param = {\r\n        roleId: roleId\r\n      }\r\n      this.$axios.get('/sysMenuController/roleMenuTreeselect',\r\n        {params: param}).then((res) => {\r\n        this.menuOptions = res.data.menus;\r\n        return res.data\r\n      }).catch((error) => {\r\n        this.loading = false\r\n        // this.$message.error('获取数据出错' + error)\r\n      })\r\n    },\r\n    // 角色状态修改\r\n    handleStatusChange(row) {\r\n      let text = row.status === \"0\" ? \"启用\" : \"停用\";\r\n      this.$modal.confirm('确认要\"' + text + '\"\"' + row.roleName + '\"角色吗？').then(function () {\r\n        return changeRoleStatus(row.roleId, row.status);\r\n      }).then(() => {\r\n        this.$modal.msgSuccess(text + \"成功\");\r\n      }).catch(function () {\r\n        row.status = row.status === \"0\" ? \"1\" : \"0\";\r\n      });\r\n    },\r\n    // 取消按钮\r\n    cancel() {\r\n      this.menuOptions = [];\r\n      this.open = false;\r\n      this.reset();\r\n    },\r\n    // 取消按钮（数据权限）\r\n    cancelDataScope() {\r\n      this.deptOptions = [];\r\n      this.openDataScope = false;\r\n      this.reset();\r\n    },\r\n    // 表单重置\r\n    reset() {\r\n      if (this.$refs.menu != undefined) {\r\n        this.$refs.menu.setCheckedKeys([]);\r\n      }\r\n      this.edit = false,\r\n        this.menuExpand = false,\r\n        this.menuNodeAll = false,\r\n        this.deptExpand = true,\r\n        this.deptNodeAll = false,\r\n        this.form = {\r\n          roleId: undefined,\r\n          roleName: undefined,\r\n          roleKey: undefined,\r\n          roleSort: 0,\r\n          status: \"0\",\r\n          roleType: \"0\",\r\n          menuIds: [],\r\n          deptIds: [],\r\n          menuCheckStrictly: true,\r\n          deptCheckStrictly: true,\r\n          remark: undefined\r\n        };\r\n      this.resetForm(\"form\");\r\n    },\r\n    /** 搜索按钮操作 */\r\n    handleQuery: debounce(function () {\r\n      this.currentPage = 1\r\n      this.pageSize = 10\r\n      // this.queryParams.pageNum = 1;\r\n      this.getList();\r\n    }, 1000),\r\n    /** 重置按钮操作 */\r\n    resetQuery() {\r\n      this.dateRange = [];\r\n      this.resetForm(\"queryForm\");\r\n    },\r\n    // 多选框选中数据\r\n    handleSelectionChange(selection) {\r\n      this.ids = selection.map(item => item.roleId)\r\n      this.single = selection.length != 1\r\n      this.multiple = !selection.length\r\n    },\r\n    // 更多操作触发\r\n    handleCommand(command, row) {\r\n      switch (command) {\r\n        case \"handleAuthUser\":\r\n          this.handleAuthUser(row);\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    // 树权限（展开/折叠）\r\n    handleCheckedTreeExpand(value, type) {\r\n      if (type == 'menu') {\r\n        let treeList = this.menuOptions;\r\n        for (let i = 0; i < treeList.length; i++) {\r\n          this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value;\r\n        }\r\n      } else if (type == 'dept') {\r\n        let treeList = this.deptOptions;\r\n        for (let i = 0; i < treeList.length; i++) {\r\n          this.$refs.dept.store.nodesMap[treeList[i].id].expanded = value;\r\n        }\r\n      }\r\n    },\r\n    // 树权限（全选/全不选）\r\n    handleCheckedTreeNodeAll(value, type) {\r\n      if (type == 'menu') {\r\n        this.$refs.menu.setCheckedNodes(value ? this.menuOptions : []);\r\n      } else if (type == 'dept') {\r\n        this.$refs.dept.setCheckedNodes(value ? this.deptOptions : []);\r\n      }\r\n    },\r\n    // 树权限（父子联动）\r\n    handleCheckedTreeConnect(value, type) {\r\n      if (type == 'menu') {\r\n        this.form.menuCheckStrictly = value ? true : false;\r\n      } else if (type == 'dept') {\r\n        this.form.deptCheckStrictly = value ? true : false;\r\n      }\r\n    },\r\n    /** 新增按钮操作 */\r\n    handleAdd: debounce(function () {\r\n      this.reset();\r\n      // this.getMenuTreeselect();\r\n      this.open = true;\r\n      this.title = \"添加角色\";\r\n      this.edit = false;\r\n    }, 500),\r\n    /** 修改按钮操作 */\r\n    handleUpdate: debounce(async function () {\r\n      this.reset();\r\n      const _selectData = this.$refs.xTable.getRadioRecord(true)\r\n      if (_selectData == null) {\r\n        this.$message({\r\n          type: 'warning',\r\n          message: '请选择记录!'\r\n        });\r\n        return\r\n      }\r\n\r\n\r\n      this.edit = true;\r\n      const roleId = _selectData.roleId\r\n      var param = {\r\n        roleId: roleId\r\n      }\r\n      await this.$axios.get('/sysRoleController/getInfo',\r\n        {params: param}).then((res2) => {\r\n        this.form = res2.data;\r\n        this.open = true;\r\n      })\r\n      this.title = \"修改角色\";\r\n\r\n      var param1 = {\r\n        roleId: roleId\r\n      }\r\n\r\n      await this.$axios.get('/sysMenuController/roleMenuTreeselect',\r\n        {params: param1}).then((res) => {\r\n        this.menuOptions = res.data.menus;\r\n        let checkedKeys = res.data.checkedKeys\r\n        checkedKeys.forEach((v) => {\r\n          this.$nextTick(() => {\r\n            this.$refs.menu.setChecked(v, true, false);\r\n          })\r\n        })\r\n      })\r\n    }, 1000),\r\n    /** 选择角色权限范围触发 */\r\n    dataScopeSelectChange(value) {\r\n      if (value !== '2') {\r\n        this.$refs.dept.setCheckedKeys([]);\r\n      }\r\n    },\r\n    /** 分配用户操作 */\r\n    handleAuthUser: function (row) {\r\n      const roleId = row.roleId;\r\n      this.$router.push(\"/system/role-auth/user/\" + roleId);\r\n    },\r\n    /** 提交按钮 */\r\n    submitForm: debounce(function () {\r\n      this.$refs[\"form\"].validate(async valid => {\r\n        if (valid) {\r\n          if (this.form.roleKey.trim() == 'XTGL') {\r\n            if (this.form.builtIn != '0') {\r\n              // 不是内置用户则拦截\r\n              this.$message({\r\n                type: 'warning',\r\n                message: '内置角色标识XTGL不能再次添加！'\r\n              });\r\n              return\r\n            }\r\n          }\r\n\r\n          if (this.form.roleId != undefined) {\r\n            this.form.menuIds = this.getMenuAllCheckedKeys();\r\n            // 更新操作\r\n            this.$axios.post('/sysRoleController/updateRole', this.form).then((res) => {\r\n                this.$message.success('修改成功')\r\n                this.open = false;\r\n                this.reset();\r\n                this.getList();\r\n                this.menuOptions = [];\r\n                this.loading = false\r\n            }).catch((error) => {\r\n              this.loading = false\r\n            })\r\n          } else {\r\n            this.form.menuIds = this.getMenuAllCheckedKeys();\r\n            this.$axios.post('/sysRoleController/addRole', this.form).then((res) => {\r\n              this.$message.success('新增成功')\r\n              this.open = false;\r\n              this.reset();\r\n              this.getList();\r\n              this.menuOptions = [];\r\n              this.loading = false\r\n            }).catch((error) => {\r\n              this.loading = false\r\n            })\r\n          }\r\n        }\r\n      });\r\n    }, 1000),\r\n    /** 提交按钮（数据权限） */\r\n    submitDataScope: function () {\r\n      if (this.form.roleId != undefined) {\r\n        this.form.deptIds = this.getDeptAllCheckedKeys();\r\n        dataScope(this.form).then(response => {\r\n          this.$modal.msgSuccess(\"修改成功\");\r\n          this.openDataScope = false;\r\n          this.getList();\r\n        });\r\n      }\r\n    },\r\n    /** 删除按钮操作 */\r\n    handleDelete() {\r\n      const _selectData = this.$refs.xTable.getRadioRecord(true)\r\n      if (_selectData == null) {\r\n        this.$message({\r\n          type: 'warning',\r\n          message: '请选择记录!'\r\n        });\r\n        return\r\n      }\r\n\r\n      if (_selectData.roleKey == 'XTGL') {\r\n        this.$message({\r\n          type: 'warning',\r\n          message: '内置角色不能删除!'\r\n        });\r\n        return\r\n      }\r\n\r\n      this.$confirm('是否确认删除角色?', '提示', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => {\r\n        this.doDelete(_selectData)\r\n      }).catch(() => {\r\n      });\r\n    },\r\n    /**\r\n     * 删除提交\r\n     */\r\n    doDelete: debounce(async function (_selectData) {\r\n\r\n      const param = {\r\n        roleId: _selectData.roleId\r\n      }\r\n      await this.$axios.post('/sysRoleController/delRole', this.$qs.stringify(param)).then((res) => {\r\n        this.$message.success('删除成功！')\r\n          this.getList();\r\n      }).catch((error) => {\r\n      })\r\n      this.loading = false\r\n    }, 1000)\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* tree border */\r\n.tree-border {\r\n  margin-top: 5px;\r\n  border: 1px solid #e5e6e7;\r\n  background: #FFFFFF none;\r\n  border-radius: 4px;\r\n}\r\n</style>\r\n"]}]}