Commit 5d16e648b8a582563ffbbb791699c43306609469
Merge branch 'sqy_dev' into 'main'
解决设备样式没有合并问题 See merge request huang/thingskit-app!30
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> |