mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-11-10 14:57:09 +08:00
style(system): 优化用户表单和菜单列表页面
This commit is contained in:
@@ -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) => {
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user