joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
joylink_cuiweidong 2020-10-10 15:37:45 +08:00
parent 20be6012d8
commit c70af998d7
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/iscs/iscsSystem/stationConfig/index.vue
View File

@ -1,5 +1,5 @@
<template>
<div style="height: 100%; width: 100%;overflow-y: auto;overflow-x:hidden">
<div style="height: 100%; width: 100%;overflow-y:hidden;overflow-x:hidden;position: relative;">
<psd-system v-if="mode=='psdSystem'" />
<substation v-else-if="mode=='substation'" />
</div>

24
src/views/iscs/iscsSystem/stationConfig/powerMonitor/substation.vue
View File

@ -1,14 +1,15 @@
<template>
<div v-loading="loading" class="Substation" :style="{'background':bacground}" element-loading-background="rgba(0, 0, 0, 0.6)">
<div class="Substation_header">{{ title }}</div>
<div>
<iscsSystem ref="iscsPlate" />
<!-- :width-canvas="width" :canvas-height="height" :scale-rate="scaleRate" -->
</div>
<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>
@ -86,9 +87,10 @@ export default {
this.$refs.iscsPlate.show({}, this.width, this.height, this.scaleRate);
getIscsData(params).then(resp=>{
if (resp.data) {
this.loading = false;
const data = JSON.parse(resp.data.graphData);
this.$refs.iscsPlate.show(data, this.width, this.height, this.scaleRate);
this.loading = false;
document.querySelector('.Substation').scrollTop = 0;
}
});
}
@ -103,5 +105,13 @@ export default {
}
.Substation{
display: inline-block;
width:100%;
height:100%;
overflow-x: hidden;
overflow-y: auto;
vertical-align: top;
}
.SubstationIn{
display: inline-block;
}
</style>