4 changed files with 123 additions and 10 deletions
@ -0,0 +1,108 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<uni-datetime-picker style="margin-bottom:10px;" v-model="range" type="daterange" /> |
||||
|
<view class="IndexContent"> |
||||
|
<view class="contentPadding"> |
||||
|
<u-grid :col="2"> |
||||
|
<u-grid-item> |
||||
|
<u-count-to :start-val="0" :end-val="shopInfo.totalAmount" :decimals="2"></u-count-to> |
||||
|
<text class="grid-text">销售总金额</text> |
||||
|
</u-grid-item> |
||||
|
<u-grid-item> |
||||
|
<u-count-to :start-val="0" :end-val="shopInfo.totalCount"></u-count-to> |
||||
|
<view class="grid-text">销售笔数</view> |
||||
|
</u-grid-item> |
||||
|
<u-grid-item> |
||||
|
<u-count-to :start-val="0" :end-val="type==0?shopInfo.totalProfit:0" :decimals="2"></u-count-to> |
||||
|
<view class="grid-text">今日利润</view> |
||||
|
</u-grid-item> |
||||
|
<u-grid-item> |
||||
|
<u-count-to :start-val="0" :end-val="shopInfo.totalCCount"></u-count-to> |
||||
|
<view class="grid-text">下单客户数</view> |
||||
|
</u-grid-item> |
||||
|
</u-grid> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
range:'' |
||||
|
}; |
||||
|
}, |
||||
|
onLoad(options) { |
||||
|
|
||||
|
}, |
||||
|
onShow(){ |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.contentPadding { |
||||
|
padding: 28upx 20upx; |
||||
|
background-color: #fff; |
||||
|
color: #909399; |
||||
|
|
||||
|
.title { |
||||
|
padding-left: 20rpx; |
||||
|
font-size: 32rpx; |
||||
|
color: #303133; |
||||
|
margin-bottom: 26rpx; |
||||
|
line-height: 66rpx; |
||||
|
|
||||
|
image { |
||||
|
display: inline-block; |
||||
|
width: 40rpx; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
text-align: right; |
||||
|
width: 24%; |
||||
|
float: right; |
||||
|
font-size: 26rpx; |
||||
|
color: $u-primary; |
||||
|
} |
||||
|
} |
||||
|
.grid-text { |
||||
|
font-size: 28rpx; |
||||
|
margin-bottom: 26rpx; |
||||
|
} |
||||
|
} |
||||
|
.u-grid-item.data-v-5b3a01af { |
||||
|
width: 44% !important; |
||||
|
height: 160rpx; |
||||
|
background: linear-gradient(#84C1FF, #C4E1FF) !important; |
||||
|
margin-left: 4%; |
||||
|
border-radius: 30rpx; |
||||
|
margin-top: 20rpx !important; |
||||
|
color: #fff !important; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.u-grid-item.data-v-5b3a01af:nth-child(2) { |
||||
|
background: linear-gradient(#FFBB77, #FFDCB9) !important; |
||||
|
} |
||||
|
|
||||
|
.u-grid-item.data-v-5b3a01af:nth-child(3) { |
||||
|
background: linear-gradient(#1AFD9C, #7AFEC6) !important; |
||||
|
} |
||||
|
|
||||
|
.u-grid-item.data-v-5b3a01af:nth-child(4) { |
||||
|
background: linear-gradient(#79FF79, #BBFFBB) !important; |
||||
|
} |
||||
|
.u-count-num { |
||||
|
color: #FFF !important |
||||
|
} |
||||
|
.uni-date{ |
||||
|
background: #fff; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue