添加docker-compose.dev

web/apps/web-antd/.env

@@ -0,0 +1,8 @@
+# 应用标题
+VITE_APP_TITLE=Django Vue Admin
+
+# 应用命名空间，用于缓存、store等功能的前缀，确保隔离
+VITE_APP_NAMESPACE=django-vue-admin
+
+# 对store进行加密的密钥，在将store持久化到localStorage时会使用该密钥进行加密
+VITE_APP_STORE_SECURE_KEY=d41d8cd98f00b204e9800998ecf8427e

web/apps/web-antd/src/views/system/dept/list.vue

@@ -90,7 +90,12 @@ function onActionClick({
     }
   }
 }
-
+const expandAll = () => {
+  gridApi.grid?.setAllTreeExpand(true);
+};
+const collapseAll = () => {
+  gridApi.grid?.setAllTreeExpand(false);
+};
 const [Grid, gridApi] = useVbenVxeGrid({
   gridEvents: {},
   gridOptions: {
@@ -134,6 +139,12 @@ function refreshGrid() {
     <FormModal @success="refreshGrid" />
     <Grid table-title="部门列表">
       <template #toolbar-tools>
+        <Button class="mr-2" type="primary" @click="expandAll">
+          展开全部
+        </Button>
+        <Button class="mr-2" type="primary" @click="collapseAll">
+          折叠全部
+        </Button>
         <Button
           type="primary"
           @click="onCreate"

web/apps/web-antd/src/views/system/menu/list.vue

@@ -90,7 +90,12 @@ function onCreate() {
 function onAppend(row: SystemMenuApi.SystemMenu) {
   formDrawerApi.setData({ pid: row.id }).open();
 }
-
+const expandAll = () => {
+  gridApi.grid?.setAllTreeExpand(true);
+};
+const collapseAll = () => {
+  gridApi.grid?.setAllTreeExpand(false);
+};
 function onDelete(row: SystemMenuApi.SystemMenu) {
   const hideLoading = message.loading({
     content: $t('ui.actionMessage.deleting', [row.name]),
@@ -115,6 +120,12 @@ function onDelete(row: SystemMenuApi.SystemMenu) {
     <FormDrawer @success="onRefresh" />
     <Grid>
       <template #toolbar-tools>
+        <Button class="mr-2" type="primary" @click="expandAll">
+          展开全部
+        </Button>
+        <Button class="mr-2" type="primary" @click="collapseAll">
+          折叠全部
+        </Button>
         <Button
           type="primary"
           @click="onCreate"