v3.17.0 【新增】新增菜单展开1个配置；【新增】移除表格固定高度；【新增】App登录token模式

smart-admin-web-javascript/src/layout/components/header-user-space/header-setting.vue

@@ -47,10 +47,6 @@
         <a-input-number @change="changeSideMenuWidth" v-model:value="formState.sideMenuWidth" :min="1" />
         像素（px）
       </a-form-item>
-      <a-form-item :label="$t('setting.table.yHeight')">
-        <a-input-number @change="changeTableYHeight" v-model:value="formState.tableYHeight" :min="100" />
-        像素（px）
-      </a-form-item>
       <a-form-item :label="$t('setting.page.width')" v-if="formState.layout === LAYOUT_ENUM.TOP.value">
         <a-input @change="changePageWidth" v-model:value="formState.pageWidth" />
         像素（px）或者 百分比
@@ -87,6 +83,9 @@
           <a-radio-button value="chrome">Chrome</a-radio-button>
         </a-radio-group>
       </a-form-item>
+      <a-form-item :label="$t('setting.flatPattern')">
+        <a-switch @change="changeFlatPattern" v-model:checked="formState.flatPattern" checked-children="单个" un-checked-children="多个" />
+      </a-form-item>
       <a-form-item :label="$t('setting.pagetag')">
         <a-switch @change="changePageTagFlag" v-model:checked="formState.pageTagFlag" checked-children="显示" un-checked-children="隐藏" />
       </a-form-item>
@@ -202,8 +201,6 @@
     colorIndex: appConfigStore.colorIndex,
     // 侧边菜单宽度
     sideMenuWidth: appConfigStore.sideMenuWidth,
-    // 表格高度
-    tableYHeight: appConfigStore.tableYHeight,
     // 菜单主题
     sideMenuTheme: appConfigStore.sideMenuTheme,
     // 页面紧凑
@@ -212,6 +209,8 @@
     borderRadius: appConfigStore.borderRadius,
     // 标签页
     pageTagFlag: appConfigStore.pageTagFlag,
+    // 标签页
+    flatPattern: appConfigStore.flatPattern,
     // 标签页 样式
     pageTagStyle: appConfigStore.pageTagStyle,
     // 面包屑
@@ -276,12 +275,6 @@
       sideMenuWidth: value,
     });
   }
-  function changeTableYHeight(value) {
-    appConfigStore.$patch({
-      tableYHeight: value,
-    });
-    window.location.reload();
-  }
 
   function changePageWidth(e) {
     appConfigStore.$patch({
@@ -317,6 +310,11 @@
       pageTagFlag: e,
     });
   }
+  function changeFlatPattern(e) {
+    appConfigStore.$patch({
+      flatPattern: e,
+    });
+  }
 
   function changePageTagStyle(e) {
     appConfigStore.$patch({

smart-admin-web-javascript/src/layout/components/side-menu/recursion-menu.vue

@@ -8,7 +8,7 @@
   * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012 
 -->
 <template>
-  <a-menu v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" class="smart-menu" mode="inline" :theme="theme">
+  <a-menu :open-keys="openKeys" v-model:selectedKeys="selectedKeys" class="smart-menu" mode="inline" :theme="theme" @openChange="onOpenChange">
     <template v-for="item in menuTree" :key="item.menuId">
       <template v-if="item.visibleFlag && !item.disabledFlag">
         <template v-if="$lodash.isEmpty(item.children)">
@@ -36,6 +36,7 @@
   import { useUserStore } from '/@/store/modules/system/user';
 
   const theme = computed(() => useAppConfigStore().$state.sideMenuTheme);
+  const flatPattern = computed(() => useAppConfigStore().$state.flatPattern);
 
   const props = defineProps({
     collapsed: {
@@ -45,6 +46,8 @@
   });
 
   const menuTree = computed(() => useUserStore().getMenuTree || []);
+  const rootSubmenuKeys = computed(()=>menuTree.value.map(item=>item.menuId));
+
 
   //展开的菜单
   let currentRoute = useRoute();
@@ -89,7 +92,17 @@
       immediate: true,
     }
   );
-
+  function onOpenChange(openKeysParams){
+  if(flatPattern.value){
+    return;
+  }
+  const latestOpenKey = openKeysParams.find(key => openKeys.value.indexOf(key) === -1);
+  if (rootSubmenuKeys.value.indexOf(latestOpenKey) === -1) {
+    openKeys.value = openKeysParams;
+  } else {
+    openKeys.value = latestOpenKey ? [latestOpenKey] : [];
+  }
+};
   defineExpose({
     updateOpenKeysAndSelectKeys,
   });

smart-admin-web-javascript/src/layout/side-layout.vue

@@ -62,7 +62,7 @@
           :url="item.meta.frameUrl"
         />
         <!--非iframe使用router-view-->
-        <div v-show="!iframeNotKeepAlivePageFlag && keepAliveIframePages.every((e) => route.name != e.name)">
+        <div v-show="!iframeNotKeepAlivePageFlag && keepAliveIframePages.every((e) => route.name != e.name)" style="height: 100%;">
           <router-view v-slot="{ Component }">
             <keep-alive :include="keepAliveIncludes">
               <component :is="Component" :key="route.name" />