| | |
| | | <view class="order-card__route-main"> |
| | | <view class="order-card__route-item"> |
| | | <view class="order-card__route-texts"> |
| | | <text class="order-card__route-title">{{ item.depositShopName }}大苏打打算</text> |
| | | <text class="order-card__route-title"><text class="order-card__route-badge-text order-card__route-badge-text--take">取</text>{{ item.depositShopName }}</text> |
| | | <text class="order-card__route-desc">{{ item.depositShopAddress }}</text> |
| | | </view> |
| | | <image src="/static/image/ic_daohang@2x.png" mode="widthFix" class="order-card__nav" @click.stop="navigateToAddress(item, 'deposit')"></image> |
| | |
| | | <view class="order-card__route-item order-card__route-item--destination"> |
| | | <view class="order-card__route-texts"> |
| | | <template v-if="item.takeShopId"> |
| | | <text class="order-card__route-title">{{ item.takeName }}</text> |
| | | <text class="order-card__route-title"><text class="order-card__route-badge-text order-card__route-badge-text--send">送</text>{{ item.takeName }}</text> |
| | | <text class="order-card__route-desc">{{ item.takeAddress }}</text> |
| | | </template> |
| | | <text v-else class="order-card__route-title">{{ item.takeAddress }}</text> |
| | | <text v-else class="order-card__route-title"><text class="order-card__route-badge-text order-card__route-badge-text--send">送</text>{{ item.takeAddress }}</text> |
| | | </view> |
| | | <image src="/static/image/ic_daohang@2x.png" mode="widthFix" class="order-card__nav" @click.stop="navigateToAddress(item, 'take')"></image> |
| | | </view> |
| | |
| | | } |
| | | this.stats = [ |
| | | { value: res.data.score, label: '服务分' }, |
| | | { value: res.data.todayCommission, label: '今日预计佣金' }, |
| | | { value: ((res.data.todayCommission / 100) || 0).toFixed(2), label: '今日预计佣金' }, |
| | | { value: res.data.todayOrderCount, label: '今日接单' } |
| | | ] |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | &__route-badge { |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | border-radius: 50%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 24rpx; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | margin-right: 16rpx; |
| | | flex-shrink: 0; |
| | | |
| | | &--take { |
| | | background: #10B2FA; |
| | | } |
| | | |
| | | &--send { |
| | | background: #FF8A00; |
| | | } |
| | | } |
| | | |
| | | &__route-badge-text { |
| | | display: inline-flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | width: 36rpx; |
| | | height: 36rpx; |
| | | border-radius: 50%; |
| | | font-size: 22rpx; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | margin-right: 8rpx; |
| | | vertical-align: middle; |
| | | |
| | | &--take { |
| | | background: #10B2FA; |
| | | } |
| | | |
| | | &--send { |
| | | background: #FF8A00; |
| | | } |
| | | } |
| | | |
| | | &__route-texts { |
| | | flex: 1; |
| | | min-width: 0; |