|
@@ -70,7 +70,12 @@
|
|
|
<text class="type-text">{{ warning.warning_title }}</text>
|
|
<text class="type-text">{{ warning.warning_title }}</text>
|
|
|
<text class="device-type">{{ warning.device_type }}</text>
|
|
<text class="device-type">{{ warning.device_type }}</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="warning-level" :class="warning.level == '0' ? 'level-normal' :warning.level == '1'? 'level-important':'level-urgent'">
|
|
|
|
|
|
|
+ <view class="warning-level"
|
|
|
|
|
+ :class="
|
|
|
|
|
+ warning.level == '0' ? (warning.status != '0' ? 'level-normal-gray' : 'level-normal') :
|
|
|
|
|
+ warning.level == '1'? (warning.status != '0' ? 'level-important-gray' : 'level-important'):
|
|
|
|
|
+ (warning.status != '0' ? 'level-urgent-gray' : 'level-urgent')
|
|
|
|
|
+ ">
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="warning-content">
|
|
<view class="warning-content">
|
|
@@ -135,9 +140,13 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<u-calendar v-model="showDatePicker" :mode="mode" @change="changeCalendar"></u-calendar>
|
|
<u-calendar v-model="showDatePicker" :mode="mode" @change="changeCalendar"></u-calendar>
|
|
|
- <u-popup v-model="popupShow" mode="bottom" height="80%" border-radius="20">
|
|
|
|
|
|
|
+ <u-popup v-model="popupShow" mode="bottom" height="50%" border-radius="20">
|
|
|
<view class="popup-container">
|
|
<view class="popup-container">
|
|
|
- <view class="popup-icon" :class="current.level == '0' ? 'popup-level-normal' :current.level == '1'? 'popup-level-important':'popup-level-urgent'">
|
|
|
|
|
|
|
+ <view class="popup-icon" :class="
|
|
|
|
|
+ current.level == '0' ? (current.status != '0' ? 'popup-level-normal-gray' : 'popup-level-normal') :
|
|
|
|
|
+ current.level == '1'? (current.status != '0' ? 'popup-level-important-gray' : 'popup-level-important'):
|
|
|
|
|
+ (current.status != '0' ? 'popup-level-urgent-gray' : 'popup-level-urgent')
|
|
|
|
|
+ ">
|
|
|
</view>
|
|
</view>
|
|
|
<view class="popup-header">{{ current.warning_title }}</view>
|
|
<view class="popup-header">{{ current.warning_title }}</view>
|
|
|
<view class="popup-type">
|
|
<view class="popup-type">
|
|
@@ -151,7 +160,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</u-popup>
|
|
</u-popup>
|
|
|
- <u-popup v-model="popupManualShow" mode="bottom" height="80%" border-radius="20">
|
|
|
|
|
|
|
+ <u-popup v-model="popupManualShow" mode="bottom" height="50%" border-radius="20">
|
|
|
<view class="popup-container" style="margin-top:40rpx">
|
|
<view class="popup-container" style="margin-top:40rpx">
|
|
|
<view class="popup-content">{{ currentManual.conf }}</view>
|
|
<view class="popup-content">{{ currentManual.conf }}</view>
|
|
|
<view class="popup-time">{{ formatTime(currentManual.create_time) }}</view>
|
|
<view class="popup-time">{{ formatTime(currentManual.create_time) }}</view>
|
|
@@ -506,13 +515,26 @@ export default {
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ &.popup-level-normal-gray {
|
|
|
|
|
+ background: url('./assets/normal-gray.png');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ &.popup-level-important-gray {
|
|
|
|
|
+ background: url('./assets/important-gray.png');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ }
|
|
|
&.popup-level-important {
|
|
&.popup-level-important {
|
|
|
background: url('./assets/important.png');
|
|
background: url('./assets/important.png');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ &.popup-level-urgent-gray {
|
|
|
|
|
+ background: url('./assets/urgent-gray.png');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ }
|
|
|
&.popup-level-urgent {
|
|
&.popup-level-urgent {
|
|
|
background: url('./assets/urgent.png');
|
|
background: url('./assets/urgent.png');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
@@ -743,13 +765,26 @@ export default {
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ &.level-normal-gray {
|
|
|
|
|
+ background: url('./assets/normal-gray.png');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ }
|
|
|
&.level-important {
|
|
&.level-important {
|
|
|
background: url('./assets/important.png');
|
|
background: url('./assets/important.png');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ &.level-important-gray {
|
|
|
|
|
+ background: url('./assets/important-gray.png');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ &.level-urgent-gray {
|
|
|
|
|
+ background: url('./assets/urgent-gray.png');
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ }
|
|
|
&.level-urgent {
|
|
&.level-urgent {
|
|
|
background: url('./assets/urgent.png');
|
|
background: url('./assets/urgent.png');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|