huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2024-11-30 11:11:55 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: top action slost

Browse Source
This commit is contained in:
xingyu4j 2022-11-18 10:54:10 +08:00
parent d5f95c2efe
commit bb48e93ed2
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
yudao-ui-admin-vue3/src/hooks/web/useVxeCrudSchemas.ts
View File

@ -18,7 +18,7 @@ export type VxeCrudSchema = {
primaryKey?: string // 主键ID primaryKey?: string // 主键ID
primaryTitle?: string // 主键标题 默认为序号 primaryTitle?: string // 主键标题 默认为序号
primaryType?: VxeColumnPropTypes.Type // 不填写为数据库编号 null为不显示 还支持 "seq" | "radio" | "checkbox" | "expand" | "html" | null primaryType?: VxeColumnPropTypes.Type // 不填写为数据库编号 null为不显示 还支持 "seq" | "radio" | "checkbox" | "expand" | "html" | null
action?: boolean // 是否开启操作栏插槽 action?: boolean // 是否开启表格内右侧操作栏插槽
actionTitle?: string // 操作栏标题 默认为操作 actionTitle?: string // 操作栏标题 默认为操作
actionWidth?: string // 操作栏插槽宽度,一般2个字带图标 text 类型按钮 50-70 actionWidth?: string // 操作栏插槽宽度,一般2个字带图标 text 类型按钮 50-70
columns: VxeCrudColumns[] columns: VxeCrudColumns[]

6
yudao-ui-admin-vue3/src/hooks/web/useVxeGrid.ts
View File

@ -11,6 +11,7 @@ const message = useMessage() // 消息弹窗
interface UseVxeGridConfig<T = any> { interface UseVxeGridConfig<T = any> {
allSchemas: VxeAllSchemas allSchemas: VxeAllSchemas
topActionSlots?: boolean // 是否开启表格内顶部操作栏插槽
treeConfig?: VxeTablePropTypes.TreeConfig treeConfig?: VxeTablePropTypes.TreeConfig
getListApi: (option: any) => Promise<T> getListApi: (option: any) => Promise<T>
deleteApi?: (option: any) => Promise<T> deleteApi?: (option: any) => Promise<T>
@ -51,7 +52,10 @@ export const useVxeGrid = <T = any>(config?: UseVxeGridConfig<T>) => {
isHover: true // 当鼠标移到行时，是否要高亮当前行 isHover: true // 当鼠标移到行时，是否要高亮当前行
}, },
toolbarConfig: { toolbarConfig: {
slots: { buttons: 'toolbar_buttons' } slots:
!config?.topActionSlots && config?.topActionSlots != false
? { buttons: 'toolbar_buttons' }
: {}
}, },
printConfig: { printConfig: {
columns: config?.allSchemas.printSchema columns: config?.allSchemas.printSchema

1
yudao-ui-admin-vue3/src/views/system/oauth2/token/index.vue
View File

@ -41,6 +41,7 @@ const message = useMessage() // 消息弹窗
const xGrid = ref<VxeGridInstance>() // 列表 Grid Ref const xGrid = ref<VxeGridInstance>() // 列表 Grid Ref
const { gridOptions, getList } = useVxeGrid<TokenApi.OAuth2TokenVO>({ const { gridOptions, getList } = useVxeGrid<TokenApi.OAuth2TokenVO>({
allSchemas: allSchemas, allSchemas: allSchemas,
topActionSlots: false,
getListApi: TokenApi.getAccessTokenPageApi getListApi: TokenApi.getAccessTokenPageApi
}) })