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

地址

Browse Source
This commit is contained in:
caill
2024-04-17 09:09:14 +08:00
parent 46e75cf044
commit f1760e9271
6 changed files with 1751 additions and 1752 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/pages/modules/home/devicepop.vue
View File

@@ -1,22 +1,19 @@
<template>
<div v-if="((type === 'yaossx' || type === 'yao' || type === 'hljdjw') && pkId === data.pointName) || ((type === 'yj' || type === 'jxs' || type === 'yjmdw' || type === 'hlj') && pkId === data.device_code)" class="popup_wraper" :class="{'popup_wraper_down': direction === 'down'}">
<div class="popup_arrow" :class="{'popup_arrow_down': direction === 'down'}">
<img src="../../../images/device/arrow.png">
</div>
<div ref="pop" class="popup_wraper">
<div class="popup_bg">
<div class="popup_block">
<div class="pop_header">
<div v-show="type === 'yaossx' || type === 'yao' || type === 'hljdjw'" class="pop_name">{{data.pointName}}</div>
<div v-show="type === 'yj' || type === 'jxs' || type === 'yjmdw' || type === 'hlj'" class="pop_name">{{data.device_code}}</div>
<div v-show="type === 'yaossx' || type === 'yao' || type === 'hljdjw' || type === 'rgfjc' || type === 'hchj' || type === 'klhw'" class="pop_name">{{data.pointName}}</div>
<div v-show="type === 'yj' || type === 'jxs' || type === 'yjmdw' || type === 'fjmdw' || type === 'yjxlw' || type === 'yjslw' || type === 'hlj'" class="pop_name">{{data.device_code}}</div>
<div v-show="type === 'yaossx'" class="pop_status">
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'red'][Number(data.stat)]"></div>
<div class="pop_status_text fgray">{{ ['停机', '暂停', '运行', '故障'][Number(data.stat)] }}</div>
</div>
<div v-show="type === 'yj' || type === 'jxs' || type === 'hlj' || type === 'yjmdw'" class="pop_status">
<div v-show="type === 'yj' || type === 'jxs' || type === 'hlj' || type === 'yjmdw' || type === 'fjmdw' || type === 'yjxlw' || type === 'yjslw'" class="pop_status">
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'red'][Number(data.device_status)]"></div>
<div class="pop_status_text fgray">{{ ['停机', '暂停', '运行', '故障'][Number(data.device_status)] }}</div>
</div>
<div v-show="type === 'hljdjw'" class="pop_status">
<div v-show="type === 'hljdjw' || type === 'rgfjc' || type === 'hchj' || type === 'klhw'" class="pop_status">
<div class="pop_status_dot" :class="['gray', 'yellow', 'green', 'red'][Number(data.pointStatus)]"></div>
<div class="pop_status_text fgray">{{ ['停机', '暂停', '运行', '故障'][Number(data.pointStatus)] }}</div>
</div>
@@ -121,7 +118,7 @@
<div class="popup_val">{{ data.error }}</div>
</div>
</div>
<div v-show="type === 'yjmdw'" class="pop_content">
<div v-show="type === 'yjmdw' || type === 'fjmdw' || type === 'yjxlw' || type === 'yjslw'" class="pop_content">
<div class="popup_item">
<div class="popup_label">工作模式</div>
<div class="popup_val">{{ data.mode }}</div>
@@ -143,7 +140,7 @@
<div class="popup_val">{{ data.barcode }}</div>
</div>
</div>
<div v-show="type === 'hljdjw'" class="pop_content">
<div v-show="type === 'hljdjw' || type === 'rgfjc' || type === 'hchj' || type === 'klhw'" class="pop_content">
<div class="popup_item">
<div class="popup_label">点位编码</div>
<div class="popup_val">{{ data.pointCode }}</div>
@@ -158,10 +155,8 @@
export default {
name: 'devicepop',
props: {
pkId: String,
type: String,
data: Object,
direction: String
data: Object
},
methods: {
}
@@ -171,32 +166,12 @@ export default {
<style lang="stylus" scoped>
@import '~@style/mixin'
.popup_wraper
position absolute
left 50%
transform translateX(-50%) translateY(calc(-100% - 13px))
top 0
display none
position fixed
z-index 100
_wh(530px, auto)
padding 20px 0 30px 0
background top center / 100% 100% url(../../../images/popup_bg.png) no-repeat
_wh(530px, auto)
.popup_wraper_down
top auto
bottom 0
transform translateX(-50%) translateY(calc(100% + 13px))
.popup_arrow
position absolute
_wh(22px, 23px)
left calc(50% - 11px)
bottom -23px
// animation todown 1.5s ease-in-out infinite
img
_wh(100%, 100%)
.popup_arrow_down
bottom auto
top -23px
// animation toUp 1.5s ease-in-out infinite
img
transform rotateZ(180deg)
.popup_bg
_wh(100%, auto)
background none
@@ -250,52 +225,4 @@ export default {
span
font-size 13px
color #fff
.icon-guanbi
position absolute
top -30px
right -30px
_wh(30px, 30px)
_font(18px, 30px, #fff,,center)
border 1px solid #fff
border-radius 50%
background transparent
@keyframes todown {
0% {
transform: translateY(0)
}
100% {
transform: translateY(60px)
}
}
@keyframes toUp {
0% {
transform: translateY(0)
}
100% {
transform: translateY(-60px)
}
}
.popup_table_wrap
width 100%
max-height 132px
.popup_table
width calc(100% - 14px)
height auto
margin 0 7px
tr
th
_font(12px, 24px, #0ff,,left)
background-color #262f52
padding 0 10px
td
_font(13px, 18px, #fff,,left)
min-height 24px
padding 0 10px
vertical-align middle
&:nth-child(2n)
td
background rgba(38,47,82,0.50)
&:nth-child(2n+1)
td
background rgba(38,47,82,0.80)
</style>