|
@@ -2,25 +2,25 @@
|
|
|
* @description 系统图(拓扑图)
|
|
|
*/
|
|
|
<template>
|
|
|
- <div class='systemMap'>
|
|
|
- <div class='top_toolbar'>
|
|
|
+ <div class="systemMap">
|
|
|
+ <div class="top_toolbar">
|
|
|
<topToolbar></topToolbar>
|
|
|
</div>
|
|
|
- <div class='content'>
|
|
|
+ <div class="content">
|
|
|
<!-- 左侧工具栏 -->
|
|
|
- <div class='left_toolbar'>
|
|
|
- <leftToolbar @setCmdType='setCmdType' :cmdType='cmdType' @toolActionClick='toolActionClick'></leftToolbar>
|
|
|
+ <div class="left_toolbar">
|
|
|
+ <leftToolbar @setCmdType="setCmdType" :cmdType="cmdType" @toolActionClick="toolActionClick"></leftToolbar>
|
|
|
</div>
|
|
|
<!-- 绘制界面 -->
|
|
|
- <div class='baseEdit'>
|
|
|
- <baseEditer ref='graphy' :cmdType='cmdType' @setCmdType='setCmdType' @changeFocusItem='changeFocusItem'></baseEditer>
|
|
|
+ <div class="baseEdit">
|
|
|
+ <baseEditer ref="graphy" :cmdType="cmdType" @setCmdType="setCmdType" @changeFocusItem="changeFocusItem"></baseEditer>
|
|
|
</div>
|
|
|
<!-- <div class='canvas-container'>
|
|
|
<canvas id='drawPolyline1' width='600' height='300'></canvas>
|
|
|
</div>-->
|
|
|
<!-- 右侧工具栏 -->
|
|
|
- <div class='right_toolbar'>
|
|
|
- <rightToolbar :focusItemList='focusItemList'></rightToolbar>
|
|
|
+ <div class="right_toolbar">
|
|
|
+ <rightToolbar :focusItemList="focusItemList"></rightToolbar>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class='canvas-container'>
|
|
@@ -39,29 +39,26 @@ class TView extends SCanvasView {
|
|
|
canvas.drawPolyline(this.arr)
|
|
|
}
|
|
|
} */
|
|
|
-
|
|
|
+// categoryId%3DLCGN%26projectId%3D1000423%26BuildingID%3D1%26FloorID%3Df1%26FloorName%3DF1%26fmapID%3D1000423_120
|
|
|
// import { STopologyParser } from '../lib/parsers/STopologyParser'
|
|
|
-import { SImageItem } from '@saga-web/graph/lib'
|
|
|
-import { SPainter, SColor, SFont, SPoint } from '@saga-web/draw'
|
|
|
-import { uuid } from '../components/mapClass/until'
|
|
|
-import { EditScence } from '../components/mapClass/EditScence'
|
|
|
-import bus from '../bus'
|
|
|
-import store from '../store'
|
|
|
+import { EditScence } from "../components/mapClass/EditScence";
|
|
|
+import bus from "../bus";
|
|
|
+import store from "../store";
|
|
|
|
|
|
-import baseEditer from '../components/baseEditer.vue'
|
|
|
-import leftToolbar from '../components/edit/left_toolbar.vue'
|
|
|
-import topToolbar from '../components/edit/top_toolbar.vue'
|
|
|
-import rightToolbar from '../components/edit/right_toolbar.vue'
|
|
|
+import baseEditer from "../components/baseEditer.vue";
|
|
|
+import leftToolbar from "../components/edit/left_toolbar.vue";
|
|
|
+import topToolbar from "../components/edit/top_toolbar.vue";
|
|
|
+import rightToolbar from "../components/edit/right_toolbar.vue";
|
|
|
export default {
|
|
|
- name: 'systemMap',
|
|
|
+ name: "systemMap",
|
|
|
props: {},
|
|
|
components: { baseEditer, leftToolbar, topToolbar, rightToolbar },
|
|
|
data() {
|
|
|
return {
|
|
|
id: `canvas_${new Date().getTime()}`,
|
|
|
- cmdType: 'choice',
|
|
|
+ cmdType: "choice",
|
|
|
focusItemList: null
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
|
|
|
beforeMount() {},
|
|
@@ -71,17 +68,17 @@ export default {
|
|
|
methods: {
|
|
|
// 左侧工具栏 点击事件
|
|
|
toolActionClick(item) {
|
|
|
- this.cmdType = item.Type
|
|
|
- bus.$emit('setLenged', item)
|
|
|
+ this.cmdType = item.Type;
|
|
|
+ bus.$emit("setLenged", item);
|
|
|
},
|
|
|
setCmdType(cmdType) {
|
|
|
- this.cmdType = cmdType
|
|
|
+ this.cmdType = cmdType;
|
|
|
},
|
|
|
changeFocusItem(item) {
|
|
|
- this.focusItemList = item
|
|
|
+ this.focusItemList = item;
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang='less' scoped>
|
|
|
// 顶层标签
|