refactor: 报错代码调整

This commit is contained in:
meilin.huang
2023-12-13 17:32:17 +08:00
parent 73986a834c
commit 0b5ab090a4
8 changed files with 35 additions and 62 deletions

View File

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

View File

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

View File

@@ -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',
components: { Aside, Header, Main, ColumnsAside },
setup() {
const isFixedHeader = computed(() => {
return useThemeConfig().themeConfig.isFixedHeader;
});
return {
isFixedHeader,
};
},
};
const isFixedHeader = computed(() => {
return useThemeConfig().themeConfig.isFixedHeader;
});
</script>

View File

@@ -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',
components: { Aside, Header, Main },
setup() {
const { proxy } = getCurrentInstance() as any;
const route = useRoute();
const isFixedHeader = computed(() => {
return useThemeConfig().themeConfig.isFixedHeader;
});
// 监听路由的变化
watch(
() => route.path,
() => {
proxy.$refs.layoutScrollbarRef.wrapRef.scrollTop = 0;
}
);
return {
isFixedHeader,
};
},
};
const { proxy } = getCurrentInstance() as any;
const route = useRoute();
const isFixedHeader = computed(() => {
return useThemeConfig().themeConfig.isFixedHeader;
});
// 监听路由的变化
watch(
() => route.path,
() => {
proxy.$refs.layoutScrollbarRef.wrapRef.scrollTop = 0;
}
);
</script>

View File

@@ -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>

View File

@@ -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: {

View File

@@ -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({

View File

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