更新V3.13.0版本:【新增】顶部菜单模式;【优化】因kaptcha有漏洞，弃用;【优化】三级等保默认值

smart-admin-web-javascript/src/layout/components/top-expand-menu/sub-menu.vue

@@ -0,0 +1,46 @@
+<!--
+  * 第二列菜单区域
+  * 
+  * @Author:    1024创新实验室-主任：卓大 
+  * @Date:      2022-09-06 20:29:12 
+  * @Wechat:    zhuda1024 
+  * @Email:     lab1024@163.com 
+  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012 
+-->
+<template>
+  <a-sub-menu :key="props.menuInfo.menuId.toString()">
+    <template #icon>
+      <component :is="$antIcons[props.menuInfo.icon]" />
+    </template>
+    <template #title>{{ props.menuInfo.menuName }}</template>
+    <template v-for="item in props.menuInfo.children" :key="item.menuId">
+      <template v-if="item.visibleFlag">
+        <template v-if="!item.children">
+          <a-menu-item :key="item.menuId.toString()" @click="turnToPage(item)">
+            <template #icon>
+              <component :is="$antIcons[item.icon]" />
+            </template>
+            {{ item.menuName }}
+          </a-menu-item>
+        </template>
+        <template v-else>
+          <SubMenu :menu-info="item" :key="item.menuId" @turnToPage="turnToPage" />
+        </template>
+      </template>
+    </template>
+  </a-sub-menu>
+</template>
+<script setup>
+  let props = defineProps({
+    menuInfo: Object,
+  });
+  const emits = defineEmits(['turnToPage']);
+  const turnToPage = (route) => {
+    emits('turnToPage', route);
+  };
+</script>
+<style scoped lang="less">
+  ::v-deep(.ant-menu-item-selected) {
+    border-right: 3px !important;
+  }
+</style>