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> | ... | ... |