GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(projects): fix table x-scroll. fixed #324

Browse Source
This commit is contained in:
Soybean 2024-02-23 22:17:31 +08:00
parent 0a3efe3442
commit c7e2c55996
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/manage/menu/index.vue
View File

@ -14,6 +14,8 @@ import MenuOperateDrawer, { type OperateType } from './modules/menu-operate-draw
const appStore = useAppStore(); const appStore = useAppStore();
const { bool: drawerVisible, setTrue: openDrawer } = useBoolean(); const { bool: drawerVisible, setTrue: openDrawer } = useBoolean();
const wrapperRef = ref<HTMLElement | null>(null);
const { columns, filteredColumns, data, loading, pagination, getData } = useTable< const { columns, filteredColumns, data, loading, pagination, getData } = useTable<
Api.SystemManage.Menu, Api.SystemManage.Menu,
typeof fetchGetMenuList, typeof fetchGetMenuList,
@ -224,7 +226,7 @@ async function handleDelete(id: number) {
</script> </script>
<template> <template>
<div class="flex-vertical-stretch gap-16px overflow-hidden <sm:overflow-auto"> <div ref="wrapperRef" class="flex-vertical-stretch gap-16px overflow-hidden <sm:overflow-auto">
<NCard :title="$t('page.manage.menu.title')" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden"> <NCard :title="$t('page.manage.menu.title')" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
<template #header-extra> <template #header-extra>
<TableHeaderOperation <TableHeaderOperation
@ -242,7 +244,7 @@ async function handleDelete(id: number) {
:data="data" :data="data"
size="small" size="small"
:flex-height="!appStore.isMobile" :flex-height="!appStore.isMobile"
:scroll-x="640" :scroll-x="1088"
:loading="loading" :loading="loading"
:pagination="pagination" :pagination="pagination"
:row-key="item => item.id" :row-key="item => item.id"

2
src/views/manage/role/index.vue
View File

@ -177,7 +177,7 @@ function getIndex(index: number) {
:data="data" :data="data"
size="small" size="small"
:flex-height="!appStore.isMobile" :flex-height="!appStore.isMobile"
:scroll-x="640" :scroll-x="702"
:loading="loading" :loading="loading"
:pagination="pagination" :pagination="pagination"
:row-key="item => item.id" :row-key="item => item.id"

2
src/views/manage/user/index.vue
View File

@ -207,7 +207,7 @@ function getIndex(index: number) {
:data="data" :data="data"
size="small" size="small"
:flex-height="!appStore.isMobile" :flex-height="!appStore.isMobile"
:scroll-x="640" :scroll-x="962"
:loading="loading" :loading="loading"
:pagination="pagination" :pagination="pagination"
:row-key="item => item.id" :row-key="item => item.id"