huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增角色完成

lihuilin/feature-20250715112412-金币二期
lihuilin 3 weeks ago
parent
1c1a82e955
commit
dca0266032
3 changed files with 158 additions and 113 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .env.development
  2. 131
      src/views/permissions/permission.vue
  3. 4
      src/views/workspace/index.vue

2
.env.development
View File

@ -1,4 +1,4 @@
# VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
VITE_API_BASE='http://192.168.8.246:8081/'
VITE_API_BASE='http://192.168.9.21:8081/'

131
src/views/permissions/permission.vue
View File

@ -7,7 +7,7 @@ import moment from 'moment'
import { UserFilled } from '@element-plus/icons-vue'
import _ from 'lodash'
import request from '@/util/http'
import API from '@/util/http'
// 客户明细表格 什么表格？？？？？？？
const tableData = ref([])
const total = ref(100)
@ -40,8 +40,8 @@ const permissionAddVisible = ref(false)
const addAdmin = ref({
account: '',
name: '',
market: '',
permission: [],
market: [],
permission: '',
postiton: '',
machineId: '', // 初始机器码输入框
machineIds: [], // 动态添加的机器码输入框
@ -51,7 +51,8 @@ const addAdmin = ref({
const addRole = ref({
roleName: '',
parentName: '',
permissionSelect: []
checkedKeys: [],
grade: ''
})
// 新增角色的权限列表
const permissionSelect = ref()
@ -76,29 +77,6 @@ const lists = [
{ name: '地区财务', value: '5', permissions: ['2', '3', '4', '5'] },
{ name: '客服专员', value: '6', permissions: ['2', '3'] }
]
const filteredData = ref([])
watch(() => addRole.value.parentName, (newValue) => {
const selectedRole = lists.find(role => role.value === newValue)
if (selectedRole) {
const allowedPermissions = selectedRole.permissions
filteredData.value = filterPermissions(data, allowedPermissions)
} else {
filteredData.value = data
}
})
const filterPermissions = (permissions, allowedPermissions) => {
return permissions.filter(permission => {
if (allowedPermissions.includes(permission.value)) {
if (permission.children) {
permission.children = filterPermissions(permission.children, allowedPermissions)
}
return true
}
return false
})
}
const get = async function (val) {
try {
@ -164,6 +142,17 @@ const getStore = async function () {
// 打开新增用户权限弹窗
const openUserAddVisible = function () {
userAddVisible.value = true
addAdmin.value = {
account: '',
name: '',
market: '',
permission: '',
postiton: '',
machineId: '',
machineIds: [],
remark: ''
};
}
// 新增角色弹窗
const openPermissionAddVisible = function () {
@ -187,7 +176,6 @@ const closeUserAddVisible = function () {
}
const closePermissionAddVisible = function () {
permissionAddVisible.value = false
addRole.value = {}
Ref.value.resetFields();
}
// 新增用户权限初始化
@ -203,6 +191,7 @@ const permissionAddInit = function () {
const permissionAdd = async function () {
Ref.value.validate(async (valid) => {
console.log('addRole', addRole.value)
console.log('valid', valid)
if (valid) {
try {
@ -350,6 +339,22 @@ const delConfirm = async function () {
ElMessage.error('删除权限失败')
}
}
const handleAddRole = async function () {
try {
const res = await API({
url: '/role/add',
data: {
"roleName": addRole.value.roleName,
"menuIds": addRole.value.checkedKeys,
"priority": addRole.value.grade,
"fatherId": addRole.value.parentName
}
})
console.log('成功了，看看addRole', addRole.value)
} catch (error) {
console.log('请求失败', error)
}
}
// 禁用启用用户权限
const editStatus = async function (row) {
try {
@ -502,6 +507,40 @@ const data = [
]
}
]
const filteredData = ref([...data])
watch(() => addRole.value.parentName, (newValue) => {
if (newValue) {
const selectedRole = lists.find(role => role.value === newValue)
if (selectedRole) {
const allowedPermissions = selectedRole.permissions
filteredData.value = filterPermissions(data, allowedPermissions)
} else {
filteredData.value = data
}
} else {
filteredData.value = data
}
})
const filterPermissions = (permissions, allowedPermissions) => {
return permissions.filter(permission => {
if (allowedPermissions.includes(permission.value)) {
if (permission.children) {
permission.children = filterPermissions(permission.children, allowedPermissions)
}
return true
}
return false
})
}
const includeHq = computed(() => {
const i = addAdmin.value.market.includes('总部')
return (item) => i && item != '总部'
})
const handleCheckChange = (checkedNodes, { checkedKeys }) => {
addRole.value.checkedKeys = checkedKeys;
};
</script>
<template>
@ -610,30 +649,32 @@ const data = [
<!-- 居中显示 -->
<el-form ref="Ref" :model="addAdmin" label-width="auto" style="max-width: 600px; align-items: center">
<el-form-item prop="account" label="OA号:" required>
<el-form-item prop="account" label="OA号:" required clearable>
<el-input v-model="addAdmin.account" placeholder="请输入OA号" style="width: 220px" />
</el-form-item>
<el-form-item prop="name" label="用户名:" required>
<el-form-item prop="name" label="用户名:" required clearable>
<el-input v-model="addAdmin.name" placeholder="请输入用户名" style="width: 220px" />
</el-form-item>
<el-form-item prop="market" label="所属地区:" required>
<el-select multiple v-model="addAdmin.market" placeholder="请选择所属地区" style="width: 440px">
<el-option v-for="item in market" :key="item" :label="item" :value="item" />
<el-form-item prop="market" label="所属地区:" required clearable>
<el-select multiple v-model="addAdmin.market" placeholder="请选择所属地区" style="width: 440px" clearable>
<el-option v-for="item in market" :key="item" :label="item" :value="item" :disabled="includeHq(item)" />
</el-select>
</el-form-item>
<el-form-item prop="permission" label="角色名称:" required>
<el-select v-model="addAdmin.permission" placeholder="请选择角色名称" style="width: 220px">
<el-option v-for="item in permissionList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-select v-model="addAdmin.permission" placeholder="请选择角色名称" style="width: 220px" clearable>
<el-option v-for="item in permissionList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="postiton" label="职位:" required>
<el-input v-model="addAdmin.postiton" placeholder="请输入职位" style="width: 220px" />
<el-input v-model="addAdmin.postiton" placeholder="请输入职位" style="width: 220px" clearable />
</el-form-item>
<el-form-item prop="machineId" label="机器码:" required>
<div style="display: flex; align-items: center; flex-wrap: wrap;">
<el-input v-model="addAdmin.machineId" placeholder="请输入机器码" style="width: 220px; margin-right: 10px;" />
<el-input v-model="addAdmin.machineId" placeholder="请输入机器码" style="width: 220px; margin-right: 10px;"
clearable />
<el-button type="primary" @click="addMachineIdInput">添加</el-button>
<!-- 动态添加的机器码输入框 -->
<div v-for="(item, index) in addAdmin.machineIds" :key="index" style="margin-left: 10px;">
@ -668,11 +709,13 @@ const data = [
</el-form-item>
<el-form-item prop="parentName" label="上级角色:" required>
<el-select v-model="permissionEditObj.parentName" placeholder="请选择上级角色" style="width: 220px">
<el-option v-for="item in permissionList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option v-for="item in permissionList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="permissionSelect" label="权限列表:" required>
<el-tree multiple v-model="permissionEditObj.permissionSelect" :data="data" :render-after-expand="false" show-checkbox style="width: 700px" />
<el-tree multiple v-model="permissionEditObj.permissionSelect" :data="data" :render-after-expand="false"
show-checkbox style="width: 700px" />
</el-form-item>
</el-form>
<div>
@ -696,11 +739,13 @@ const data = [
</el-form-item>
<el-form-item prop="parentName" label="上级角色:">
<el-select v-model="addRole.parentName" placeholder="请选择上级角色" style="width: 220px" clearable>
<el-option v-for="item in permissionList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option v-for="item in permissionList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="permissionSelect" label="权限列表:" required>
<el-tree multiple v-model="addRole.permissionSelect" :data="filteredData" :render-after-expand="false" show-checkbox style="width: 700px" />
<el-form-item prop="checkedKeys" label="权限列表:" required>
<el-tree :data="filteredData" show-checkbox node-key="value" :props="{ label: 'label', children: 'children' }"
:checked-keys="addRole.checkedKeys" @check="handleCheckChange" />
</el-form-item>
<el-form-item prop="grade" label="优先级:" required>
<el-input v-model="addRole.grade" placeholder="数字1~999" style="width: 220px" />
@ -709,7 +754,7 @@ const data = [
<div>
<el-button @click="closePermissionAddVisible()">取消</el-button>
<el-button type="primary" @click="throttledPermissionAdd()">
<el-button type="primary" @click="handleAddRole">
提交
</el-button>
</div>

4
src/views/workspace/index.vue
View File

@ -390,8 +390,8 @@ const processData = (data) => {
yearlyRechargeNum.value = summary.yearlyRechargeNum
sumWow.value = (summary.sumWow / length.value).toFixed(2)
sumDaily.value = (summary.sumDaily / length.value).toFixed(2)
rechargeNum.value = summary.rechargeNum.toFixed(2)
firstRecharge.value = summary.firstRecharge.toFixed(2)
rechargeNum.value = summary.rechargeNum
firstRecharge.value = summary.firstRecharge
}
// 获取市场列表

Write Preview
Loading…
Cancel
Save