|
@@ -23,31 +23,33 @@
|
|
|
<!-- 列表数据 -->
|
|
|
<u-checkbox-group class="cell-item-con">
|
|
|
<view class="cell-item" v-for="(item, index) in listdata" :key="index">
|
|
|
- <u-checkbox
|
|
|
- class="cell-item-checkbox"
|
|
|
- @change="checkboxChange($event, index)"
|
|
|
- active-color="#01c9b2"
|
|
|
- v-model="item.checked"
|
|
|
- :name="item.id">
|
|
|
- </u-checkbox>
|
|
|
- <view class="cell-item-c" @tap="goPage(item)">
|
|
|
- <view class="cell-item-info">
|
|
|
- <view class="cell-item-info-network">
|
|
|
- {{item.stationName || '--'}}
|
|
|
- <u-badge type="success" bgColor="#c90101" :count="item.unCleanNum" :offset="[-10,-32]" size="mini"></u-badge>
|
|
|
- </view>
|
|
|
- <view class="cell-item-info-weight">
|
|
|
- <view class="cell-item-weight-bar">
|
|
|
- {{ item.totalWeight }}kg
|
|
|
- <u-badge class="badge" type="primary" bgColor="#01c9b2" count="总" :offset="[0,0]"></u-badge>
|
|
|
+ <view class="cell-item-c">
|
|
|
+ <u-checkbox
|
|
|
+ class="cell-item-checkbox"
|
|
|
+ @change="checkboxChange($event, index)"
|
|
|
+ active-color="#01c9b2"
|
|
|
+ v-model="item.checked"
|
|
|
+ :name="item.id">
|
|
|
+ <view class="cell-item-info">
|
|
|
+ <view class="cell-item-info-network">
|
|
|
+ {{item.stationName || '--'}}
|
|
|
+ <u-badge type="success" bgColor="#c90101" :count="item.unCleanNum" :offset="[-10,-32]" size="mini"></u-badge>
|
|
|
</view>
|
|
|
- <view class="cell-item-weight-bar">
|
|
|
- {{ item.maxWeight }}kg
|
|
|
- <u-badge class="badge" type="warning" bgColor="#05695d" count="最大" :offset="[0,0]"></u-badge>
|
|
|
+ <view class="cell-item-info-weight">
|
|
|
+ <view class="cell-item-weight-bar">
|
|
|
+ {{ item.totalWeight }}kg
|
|
|
+ <u-badge class="badge" type="primary" bgColor="#01c9b2" count="总" :offset="[0,0]"></u-badge>
|
|
|
+ </view>
|
|
|
+ <view class="cell-item-weight-bar">
|
|
|
+ {{ item.maxWeight }}kg
|
|
|
+ <u-badge class="badge" type="warning" bgColor="#05695d" count="最大" :offset="[0,0]"></u-badge>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </u-checkbox>
|
|
|
+ <view class="details-con" @tap="goPage(item)">
|
|
|
+ <u-icon name="arrow-right" class="arrow-right" :size="28" color="#999"></u-icon>
|
|
|
</view>
|
|
|
- <u-icon name="arrow-right" class="arrow-right" :size="28" color="#999"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-checkbox-group>
|
|
@@ -272,45 +274,47 @@
|
|
|
color: $uni-text-color;
|
|
|
font-size: $uni-font-size-base;
|
|
|
box-shadow: 3rpx 3rpx 5rpx #eee;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 40rpx 20rpx;
|
|
|
- // 多选框
|
|
|
- .cell-item-checkbox{
|
|
|
- flex-shrink: 0;
|
|
|
- }
|
|
|
+ padding: 20rpx 20rpx 20rpx 20rpx;
|
|
|
.cell-item-c{
|
|
|
- flex-grow: 1;
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
align-items: center;
|
|
|
- .cell-item-info{
|
|
|
+ .cell-item-checkbox{
|
|
|
flex-grow: 1;
|
|
|
- .cell-item-info-network{
|
|
|
- word-break: break-all;
|
|
|
- margin-bottom: 26rpx;
|
|
|
- display: inline-block;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .cell-item-info-weight{
|
|
|
- font-size: 24rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- .cell-item-weight-bar{
|
|
|
- position: relative;
|
|
|
+ .cell-item-info{
|
|
|
+ margin-left: 4rpx;
|
|
|
+ padding: 10rpx 4px;
|
|
|
+ .cell-item-info-network{
|
|
|
+ word-break: break-all;
|
|
|
+ margin-bottom: 22rpx;
|
|
|
display: inline-block;
|
|
|
- padding-right: 50rpx;
|
|
|
- &:nth-child(2){
|
|
|
- padding-right: 76rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .cell-item-info-weight{
|
|
|
+ font-size: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .cell-item-weight-bar{
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 50rpx;
|
|
|
+ &:nth-child(2){
|
|
|
+ padding-right: 76rpx;
|
|
|
+ margin-left: 30rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .arrow-right{
|
|
|
+ .details-con{
|
|
|
flex-shrink: 0;
|
|
|
- margin-left: 64rpx;
|
|
|
+ padding: 30rpx 0;
|
|
|
+ .arrow-right{
|
|
|
+ margin-left: 64rpx;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|