perf: 修改工作区域默认配置展示逻辑

This commit is contained in:
奔跑的面条 2022-05-09 09:58:27 +08:00
parent 0ef0b65b02
commit c168eaa58e
2 changed files with 6 additions and 2 deletions

View File

@ -19,8 +19,8 @@ export const useChartLayoutStore = defineStore({
layers: true, layers: true,
// 图表组件 // 图表组件
charts: true, charts: true,
// 详情设置 // 详情设置收缩为true
details: true details: false
}, },
getters: { getters: {
getLayers(): boolean { getLayers(): boolean {

View File

@ -8,6 +8,7 @@
</template> </template>
</n-button> </n-button>
<n-space> <n-space>
<!-- 模块展示按钮 -->
<n-tooltip v-for="item in btnList" :key="item.key" placement="bottom" trigger="hover"> <n-tooltip v-for="item in btnList" :key="item.key" placement="bottom" trigger="hover">
<template #trigger> <template #trigger>
<n-button size="small" ghost :type="styleHandle(item)" @click="clickHandle(item)"> <n-button size="small" ghost :type="styleHandle(item)" @click="clickHandle(item)">
@ -19,6 +20,7 @@
<n-divider vertical /> <n-divider vertical />
<!-- 历史记录按钮 -->
<n-tooltip v-for="item in historyList" :key="item.key" placement="bottom" trigger="hover"> <n-tooltip v-for="item in historyList" :key="item.key" placement="bottom" trigger="hover">
<template #trigger> <template #trigger>
<n-button size="small" ghost type="primary" :disabled="!item.select" @click="clickHistoryHandle(item)"> <n-button size="small" ghost type="primary" :disabled="!item.select" @click="clickHistoryHandle(item)">
@ -58,6 +60,8 @@ interface ItemType<T> {
icon: any icon: any
} }
console.log(useChartLayoutStore())
const btnList = reactive<ItemType<ChartLayoutStoreEnum>[]>([ const btnList = reactive<ItemType<ChartLayoutStoreEnum>[]>([
{ {
key: ChartLayoutStoreEnum.CHARTS, key: ChartLayoutStoreEnum.CHARTS,