From d8c55a011b097fedcc83b009cdb095a17788cd78 Mon Sep 17 00:00:00 2001
From: joylink_fanyuhong <18706759286@163.com>
Date: Wed, 16 Oct 2024 14:01:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0FAS=E5=B9=B3=E9=9D=A2?=
 =?UTF-8?q?=E5=9B=BE=E5=88=86=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Iscs/FASPlaneGraph.vue | 91 +++++++++++++++++++++++++++
 src/drawApp/iscsApp.ts                |  2 +
 src/layouts/IscsDrawLayout.vue        | 25 ++++----
 src/stores/draw-store.ts              |  2 +-
 4 files changed, 108 insertions(+), 12 deletions(-)
 create mode 100644 src/components/Iscs/FASPlaneGraph.vue

diff --git a/src/components/Iscs/FASPlaneGraph.vue b/src/components/Iscs/FASPlaneGraph.vue
new file mode 100644
index 0000000..e25e6e7
--- /dev/null
+++ b/src/components/Iscs/FASPlaneGraph.vue
@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <div class="row">
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区一'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区一"
+        @click="changePartition('设备分区一')"
+      ></q-btn>
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区二'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区二"
+        @click="changePartition('设备分区二')"
+      ></q-btn>
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区三'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区三"
+        @click="changePartition('设备分区三')"
+      ></q-btn>
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区四'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区四"
+        @click="changePartition('设备分区四')"
+      ></q-btn>
+    </div>
+    <div class="row">
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区五'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区五"
+        @click="changePartition('设备分区五')"
+      ></q-btn>
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区六'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区六"
+        @click="changePartition('设备分区六')"
+      ></q-btn>
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区七'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区七"
+        @click="changePartition('设备分区七')"
+      ></q-btn>
+      <q-btn
+        :color="`${
+          drawStore.selectSubmenuAndStation.partition === '设备分区八'
+            ? 'yellow-5'
+            : 'grey-9'
+        }`"
+        label="设备分区八"
+        @click="changePartition('设备分区八')"
+      ></q-btn>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useDrawStore } from 'src/stores/draw-store';
+const drawStore = useDrawStore();
+
+function changePartition(partition: string) {
+  drawStore.selectSubmenuAndStation.partition = partition;
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/drawApp/iscsApp.ts b/src/drawApp/iscsApp.ts
index 11ff46e..8c74311 100644
--- a/src/drawApp/iscsApp.ts
+++ b/src/drawApp/iscsApp.ts
@@ -273,6 +273,7 @@ export function saveDrawDatas(app: IDrawApp) {
         new iscsGraphicData.FASOfPlatformAlarmStorage({
           stationName: station,
           commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
+          partition: '设备分区一',
         })
       )
     );
@@ -299,6 +300,7 @@ export function saveDrawDatas(app: IDrawApp) {
           fasOfPlatformAlarm = new iscsGraphicData.FASOfPlatformAlarmStorage({
             stationName: drawStore.selectSubmenuAndStation.station,
             commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
+            partition: drawStore.selectSubmenuAndStation.partition,
           });
           const fasStorage = saveCommonDrawDatas(
             app,
diff --git a/src/layouts/IscsDrawLayout.vue b/src/layouts/IscsDrawLayout.vue
index ffad9b7..ac4c9af 100644
--- a/src/layouts/IscsDrawLayout.vue
+++ b/src/layouts/IscsDrawLayout.vue
@@ -120,27 +120,26 @@
     </q-header>
 
     <q-drawer show-if-above bordered v-model="rightDrawerOpen" side="right">
-      <q-btn
-        dense
-        color="light-blue-4"
-        style="position: absolute; top: 50%; left: -10%"
-        icon="keyboard_arrow_right"
-        font-size="2em"
-        @click="toggleRightDrawer"
-      />
       <q-resize-observer @resize="onRightResize" />
-
       <draw-properties></draw-properties>
     </q-drawer>
     <q-btn
       dense
       color="light-blue-4"
       font-size="2em"
-      style="position: absolute; top: 50%; z-index: 99; right: 0"
-      icon="keyboard_arrow_left"
+      style="position: absolute; top: 50%; z-index: 99"
+      :style="`right:${rightDrawerOpen ? rightWidth : 0}px`"
+      :icon="`${
+        rightDrawerOpen ? 'keyboard_arrow_right' : 'keyboard_arrow_left'
+      }`"
       @click="toggleRightDrawer"
     />
     <q-page-container>
+      <fAS-plane-graph
+        v-if="drawStore.selectSubmenuAndStation.submenu == '火灾报警平面图'"
+        style="display: inline-block; position: absolute"
+        :style="`right: ${rightDrawerOpen ? rightWidth : 0}px`"
+      ></fAS-plane-graph>
       <div
         ref="drawAppContainer"
         v-show="subMenuDisplayForm !== DisplayForm.component"
@@ -306,6 +305,7 @@ import { toStorageTransform } from 'src/drawApp/graphics/GraphicDataBase';
 import { Circle } from 'src/graphics/circle/Circle';
 import IscsBottomAlarm from 'src/components/Iscs/IscsBottomAlarm.vue';
 import CCTVMonitoring from 'src/components/Iscs/CCTVMonitoring.vue';
+import FASPlaneGraph from 'src/components/Iscs/FASPlaneGraph.vue';
 
 const $q = useQuasar();
 const route = useRoute();
@@ -566,16 +566,19 @@ const showComponent = reactive({
 });
 
 function onHeaderResize(size: { height: number; width: number }) {
+  console.log(size, '11111');
   headerHeight.value = size.height;
   onResize();
 }
 
 function onFooterResize(size: { height: number; width: number }) {
+  console.log(size, '----');
   footerHeight.value = size.height;
   onResize();
 }
 
 function onRightResize(size: { height: number; width: number }) {
+  console.log(size, '===');
   rightWidth.value = size.width;
   onResize();
 }
diff --git a/src/stores/draw-store.ts b/src/stores/draw-store.ts
index adf467e..83224e6 100644
--- a/src/stores/draw-store.ts
+++ b/src/stores/draw-store.ts
@@ -20,7 +20,7 @@ export const useDrawStore = defineStore('draw', {
     selectedGraphics: null as JlGraphic[] | null,
     draftId: null as number | null,
     drawPictureType: null as PictureType | null,
-    selectSubmenuAndStation: { submenu: '', station: '' },
+    selectSubmenuAndStation: { submenu: '', station: '', partition: '' },
   }),
   getters: {
     drawMode: (state) => state.drawAssistant != null,