refactor: 报错代码调整

README.md

@@ -22,7 +22,7 @@
 
 ### 介绍
 
-web 版 **linux(终端[终端回放] 文件 脚本 进程 计划任务)、数据库（mysql postgres）、redis(单机 哨兵 集群)、mongo 统一管理操作平台**
+web 版 **linux(终端[终端回放] 文件 脚本 进程 计划任务)、数据库（mysql postgres 达梦）、redis(单机 哨兵 集群)、mongo 统一管理操作平台**
 
 ### 开发语言与主要框架
 

mayfly_go_web/src/components/pagetable/PageTable.vue

@@ -215,13 +215,9 @@ watch(
     }
 );
 
-watch(
+watch(isShowSearch, () => {
-    () => isShowSearch.value,
+    calcuTableHeight();
-    () => {
+});
-        console.log('watch show sa');
-        calcuTableHeight();
-    }
-);
 
 onMounted(async () => {
     calcuTableHeight();

mayfly_go_web/src/layout/main/columns.vue

@@ -15,23 +15,15 @@
     </el-container>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup name="layoutColumns">
 import { computed } from 'vue';
 import Aside from '@/layout/component/aside.vue';
 import Header from '@/layout/component/header.vue';
 import Main from '@/layout/component/main.vue';
 import ColumnsAside from '@/layout/component/columnsAside.vue';
 import { useThemeConfig } from '@/store/themeConfig';
-export default {
+
-    name: 'layoutColumns',
+const isFixedHeader = computed(() => {
-    components: { Aside, Header, Main, ColumnsAside },
+    return useThemeConfig().themeConfig.isFixedHeader;
-    setup() {
+});
-        const isFixedHeader = computed(() => {
-            return useThemeConfig().themeConfig.isFixedHeader;
-        });
-        return {
-            isFixedHeader,
-        };
-    },
-};
 </script>

mayfly_go_web/src/layout/main/defaults.vue

@@ -12,32 +12,24 @@
     </el-container>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup name="layoutDefaults">
 import { computed, getCurrentInstance, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import Aside from '@/layout/component/aside.vue';
 import Header from '@/layout/component/header.vue';
 import Main from '@/layout/component/main.vue';
 import { useThemeConfig } from '@/store/themeConfig';
-export default {
+
-    name: 'layoutDefaults',
+const { proxy } = getCurrentInstance() as any;
-    components: { Aside, Header, Main },
+const route = useRoute();
-    setup() {
+const isFixedHeader = computed(() => {
-        const { proxy } = getCurrentInstance() as any;
+    return useThemeConfig().themeConfig.isFixedHeader;
-        const route = useRoute();
+});
-        const isFixedHeader = computed(() => {
+// 监听路由的变化
-            return useThemeConfig().themeConfig.isFixedHeader;
+watch(
-        });
+    () => route.path,
-        // 监听路由的变化
+    () => {
-        watch(
+        proxy.$refs.layoutScrollbarRef.wrapRef.scrollTop = 0;
-            () => route.path,
+    }
-            () => {
+);
-                proxy.$refs.layoutScrollbarRef.wrapRef.scrollTop = 0;
-            }
-        );
-        return {
-            isFixedHeader,
-        };
-    },
-};
 </script>

mayfly_go_web/src/layout/main/transverse.vue

@@ -6,11 +6,7 @@
     </el-container>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup name="layoutTransverse">
 import Header from '@/layout/component/header.vue';
 import Main from '@/layout/component/main.vue';
-export default {
-    name: 'layoutTransverse',
-    components: { Header, Main },
-};
 </script>

mayfly_go_web/src/layout/navMenu/subItem.vue

@@ -2,19 +2,19 @@
     <template v-for="val in chils">
         <el-sub-menu :index="val.path" :key="val.path" v-if="val.children && val.children.length > 0">
             <template #title>
-                <SvgIcon :name="val.meta.icon"/>
+                <SvgIcon :name="val.meta.icon" />
                 <span>{{ val.meta.title }}</span>
             </template>
             <sub-item :chil="val.children" />
         </el-sub-menu>
         <el-menu-item :index="val.path" :key="val?.path" v-else>
             <template v-if="!val.meta.link || (val.meta.link && val.meta.linkType == 1)">
-                <SvgIcon :name="val.meta.icon"/>
+                <SvgIcon :name="val.meta.icon" />
                 <span>{{ val.meta.title }}</span>
             </template>
             <template v-else>
                 <a :href="val.meta.link" target="_blank">
-                    <SvgIcon :name="val.meta.icon"/>
+                    <SvgIcon :name="val.meta.icon" />
                     {{ val.meta.title }}
                 </a>
             </template>
@@ -24,7 +24,6 @@
 
 <script lang="ts">
 import { computed, defineComponent } from 'vue';
-import SvgIcon from '@/components/svgIcon/index.vue';
 export default defineComponent({
     name: 'navMenuSubItem',
     props: {

mayfly_go_web/src/layout/routerView/iframes.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, onMounted, onBeforeMount, onUnmounted, nextTick, getCurrentInstance } from 'vue';
+import { defineComponent, reactive, toRefs, onMounted, onBeforeMount, onUnmounted, nextTick } from 'vue';
 import { useRoute } from 'vue-router';
 import mittBus from '@/common/utils/mitt';
 export default defineComponent({

mayfly_go_web/src/layout/routerView/parent.vue

@@ -1,13 +1,11 @@
 <template>
-    <div class="h100">
+    <router-view v-slot="{ Component }">
-        <router-view v-slot="{ Component }">
+        <transition appear :name="setTransitionName" mode="out-in">
-            <transition :name="setTransitionName" mode="out-in">
+            <keep-alive :include="getKeepAliveNames">
-                <keep-alive :include="getKeepAliveNames">
+                <component :is="Component" :key="state.refreshRouterViewKey" />
-                    <component :is="Component" :key="state.refreshRouterViewKey" class="w100" />
+            </keep-alive>
-                </keep-alive>
+        </transition>
-            </transition>
+    </router-view>
-        </router-view>
-    </div>
 </template>
 
 <script lang="ts" setup name="layoutParentView">