Showing
1 changed file
with
26 additions
and
16 deletions
| ... | ... | @@ -26,7 +26,7 @@ |
| 26 | 26 | </view> |
| 27 | 27 | </view> |
| 28 | 28 | </u-sticky> |
| 29 | - <mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback"> | |
| 29 | + <mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" :up="upOption" @up="upCallback"> | |
| 30 | 30 | <view class="device-list"> |
| 31 | 31 | <view @click="openDeviceDetail(item.id, item.alarmStatus, item.lastOnlineTime, item.tbDeviceId)" class="list-item" v-for="item in list" :key="item.id"> |
| 32 | 32 | <view |
| ... | ... | @@ -87,7 +87,6 @@ |
| 87 | 87 | <u-popup @close="close" closeable bgColor="#fff" :show="show" mode="bottom" :round="20"> |
| 88 | 88 | <view> |
| 89 | 89 | <view style="text-align: center; margin-top: 28rpx"><text>筛选条件</text></view> |
| 90 | - | |
| 91 | 90 | <FilterItem :filterList="deviceStatus" title="设备状态" @clickTag="currentIndex => handleClickTag(currentIndex, deviceStatus)"></FilterItem> |
| 92 | 91 | <FilterItem :filterList="alarmStatus" title="告警状态" @clickTag="currentIndex => handleClickTag(currentIndex, alarmStatus)"></FilterItem> |
| 93 | 92 | <FilterItem :filterList="typeStatus" title="设备类型" @clickTag="currentIndex => handleClickTag(currentIndex, typeStatus)"></FilterItem> |
| ... | ... | @@ -311,18 +310,31 @@ export default { |
| 311 | 310 | min-height: 100vh; |
| 312 | 311 | background-color: #f8f9fa; |
| 313 | 312 | } |
| 314 | - | |
| 315 | -.org-sty { | |
| 316 | - width: 750rpx; | |
| 317 | - height: 150rpx; | |
| 318 | - margin-top: 1rpx; | |
| 313 | +.device-top { | |
| 314 | + padding: 10rpx 30rpx; | |
| 319 | 315 | background-color: #fff; |
| 320 | - display: flex; | |
| 321 | - justify-content: space-between; | |
| 322 | - | |
| 323 | - .org-item { | |
| 324 | - width: 350rpx; | |
| 325 | - height: 200rpx; | |
| 316 | + .search { | |
| 317 | + display: flex; | |
| 318 | + justify-content: space-between; | |
| 319 | + padding-bottom: 10rpx; | |
| 320 | + border-bottom: 1px solid #f5f5f5; | |
| 321 | + .search-left { | |
| 322 | + width: 580rpx; | |
| 323 | + background-color: #f8f9fa; | |
| 324 | + border-radius: 200rpx; | |
| 325 | + } | |
| 326 | + .search-right { | |
| 327 | + display: flex; | |
| 328 | + align-items: center; | |
| 329 | + text { | |
| 330 | + color: #333; | |
| 331 | + font-size: 14px; | |
| 332 | + } | |
| 333 | + image { | |
| 334 | + width: 40rpx; | |
| 335 | + height: 40rpx; | |
| 336 | + } | |
| 337 | + } | |
| 326 | 338 | } |
| 327 | 339 | } |
| 328 | 340 | |
| ... | ... | @@ -330,7 +342,6 @@ export default { |
| 330 | 342 | display: flex; |
| 331 | 343 | flex-direction: column; |
| 332 | 344 | padding-left: 20rpx; |
| 333 | - | |
| 334 | 345 | .list-item { |
| 335 | 346 | width: 713rpx; |
| 336 | 347 | height: 200rpx; |
| ... | ... | @@ -339,10 +350,9 @@ export default { |
| 339 | 350 | display: flex; |
| 340 | 351 | border-radius: 10px; |
| 341 | 352 | justify-content: space-between; |
| 342 | - | |
| 343 | 353 | .item { |
| 344 | 354 | margin: 30rpx; |
| 345 | 355 | } |
| 346 | 356 | } |
| 347 | 357 | } |
| 348 | -</style> | |
| 358 | +</style> | ... | ... |