From 2b180e5becc30ded34e97ae8913bc26a7b22def9 Mon Sep 17 00:00:00 2001
From: joylink_fanyuhong <18706759286@163.com>
Date: Sat, 14 Sep 2024 15:43:04 +0800
Subject: [PATCH] fireAlaram

---
 ...wProperties.vue => FireAlarmDrawProperties.vue} |  4 ++--
 .../draw-app/properties/CanvasProperty.vue         |  4 ++--
 src/drawApp/cctvApp.ts                             |  9 +++------
 src/drawApp/commonApp.ts                           |  4 ++--
 src/drawApp/{drawApp.ts => fireAlarmApp.ts}        | 14 +++++++++-----
 .../{DrawLayout.vue => FireAlarmDrawLayout.vue}    | 10 +++++-----
 src/router/routes.ts                               |  8 ++++++++
 .../{draw-store.ts => fire-alarm-draw-store.ts}    |  8 ++++++--
 8 files changed, 37 insertions(+), 24 deletions(-)
 rename src/components/draw-app/{DrawProperties.vue => FireAlarmDrawProperties.vue} (92%)
 rename src/drawApp/{drawApp.ts => fireAlarmApp.ts} (75%)
 rename src/layouts/{DrawLayout.vue => FireAlarmDrawLayout.vue} (95%)
 rename src/stores/{draw-store.ts => fire-alarm-draw-store.ts} (94%)

diff --git a/src/components/draw-app/DrawProperties.vue b/src/components/draw-app/FireAlarmDrawProperties.vue
similarity index 92%
rename from src/components/draw-app/DrawProperties.vue
rename to src/components/draw-app/FireAlarmDrawProperties.vue
index 9e5b928..dd314e7 100644
--- a/src/components/draw-app/DrawProperties.vue
+++ b/src/components/draw-app/FireAlarmDrawProperties.vue
@@ -37,10 +37,10 @@
 </template>
 
 <script setup lang="ts">
-import { useDrawStore } from 'src/stores/draw-store';
+import { useFireAlarmDrawStore } from 'src/stores/fire-alarm-draw-store';
 import CanvasProperty from './properties/CanvasProperty.vue';
 import IscsTextProperty from './properties/IscsTextProperty.vue';
 import { TextContent } from 'src/graphics/textContent/TextContent';
 
-const drawStore = useDrawStore();
+const drawStore = useFireAlarmDrawStore();
 </script>
diff --git a/src/components/draw-app/properties/CanvasProperty.vue b/src/components/draw-app/properties/CanvasProperty.vue
index 839ad02..c2852c1 100644
--- a/src/components/draw-app/properties/CanvasProperty.vue
+++ b/src/components/draw-app/properties/CanvasProperty.vue
@@ -47,9 +47,9 @@
 </template>
 
 <script setup lang="ts">
-import { useDrawStore } from 'src/stores/draw-store';
+import { useFireAlarmDrawStore } from 'src/stores/fire-alarm-draw-store';
 import { onMounted, onUnmounted, reactive } from 'vue';
-const drawStore = useDrawStore();
+const drawStore = useFireAlarmDrawStore();
 
 const canvas = reactive({
   width: 1920,
diff --git a/src/drawApp/cctvApp.ts b/src/drawApp/cctvApp.ts
index 7e7a2ad..6e10547 100644
--- a/src/drawApp/cctvApp.ts
+++ b/src/drawApp/cctvApp.ts
@@ -6,7 +6,7 @@ import {
   KeyListener,
   newDrawApp,
 } from 'jl-graphic';
-import { useDrawStore } from 'src/stores/draw-store';
+import { useFireAlarmDrawStore } from 'src/stores/fire-alarm-draw-store';
 import { CCTVGraphicData } from 'src/protos/cctv_graphic_data';
 import { fromUint8Array } from 'js-base64';
 import {
@@ -42,10 +42,7 @@ export function initDrawApp(): IDrawApp {
   });
   const app = drawApp;
   initCommonDrawApp(app);
-  new CCTVButtonDraw(
-    app,
-    new CCTVButtonTemplate(new CCTVButtonData())
-  );
+  new CCTVButtonDraw(app, new CCTVButtonTemplate(new CCTVButtonData()));
 
   app.addKeyboardListener(
     new KeyListener({
@@ -61,7 +58,7 @@ export function initDrawApp(): IDrawApp {
 }
 
 export async function loadDrawDatas(): Promise<IGraphicStorage> {
-  const drawStore = useDrawStore();
+  const drawStore = useFireAlarmDrawStore();
   const id = drawStore.draftId;
   if (!id) {
     throw new Error('获取数据异常：为获取到草稿地图ID');
diff --git a/src/drawApp/commonApp.ts b/src/drawApp/commonApp.ts
index 78fe8cf..7f5922a 100644
--- a/src/drawApp/commonApp.ts
+++ b/src/drawApp/commonApp.ts
@@ -4,7 +4,7 @@ import {
   IDrawApp,
   MenuItemOptions,
 } from 'jl-graphic';
-import { useDrawStore } from 'src/stores/draw-store';
+import { useFireAlarmDrawStore } from 'src/stores/fire-alarm-draw-store';
 import { toStorageTransform } from './graphics/GraphicDataBase';
 import { Arrow, ArrowTemplate } from 'src/graphics/arrow/Arrow';
 import { ArrowData } from './graphics/ArrowInteraction';
@@ -104,7 +104,7 @@ export function saveCommonDrawDatas(app: IDrawApp, storage: ICommonStorage) {
 }
 
 export function saveDrawToServer(base64: string) {
-  const drawStore = useDrawStore();
+  const drawStore = useFireAlarmDrawStore();
   const id = drawStore.draftId;
   if (!id) {
     return;
diff --git a/src/drawApp/drawApp.ts b/src/drawApp/fireAlarmApp.ts
similarity index 75%
rename from src/drawApp/drawApp.ts
rename to src/drawApp/fireAlarmApp.ts
index ba8e5ea..e92149b 100644
--- a/src/drawApp/drawApp.ts
+++ b/src/drawApp/fireAlarmApp.ts
@@ -6,14 +6,17 @@ import {
   KeyListener,
   newDrawApp,
 } from 'jl-graphic';
-import { useDrawStore } from 'src/stores/draw-store';
-import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
+import { useFireAlarmDrawStore } from 'src/stores/fire-alarm-draw-store';
+import { FireAlarmGraphicData } from 'src/protos/fire_alarm_graphic_data';
 import { fromUint8Array } from 'js-base64';
 import {
   initCommonDrawApp,
   saveCommonDrawDatas,
   saveDrawToServer,
 } from './commonApp';
+// import { CCTVButtonData } from './graphics/CCTV/CCTVButtonInteraction';
+// import { CCTVButtonDraw } from 'src/graphics/CCTV/cctvButton/CCTVButtonDrawAssistant';
+// import { CCTVButtonTemplate } from 'src/graphics/CCTV/cctvButton/CCTVButton';
 
 let drawApp: IDrawApp | null = null;
 
@@ -39,6 +42,7 @@ export function initDrawApp(): IDrawApp {
   });
   const app = drawApp;
   initCommonDrawApp(app);
+  // new CCTVButtonDraw(app, new CCTVButtonTemplate(new CCTVButtonData()));
 
   app.addKeyboardListener(
     new KeyListener({
@@ -54,7 +58,7 @@ export function initDrawApp(): IDrawApp {
 }
 
 export async function loadDrawDatas(): Promise<IGraphicStorage> {
-  const drawStore = useDrawStore();
+  const drawStore = useFireAlarmDrawStore();
   const id = drawStore.draftId;
   if (!id) {
     throw new Error('获取数据异常：为获取到草稿地图ID');
@@ -71,11 +75,11 @@ export async function loadDrawDatas(): Promise<IGraphicStorage> {
 }
 
 export function saveDrawDatas(app: IDrawApp) {
-  let storage = new iscsGraphicData.IscsGraphicStorage();
+  let storage = new FireAlarmGraphicData.FireAlarmGraphicStorage();
   storage = saveCommonDrawDatas(
     app,
     storage
-  ) as iscsGraphicData.IscsGraphicStorage;
+  ) as FireAlarmGraphicData.FireAlarmGraphicStorage;
   const graphics = app.queryStore.getAllGraphics();
   /*  graphics.forEach((g) => {
     if (TrackSection.Type === g.type) {
diff --git a/src/layouts/DrawLayout.vue b/src/layouts/FireAlarmDrawLayout.vue
similarity index 95%
rename from src/layouts/DrawLayout.vue
rename to src/layouts/FireAlarmDrawLayout.vue
index c8ffcf3..9d50023 100644
--- a/src/layouts/DrawLayout.vue
+++ b/src/layouts/FireAlarmDrawLayout.vue
@@ -67,7 +67,7 @@
     <q-drawer show-if-above bordered v-model="rightDrawerOpen" side="right">
       <q-resize-observer @resize="onRightResize" />
 
-      <draw-properties></draw-properties>
+      <fire-alarm-draw-properties></fire-alarm-draw-properties>
     </q-drawer>
 
     <q-page-container>
@@ -105,12 +105,12 @@
 </template>
 
 <script setup lang="ts">
-import DrawProperties from 'src/components/draw-app/DrawProperties.vue';
+import FireAlarmDrawProperties from 'src/components/draw-app/FireAlarmDrawProperties.vue';
 import { onMounted, reactive, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { successNotify } from 'src/utils/CommonNotify';
 import { useQuasar } from 'quasar';
-import { useDrawStore } from 'src/stores/draw-store';
+import { useFireAlarmDrawStore } from 'src/stores/fire-alarm-draw-store';
 import { Arrow } from 'src/graphics/arrow/Arrow';
 import { TextContent } from 'src/graphics/textContent/TextContent';
 
@@ -119,7 +119,7 @@ const route = useRoute();
 const router = useRouter();
 const searchId = ref(0);
 
-const drawStore = useDrawStore();
+const drawStore = useFireAlarmDrawStore();
 
 watch(
   () => drawStore.drawMode,
@@ -197,7 +197,7 @@ onMounted(() => {
   } else {
     drawStore.setDraftId(null);
   }
-  const drawAssistantsTypes = [Arrow.Type,TextContent.Type];
+  const drawAssistantsTypes = [Arrow.Type, TextContent.Type];
   drawAssistantsTypes.forEach((type) => {
     const drawAssistant = drawStore.getDrawApp().getDrawAssistant(type);
     if (drawAssistant) {
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 7d61798..cd7f5eb 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -34,6 +34,14 @@ const routes: RouteRecordRaw[] = [
     },
     component: () => import('layouts/CCTVDrawLayout.vue'),
   },
+  {
+    path: '/fireAlarmPaint',
+    name: 'fireAlarmPaint',
+    meta: {
+      label: '火灾报警绘制',
+    },
+    component: () => import('layouts/FireAlarmDrawLayout.vue'),
+  },
 ];
 
 export default routes;
diff --git a/src/stores/draw-store.ts b/src/stores/fire-alarm-draw-store.ts
similarity index 94%
rename from src/stores/draw-store.ts
rename to src/stores/fire-alarm-draw-store.ts
index a24805d..f037ab3 100644
--- a/src/stores/draw-store.ts
+++ b/src/stores/fire-alarm-draw-store.ts
@@ -1,6 +1,10 @@
 import { defineStore } from 'pinia';
 import { QTable } from 'quasar';
-import { initDrawApp, destroyDrawApp, getDrawApp } from 'src/drawApp/drawApp';
+import {
+  initDrawApp,
+  destroyDrawApp,
+  getDrawApp,
+} from 'src/drawApp/fireAlarmApp';
 import {
   DrawAssistant,
   GraphicData,
@@ -10,7 +14,7 @@ import {
 } from 'jl-graphic';
 import { markRaw } from 'vue';
 
-export const useDrawStore = defineStore('draw', {
+export const useFireAlarmDrawStore = defineStore('FireAlarmDraw', {
   state: () => ({
     drawAssistant: null as DrawAssistant | null,
     selectedGraphics: null as JlGraphic[] | null,