suojin
/
smartpark-front
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改监控管理及能耗分析模块问题缺陷

Browse Source
main
jinna 6 months ago
parent 63186163da
commit b450b642cc
2 changed files with 98 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 129
      src/page/opsVisualization/tuobu.vue
  2. 6
      src/views/sourceAnaly/components/buildElectric.vue

129
src/page/opsVisualization/tuobu.vue
Unescape View File

@ -28,23 +28,29 @@
<div class="bottom_jiedian_box_1">
<jiedian class="jiedian jiedian_1" :img="dataList.some(item => item.name == 'DTU' && item.status == 1)? 'dut_img' : 'dtu_down_img'" :text="'dtu'" :left="'5'" :top="'20'"></jiedian>
</div>
<img class="server_1_bottom_left" src="../../../public/img/tuobu/server_1_bottom_left.png" alt="">
<!-- <img class="server_1_bottom_left" src="../../../public/img/tuobu/server_1_bottom_left.png" alt="">
<img class="server_1_bottom_item_1" src="../../../public/img/tuobu/server_1_bottom_item.png" alt="">
<img class="server_1_bottom_item_2" src="../../../public/img/tuobu/server_1_bottom_item.png" alt="">
<img class="server_1_bottom_item_3" src="../../../public/img/tuobu/server_1_bottom_item.png" alt="">
<img class="server_1_bottom_item_4" src="../../../public/img/tuobu/server_1_bottom_item.png" alt="">
<img class="server_1_bottom_item_4" src="../../../public/img/tuobu/server_1_bottom_item.png" alt=""> -->
<img class="server_1_bottom_item_1" src="../../../public/img/tuobu/server_1_center_left.png" alt="">
<img class="server_1_bottom_item_2" src="../../../public/img/tuobu/server_1_center_left.png" alt="">
<img class="server_1_bottom_item_3" src="../../../public/img/tuobu/server_1_center_left.png" alt="">
<div class="bottom_left_jiedian_box">
<jiedian class="jiedian jiedian_4" :img="'dianti_img'" :status="shebeiList.dianti" :text="'电梯'" :left="'15'" :top="'110'"></jiedian>
<jiedian class="jiedian jiedian_3" :img="'xiaofang_img'" :status="shebeiList.xiaofang" :text="'消防'" :left="'10'" :top="'75'"></jiedian>
<jiedian class="jiedian jiedian_2" :img="'nuanbiao_img'" :status="shebeiList.nuanbiao" :text="'暖表'" :left="'18'" :top="'40'"></jiedian>
<jiedian class="jiedian jiedian_1" :img="'shuibiao_img'" :status="shebeiList.shuibiao" :text="'水表'" :left="'15'" :top="'40'"></jiedian>
<!-- <jiedian class="jiedian jiedian_1" :img="'shuibiao_img'" :status="shebeiList.shuibiao" :text="'水表'" :left="'15'" :top="'40'"></jiedian> -->
</div>
<img class="server_1_bottom_center_4" src="../../../public/img/tuobu/server_1_bottom_center_4.png" alt="">
<img class="server_1_bottom_center_1" src="../../../public/img/tuobu/server_1_bottom_center_1.png" alt="">
<img class="server_1_right_center_left1" src="../../../public/img/tuobu/server_1_right_center_left.png" alt="">
<img class="server_1_right_center_right1" src="../../../public/img/tuobu/server_1_right_center_right.png" alt="">
<!-- <img class="server_1_bottom_center_2" src="../../../public/img/tuobu/server_1_bottom_center_2.png" alt="">
<img class="server_1_bottom_center_3" src="../../../public/img/tuobu/server_1_bottom_center_3.png" alt=""> -->
<!-- <jiedian class="jiedian jiedian_haikang" :img="'haikang_img'" :text="'海康接口'" :left="'-15'" :top="'40'"></jiedian> -->
<jiedian class="jiedian jiedian_kongkai" :img="'kongkai_img'" :status="shebeiList.kongkai" :text="'空开'" :left="'5'" :top="'40'"></jiedian>
<jiedian class="jiedian jiedian_shuibiao" :img="'shuibiao_img'" :status="shebeiList.shuibiao" :text="'水表'" :left="'15'" :top="'40'"></jiedian>
<!-- <jiedian class="jiedian jiedian_shexiangtou" :img="'shexiangtou_img'" :text="'摄像头'" :left="'5'" :top="'30'"></jiedian> -->
<img class="server_1_bottom_center_left_right" src="../../../public/img/tuobu/server_1_bottom_center.png" alt="">
<jiedian class="jiedian jiedian_wangguan" :img="dataList.some(item => item.name == '网关' && item.status == 1)? 'wangguan_img' : 'wangguan_down_img'" :text="'网关'" :left="'-15'" :top="'30'"></jiedian>
@ -231,13 +237,17 @@ export default {
}
.server_1_top_right{
position: absolute;
left: 450px;
top: 135px;
// left: 450px;
// top: 135px;
left: 430px;
top: 142px;
}
.center_jiedian_box{
position: absolute;
left: 440px;
top: 345px;
// left: 440px;
// top: 345px;
left: 418px;
top: 358px;
display: flex;
.jiedian_2{
top: -55px;
@ -249,28 +259,38 @@ export default {
}
.server_1_center_left{
position: absolute;
left: 427px;
top: 290px;
// left: 427px;
// top: 290px;
left: 410px;
top: 297px;
}
.server_1_center_center{
position: absolute;
left: 538px;
top: 292px;
// left: 538px;
// top: 292px;
left: 515px;
top: 298px;
}
.server_1_center_right{
position: absolute;
left: 533px;
top: 238px;
// left: 533px;
// top: 238px;
left: 513px;
top: 247px;
}
.server_1_bottom_center_left{
position: absolute;
left: 470px;
top: 388px;
// left: 470px;
// top: 388px;
left: 449px;
top: 399px;
}
.bottom_jiedian_box_1{
position: absolute;
top: 460px;
left: 490px;
// top: 460px;
// left: 490px;
top: 472px;
left: 472px;
}
.server_1_bottom_left{
position: absolute;
@ -279,18 +299,24 @@ export default {
}
.server_1_bottom_item_1{
position: absolute;
top: 515px;
left: 405px;
// top: 515px;
// left: 405px;
top: 505px;
left: 369px;
}
.server_1_bottom_item_2{
position: absolute;
top: 546px;
left: 346px;
// top: 546px;
// left: 346px;
top: 549px;
left: 286px;
}
.server_1_bottom_item_3{
position: absolute;
top: 577px;
left: 287px;
// top: 577px;
// left: 287px;
top:600px;
left: 190px;
}
.server_1_bottom_item_4{
position: absolute;
@ -299,31 +325,53 @@ export default {
}
.bottom_left_jiedian_box{
position: absolute;
top: 530px;
left: 140px;
// top: 530px;
// left: 140px;
top: 540px;
left: 140px;
display: flex;
.jiedian_2{
top: 30px;
left: 35px;
// top: 30px;
// left: 35px;
top: 25px;
left: 43px;
}
.jiedian_3{
top: 63px;
left: 80px;
// top: 63px;
// left: 80px;
top:69px;
left: 70px;
}
.jiedian_4{
top: 95px;
left: 100px;
// top: 95px;
// left: 100px;
top: 118px;
left: 53px;
}
}
.server_1_bottom_center_4{
position: absolute;
top: 333px;
left: 576px;
// top: 333px;
// left: 576px;
top: 344px;
left: 556px;
}
.server_1_bottom_center_1{
position: absolute;
top: 419px;
left: 576px;
// top: 419px;
top: 365px;
// left: 576px;
left: 556px;
}
.server_1_right_center_left1{
position: absolute;
top: 539px;
left: 546px;
}
.server_1_right_center_right1{
position: absolute;
top: 520px;
left: 590px;
}
.server_1_bottom_center_2{
position: absolute;
@ -342,8 +390,15 @@ export default {
}
.jiedian_kongkai{
position: absolute;
top: 590px;
left: 590px;
// top: 590px;
// left: 590px;
top: 524px;
left: 636px;
}
.jiedian_shuibiao{
position: absolute;
top: 579px;
left: 582px
}
.jiedian_shexiangtou{
position: absolute;

6
src/views/sourceAnaly/components/buildElectric.vue
Unescape View File

@ -314,6 +314,12 @@ export default {
// color: ["#07a6ff", "#f2b448", "#01feae", "#ff8b2e"], //["#f2b448", "#07a6ff"],//
tooltip: {
show: "item",
position: function (pos, params, dom, rect, size) {
// 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。
var obj = {top: 90};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
return obj;
}
},
series: [
{

Write Preview
Loading…
Cancel
Save