parent
4f426c045a
commit
c04b94b1f7
@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<!-- 工作台相关 -->
|
||||
<div class="go-chart">
|
||||
<n-layout>
|
||||
<layout-header-pro>
|
||||
<template #left>
|
||||
<header-left-btn></header-left-btn>
|
||||
</template>
|
||||
<template #center>
|
||||
<header-title></header-title>
|
||||
</template>
|
||||
<template #ri-left>
|
||||
<header-right-btn></header-right-btn>
|
||||
</template>
|
||||
</layout-header-pro>
|
||||
<n-layout-content content-style="overflow:hidden; display: flex">
|
||||
<div style="overflow:hidden; display: flex">
|
||||
<content-charts></content-charts>
|
||||
<content-layers></content-layers>
|
||||
</div>
|
||||
<content-configurations></content-configurations>
|
||||
</n-layout-content>
|
||||
</n-layout>
|
||||
</div>
|
||||
<!-- 右键 -->
|
||||
<n-dropdown
|
||||
placement="bottom-start"
|
||||
trigger="manual"
|
||||
size="small"
|
||||
:x="mousePosition.x"
|
||||
:y="mousePosition.y"
|
||||
:options="menuOptions"
|
||||
:show="chartEditStore.getRightMenuShow"
|
||||
:on-clickoutside="onClickOutSide"
|
||||
@select="handleMenuSelect"
|
||||
></n-dropdown>
|
||||
<!-- 加载蒙层 -->
|
||||
<content-load></content-load>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { loadAsyncComponent } from '@/utils'
|
||||
import { LayoutHeaderPro } from '@/layout/components/LayoutHeaderPro'
|
||||
import { useContextMenu } from '@/views/chart/hooks/useContextMenu.hook'
|
||||
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
|
||||
import { useChartHistoryStore } from '@/store/modules/chartHistoryStore/chartHistoryStore'
|
||||
|
||||
const chartHistoryStoreStore = useChartHistoryStore()
|
||||
const chartEditStore = useChartEditStore()
|
||||
|
||||
// 记录初始化
|
||||
chartHistoryStoreStore.canvasInit(chartEditStore.getEditCanvas)
|
||||
|
||||
const HeaderLeftBtn = loadAsyncComponent(() => import('@/views/chart/ContentHeader/headerLeftBtn/index.vue'))
|
||||
const HeaderRightBtn = loadAsyncComponent(() => import('@/views/chart/ContentHeader/headerRightBtn/index.vue'))
|
||||
const HeaderTitle = loadAsyncComponent(() => import('@/views/chart/ContentHeader/headerTitle/index.vue'))
|
||||
const ContentLayers = loadAsyncComponent(() => import('@/views/chart/ContentLayers/index.vue'))
|
||||
const ContentCharts = loadAsyncComponent(() => import('@/views/chart/ContentCharts/index.vue'))
|
||||
const ContentConfigurations = loadAsyncComponent(() => import('@/views/chart/ContentConfigurations/index.vue'))
|
||||
const ContentLoad = loadAsyncComponent(() => import('@/views/chart/ContentLoad/index.vue'))
|
||||
|
||||
// 右键
|
||||
const {
|
||||
menuOptions,
|
||||
onClickOutSide,
|
||||
mousePosition,
|
||||
handleMenuSelect
|
||||
} = useContextMenu()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@include go("chart") {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@include background-image("background-image");
|
||||
}
|
||||
</style>
|
||||
|
Loading…
Reference in new issue