福州一号线 iscs 系统代码调整

This commit is contained in:
joylink_cuiweidong 2020-09-30 16:57:38 +08:00
parent ea8387bd23
commit 6a0fbe5dc5
3 changed files with 78 additions and 3 deletions

View File

@ -1,13 +1,16 @@
<template> <template>
<div style="height: 100%; width: 100%;overflow-y: auto;"> <div style="height: 100%; width: 100%;overflow-y: auto;">
<psd-system v-if="mode=='psdSystem'" /> <psd-system v-if="mode=='psdSystem'" />
<substation v-else-if="mode=='substation'" />
</div> </div>
</template> </template>
<script> <script>
import PsdSystem from './psdSystem/index.vue'; import PsdSystem from './psdSystem/index.vue';
import Substation from './powerMonitor/substation.vue';
export default { export default {
components:{ components:{
PsdSystem PsdSystem,
Substation
}, },
data() { data() {
return { return {

View File

@ -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>

View File

@ -53,10 +53,24 @@ export default {
stationList:[], stationList:[],
group:'', group:'',
lineCode:'', lineCode:'',
buttonId:'electric', buttonId:'substation',
buttonList:{ buttonList:{
stationDescription:{name:'车站概要', type:'totalSystem', id: 'stationDescription', active:false, icon:iscs_icon1 }, 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 }, environment:{name:'环境与设备监控系统', type:'totalSystem', id: 'environment', active:false, icon:iscs_icon3 },
ffas: {name:'火灾报警系统', type:'totalSystem', id: 'ffas', mode: 'ffas', active:false, icon:iscs_icon4, ffas: {name:'火灾报警系统', type:'totalSystem', id: 'ffas', mode: 'ffas', active:false, icon:iscs_icon4,
children:[ children:[
@ -385,6 +399,7 @@ export default {
bottom: 0; bottom: 0;
left: 0; left: 0;
padding-left: 5px; padding-left: 5px;
z-index:3;
} }
.bottom-box-in{ .bottom-box-in{
display: inline-block; display: inline-block;