karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
72 lines
2.1 KiB
Vue
72 lines
2.1 KiB
Vue
<script>
|
|
import {HTTP_REQUEST_URL} from '@/config/app';
|
|
export default {
|
|
props: {
|
|
staticData: {
|
|
type: Object,
|
|
default: () => {}
|
|
}
|
|
},
|
|
inject: ['goMenuPage'],
|
|
computed:{
|
|
bgStyle1(){
|
|
return {
|
|
backgroundImage: 'url('+ HTTP_REQUEST_URL +'/statics/images/product/group1_pic.png'+')'
|
|
}
|
|
},
|
|
bgStyle2(){
|
|
return {
|
|
backgroundImage: 'url('+ HTTP_REQUEST_URL +'/statics/images/product/group2_pic.png'+')'
|
|
}
|
|
},
|
|
bgStyle3(){
|
|
return {
|
|
backgroundImage: 'url('+ HTTP_REQUEST_URL +'/statics/images/product/group3_pic.png'+')'
|
|
}
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
|
|
<template>
|
|
<view class="pt-32 pr-24 pb-32 pl-24 bg--w111-fff rd-16rpx mt-20 ml-20 mr-20">
|
|
<view class="fs-30 fw-500 lh-42rpx text--w111-333">运营统计</view>
|
|
<view class="flex-between-center mt-14">
|
|
<view class="w-208 rd-16rpx pt-24 pl-24 pb-20 flex-col bg-cover"
|
|
:style="[bgStyle1]"
|
|
@click="goMenuPage('/pages/admin/order/index')">
|
|
<text class="fs-24 text--w111-999 lh-34rpx">
|
|
支付金额
|
|
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
|
</text>
|
|
<text class="fs-32 text--w111-333 fw-bold lh-52rpx num-fa-semi">{{ staticData.price }}</text>
|
|
</view>
|
|
<view class="w-208 rd-16rpx pt-24 pl-24 pb-20 flex-col bg-cover"
|
|
:style="[bgStyle2]"
|
|
@click="goMenuPage('/pages/admin/order/index')">
|
|
<text class="fs-24 text--w111-999 lh-34rpx">
|
|
支付订单数
|
|
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
|
</text>
|
|
<text class="fs-32 text--w111-333 fw-bold lh-52rpx num-fa-semi">{{ staticData.num }}</text>
|
|
</view>
|
|
<view class="w-208 rd-16rpx pt-24 pl-24 pb-20 flex-col bg-cover"
|
|
:style="[bgStyle3]"
|
|
@click="goMenuPage('/pages/admin/orderList/index?types=1')">
|
|
<text class="fs-24 text--w111-999 lh-34rpx">
|
|
待发货订单
|
|
<text class="iconfont icon-ic_rightarrow fs-24"></text>
|
|
</text>
|
|
<text class="fs-32 text--w111-333 fw-bold lh-52rpx num-fa-semi">{{ staticData.consignment }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.bg-cover{
|
|
background-size: cover;
|
|
}
|
|
</style>
|