root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

status

Browse Source
This commit is contained in:
xiangxy
2023-06-27 15:42:13 +08:00
parent 371724b7e3
commit cdca3bd0c1
1 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/modules/hunniankunliao/one.vue
View File

@@ -29,10 +29,10 @@
<div class="box_l1">
<div v-for="(e,i) in MixDeviceInfoList.slice(4, 16)" :key="i" class="picbox" @click.stop="getInfo1(e, i)">
<span class="hljname">{{e.device_name}}</span>
<img v-show="e.device_status === 0" src="../../../images/workshop/hlj_gray.png" alt="">
<img v-show="e.device_status === 1" src="../../../images/workshop/hlj_yellow.png" alt="">
<img v-show="e.device_status === 2" src="../../../images/workshop/hlj_green.png" alt="">
<img v-show="e.device_status === 3" src="../../../images/workshop/hlj_red.png" alt="">
<img v-show="e.status === 0" src="../../../images/workshop/hlj_gray.png" alt="">
<img v-show="e.status === 1" src="../../../images/workshop/hlj_yellow.png" alt="">
<img v-show="e.status === 2" src="../../../images/workshop/hlj_green.png" alt="">
<img v-show="e.status === 3" src="../../../images/workshop/hlj_red.png" alt="">
<div v-if="pkId === e.device_code" class="popup_block_wraper" :class="youModel" :style="{'top': top, 'left': left}">
<div class="foldline foldline_left" :class="foldlineStyle"></div>
<div class="popup_bg">
@@ -40,8 +40,8 @@
<div class="pop_header">
<div class="pop_name">{{pkObj.device_name}}</div>
<div class="pop_status">
<!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.device_status) - 2]"></div> -->
<div class="pop_status_dot" :class="{green:pkObj.device_status ==='2',yellow:pkObj.device_status ==='1',gray:pkObj.device_status ==='0',red:pkObj.device_status ==='3'}"></div>
<!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.status) - 2]"></div> -->
<div class="pop_status_dot" :class="{green:pkObj.status ==='2',yellow:pkObj.status ==='1',gray:pkObj.status ==='0',red:pkObj.status ==='3'}"></div>
<div class="pop_status_text fgray">{{pkObj.device_status_name}}</div>
</div>
</div>
@@ -96,10 +96,10 @@
<div class="box_r1">
<div v-for="(e,i) in MixDeviceInfoList.slice(0, 4)" :key="i" class="picbox" @click.stop="getInfo2(e, i)">
<span class="hljname">{{e.device_name}}</span>
<img v-show="e.device_status === 0" src="../../../images/workshop/hlj_gray.png" alt="">
<img v-show="e.device_status === 1" src="../../../images/workshop/hlj_yellow.png" alt="">
<img v-show="e.device_status === 2" src="../../../images/workshop/hlj_green.png" alt="">
<img v-show="e.device_status === 3" src="../../../images/workshop/hlj_red.png" alt="">
<img v-show="e.status === 0" src="../../../images/workshop/hlj_gray.png" alt="">
<img v-show="e.status === 1" src="../../../images/workshop/hlj_yellow.png" alt="">
<img v-show="e.status === 2" src="../../../images/workshop/hlj_green.png" alt="">
<img v-show="e.status === 3" src="../../../images/workshop/hlj_red.png" alt="">
<div v-if="pkId === e.device_code" class="popup_block_wraper popup_block_wraper2" :style="{'top': top, 'left': left}">
<div class="foldline foldline_left2"></div>
<div class="popup_bg">
@@ -107,8 +107,8 @@
<div class="pop_header">
<div class="pop_name">{{pkObj.device_name}}</div>
<div class="pop_status">
<!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.device_status) - 2]"></div> -->
<div class="pop_status_dot" :class="{green:pkObj.device_status ==='2',yellow:pkObj.device_status ==='1',gray:pkObj.device_status ==='0',red:pkObj.device_status ==='3'}"></div>
<!-- <div class="pop_status_dot" :class="['green', 'yellow', 'red'][Number(pkObj.status) - 2]"></div> -->
<div class="pop_status_dot" :class="{green:pkObj.status ==='2',yellow:pkObj.status ==='1',gray:pkObj.status ==='0',red:pkObj.status ==='3'}"></div>
<div class="pop_status_text fgray">{{pkObj.device_status_name}}</div>
</div>
</div>
@@ -499,7 +499,7 @@ export default {
// color: #0ff;
// color #78b1de
// color #f96700
color #555
color #222
font-weight: normal;
text-align: left;
transform: rotate(270deg);
@@ -508,4 +508,19 @@ export default {
position absolute
top -5%;
left 63%
// .hljname
// font-size: 12px;
// line-height: 14px;
// color: #78b1de;
// border: 1px solid #78b1de;
// padding: 2px;
// font-weight: normal;
// text-align: left;
// -webkit-transform: rotate(270deg);
// transform: rotate(270deg);
// float: left;
// /* margin-right: 130px; */
// position: absolute;
// top: 35%;
// left: -35%;
</style>