Showing
1 changed file
with
26 additions
and
16 deletions
@@ -26,7 +26,7 @@ | @@ -26,7 +26,7 @@ | ||
26 | </view> | 26 | </view> |
27 | </view> | 27 | </view> |
28 | </u-sticky> | 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 | <view class="device-list"> | 30 | <view class="device-list"> |
31 | <view @click="openDeviceDetail(item.id, item.alarmStatus, item.lastOnlineTime, item.tbDeviceId)" class="list-item" v-for="item in list" :key="item.id"> | 31 | <view @click="openDeviceDetail(item.id, item.alarmStatus, item.lastOnlineTime, item.tbDeviceId)" class="list-item" v-for="item in list" :key="item.id"> |
32 | <view | 32 | <view |
@@ -87,7 +87,6 @@ | @@ -87,7 +87,6 @@ | ||
87 | <u-popup @close="close" closeable bgColor="#fff" :show="show" mode="bottom" :round="20"> | 87 | <u-popup @close="close" closeable bgColor="#fff" :show="show" mode="bottom" :round="20"> |
88 | <view> | 88 | <view> |
89 | <view style="text-align: center; margin-top: 28rpx"><text>筛选条件</text></view> | 89 | <view style="text-align: center; margin-top: 28rpx"><text>筛选条件</text></view> |
90 | - | ||
91 | <FilterItem :filterList="deviceStatus" title="设备状态" @clickTag="currentIndex => handleClickTag(currentIndex, deviceStatus)"></FilterItem> | 90 | <FilterItem :filterList="deviceStatus" title="设备状态" @clickTag="currentIndex => handleClickTag(currentIndex, deviceStatus)"></FilterItem> |
92 | <FilterItem :filterList="alarmStatus" title="告警状态" @clickTag="currentIndex => handleClickTag(currentIndex, alarmStatus)"></FilterItem> | 91 | <FilterItem :filterList="alarmStatus" title="告警状态" @clickTag="currentIndex => handleClickTag(currentIndex, alarmStatus)"></FilterItem> |
93 | <FilterItem :filterList="typeStatus" title="设备类型" @clickTag="currentIndex => handleClickTag(currentIndex, typeStatus)"></FilterItem> | 92 | <FilterItem :filterList="typeStatus" title="设备类型" @clickTag="currentIndex => handleClickTag(currentIndex, typeStatus)"></FilterItem> |
@@ -311,18 +310,31 @@ export default { | @@ -311,18 +310,31 @@ export default { | ||
311 | min-height: 100vh; | 310 | min-height: 100vh; |
312 | background-color: #f8f9fa; | 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 | background-color: #fff; | 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,7 +342,6 @@ export default { | ||
330 | display: flex; | 342 | display: flex; |
331 | flex-direction: column; | 343 | flex-direction: column; |
332 | padding-left: 20rpx; | 344 | padding-left: 20rpx; |
333 | - | ||
334 | .list-item { | 345 | .list-item { |
335 | width: 713rpx; | 346 | width: 713rpx; |
336 | height: 200rpx; | 347 | height: 200rpx; |
@@ -339,10 +350,9 @@ export default { | @@ -339,10 +350,9 @@ export default { | ||
339 | display: flex; | 350 | display: flex; |
340 | border-radius: 10px; | 351 | border-radius: 10px; |
341 | justify-content: space-between; | 352 | justify-content: space-between; |
342 | - | ||
343 | .item { | 353 | .item { |
344 | margin: 30rpx; | 354 | margin: 30rpx; |
345 | } | 355 | } |
346 | } | 356 | } |
347 | } | 357 | } |
348 | -</style> | 358 | +</style> |