福州一号线 iscs 系统代码调整
This commit is contained in:
parent
ea8387bd23
commit
6a0fbe5dc5
@ -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 {
|
||||||
|
@ -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>
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user