From aa709a546deb52643259614ce0f57ebe0dc064cf Mon Sep 17 00:00:00 2001
From: zyy <1787816799@qq.com>
Date: Wed, 5 Feb 2020 12:21:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=89=8D=E5=8F=B0=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98iscs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/iscs/constant/iscsData.js                 |  4 ++++
 src/views/iscs/iscsDraw/index.vue             | 13 ++++++++++---
 src/views/iscs/iscsDraw/iscsOperate/index.vue |  1 +
 src/views/iscsSystem/index.vue                | 12 ++++++++----
 4 files changed, 23 insertions(+), 7 deletions(-)
 create mode 100644 src/iscs/constant/iscsData.js

diff --git a/src/iscs/constant/iscsData.js b/src/iscs/constant/iscsData.js
new file mode 100644
index 000000000..78a29cbff
--- /dev/null
+++ b/src/iscs/constant/iscsData.js
@@ -0,0 +1,4 @@
+const iscsData = {
+    '11': { 'manualAlarmButtonList': [{ 'point': { 'x': 560, 'y': 100 }, 'code': 'ManualAlarmButton_1', '_type': 'ManualAlarmButton', 'width': 25, 'zlevel': 1, 'z': 4 }], 'fireHydranAlarmButtonList': [{ 'point': { 'x': 562, 'y': 234 }, 'code': 'FireHydranAlarmButton_1', '_type': 'FireHydranAlarmButton', 'width': 25, 'zlevel': 1, 'z': 4 }, { 'point': { 'x': 201, 'y': 242 }, 'code': 'FireHydranAlarmButton_2', '_type': 'FireHydranAlarmButton', 'width': 25, 'zlevel': 1, 'z': 4 }, { 'point': { 'x': 391, 'y': 127 }, 'code': 'FireHydranAlarmButton_3', '_type': 'FireHydranAlarmButton', 'width': 25, 'zlevel': 1, 'z': 4 }] }
+};
+export default iscsData;
diff --git a/src/views/iscs/iscsDraw/index.vue b/src/views/iscs/iscsDraw/index.vue
index 5bf79fb25..9277c9cc9 100644
--- a/src/views/iscs/iscsDraw/index.vue
+++ b/src/views/iscs/iscsDraw/index.vue
@@ -2,7 +2,7 @@
   <transition name="el-zoom-in-center">
     <div class="mapPaint">
       <div class="map-view">
-        <iscs-plate ref="iscsPlate" />
+        <iscs-plate ref="iscsPlate" @iscsChange="iscsChange" />
       </div>
       <div class="map-draft">
         <iscs-operate v-if="iscsMode==='fas'" ref="iscsOperate" @iscsChange="iscsChange" />
@@ -16,6 +16,7 @@
   </transition>
 </template>
 <script>
+import localStore from 'storejs';
 import IscsPlate from '@/views/iscsSystem/index';
 import IscsOperate from './iscsOperate/index';
 import IscsBasOperate from './iscsBasOperate/index';
@@ -39,7 +40,8 @@ export default {
             size: {
                 width: this.$store.state.app.width - 521,
                 height: this.$store.state.app.height - 60
-            }
+            },
+            widthLeft: Number(localStore.get('LeftWidth')) || 450
         };
     },
     computed:{
@@ -50,9 +52,13 @@ export default {
     watch: {
         $route(val) {
             this.iscsChange();
+        },
+        '$store.state.app.windowSizeCount': function() {
+            this.$store.dispatch('config/resize', { width: this.$store.state.app.width - 521 - this.widthLeft, height: this.$store.state.app.height - 60 });
         }
     },
     created() {
+        this.$store.dispatch('config/resize', { width: this.$store.state.app.width - 521 - this.widthLeft, height: this.$store.state.app.height - 60 });
     },
     mounted() {
         this.$refs.iscsPlate.show();
@@ -62,7 +68,8 @@ export default {
 
     },
     methods: {
-        iscsChange() {
+        iscsChange(id) {
+            this.$refs.iscsPlate.show(id);
             this.$refs.iscsPlate.drawIscsInit();
         }
     }
diff --git a/src/views/iscs/iscsDraw/iscsOperate/index.vue b/src/views/iscs/iscsDraw/iscsOperate/index.vue
index a56fd3147..e581bab72 100644
--- a/src/views/iscs/iscsDraw/iscsOperate/index.vue
+++ b/src/views/iscs/iscsDraw/iscsOperate/index.vue
@@ -93,6 +93,7 @@ export default {
         }
     },
     mounted() {
+      this.$emit('iscsChange', this.$route.params.id);
     },
     beforeDestroy() {
 
diff --git a/src/views/iscsSystem/index.vue b/src/views/iscsSystem/index.vue
index 258d39306..43ba2b6c8 100644
--- a/src/views/iscsSystem/index.vue
+++ b/src/views/iscsSystem/index.vue
@@ -9,6 +9,7 @@
 import Vue from 'vue';
 import Iscs from '@/iscs/iscs';
 import { parser } from '@/iscs/utils/parser';
+import iscsData from '@/iscs/constant/iscsData';
 import { mapGetters } from 'vuex';
 import { exitFullscreen } from '@/utils/screen';
 import { putJointTrainingSimulationUser } from '@/api/chat';
@@ -82,13 +83,16 @@ export default {
         this.iscsDestroy();
     },
     methods: {
-        show () {
+        show (deviceCode) {
+            if (!deviceCode) {
+                return;
+            }
             document.getElementById(this.iscsId).oncontextmenu = function (e) {
                 return false;
             };
             this.iscsDestroy();
             this.loading = true;
-            const data = {};
+            const data = parser(iscsData[deviceCode], {width: this.canvasWidth, height: this.canvasHeight});
             this.$iscs = new Iscs({
                 dom: document.getElementById(this.iscsId),
                 config: {
@@ -110,8 +114,8 @@ export default {
             if (this.$route.query.group) {
                 this.$iscs.on('selected', this.onSelected, this);
             }
-            this.setIscs(data, {});
-            this.$store.dispatch('iscs/setIscsData', {});
+            this.setIscs(data, iscsData[deviceCode]);
+            this.$store.dispatch('iscs/setIscsData', iscsData[deviceCode]);
             window.document.oncontextmenu = function () {
                 return false;
             };