| | |
| | | <view :class="'tab-item '+(active ==1?'active':'')" @click="changeActive(1)">本月</view> |
| | | <view :class="'tab-item '+(active ==2?'active':'')" @click="changeActive(2)">上月</view> |
| | | </view> |
| | | <text class="tab-item right">在库订单: {{countData.storageCount||0}}</text> |
| | | <text class="tab-item right">在库订单: {{countData.storageCount > 99 ? '99+' : countData.storageCount || 0}}</text> |
| | | </view> |
| | | |
| | | <view class="stats-cards"> |
| | | <view class="stat-card"> |
| | | <view class="stat-label"> |
| | | <text>销售额(元)</text> |
| | | <image class="stat-icon" src="/static/icon/ic_visible@2x.png"></image> |
| | | <u-icon v-if="showMoney" name="eye" color="#ffffff" size="18" @click="showMoney = !showMoney"></u-icon> |
| | | <u-icon v-if="!showMoney" name="eye-off" color="#eeeeee" size="18" @click="showMoney = !showMoney"></u-icon> |
| | | <!-- <image v-if="showMoney" class="stat-icon" src="/static/icon/ic_visible@2x.png" @click="showMoney = false"></image> |
| | | <image v-if="!showMoney" class="stat-icon" src="/static/icon/ic_invisible@2x.png" @click="showMoney = true"></image> --> |
| | | </view> |
| | | <text class="stat-value">{{((countData.salesAmount || 0)/100).toFixed(2)}}</text> |
| | | <text class="stat-value" v-if="showMoney">{{((countData.salesAmount || 0)/100).toFixed(2)}}</text> |
| | | <text class="stat-value" v-if="!showMoney">****</text> |
| | | </view> |
| | | <view class="stat-card"> |
| | | <view class="stat-label"> |
| | | <text>结算利润(元)</text> |
| | | </view> |
| | | <text class="stat-value">{{((countData.settlementProfit|| 0)/100).toFixed(2)}}</text> |
| | | <text class="stat-value" v-if="showMoney">{{((countData.settlementProfit|| 0)/100).toFixed(2)}}</text> |
| | | <text class="stat-value" v-if="!showMoney">****</text> |
| | | </view> |
| | | <view class="stat-card"> |
| | | <view class="stat-label"> |
| | | <text>订单数</text> |
| | | </view> |
| | | <text class="stat-value">{{countData.orderCount||0}}</text> |
| | | <text class="stat-value" v-if="showMoney">{{countData.orderCount > 99 ? '99+' : countData.orderCount || 0}}</text> |
| | | <text class="stat-value" v-if="!showMoney">****</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | |
| | | .stat-label { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 40rpx; |
| | | text { |
| | | font-size: 24rpx; |