|
|
@@ -2,11 +2,20 @@
|
|
|
<view>
|
|
|
<u-navbar title="异常报警记录" title-color="#101010"></u-navbar>
|
|
|
<view class="dropdown">
|
|
|
- <u-dropdown-change ref="uDropdown">
|
|
|
+ <view class="dropdown-item">
|
|
|
+ 2024年2月 <u-icon name="arrow-down" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="dropdown-item">
|
|
|
+ 全部状态 <u-icon name="arrow-down" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="dropdown-item">
|
|
|
+ 全部设备 <u-icon name="arrow-down" color="#999999"></u-icon>
|
|
|
+ </view>
|
|
|
+ <!-- <u-dropdown-change ref="uDropdown">
|
|
|
<u-dropdown-item v-model="value1" title="全部时间" :options="options1"></u-dropdown-item>
|
|
|
<u-dropdown-item v-model="value2" title="全部状态" :options="options2"></u-dropdown-item>
|
|
|
<u-dropdown-item v-model="value3" title="全部设备" :options="options3"></u-dropdown-item>
|
|
|
- </u-dropdown-change>
|
|
|
+ </u-dropdown-change> -->
|
|
|
</view>
|
|
|
|
|
|
<u-picker mode="time" :defaultTime="defaultTime" v-model="show1" :params="params" @confirm="timeChange"></u-picker>
|
|
|
@@ -177,23 +186,30 @@
|
|
|
<style lang="scss" scoped>
|
|
|
.dropdown {
|
|
|
background-color: #fff;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
+ position: sticky;
|
|
|
top: 88rpx;
|
|
|
z-index: 999;
|
|
|
+ padding: 18rpx 46rpx;
|
|
|
+ display: flex;
|
|
|
+ border-bottom: 1px solid rgba(245, 245, 245, 1);
|
|
|
+ .dropdown-item{
|
|
|
+ width: 33.33%;
|
|
|
+ text-align: center;
|
|
|
+ height: 60rpx;
|
|
|
+ line-height: 60rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 记录
|
|
|
.records {
|
|
|
background-color: #fff;
|
|
|
- margin-top: 80rpx;
|
|
|
+ // margin-top: 80rpx;
|
|
|
|
|
|
.records-item {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 24rpx 40rpx;
|
|
|
- border-bottom: 1px solid rgba(245, 245, 245, 1);
|
|
|
+ border-top: 1px solid rgba(245, 245, 245, 1);
|
|
|
|
|
|
.icon {
|
|
|
width: 72rpx;
|
