福州一号线 iscs 页面代码调整
This commit is contained in:
joylink_cuiweidong
parent
936d01fdd1
commit
63824fb35f
@ -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];
|
||||
|
||||
@ -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>
|
||||
125
src/views/iscs/iscsSystem/stationConfig/environment/index.vue
Normal file
125
src/views/iscs/iscsSystem/stationConfig/environment/index.vue
Normal file
@ -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>
|
||||
@ -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 {
|
||||
|
||||
@ -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);
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user