style(system): 优化用户表单和菜单列表页面

This commit is contained in:
2025-07-27 14:09:40 +08:00
parent 0c594c167e
commit dca7379c20
2 changed files with 14 additions and 14 deletions

View File

@@ -20,8 +20,10 @@
<template #prefix><icon-search /></template> <template #prefix><icon-search /></template>
</a-input> </a-input>
<a-input v-model="path" placeholder="搜索路由地址" allow-clear> <a-input v-model="path" placeholder="搜索路由地址" allow-clear>
<template #prefix><icon-search /></template>
</a-input> </a-input>
<a-input v-model="permission" placeholder="搜索权限标识" allow-clear> <a-input v-model="permission" placeholder="搜索权限标识" allow-clear>
<template #prefix><icon-search /></template>
</a-input> </a-input>
<a-button @click="reset"> <a-button @click="reset">
<template #icon><icon-refresh /></template> <template #icon><icon-refresh /></template>
@@ -96,7 +98,7 @@
import type { TableInstance } from '@arco-design/web-vue' import type { TableInstance } from '@arco-design/web-vue'
import { Message, Modal } from '@arco-design/web-vue' import { Message, Modal } from '@arco-design/web-vue'
import MenuAddModal from './MenuAddModal.vue' import MenuAddModal from './MenuAddModal.vue'
import { type MenuQuery, type MenuResp, clearMenuCache, deleteMenu, listMenuDictTree } from '@/apis/system/menu' import { type MenuResp, clearMenuCache, deleteMenu, listMenu } from '@/apis/system/menu'
import type GiTable from '@/components/GiTable/index.vue' import type GiTable from '@/components/GiTable/index.vue'
import { useTable } from '@/hooks' import { useTable } from '@/hooks'
import { isMobile } from '@/utils' import { isMobile } from '@/utils'
@@ -104,14 +106,12 @@ import has from '@/utils/has'
defineOptions({ name: 'SystemMenu' }) defineOptions({ name: 'SystemMenu' })
const queryForm = reactive<MenuQuery>({})
const { const {
tableData, tableData,
loading, loading,
search, search,
handleDelete, handleDelete,
} = useTable(() => listMenuDictTree({ description: queryForm.description || '' }), { immediate: true }) } = useTable(() => listMenu(), { immediate: true })
// 过滤树 // 过滤树
const searchData = (title: string, path: string, permission: string) => { const searchData = (title: string, path: string, permission: string) => {

View File

@@ -43,16 +43,6 @@ const [form, resetForm] = useResetReactive({
}) })
const columns: ColumnItem[] = reactive([ const columns: ColumnItem[] = reactive([
{
label: '用户名',
field: 'username',
type: 'input',
span: 24,
required: true,
props: {
maxLength: 64,
},
},
{ {
label: '昵称', label: '昵称',
field: 'nickname', field: 'nickname',
@@ -63,6 +53,16 @@ const columns: ColumnItem[] = reactive([
maxLength: 30, maxLength: 30,
}, },
}, },
{
label: '用户名',
field: 'username',
type: 'input',
span: 24,
required: true,
props: {
maxLength: 64,
},
},
{ {
label: '密码', label: '密码',
field: 'password', field: 'password',