czg_team/tcwm-uniapp-shop
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首次提交

Browse Source
This commit is contained in:
duan
2024-06-06 11:49:50 +08:00
parent de480ef0a3
commit c5ebf34d7e
274 changed files with 58048 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
pages/my/earnings.vue Normal file
View File

@@ -0,0 +1,259 @@
<template>
<view>
<view class="bg padding-tb-xl">
<view class="box padding">
<view>
<!-- <view class="lins"></view> -->
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">订单总金额</view>
<view style="width: 50%;">{{dataCentre.money?dataCentre.money:0}}<text class="text-sm">元</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">订 单 数 量</view>
<view style="width: 50%;">{{dataCentre.count?dataCentre.count:0}}<text class="text-sm">单</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">外卖订单金额</view>
<view style="width: 50%;">{{dataCentre.takeMoney1?dataCentre.takeMoney1:0}}<text class="text-sm">元</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">外卖订单数</view>
<view style="width: 50%;">{{dataCentre.takeCount2?dataCentre.takeCount2:0}}<text class="text-sm">单</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">退款订单金额</view>
<view style="width: 50%;">{{dataCentre.cancelOrderMoney?dataCentre.cancelOrderMoney:0}}<text class="text-sm">元</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">退款订单数</view>
<view style="width: 50%;">{{dataCentre.cancelOrderCount?dataCentre.cancelOrderCount:0}}<text class="text-sm">单</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">到店单金额</view>
<view style="width: 50%;">{{dataCentre.takeMoney?dataCentre.takeMoney:0}}<text class="text-sm">元</text></view>
</view>
<view class="margin-top marginlr" style="display: flex;font-size:32upx;">
<view style="width: 50%;">到店订单数</view>
<view style="width: 50%;">{{dataCentre.takeCount?dataCentre.takeCount:0}}<text class="text-sm">单</text></view>
</view>
</view>
</view>
</view>
<!-- <view class="page-box" v-if="orderList.length == 0" >
<view class="centre">
<image src="../../static/images/empty.png" mode=""></image>
<view class="tips">暂无内容</view>
</view>
</view> -->
<view style="margin: 10upx;">
<view class="boxs" v-for="(item,index) in orderList" :key='index' >
<view class="flex justify-between align-center padding">
<view class="textRed">已完成</view>
<view style="color:#999999;">{{item.payTime}}</view>
</view>
<view class="line"></view>
<view class="padding">
<view style="color:#333333;" class="text-lg text-bold">{{item.orderGoodsList[0].goodsName}}</view>
<view style="color:#333333;" class="padding-tb-sm"><text
style="color:#999999;">规格：</text>{{item.orderGoodsList[0].skuMessage}}</view>
<view style="color:#333333;"><text style="color:#999999;">取餐号：</text>{{item.orderCode}}</view>
</view>
<view class="line"></view>
<view class="flex justify-between padding">
<view style="color:#333333;" class="text-lg">
<text style="color:#999999;" class="text-df">实收:</text>￥{{item.payMoney}}
</view>
<view class="look" @click="getDet(item)" >查看详情</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
dataCentre: {},
page: 1,
limit: 10,
orderList: [],
shopId: '',
totalCount: 0
}
},
onLoad(option) {
this.shopId = option.shopId
this.getDataCentre()
this.getOrderList()
},
methods: {
getDet(item) {
uni.navigateTo({
url: '/shop/orderDet?orderNumber=' + item.orderNumber
})
},
// 收入
getDataCentre() {
this.$Request.getA("/admin/goodsShop/selectStoreData?shopId=" + this.shopId).then(res => {
if (res.code == 0) {
this.dataCentre = res.hashMap
}
});
},
getOrderList() {
let data = {
page: this.page,
limit: this.limit,
status: 4,
shopId: this.shopId
}
this.$Request.getA("/admin/order/selectAllOrder",data).then(res => {
if (res.code == 0) {
if(this.page == 1) {
this.orderList = res.data.list
} else {
this.orderList = [...this.orderList, ...res.data.list]
}
this.totalCount = res.data.totalCount
}
uni.stopPullDownRefresh();
uni.hideLoading()
});
}
},
onReachBottom: function() {
this.page = this.page + 1;
this.getOrderList();
if(this.totalCount == this.orderList.length) {
uni.showToast({
title: '已经到底了~',
icon: 'none'
})
}
},
onPullDownRefresh: function() {
this.page = 1;
this.getOrderList();
},
}
</script>
<style lang="scss" scoped>
page {
background: #EDF1F7;
}
.bg {
background: #FFFFFF;
}
.box {
width: 686upx;
// height: 329upx;
background: linear-gradient(90deg, #D0AA72 0%, #DBB984 100%);
border-radius: 16upx;
margin: 0 auto;
color: #ffffff;
}
.lins {
width: 1upx;
height: 60upx;
border: 1upx solid #FFFFFF;
}
.boxs {
// width: 686upx;
/* height: 363upx; */
background: #FFFFFF;
border-radius: 20upx;
margin: 0 auto;
margin-bottom: 20rpx;
}
.textRed {
font-size: 30upx;
font-family: PingFang SC;
font-weight: 500;
color: #D80204;
}
.line {
width: 686upx;
height: 1upx;
border: 1upx solid #E6E6E6;
}
.look {
width: 150upx;
height: 50upx;
background: #FCD202;
border-radius: 25upx;
line-height: 50upx;
text-align: center;
font-size: 24upx;
}
.page-box {
position: relative;
// left: 0;
height: 50vh;
z-index: 0;
top: 70px;
}
.centre {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
height: 400rpx;
text-align: center;
// padding: 200rpx auto;
font-size: 32rpx;
image {
width: 387rpx;
height: 341rpx;
// margin-bottom: 20rpx;
margin: 0 auto 20rpx;
// border: 1px dotted #000000;
}
.tips {
font-size: 32rpx;
color: #2F3044;
margin-top: 20rpx;
font-weight: 700;
}
.btn {
margin: 80rpx auto;
width: 600rpx;
border-radius: 32rpx;
line-height: 90rpx;
color: #ffffff;
font-size: 34rpx;
background: #5074FF;
}
}
</style>