uniapp【优化】: 分销/代理 订单模块显示

This commit is contained in:
15093570141
2024-10-29 23:25:30 +08:00
parent 6be6c77b80
commit ef8c7e685a
7 changed files with 65 additions and 37 deletions

View File

@@ -22,7 +22,6 @@
const handleShare = async (code : string | number) => {
const shareData : Response<any> = await queryDeshare({ code, });
console.log('123',shareData)
if (shareData.status) {
uni.setStorageSync(Invitecode, shareData.data?.userShareCode);

View File

@@ -1,10 +1,12 @@
.content-box {
padding: 25rpx;
padding: 1rpx 25rpx;
.content {
position: fixed;
margin-top: -2rpx;
left: 25rpx;
width: calc(100% - 50rpx);
background-color: #eef2f6;
z-index: 9;
}
.header {

View File

@@ -1,5 +1,5 @@
<template>
<coreshop-page title="分销订单" mode="left">
<coreshop-page title="代理订单" mode="left">
<view class="content-box">
<view class="content">
<view class="header">
@@ -7,32 +7,41 @@
<view class="order">
<view class="team_order">
<view class="label">团队订单数量()</view>
<view class="value">{{state.orderInfo?.allOrder | 0}}</view>
<view class="value">{{state.orderInfo?.allOrder ? state.orderInfo?.allOrder : 0}}
</view>
</view>
<view class="order_level">
<view>
<view class="label">代购订单</view>
<view class="value">{{state.orderInfo?.procurementServiceOrder | 0}}</view>
<view class="value">
{{state.orderInfo?.procurementServiceOrder ? state.orderInfo?.procurementServiceOrder : 0}}
</view>
</view>
<view>
<view class="label">客户订单</view>
<view class="value">{{state.orderInfo?.customerOrder | 0}}</view>
<view class="value">
{{state.orderInfo?.customerOrder ? state.orderInfo?.customerOrder : 0}}</view>
</view>
</view>
</view>
<view class="order_price">
<view class="team_price">
<view class="label">总订单金额</view>
<view class="value">{{state.orderInfo?.allOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.allOrderMoney ? state.orderInfo?.allOrderMoney : 0}}</view>
</view>
<view class="order_level">
<view>
<view class="label">代购订单</view>
<view class="value">{{state.orderInfo?.procurementServiceOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.procurementServiceOrderMoney ? state.orderInfo?.procurementServiceOrderMoney : 0}}
</view>
</view>
<view>
<view class="label">客户订单</view>
<view class="value">{{state.orderInfo?.customerOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.customerOrderMoney ? state.orderInfo?.customerOrderMoney : 0}}
</view>
</view>
</view>
</view>
@@ -40,11 +49,13 @@
<view class="statistics">
<view class="statistics_order">
<view class="label">本月订单总数</view>
<view class="value">{{state.orderInfo?.monthOrder | 0}}</view>
<view class="value">{{state.orderInfo?.monthOrder ? state.orderInfo?.monthOrder : 0}}
</view>
</view>
<view class="statistics_price">
<view class="label">本月订单金额</view>
<view class="value">{{state.orderInfo?.monthOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.monthOrderMoney ? state.orderInfo?.monthOrderMoney : 0}}</view>
</view>
</view>
</view>
@@ -57,7 +68,7 @@
}" :inactiveStyle="{
color: '#606266',
transform: 'scale(1)'
}" itemStyle="height: 34px;flex:1"></uv-tabs>
}" itemStyle="height: 34px;flex:1;min-width:100rpx"></uv-tabs>
</view>
</view>
<view class="list" v-if="state.list.length > 0">
@@ -77,7 +88,7 @@
</view>
</view>
<view class="goods-box">
<view class="goods" v-for="goods in item.distributionOrderDetails" :key="goods.id">
<view class="goods" v-for="goods in item.agentOrderDetails" :key="goods.id">
<image class="img" :src="goods.imageUrl"></image>
<view class="goods-msg">
<view class="name">{{goods.name}}</view>

View File

@@ -17,7 +17,7 @@
</image>
</view>
<view class="item line">
<view class="value">{{state.storeInfo?.totalGoods}}</view>
<view class="value">{{state?.totalCount}}</view>
<view class="label">全部宝贝</view>
</view>
<view class="item line">
@@ -58,8 +58,6 @@
</view>
<view class="buyCount">已售{{ item.buyCount }}{{ item.unit }}</view>
</view>
<Point :data="item" :flex="false" @hanldeClickGoods="hanldeClickGoods(item)">
</Point>
</view>
</template>
</coreshop-goods-card>
@@ -96,6 +94,7 @@
page : number;
limit : number;
totalPages : number;
totalCount : number;
goodsList : any;
storeId : number;
storeInfo : any;
@@ -105,6 +104,7 @@
page: 1,
limit: 20,
totalPages: 1,
totalCount: 0,
goodsList: [[], []],
storeId: 0,
storeInfo: {},
@@ -143,6 +143,7 @@
})
if (goodsPage.status) {
state.totalPages = goodsPage.data?.totalPages;
state.totalCount = goodsPage.data?.totalCount;
state.goodsList[0] = state.goodsList[0].concat(splitArrayByStep(goodsPage.data?.list, 2)[0])
state.goodsList[1] = state.goodsList[1].concat(splitArrayByStep(goodsPage.data?.list, 2)[1])
}

View File

@@ -1,10 +1,12 @@
.content-box {
padding: 25rpx;
padding: 1rpx 25rpx;
.content {
position: fixed;
left: 25rpx;
margin-top: -2rpx;
width: calc(100% - 50rpx);
background-color: #eef2f6;
z-index: 9;
}
.header {
@@ -26,11 +28,11 @@
.team {
display: flex;
justify-content: space-between;
align-items: center;
.order{
align-items: center;
.order {
margin-right: 10rpx;
}
.order_price{
.order_price {
margin-left: 10rpx;
}
.order_price,
@@ -52,11 +54,11 @@
.statistics {
display: flex;
justify-content: space-between;
margin-top: 20rpx;
.statistics_order{
margin-top: 20rpx;
.statistics_order {
margin-right: 10rpx;
}
.statistics_price{
.statistics_price {
margin-left: 10rpx;
}
.statistics_order,

View File

@@ -1,38 +1,48 @@
<template>
<coreshop-page title="分销订单" mode="left">
<view class="content-box">
<view class="content" >
<view class="content">
<view class="header">
<view class="team">
<view class="order">
<view class="team_order">
<view class="label">团队订单数量()</view>
<view class="value">{{state.orderInfo?.allOrder | 0}}</view>
<view class="value">{{state.orderInfo?.allOrder ? state.orderInfo?.allOrder : 0}}</view>
</view>
<view class="order_level">
<view>
<view class="label">一级订单</view>
<view class="value">{{state.orderInfo?.firstOrder | 0}}</view>
<view class="value">
{{state.orderInfo?.firstOrder ? state.orderInfo?.firstOrder : 0}}
</view>
</view>
<view>
<view class="label">二级订单</view>
<view class="value">{{state.orderInfo?.secondOrder | 0}}</view>
<view class="value">
{{state.orderInfo?.secondOrder ? state.orderInfo?.secondOrder : 0}}
</view>
</view>
</view>
</view>
<view class="order_price">
<view class="team_price">
<view class="label">团队订单数量()</view>
<view class="value">{{state.orderInfo?.allOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.allOrderMoney ? state.orderInfo?.allOrderMoney : 0}}
</view>
</view>
<view class="order_level">
<view>
<view class="label">一级订单</view>
<view class="value">{{state.orderInfo?.firstOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.firstOrderMoney ? state.orderInfo?.firstOrderMoney : 0}}
</view>
</view>
<view>
<view class="label">二级订单</view>
<view class="value">{{state.orderInfo?.secondOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.secondOrderMoney ? state.orderInfo?.secondOrderMoney : 0}}
</view>
</view>
</view>
</view>
@@ -40,11 +50,13 @@
<view class="statistics">
<view class="statistics_order">
<view class="label">本月分销订单数量()</view>
<view class="value">{{state.orderInfo?.monthOrder | 0}}</view>
<view class="value">{{state.orderInfo?.monthOrder ? state.orderInfo?.monthOrder : 0}}
</view>
</view>
<view class="statistics_price">
<view class="label">本月分销订单金额()</view>
<view class="value">{{state.orderInfo?.monthOrderMoney | 0}}</view>
<view class="value">
{{state.orderInfo?.monthOrderMoney ? state.orderInfo?.monthOrderMoney : 0}}</view>
</view>
</view>
</view>
@@ -57,7 +69,7 @@
}" :inactiveStyle="{
color: '#606266',
transform: 'scale(1)'
}" itemStyle="height: 34px;flex:1"></uv-tabs>
}" itemStyle="height: 34px;flex:1;min-width:100rpx"></uv-tabs>
</view>
</view>
<view class="list" v-if="state.list.length > 0">
@@ -117,7 +129,7 @@
import type { Response } from '@/core/models';
import { timeFormat } from '@/uni_modules/uv-ui-tools/libs/function/index.js';
import { useSystemInfo } from '@/core/hooks';
import { EmptyEnum } from '@/core/enum';
import { EmptyEnum } from '@/core/enum';
const state = reactive<{
orderStatus : Array<{ name : string, id : number }>;

View File

@@ -17,7 +17,7 @@
</image>
</view>
<view class="item line">
<view class="value">{{state.storeInfo?.totalGoods}}</view>
<view class="value">{{state.totalCount}}</view>
<view class="label">全部宝贝</view>
</view>
<view class="item line">
@@ -58,8 +58,6 @@
</view>
<view class="buyCount">已售{{ item.buyCount }}{{ item.unit }}</view>
</view>
<Point :data="item" :flex="false" @hanldeClickGoods="hanldeClickGoods(item)">
</Point>
</view>
</template>
</coreshop-goods-card>
@@ -96,6 +94,7 @@
page : number;
limit : number;
totalPages : number;
totalCount : number;
goodsList : any;
storeId : number;
storeInfo : any;
@@ -105,6 +104,7 @@
page: 1,
limit: 20,
totalPages: 1,
totalCount: 0,
goodsList: [[], []],
storeId: 0,
storeInfo: {},
@@ -143,6 +143,7 @@
})
if (goodsPage.status) {
state.totalPages = goodsPage.data?.totalPages;
state.totalCount = goodsPage.data?.totalCount;
state.goodsList[0] = state.goodsList[0].concat(splitArrayByStep(goodsPage.data?.list, 2)[0])
state.goodsList[1] = state.goodsList[1].concat(splitArrayByStep(goodsPage.data?.list, 2)[1])
}