diff --git a/src/views/sponeScreen/waterFlood/pipeDetail.vue b/src/views/sponeScreen/waterFlood/pipeDetail.vue index 2175bc6..335b411 100644 --- a/src/views/sponeScreen/waterFlood/pipeDetail.vue +++ b/src/views/sponeScreen/waterFlood/pipeDetail.vue @@ -16,7 +16,11 @@ <img src="@/assets/newImgs/HMScreen/pipeW.png" alt="" class="water" :style="{ height: waterHeight + 'px' }" /> <div :class="['part', 'partW', realData.z > pipeDetail.pipelineDiameterTemp ? 'red' : '']">水深:{{ realData.z || '--' }} 米</div> - <!-- 瞬时流量 --> + <!-- 管径 --> + <div class="part partW" style="bottom: 145px">管径:{{ pipeDetail.pipelineDiameterTemp || '--' }} m</div> + <div class="partGJ"></div> + + <!-- 流速 --> <div class="part partL">流速:{{ realData.va || '--' }} m/s</div> <!-- 设备 --> @@ -310,6 +314,14 @@ width:530PX; height: 128PX; } + .partGJ{ + width:100%; + border:1px dashed #484848; + position:absolute; + bottom:180PX; + left:0px; + z-index: 210; + } .part{ background: #0874EF; border-radius: 12px;