福州一号线 iscs 页面代码调整

src/iscs/shape/stateTable.js

@@ -276,7 +276,7 @@ export default class StateTable extends Group {
 
         model.tableData.forEach((item, i)=> {
 			const index = model.headerType === 'none'? i: i+1;
-			const rects = this.rectsArr[index];
+			const rects = this.rectsArr[index] || [];
 			const contexts = [];
             model.columnWidthList.forEach((elem, j) => {
 				const rect = rects[j];

src/views/iscs/iscsSystem/stationConfig/electricSystem/index.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="psdSystem">
-    <div class="psdSystem_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:'PsdSystem',
-    components:{
-        iscsSystem
-    },
-    computed:{
-        stationName() {
-            return this.$route.query.stationName;
-        },
-        width() {
-            return 2050;
-        },
-        height() {
-            return 1100;
-        }
-    },
-    mounted() {
-        const params = {
-            lineCode: this.$route.query.lineCode,
-            totalSystem: 'powerMonitoring02',
-            system: 'powerMonitoring',
-            userInterface: 'hybrid'
-        };
-        getIscsData(params).then(resp=>{
-            if (resp.data) {
-                const data = JSON.parse(resp.data.graphData);
-                this.$refs.iscsPlate.show(data);
-            }
-        });
-    }
-};
-</script>
-<style lang="scss" scoped>
-.psdSystem_header{
-    text-align: center;
-    margin-top: 15px;
-    color: #d8e9a5;
-}
-.psdSystem{
-
-}
-</style>

src/views/iscs/iscsSystem/stationConfig/environment/index.vue

@@ -0,0 +1,125 @@
+<template>
+  <div v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.6)" style="width:100%;height:100%;">
+    <div class="Substation" :style="{'background':bacground}">
+      <div class="Substation_header">{{ title }}</div>
+      <div>
+        <iscsSystem ref="iscsPlate" />
+      </div>
+    <!-- <div class="psdSystem_footer">
+      <div class="prevButton">{{}}</div>
+      <div class="nextButton">{{}}</div>
+    </div> -->
+    </div>
+  </div>
+</template>
+<script>
+import iscsSystem from '../canvas/iscsCanvas';
+import {getIscsData} from '@/api/iscs';
+export default {
+    name:'Sensor',
+    components:{
+        iscsSystem
+    },
+    data() {
+        return {
+            title:'',
+            bacground:'rgba(0,0,0,0)',
+            loading:false,
+            width:window.innerWidth,
+            scaleRate:window.innerWidth / 1920,
+            height:1000
+        };
+    },
+    computed:{
+        stationName() {
+            return this.$route.query.stationName;
+        },
+        stationId() {
+            return this.$route.query.stationId;
+        },
+        mode() {
+            return this.$route.params.mode;
+        }
+    },
+    watch:{
+        $route() {
+            this.getInitData();
+        }
+    },
+    mounted() {
+        this.getInitData();
+    },
+    methods:{
+        getInitData() {
+            if (this.mode == 'environmentThree') {
+                this.title = this.stationName + ' 隧道通风系统';
+                this.scaleRate = window.innerWidth / 2000;
+                this.height = 1000;
+            }
+            if (this.mode == 'environmentFour') {
+                this.title = this.stationName + ' 大系统';
+                this.scaleRate = window.innerWidth / 2000;
+                this.height = 900;
+            } else if (this.mode == 'environmentSix') {
+                this.title = this.stationName + ' 冷水系统 原理图';
+                this.scaleRate = window.innerWidth / 1920;
+                this.height = 900;
+            } else if (this.mode == 'environmentSeven') {
+                this.title = this.stationName + ' 多联空调 原理图';
+                this.scaleRate = window.innerWidth / 1920;
+                this.height = 900;
+            } else if (this.mode == 'environmentEight') {
+                this.title = this.stationName + ' A端 给排水系统';
+                this.scaleRate = window.innerWidth / 1920;
+                this.height = 900;
+            } else if (this.mode == 'environmentNine') {
+                this.title = this.stationName + ' 照明系统';
+                this.scaleRate = window.innerWidth / 1920;
+                this.height = 900;
+            } else if (this.mode == 'environmentTen') {
+                this.title = this.stationName + ' 自动扶梯系统';
+                this.scaleRate = window.innerWidth / 1920;
+                this.height = 900;
+            } else if (this.mode == 'environmentThirteen') {
+                this.title = this.stationName + ' 传感器';
+                this.scaleRate = window.innerWidth / 1920;
+                this.height = 1000;
+            }
+            const params = {
+                lineCode: this.$route.query.lineCode,
+                system: 'environment',
+                totalSystem :'environment02',
+                userInterface : this.mode
+            };
+            this.loading = true;
+            this.$refs.iscsPlate.show({}, this.width, this.height, this.scaleRate);
+            getIscsData(params).then(resp=>{
+                this.loading = false;
+                if (resp.data) {
+                    const data = JSON.parse(resp.data.graphData);
+                    this.$refs.iscsPlate.show(data, this.width, this.height, this.scaleRate);
+                    document.querySelector('.Substation').scrollTop = 0;
+                }
+            });
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.Substation_header{
+    text-align: center;
+    margin-top: 15px;
+    color: #d8e9a5;
+}
+.Substation{
+    display: inline-block;
+    width:100%;
+    height:100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    vertical-align: top;
+}
+.SubstationIn{
+    display: inline-block;
+}
+</style>

src/views/iscs/iscsSystem/stationConfig/index.vue

@@ -1,19 +1,29 @@
 <template>
   <div style="height: 100%; width: 100%;overflow-y:hidden;overflow-x:hidden;position: relative;">
     <psd-system v-if="mode=='psdSystem'" />
-    <electric-system v-if="mode=='electric'" />
     <substation v-else-if="mode=='substation'" />
+
+    <normal v-else-if="mode=='environmentThree'" />
+    <normal v-else-if="mode=='environmentFour'" />
+    <normal v-else-if="mode=='environmentSix'" />
+    <normal v-else-if="mode=='environmentSeven'" />
+    <normal v-else-if="mode=='environmentEight'" />
+    <normal v-else-if="mode=='environmentNine'" />
+    <normal v-else-if="mode=='environmentTen'" />
+    <normal v-else-if="mode=='environmentThirteen'" />
+
+    <!--  -->
   </div>
 </template>
 <script>
 import PsdSystem from './psdSystem/index.vue';
-import ElectricSystem from './electricSystem/index.vue';
 import Substation from './powerMonitor/substation.vue';
+import Normal from './environment/index.vue';
 export default {
     components:{
         PsdSystem,
-        ElectricSystem,
+        Substation,
-        Substation
+        Normal
     },
     data() {
         return {

src/views/iscs/iscsSystem/stationConfig/powerMonitor/substation.vue

@@ -82,10 +82,17 @@ export default {
                 this.scaleRate = window.innerWidth / 2000;
                 params.userInterface = 'catenary';
             } else {
+                const tractionList = ['象峰站', '罗汉山站', '树兜站', '东街口站', '达道站', '三叉街站', '葫芦阵站', '城门站', '胪雷站'];
+                if (tractionList.includes(this.stationName)) {
                     this.title = this.stationName + ' 牵引降压混合变电所主接线图';
+                    params.userInterface = 'combined';
+                } else {
+                    this.title = this.stationName + ' 降压变电所主接线图';
+                    params.userInterface = 'stepDown';
+                }
                 this.scaleRate = window.innerWidth / 2200;
                 this.bacground = 'rgba(0,0,0,0)';
-                params.userInterface = 'combined';
+
             }
             this.loading = true;
             this.$refs.iscsPlate.show({}, this.width, this.height, this.scaleRate);

src/views/iscs/iscsSystem/stationNav.vue

@@ -8,7 +8,7 @@
             <div class="station-box">
               <div class="leftRect" />
               <div class="rightRect" />
-              <div class="station-list-box" :class="{'active': selectStation == item.id}" @click="changeStation(item.id)" />
+              <div class="station-list-box" :class="{'active': selectStation == item.id,'currentStation':tractionList.includes(item.name)}" @click="changeStation(item.id)" />
             </div>
             <div class="station-name" :class="index==0?'station-name-first':index%2==1?'station-name-up':'station-name-down'">{{ item.name }}</div>
           </div>
@@ -81,6 +81,7 @@ export default {
         return {
             selectStation: 'mainHouseOne',
             stationList:[],
+            tractionList:['象峰站', '罗汉山站', '树兜站', '东街口站', '达道站', '三叉街站', '葫芦阵站', '城门站', '胪雷站'],
             group:'',
             lineCode:'',
             buttonId:'substation',
@@ -101,7 +102,82 @@ export default {
                             type: 'interface'
                         }
                     ] },
-                environment:{name:'环境与设备监控系统', type:'totalSystem', id: 'environment', active:false, icon:iscs_icon3 },
+                environment:{name:'环境与设备监控系统', type:'totalSystem', id: 'environment', active:false, icon:iscs_icon3,
+                    children:[
+                        {
+                            name: '车站模式管理器',
+                            mode: 'environmentOne',
+                            id: 'environmentOne',
+                            type: 'interface'
+                        },
+                        {
+                            name: '时间管理器',
+                            mode: 'environmentTwo',
+                            id: 'environmentTwo',
+                            type: 'interface'
+                        },
+                        {
+                            name: '隧道通风系统',
+                            mode: 'environmentThree',
+                            id: 'environmentThree',
+                            type: 'interface'
+                        },
+                        {
+                            name: '大系统',
+                            mode: 'environmentFour',
+                            id: 'environmentFour',
+                            type: 'interface'
+                        },
+                        {
+                            name: '小系统',
+                            mode: 'environmentFive',
+                            id: 'environmentFive',
+                            type: 'interface'
+                        },
+                        {
+                            name: '空调水系统',
+                            mode: 'environmentSix',
+                            id: 'environmentSix',
+                            type: 'interface'
+                        },
+                        {
+                            name: 'VRV多联空调',
+                            mode: 'environmentSeven',
+                            id: 'environmentSeven',
+                            type: 'interface'
+                        },
+                        {
+                            name: '给排水系统',
+                            mode: 'environmentEight',
+                            id: 'environmentEight',
+                            type: 'interface'
+                        },
+                        {
+                            name: '照明系统',
+                            mode: 'environmentNine',
+                            id: 'environmentNine',
+                            type: 'interface'
+                        },
+                        {
+                            name: '电扶梯系统',
+                            mode: 'environmentTen',
+                            id: 'environmentTen',
+                            type: 'interface'
+                        },
+                        {
+                            name: '人防门/防淹门',
+                            mode: 'environmentEleven',
+                            id: 'environmentEleven',
+                            type: 'interface'
+                        },
+                        {
+                            name: ' 传感器',
+                            mode: 'environmentThirteen',
+                            id: 'environmentThirteen',
+                            type: 'interface'
+                        }
+                    ]
+                },
                 ffas: {name:'火灾报警系统', type:'totalSystem', id: 'ffas', mode: 'ffas', active:false, icon:iscs_icon4,
                     children:[
                         {
@@ -364,7 +440,7 @@ export default {
 }
 .station-list-box.currentStation::before{
     content: '';
-    width: 124%;
+    width: 128%;
     height: 124%;
     border: 1px #10ff00 solid;
     position: absolute;