|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<el-card class="tjm_card_style_custom">
|
|
|
- <!-- <div class="tjm_card_title">查询表格</div>-->
|
|
|
+ <!-- <div class="tjm_card_title">条件检索</div>-->
|
|
|
<!-- <div class="tjm_card_select">-->
|
|
|
<!-- <div class="tjm_card_select_left">-->
|
|
|
<!-- <el-form-->
|
|
|
@@ -107,7 +107,7 @@
|
|
|
<el-tag
|
|
|
:type="scope.row.state === 1 ? 'danger' : 'success'"
|
|
|
disable-transitions>
|
|
|
- {{ scope.row.state === 1 ? '禁用' : '启用' }}
|
|
|
+ {{ scope.row.state === 1 ? "禁用" : "启用" }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -220,21 +220,21 @@ import {
|
|
|
setRole,
|
|
|
setRoleMenuTree,
|
|
|
setRolePortTree
|
|
|
-} from '@/api/system/role'
|
|
|
+} from "@/api/system/role"
|
|
|
|
|
|
-const activeName = ref('first')
|
|
|
+const activeName = ref("first")
|
|
|
const defaultProps = ref({
|
|
|
- children: 'children',
|
|
|
- label: 'name'
|
|
|
+ children: "children",
|
|
|
+ label: "name"
|
|
|
})
|
|
|
const treeData = ref([])
|
|
|
const treeData2 = ref([])
|
|
|
const loading = ref(false) //加载
|
|
|
// const isExpandAll = ref(false) //展开
|
|
|
-const dialogTitle = ref('新增')
|
|
|
+const dialogTitle = ref("新增")
|
|
|
const addShow = ref(false)
|
|
|
const sendShow = ref(false)
|
|
|
-const selectedRow = ref('')
|
|
|
+const selectedRow = ref("")
|
|
|
const tableData = ref([])
|
|
|
|
|
|
const form = ref({
|
|
|
@@ -244,8 +244,8 @@ const form = ref({
|
|
|
description: null
|
|
|
})
|
|
|
const rules = ref({
|
|
|
- name: [{ required: true, message: '角色名称不能为空', trigger: 'blur' }],
|
|
|
- code: [{ required: true, message: '角色代码不能为空', trigger: 'blur' }]
|
|
|
+ name: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
|
|
|
+ code: [{ required: true, message: "角色代码不能为空", trigger: "blur" }]
|
|
|
})
|
|
|
|
|
|
const checkedMenuKeys = ref([])
|
|
|
@@ -283,13 +283,13 @@ function currentChange(e) {
|
|
|
}
|
|
|
|
|
|
function addClick() {
|
|
|
- dialogTitle.value = '新增'
|
|
|
+ dialogTitle.value = "新增"
|
|
|
addShow.value = true
|
|
|
}
|
|
|
|
|
|
function showChange(row) {
|
|
|
console.log(row)
|
|
|
- dialogTitle.value = '修改'
|
|
|
+ dialogTitle.value = "修改"
|
|
|
form.value.state = row.state === 0
|
|
|
form.value.description = row.description
|
|
|
form.value.code = row.code
|
|
|
@@ -310,17 +310,17 @@ function resetForm() {
|
|
|
state: true,
|
|
|
description: null
|
|
|
}
|
|
|
- if (proxy.$refs['userRef']) {
|
|
|
- proxy.$refs['userRef'].resetFields()
|
|
|
+ if (proxy.$refs["userRef"]) {
|
|
|
+ proxy.$refs["userRef"].resetFields()
|
|
|
}
|
|
|
- console.log('重置表单')
|
|
|
+ console.log("重置表单")
|
|
|
}
|
|
|
|
|
|
function submitForm() {
|
|
|
- proxy.$refs['userRef'].validate(valid => {
|
|
|
+ proxy.$refs["userRef"].validate(valid => {
|
|
|
if (valid) {
|
|
|
if (form.value.id) {
|
|
|
- console.log('修改表单')
|
|
|
+ console.log("修改表单")
|
|
|
const params = {
|
|
|
...form.value
|
|
|
}
|
|
|
@@ -328,8 +328,8 @@ function submitForm() {
|
|
|
setRole(params).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
ElMessage({
|
|
|
- message: '修改成功',
|
|
|
- type: 'success'
|
|
|
+ message: "修改成功",
|
|
|
+ type: "success"
|
|
|
})
|
|
|
addShow.value = false
|
|
|
resetForm()
|
|
|
@@ -337,7 +337,7 @@ function submitForm() {
|
|
|
}
|
|
|
})
|
|
|
} else {
|
|
|
- console.log('新增表单')
|
|
|
+ console.log("新增表单")
|
|
|
const params = {
|
|
|
...form.value
|
|
|
}
|
|
|
@@ -345,8 +345,8 @@ function submitForm() {
|
|
|
addRole(params).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
ElMessage({
|
|
|
- message: '新增成功',
|
|
|
- type: 'success'
|
|
|
+ message: "新增成功",
|
|
|
+ type: "success"
|
|
|
})
|
|
|
addShow.value = false
|
|
|
resetForm()
|
|
|
@@ -370,7 +370,7 @@ function sendPermissions(row) {
|
|
|
getRoleMenuTree(row.id).then(resp => {
|
|
|
checkedMenuKeys.value = []
|
|
|
if (!resp.data.length) {
|
|
|
- proxy.$refs['treeRef'] && proxy.$refs['treeRef'].setCheckedNodes(checkedMenuKeys.value, false)
|
|
|
+ proxy.$refs["treeRef"] && proxy.$refs["treeRef"].setCheckedNodes(checkedMenuKeys.value, false)
|
|
|
sendShow.value = true
|
|
|
} else {
|
|
|
//
|
|
|
@@ -398,9 +398,9 @@ function sendPermissions(row) {
|
|
|
getRolePortTree(row.id).then(resp => {
|
|
|
checkedMenuKeys2.value = []
|
|
|
if (!resp.data.length) {
|
|
|
- proxy.$refs['treeRef2'].setCheckedNodes(checkedMenuKeys2.value, false)
|
|
|
+ proxy.$refs["treeRef2"].setCheckedNodes(checkedMenuKeys2.value, false)
|
|
|
sendShow.value = true
|
|
|
- console.log('都没选中接口')
|
|
|
+ console.log("都没选中接口")
|
|
|
} else {
|
|
|
//
|
|
|
let keys = []
|
|
|
@@ -414,7 +414,7 @@ function sendPermissions(row) {
|
|
|
checkedMenuKeys2.value = [...new Set(lastKeys)].filter(item => {
|
|
|
return keys.includes(item)
|
|
|
})
|
|
|
- console.log(checkedMenuKeys2.value, '123')
|
|
|
+ console.log(checkedMenuKeys2.value, "123")
|
|
|
sendShow.value = true
|
|
|
}
|
|
|
})
|
|
|
@@ -440,24 +440,24 @@ function saveAllTree() {
|
|
|
|
|
|
function saveTree() {
|
|
|
// 获取所有选中的节点信息(包括未完全选中的父节点)
|
|
|
- const halfCheckedKeys = proxy.$refs['treeRef'].getHalfCheckedKeys() // 获取半选中(即父节点未完全选中)节点的 keys
|
|
|
- const checkedKeys = proxy.$refs['treeRef'].getCheckedKeys()
|
|
|
- console.log(halfCheckedKeys, '半选菜单', checkedKeys, '选中的菜单')
|
|
|
+ const halfCheckedKeys = proxy.$refs["treeRef"].getHalfCheckedKeys() // 获取半选中(即父节点未完全选中)节点的 keys
|
|
|
+ const checkedKeys = proxy.$refs["treeRef"].getCheckedKeys()
|
|
|
+ console.log(halfCheckedKeys, "半选菜单", checkedKeys, "选中的菜单")
|
|
|
// 合并已选中的节点和半选中的节点 keys,因为半选中的节点代表有子节点被选中,需要被包括在内
|
|
|
const allKeys = [...new Set([...halfCheckedKeys, ...checkedKeys])]
|
|
|
|
|
|
// 调用 API,传递所有必要的节点
|
|
|
- setRoleMenuTree(selectedRow.value.id, { menuIds: allKeys.join(','), roleId: selectedRow.value.id }).then(res => {
|
|
|
+ setRoleMenuTree(selectedRow.value.id, { menuIds: allKeys.join(","), roleId: selectedRow.value.id }).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
// ElMessage({
|
|
|
- // message: '分配成功',
|
|
|
- // type: 'success'
|
|
|
+ // message: "分配成功",
|
|
|
+ // type: "success"
|
|
|
// })
|
|
|
sendShow.value = false
|
|
|
} else {
|
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
|
- type: 'error'
|
|
|
+ type: "error"
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
@@ -465,46 +465,46 @@ function saveTree() {
|
|
|
|
|
|
function savePortTree() {
|
|
|
// 获取所有选中的节点信息(包括未完全选中的父节点)
|
|
|
- const halfCheckedKeys = proxy.$refs['treeRef2'].getHalfCheckedKeys() // 获取半选中(即父节点未完全选中)节点的 keys
|
|
|
- const checkedKeys = proxy.$refs['treeRef2'].getCheckedKeys()
|
|
|
- console.log(halfCheckedKeys, '半选菜单', checkedKeys, '选中的菜单')
|
|
|
+ const halfCheckedKeys = proxy.$refs["treeRef2"].getHalfCheckedKeys() // 获取半选中(即父节点未完全选中)节点的 keys
|
|
|
+ const checkedKeys = proxy.$refs["treeRef2"].getCheckedKeys()
|
|
|
+ console.log(halfCheckedKeys, "半选菜单", checkedKeys, "选中的菜单")
|
|
|
// 合并已选中的节点和半选中的节点 keys,因为半选中的节点代表有子节点被选中,需要被包括在内
|
|
|
const allKeys = [...new Set([...halfCheckedKeys, ...checkedKeys])]
|
|
|
|
|
|
// 调用 API,传递所有必要的节点
|
|
|
- setRolePortTree({ permissionType: 1, scopeIds: allKeys.join(','), roleId: selectedRow.value.id }).then(res => {
|
|
|
+ setRolePortTree({ permissionType: 1, scopeIds: allKeys.join(","), roleId: selectedRow.value.id }).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
ElMessage({
|
|
|
- message: '分配成功',
|
|
|
- type: 'success'
|
|
|
+ message: "分配成功",
|
|
|
+ type: "success"
|
|
|
})
|
|
|
sendShow.value = false
|
|
|
} else {
|
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
|
- type: 'error'
|
|
|
+ type: "error"
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
function deleteRoleClick(row) {
|
|
|
- ElMessageBox.confirm('是否确认删除"' + row.name + '"?', '删除警告', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
+ ElMessageBox.confirm(`是否确认删除"${row.name}"?`, "删除警告", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
}).then(() => {
|
|
|
deleteRole(row.id).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
ElMessage({
|
|
|
- message: '删除成功',
|
|
|
- type: 'success'
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success"
|
|
|
})
|
|
|
getList()
|
|
|
} else {
|
|
|
ElMessage({
|
|
|
message: res.msg,
|
|
|
- type: 'error'
|
|
|
+ type: "error"
|
|
|
})
|
|
|
}
|
|
|
})
|