Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

业务管理，系统管理

Browse Source
This commit is contained in:
sjl
2025-07-28 16:35:36 +08:00
parent d6e440dedb
commit d53b9df52f
10 changed files with 134 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/views/system/auth/menu/popupMenu.vue
View File

@@ -1,8 +1,8 @@
<template>
<el-dialog draggable width="600px" v-model="dialogVisible" :title="title">
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="auto" class="form-one">
<el-form-item label="上级菜单">
<el-form :inline="false" :model="form" label-width="auto" :rules="rules" class="form-one" ref="formRef">
<el-form-item label="上级菜单" prop="pid">
<el-cascader
v-model="form.pid"
clearable
@@ -11,16 +11,16 @@
style="width: 100%"
/>
</el-form-item>
<el-form-item label="菜单名称">
<el-input v-model="form.name" placeholder="请输入菜单名称" />
<el-form-item label="菜单名称" prop="name">
<el-input v-model="form.name" placeholder="请输入菜单名称" maxlength="32" show-word-limit @input="handleInput"/>
</el-form-item>
<el-form-item label="图标">
<el-form-item label="图标" prop="icon">
<IconSelector v-model="form.icon" placeholder="请选择图标" />
</el-form-item>
<el-form-item label="菜单路由">
<el-input v-model="form.path" placeholder="请输入菜单名称" />
<el-form-item label="菜单路由" prop="path">
<el-input v-model="form.path" placeholder="请输入菜单路由" />
</el-form-item>
<el-form-item label="组件路径">
<el-form-item label="组件路径" prop="routeName">
<el-input
v-model="form.routeName"
placeholder="请输入组件路径，如/src/views/auth/audit/index.vue或auth/audit"
@@ -53,6 +53,7 @@ import { updateMenu, addMenu } from '@/api/systerm'
defineOptions({
name: 'auth/menu/popupMenu'
})
const emits = defineEmits<{
(e: 'init'): void
}>()
@@ -75,7 +76,7 @@ const form: any = reactive({
sort: 100,
type: 0
})
const formRef = ref()
const dialogVisible = ref(false)
const title = ref('新增菜单')
const open = (text: string, data: anyObj) => {
@@ -99,21 +100,35 @@ const open = (text: string, data: anyObj) => {
dialogVisible.value = true
}
const submit = async () => {
formRef.value.validate(async (valid: boolean) => {
if (valid) {
if(form.pid === ''||form.pid === null){
form.pid = '0'
}
if(form.pid === ''||form.pid === null){
form.pid = '0'
}
if (form.id) {
await updateMenu(form)
} else {
form.code = 'menu'
let obj = JSON.parse(JSON.stringify(form))
delete obj.id
await addMenu(obj)
}
emits('init')
dialogVisible.value = false
}
})
}
if (form.id) {
await updateMenu(form)
} else {
form.code = 'menu'
let obj = JSON.parse(JSON.stringify(form))
delete obj.id
await addMenu(obj)
}
emits('init')
dialogVisible.value = false
const rules = {
name: [{ required: true, message: '请输入菜单名称', trigger: 'blur' }],
path: [{ required: true, message: '请输入菜单路由', trigger: 'blur' }],
routeName: [{ required: true, message: '请输入组件路径', trigger: 'blur' }],
}
const handleInput = (val: string) => {
form.name = val.replace(/\s+/g, '').replace(/\//g, '')
}
defineExpose({ open })

17
src/views/system/auth/role/popupForm.vue
View File

@@ -2,10 +2,10 @@
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
<el-form-item label="角色名称" required>
<el-form-item label="角色名称" prop="name">
<el-input v-model="form.name" placeholder="请输入菜单名称" maxlength="32" show-word-limit @input="handleInput"/>
</el-form-item>
<el-form-item label="角色编码">
<el-form-item label="角色编码" prop="code">
<el-input v-model="form.code" placeholder="请输入菜单名称" />
</el-form-item>
<el-form-item label="角色描述">
@@ -61,10 +61,9 @@ const open = (text: string, data?: anyObj) => {
}
}
const submit = async () => {
// 先进行表单验证
try {
await formRef.value.validate()
if (form.id) {
formRef.value.validate(async (valid: boolean) => {
if (valid) {
if (form.id) {
await update(form)
} else {
form.type = adminInfo.$state.userType + 1
@@ -73,10 +72,8 @@ const submit = async () => {
ElMessage.success('保存成功')
tableStore.index()
dialogVisible.value = false
} catch (error) {
// 验证失败，Element Plus 会自动显示错误信息
console.log('表单验证失败:', error)
}
}
})
}
const handleInput = (val: string) => {

5
src/views/system/auth/userList/index.vue
View File

@@ -28,6 +28,8 @@
v-model="tableStore.table.params.searchValue"
clearable
placeholder="仅根据用户名/登录名"
maxlength="10"
show-word-limit
/>
</el-form-item>
</template>
@@ -195,6 +197,9 @@ const tableStore = new TableStore({
break
}
})
},
resetCallback: () => {
tableStore.table.params.searchValue = ''
}
})

45
src/views/system/auth/userList/popupEdit.vue
View File

@@ -1,11 +1,11 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-form :model="form" class="form-two" label-width="auto" :rules="rules">
<el-form :model="form" class="form-two" label-width="auto" :rules="rules" ref="formRef">
<el-form-item label="用户名" prop="name">
<el-input v-model="form.name" placeholder="请输入昵称" />
<el-input v-model="form.name" placeholder="请输入昵称" maxlength="16" show-word-limit @input="handleInput('name', $event)"/>
</el-form-item>
<el-form-item label="登录名" prop="loginName">
<el-input v-model="form.loginName" placeholder="请输入登录名" />
<el-input v-model="form.loginName" placeholder="请输入登录名" maxlength="16" show-word-limit @input="handleInput('loginName', $event)"/>
</el-form-item>
<el-form-item label="默认密码" prop="password" v-if="title === '新增用户'">
<el-input v-model="form.password" placeholder="请输入密码" disabled />
@@ -104,7 +104,7 @@ import { roleList } from '@/api/user-boot/role'
import { add, edit } from '@/api/user-boot/user'
import { useAdminInfo } from '@/stores/adminInfo'
import Area from '@/components/form/area/index.vue'
const formRef = ref()
const adminInfo = useAdminInfo()
const tableStore = inject('tableStore') as TableStore
// do not use same name with ref
@@ -240,19 +240,32 @@ const open = (text: string, data?: anyObj) => {
form.type = adminInfo.$state.userType + 1
}
const submit = async () => {
let obj = JSON.parse(JSON.stringify(form))
obj.limitTime = obj.limitTime.join('-')
delete obj.password
if (form.id) {
await edit(obj)
ElMessage.success('修改成功')
} else {
form.type = adminInfo.$state.userType + 1
await add(obj)
ElMessage.success('新增成功')
formRef.value.validate(async (valid: boolean) => {
if (valid) {
let obj = JSON.parse(JSON.stringify(form))
obj.limitTime = obj.limitTime.join('-')
delete obj.password
if (form.id) {
await edit(obj)
ElMessage.success('修改成功')
} else {
form.type = adminInfo.$state.userType + 1
await add(obj)
ElMessage.success('新增成功')
}
tableStore.index()
dialogVisible.value = false
}
})
}
const handleInput = (field: keyof typeof form, value: string) => {
// 过滤空格
const filteredValue = value.replace(/\s/g, '')
if (filteredValue !== value) {
form[field] = filteredValue as never
}
tableStore.index()
dialogVisible.value = false
}
const changeValue = () => {}

2
src/views/system/modelManage/form.vue
View File

@@ -68,7 +68,7 @@ const submit = () => {
})
} else {
updateDevType(form).then(res => {
ElMessage.success('新增成功')
ElMessage.success('编辑成功')
dialogVisible.value = false
emit('submit')
})