From 6a0fbe5dc5510cd9558853ed9706c5656b1223a2 Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Wed, 30 Sep 2020 16:57:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=8F=E5=B7=9E=E4=B8=80=E5=8F=B7=E7=BA=BF?=
 =?UTF-8?q?=20iscs=20=E7=B3=BB=E7=BB=9F=E4=BB=A3=E7=A0=81=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../iscs/iscsSystem/stationConfig/index.vue   |  5 +-
 .../stationConfig/powerMonitor/substation.vue | 57 +++++++++++++++++++
 src/views/iscs/iscsSystem/stationNav.vue      | 19 ++++++-
 3 files changed, 78 insertions(+), 3 deletions(-)
 create mode 100644 src/views/iscs/iscsSystem/stationConfig/powerMonitor/substation.vue

diff --git a/src/views/iscs/iscsSystem/stationConfig/index.vue b/src/views/iscs/iscsSystem/stationConfig/index.vue
index fa6710778..1515b80ef 100644
--- a/src/views/iscs/iscsSystem/stationConfig/index.vue
+++ b/src/views/iscs/iscsSystem/stationConfig/index.vue
@@ -1,13 +1,16 @@
 <template>
   <div style="height: 100%; width: 100%;overflow-y: auto;">
     <psd-system v-if="mode=='psdSystem'" />
+    <substation v-else-if="mode=='substation'" />
   </div>
 </template>
 <script>
 import PsdSystem from './psdSystem/index.vue';
+import Substation from './powerMonitor/substation.vue';
 export default {
     components:{
-        PsdSystem
+        PsdSystem,
+        Substation
     },
     data() {
         return {
diff --git a/src/views/iscs/iscsSystem/stationConfig/powerMonitor/substation.vue b/src/views/iscs/iscsSystem/stationConfig/powerMonitor/substation.vue
new file mode 100644
index 000000000..39384da9f
--- /dev/null
+++ b/src/views/iscs/iscsSystem/stationConfig/powerMonitor/substation.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="Substation">
+    <div class="Substation_header">{{ stationName+' 屏蔽门系统' }}</div>
+    <div>
+      <iscsSystem ref="iscsPlate" :width-canvas="width" :canvas-height="height" />
+    </div>
+    <!-- <div class="psdSystem_footer">
+      <div class="prevButton">{{}}</div>
+      <div class="nextButton">{{}}</div>
+    </div> -->
+  </div>
+</template>
+<script>
+import iscsSystem from '../canvas/iscsCanvas';
+import {getIscsData} from '@/api/iscs';
+export default {
+    name:'Substation',
+    components:{
+        iscsSystem
+    },
+    computed:{
+        stationName() {
+            return this.$route.query.stationName;
+        },
+        width() {
+            return window.innerWidth;
+        },
+        height() {
+            return 800;
+        }
+    },
+    mounted() {
+        const params = {
+            lineCode: this.$route.query.lineCode,
+            totalSystem: 'powerMonitoring02',
+            system: 'powerMonitoring',
+            userInterface: 'substation'
+        };
+        getIscsData(params).then(resp=>{
+            if (resp.data) {
+                const data = JSON.parse(resp.data.graphData);
+                this.$refs.iscsPlate.show(data);
+            }
+        });
+    }
+};
+</script>
+<style lang="scss" scoped>
+.Substation_header{
+    text-align: center;
+    margin-top: 15px;
+    color: #d8e9a5;
+}
+.Substation{
+
+}
+</style>
diff --git a/src/views/iscs/iscsSystem/stationNav.vue b/src/views/iscs/iscsSystem/stationNav.vue
index 4eae9bd7f..b216d8868 100644
--- a/src/views/iscs/iscsSystem/stationNav.vue
+++ b/src/views/iscs/iscsSystem/stationNav.vue
@@ -53,10 +53,24 @@ export default {
             stationList:[],
             group:'',
             lineCode:'',
-            buttonId:'electric',
+            buttonId:'substation',
             buttonList:{
                 stationDescription:{name:'车站概要', type:'totalSystem', id: 'stationDescription', active:false, icon:iscs_icon1 },
-                electric: {name:'电力监控系统', type:'totalSystem', id: 'electric', active:false, icon:iscs_icon2 },
+                electric: {name:'电力监控系统', type:'totalSystem', id: 'powerMonitoring', active:false, icon:iscs_icon2,
+                    children:[
+                        {
+                            name: '牵引降压所主接线图',
+                            mode: 'substation',
+                            id: 'substation',
+                            type: 'interface'
+                        },
+                        {
+                            name: '能耗检测管理系统',
+                            mode: 'energyDetected',
+                            id: 'energyDetected',
+                            type: 'interface'
+                        }
+                    ] },
                 environment:{name:'环境与设备监控系统', type:'totalSystem', id: 'environment', active:false, icon:iscs_icon3 },
                 ffas: {name:'火灾报警系统', type:'totalSystem', id: 'ffas', mode: 'ffas', active:false, icon:iscs_icon4,
                     children:[
@@ -385,6 +399,7 @@ export default {
     bottom: 0;
     left: 0;
     padding-left: 5px;
+    z-index:3;
 }
 .bottom-box-in{
     display: inline-block;