czg_team/cashier_weapp
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更改订单

Browse Source
This commit is contained in:
魏啾
2024-06-05 17:15:28 +08:00
parent 5ea2ab4aa9
commit 1e9797f09a
5 changed files with 62 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/order/order.vue
View File

@@ -2,38 +2,39 @@
<view>
<view class="navtab flex-center">
<view class="navtabpost flex-center">
<view :class="navtabindex == 0 ? 'navtabone':'navtabtow'" style="border-radius: 12rpx 0 0 12rpx;" @click="navtabclick(0)">
团购订单
</view>
<view :class="navtabindex == 1 ? 'navtabone':'navtabtow'" style="border-radius: 0 12rpx 12rpx 0;" @click="navtabclick(1)">
<view :class="navtabindex == 0 ? 'navtabone':'navtabtow'" @click="navtabclick(0)">
到店订单
</view>
<view :class="navtabindex == 1 ? 'navtabone':'navtabtow'" @click="navtabclick(1)">
团购订单
</view>
</view>
</view>
<u-sticky bgColor="#fff">
<view class="tab-wrap">
<block v-if="navtabindex==0">
<view class="item" v-for="(item, index) in tabs2" :key="index" @click="orderswitch(item,index)">
<text >{{ item.name }}</text>
<block v-if="navtabindex==1">
<view class="item" v-for="(item, index) in tabs2" :key="index" @click="orderswitch(item,index)">
<text>{{ item.name }}</text>
</view>
</block>
<block v-if="navtabindex==0">
<view class="item" v-for="(item, index) in tabs" :key="index" @click="orderswitch(item,index)">
<text>{{ item.name }}</text>
</view>
</block>
<block v-if="navtabindex==1">
<view class="item" v-for="(item, index) in tabs" :key="index" @click="orderswitch(item,index)">
<text >{{ item.name }}</text>
</view>
</block>
<view class="line-wrap"
:style="{ left: `${(100 / tabs.length) * active}%`, width: `${100 / tabs.length}%` }">
<view class="line">
<image style="width:40rpx; height: 10rpx;"
src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/today/dgs.png" mode="aspectFill">
src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/today/dgs.png"
mode="aspectFill">
</image>
</view>
</view>
</view>
</u-sticky>
<view class="list-wrap" v-if="navtabindex == 1">
<view class="list-wrap" v-if="navtabindex == 0">
<view class="item" v-for="(item,index) in list" :key="index" @click="orderinfo(item)">
<view class="header-wrap">
<text v-if="item.sendType == 'post'">快递</text>
@@ -46,8 +47,8 @@
<text class="status" v-if="item.status == 'unsend'">
<text>待发货</text>
</text>
<text class="status" v-if="item.status == 'closed'">
<text>订单完成</text>
</text>
@@ -98,7 +99,7 @@
</view>
</view>
<!-- 新订单 -->
<view class="orderList" v-if="navtabindex == 0">
<view class="orderList" v-if="navtabindex == 1">
<view class="listBox" v-for="(item,i) in groupList" :key="i" @click="orderinfoTo(item)">
<view class="df">
<view style="display: flex;">
@@ -117,10 +118,8 @@
<view>实付：<text style="color: #FF4C11;">￥{{item.payAmount}}</text></view>
</view>
</view>
<button v-if="item.status=='unused'" type="primary" class="buttonStyle"
>查看券码</button>
<button v-if="item.status=='unpaid'" type="primary" class="buttonStyle"
>去付款</button>
<button v-if="item.status=='unused'" type="primary" class="buttonStyle">查看券码</button>
<button v-if="item.status=='unpaid'" type="primary" class="buttonStyle">去付款</button>
</view>
</view>
<image style="margin:32rpx auto;" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/nomore.png"
@@ -151,7 +150,7 @@
type: 3,
status: 'unsend'
},
{
name: '已完成',
type: 4,
@@ -178,7 +177,7 @@
type: 3,
status: 'unused'
},
{
name: '已完成',
type: 4,
@@ -213,7 +212,7 @@
this.init_fn()
},
onReachBottom() {
if (this.navtabindex == 0) {
if (this.navtabindex == 1) {
// 获取团购订单
this.getorderList()
} else {
@@ -264,7 +263,7 @@
this.form.page = 1
this.form.size = 10
this.form.status = 'loadmore'
if (this.navtabindex == 0) {
if (this.navtabindex == 1) {
// 获取团购订单
this.getorderList()
} else {
@@ -353,18 +352,20 @@
.navtabpost {
position: relative;
background: #FFFFFF;
border-radius: 12rpx;
padding:0 10rpx;
.navtabone {
// margin-left: -10rpx;
width: 162rpx;
height: 56rpx;
width: 166rpx;
height: 36rpx;
background: #FFEAB1;
// border-radius: 12rpx 0 0 12rpx;
border-radius: 12rpx;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 28rpx;
color: #333333;
line-height: 56rpx;
line-height: 36rpx;
text-align: center;
z-index: 10;
}
@@ -372,11 +373,10 @@
.navtabtow {
// margin-left: -10rpx;
z-index: 9;
width: 166rpx;
width: 146rpx;
height: 56rpx;
line-height: 56rpx;
text-align: center;
background: #FFFFFF;
// border-radius: 0 12rpx 12rpx 0;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;