Compare commits

...

2 Commits

  1. 48
      ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/index.vue
  2. 2
      ruoyi-ui/vue.config.js

48
ruoyi-ui/src/views/JiHeExpressway/pages/perception/topology/index.vue

@ -54,11 +54,11 @@
></div>
<img v-if="item.netWorkStatus" src="./switch1.png" />
<img v-else src="./switch0.png" />
<div
<!-- <div
:class="
'c-name c-namesw ' + (item.netWorkStatus ? '' : 'c-namer')
"
></div>
></div> -->
<div :class="'c-desc ' + (item.netWorkStatus ? '' : 'c-descr')">
<div>桩号{{ item.stakeMark }}</div>
<div>IP{{ item.switchIp }}</div>
@ -137,13 +137,20 @@
src="./switch1.png"
/>
<img class="imgsw" v-else src="./switch0.png" />
<div
<el-tooltip
class="item"
effect="dark"
:content="itm.switchName"
placement="top-end"
><div
:class="
'c-name c-namesw ' + (itm.netWorkStatus ? '' : 'c-namer')
"
>
{{ itm.switchName }}({{ index + 1 }})
</div>
</div></el-tooltip
>
<div
:class="'line ' + (itm.netWorkStatus ? '' : 'liner')"
style="height: 40px"
@ -162,7 +169,15 @@
class="device-item"
>
<img src="./t10.png" />
<div class="device-item-text">{{ idv.deviceName }}</div>
<el-tooltip
class="item"
effect="dark"
:content="idv.deviceName"
placement="top-end"
><div class="device-item-text">
{{ idv.deviceName }}
</div></el-tooltip
>
</div>
</div>
</div>
@ -479,10 +494,15 @@ export default {
border: 1px solid #34d3eb;
}
.c-namesw {
padding: 0px 50px;
width: 180px;
text-align: center;
// padding: 0px 50px;
margin-top: -5px;
font-size: 14px;
border: 0px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-namer {
background: linear-gradient(
@ -517,26 +537,26 @@ export default {
}
.device-list {
border: 1px dashed #34d3eb;
min-height: 110px;
height: 112px;
min-width: 160px;
margin-top: 10px;
overflow: auto;
display: grid;
grid-template-rows: repeat(2, minmax(45px, auto));
grid-auto-columns: 1fr;
grid-gap: 0px;
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
padding: 10px;
}
.device-list-r {
border-color: #ff5935;
// display: flex;
// flex-wrap: wrap;
// justify-content: space-around;
display: grid;
grid-template-rows: repeat(2, minmax(30px, auto));
grid-auto-columns: 1fr;
grid-gap: 0px;
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
// overflow: hidden;
padding: 10px;
}
.device-item {
overflow: hidden;
// overflow: hidden;
img {
margin: 0;
width: 25px;

2
ruoyi-ui/vue.config.js

@ -52,7 +52,7 @@ module.exports = {
// target: `http://10.0.81.204:8087`, //现场后台 刘文阁
// target: `http://10.168.69.255:8087`, //正晨后台 连现场物联 刘文阁
// target: `http://10.168.78.135:8087`, //王钦
// target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2
target: `http://10.168.66.196:8087`, //正晨后台 连现场物联 刘文阁2
// target: `http://10.168.68.42:8087`, //王思祥
target: `http://10.168.72.174:8087`, //赵祥龙
// target: `http://10.168.65.156:8097`, //孟

Loading…
Cancel
Save