去除无用组件

main
许宏杰 1 month ago
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>

@ -34,10 +34,11 @@
</template> </template>
<script setup> <script setup>
import { useRoute,useRouter } from 'vue-router'
import { ref, reactive, onMounted, } from 'vue' import { ref, reactive, onMounted, } from 'vue'
import userIcon from '@/assets/images/ai/user-icon.png' import userIcon from '@/assets/images/ai/user-icon.png'
import aiIcon from '@/assets/images/ai/ai-icon.png' import aiIcon from '@/assets/images/ai/ai-icon.png'
const route = useRoute()
let keyWord = ref(null) let keyWord = ref(null)
let messages = reactive([ let messages = reactive([
{ {
@ -52,6 +53,10 @@ let messages = reactive([
} }
]) ])
onMounted(()=>{
// console.log(route.path)
})
</script> </script>

@ -50,7 +50,7 @@ const handlerPath = (path)=>{
router.push(path + '/'+ Date.now()).catch(()=>{ router.push(path + '/'+ Date.now()).catch(()=>{
}) })
// router.replace(route.fullPath);
} }
</script> </script>

@ -2,16 +2,16 @@
<div class="go-edit-bottom"> <div class="go-edit-bottom">
<n-space> <n-space>
<!-- 历史记录 --> <!-- 历史记录 -->
<edit-history></edit-history> <!-- <edit-history></edit-history> -->
<!-- CTRL按键触发展示 --> <!-- CTRL按键触发展示 -->
<n-text id="keyboard-dress-show" depth="3"></n-text> <n-text id="keyboard-dress-show" depth="3"></n-text>
<n-divider vertical /> <!-- <n-divider vertical /> -->
<edit-data-sync></edit-data-sync> <edit-data-sync></edit-data-sync>
</n-space> </n-space>
<n-space class="bottom-ri"> <n-space class="bottom-ri">
<!-- 快捷键提示 --> <!-- 快捷键提示 -->
<edit-shortcut-key /> <!-- <edit-shortcut-key /> -->
<!-- 缩放比例 --> <!-- 缩放比例 -->
<n-select <n-select
@ -58,8 +58,8 @@
import { SelectInst } from 'naive-ui' import { SelectInst } from 'naive-ui'
import { reactive, ref, toRefs, watchEffect } from 'vue' import { reactive, ref, toRefs, watchEffect } from 'vue'
import { icon } from '@/plugins' import { icon } from '@/plugins'
import { EditHistory } from '../EditHistory/index' // import { EditHistory } from '../EditHistory/index'
import { EditShortcutKey } from '../EditShortcutKey/index' // import { EditShortcutKey } from '../EditShortcutKey/index'
import { EditDataSync } from '../EditDataSync/index' import { EditDataSync } from '../EditDataSync/index'
import { useDesignStore } from '@/store/modules/designStore/designStore' import { useDesignStore } from '@/store/modules/designStore/designStore'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'

@ -71,9 +71,9 @@
</edit-rule> </edit-rule>
<!-- 工具栏 --> <!-- 工具栏 -->
<template #aside> <!-- <template #aside>
<edit-tools></edit-tools> <edit-tools></edit-tools>
</template> </template> -->
<!-- 底部控制 --> <!-- 底部控制 -->
<template #bottom> <template #bottom>
@ -112,7 +112,7 @@ import { EditRange } from './components/EditRange'
import { EditRule } from './components/EditRule' import { EditRule } from './components/EditRule'
import { EditBottom } from './components/EditBottom' import { EditBottom } from './components/EditBottom'
import { EditShapeBox } from './components/EditShapeBox' import { EditShapeBox } from './components/EditShapeBox'
import { EditTools } from './components/EditTools' // import { EditTools } from './components/EditTools'
const chartEditStore = useChartEditStore() const chartEditStore = useChartEditStore()
const { handleContextMenu } = useContextMenu() const { handleContextMenu } = useContextMenu()

Loading…
Cancel
Save