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