|
|
|
@ -1,133 +1,115 @@ |
|
|
|
<template> |
|
|
|
<!-- 商家订单列表 --> |
|
|
|
<view class="page1"> |
|
|
|
<view class="title"> |
|
|
|
<view class="title-sreach"> |
|
|
|
<view class="back-btn" @tap="back" :style="{'top': menuButtonInfo.top +'px'}"> |
|
|
|
<uni-icons type="left" size="28"></uni-icons> |
|
|
|
</view> |
|
|
|
<view class="title-name" :style="{'padding-top': menuButtonInfo.top +'px'}"> |
|
|
|
商家订单 |
|
|
|
<view class="shop-order-fixed"> |
|
|
|
<view class="title"> |
|
|
|
<view class="title-sreach"> |
|
|
|
<view class="back-btn" @tap="back" :style="{'top': menuButtonInfo.top +'px'}"> |
|
|
|
<uni-icons type="left" size="28"></uni-icons> |
|
|
|
</view> |
|
|
|
<view class="title-name" :style="{'padding-top': menuButtonInfo.top +'px'}"> |
|
|
|
商家订单 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="title-tab"> |
|
|
|
<scroll-view class="status-scroll-view" scroll-x enable-flex :show-scrollbar="false" |
|
|
|
:scroll-with-animation="true"> |
|
|
|
<view class="status-list"> |
|
|
|
<view v-for="(item, index) in statusList" :key="index" class="status-item" |
|
|
|
:class="{ 'active': currentIndex == item.value }" |
|
|
|
:style="{'width':item.name == '全部'?'14vw':'20vw'}" |
|
|
|
@click="handleStatusClick(item.value)"> |
|
|
|
<text class="status-text">{{ item.name }}</text> |
|
|
|
<view class="title-tab"> |
|
|
|
<scroll-view class="status-scroll-view" scroll-x enable-flex :show-scrollbar="false" |
|
|
|
:scroll-with-animation="true"> |
|
|
|
<view class="status-list"> |
|
|
|
<view v-for="(item, index) in statusList" :key="index" class="status-item" |
|
|
|
:class="{ 'active': currentIndex == item.value }" |
|
|
|
:style="{'width':item.name == '全部'?'14vw':'20vw'}" |
|
|
|
@click="handleStatusClick(item.value)"> |
|
|
|
<text class="status-text">{{ item.name }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="shop-order-fixed-holder"></view> |
|
|
|
<view class="box1" @tap="goDetail(item)" v-for="(item,index) in orderList" :key="index"> |
|
|
|
<view style="display: flex;height: 50rpx;border-bottom: 1px solid #eee;"> |
|
|
|
<view style="display: flex;padding-right: 20rpx;" v-if="item.numberCode"> |
|
|
|
{{'#' + item.numberCode}} |
|
|
|
</view> |
|
|
|
<view style="flex: 1;display: flex;"> |
|
|
|
{{item.createTime | formatISOTime}} |
|
|
|
<!-- <text>已退款</text> --> |
|
|
|
<view class="order-head"> |
|
|
|
<view class="order-main"> |
|
|
|
<view class="order-code" v-if="item.numberCode">{{'#' + item.numberCode}}</view> |
|
|
|
<view class="order-time">{{item.createTime | formatISOTime}}</view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="order-status"> |
|
|
|
{{item.status == 0?'待支付':item.status == 2?'待配送员接单':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime == null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake == 1)?'待出餐':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null)?'待取货':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake != 1)?'待消费':item.status == 4?'待送达':item.status == 5?'已完成':item.status == 7?'待同意退款':item.status == 8?'已退款':item.status == 6?'已取消':item.status == 11?'售后中':item.status == 12?'已售后':""}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="height: 120rpx;padding-top: 20rpx;"> |
|
|
|
<view style="height: 50rpx;line-height: 50rpx;font-size: 28rpx;font-weight: 700;display: flex;"> |
|
|
|
商品 <text>共<text>{{item.goodsNum}}</text>件</text> |
|
|
|
<view class="goods-box"> |
|
|
|
<view class="goods-title"> |
|
|
|
<text>商品</text> |
|
|
|
<text class="goods-count" :class="{ 'goods-count-important': item.goodsNum > 1 }">共{{item.goodsNum}}件</text> |
|
|
|
</view> |
|
|
|
<view style="display: flex;" v-for="(item1,index1) in item.goodsList" :key="index"> |
|
|
|
<view style="flex: 1;"> |
|
|
|
<view class="goods-row" v-for="(item1,index1) in item.goodsList" :key="index1"> |
|
|
|
<view class="goods-name"> |
|
|
|
{{item1.productName}} |
|
|
|
</view> |
|
|
|
<view style="width: 100rpx;"> |
|
|
|
<view class="goods-quantity" :class="{ 'goods-quantity-important': item1.quantity > 1 }"> |
|
|
|
{{'X' + item1.quantity}} |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="goods-price"> |
|
|
|
{{'￥'+ item1.price}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="height: 80rpx;border-top: 1px solid #eee;display: flex;"> |
|
|
|
<view class="pinzi" @tap.stop="tanchuang(item.deliveryType)" style="width:auto;font-weight:700;margin-right: 20rpx;color:#00231C;background:linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));padding:0 12rpx;"> |
|
|
|
<view class="remark-box" v-if="getOrderRemark(item)"> |
|
|
|
<view class="remark-label">备注</view> |
|
|
|
<view class="remark-content">{{getOrderRemark(item)}}</view> |
|
|
|
</view> |
|
|
|
<view class="order-footer"> |
|
|
|
<view class="delivery-tag" @tap.stop="tanchuang(item.deliveryType)"> |
|
|
|
{{item.deliveryType == 1?'配送':item.isPack == 1?'自取-打包':item.isPack == 0?'自取-堂食':'自取'}} |
|
|
|
</view> |
|
|
|
<view v-if="item.orderType != 1 && item.groupInfo != null" @tap.stop="getGroupOrders(item.id)" class="pinzi"> |
|
|
|
拼 |
|
|
|
<view v-if="item.orderType != 1" @tap.stop="getGroupOrders(item.id)" class="pinzi btn meal-btn"> |
|
|
|
拼团详情 |
|
|
|
</view> |
|
|
|
<view style="flex: 1;"></view> |
|
|
|
<view @tap.stop="mealServing(item)" v-if="currentIndex == 13" class="btn" style="margin: 10rpx 0 0 20rpx;"> |
|
|
|
已出餐 |
|
|
|
<view class="footer-space"></view> |
|
|
|
<view @tap.stop="mealServing(item)" v-if="currentIndex == 13" class="btn meal-btn"> |
|
|
|
出餐 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="width:100%;height:60rpx;"></view> |
|
|
|
<!-- 拼团详情弹窗 --> |
|
|
|
<uni-popup ref="pintuanPopup" background-color="#fff"> |
|
|
|
<view class="guize-list"> |
|
|
|
<view v-for="(item,index) in tuanzhangOrder" :key="index"> |
|
|
|
<view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;"> |
|
|
|
订单-{{item.numberCode}} |
|
|
|
<uni-popup ref="pintuanPopup" background-color="transparent"> |
|
|
|
<view class="group-popup"> |
|
|
|
<view class="group-popup-header"> |
|
|
|
<view> |
|
|
|
<view class="group-popup-title">拼团详情</view> |
|
|
|
<view class="group-popup-subtitle">共{{tuanzhangOrder.length}}个订单，请核对出餐信息</view> |
|
|
|
</view> |
|
|
|
<view class=""> |
|
|
|
<view class="dingdan"> |
|
|
|
<view style="display:flex"> |
|
|
|
<view style="width:300rpx;"> |
|
|
|
订单状态： |
|
|
|
</view> |
|
|
|
<view class="pituan-text"> |
|
|
|
{{item.status == 0?'待支付':item.status == 2?'待配送员接单':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime == null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake == 1)?'待出餐':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null)?'待取货':(item.status == 3 && item.deliveryType == 2)?'待消费':item.status == 4?'待送达':item.status == 5?'已完成':item.status == 7?'待同意退款':item.status == 8?'已退款':item.status == 6?'已取消':item.status == 11?'售后中':item.status == 12?'已售后':""}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="display:flex"> |
|
|
|
<view style="width:300rpx;"> |
|
|
|
订单号： |
|
|
|
</view> |
|
|
|
<view class="pituan-text"> |
|
|
|
{{item.id}} |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view style="display:flex"> |
|
|
|
<view style="width:300rpx;"> |
|
|
|
订单时间： |
|
|
|
</view> |
|
|
|
<view class="pituan-text"> |
|
|
|
{{item.createTime | formatISOTime}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="group-popup-close" @tap="$refs.pintuanPopup.close()">×</view> |
|
|
|
</view> |
|
|
|
<scroll-view scroll-y class="group-popup-scroll"> |
|
|
|
<view class="group-order-card" v-for="(item,index) in tuanzhangOrder" :key="index"> |
|
|
|
<view class="group-order-head"> |
|
|
|
<view class="group-order-code">订单-{{item.numberCode || item.id}}</view> |
|
|
|
<view class="group-order-status">{{getStatusText(item)}}</view> |
|
|
|
</view> |
|
|
|
<view class="dingdan" v-for="(item1,index1) in item.goodsList" :key="index1"> |
|
|
|
<view class="pt-title"> |
|
|
|
商品信息 |
|
|
|
</view> |
|
|
|
<view style="display: flex;font-weight: 700;"> |
|
|
|
<view style="flex:1"> |
|
|
|
商品名：{{item1.productName}} |
|
|
|
</view> |
|
|
|
<view style="width:100rpx;"> |
|
|
|
X{{item1.quantity}} |
|
|
|
</view> |
|
|
|
<view style="width:220rpx;text-align: right;padding-right:20rpx;"> |
|
|
|
￥{{item1.price}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="group-info-row"> |
|
|
|
<text>订单号</text> |
|
|
|
<text>{{item.id}}</text> |
|
|
|
</view> |
|
|
|
<view class="dingdan"> |
|
|
|
<view style="text-align: right;padding-right: 20rpx;color: #777;"> |
|
|
|
餐盒费：￥{{item.packageFee}} 配送费：￥{{item.deliveryFee}} |
|
|
|
</view> |
|
|
|
<view style="text-align: right;padding-right: 20rpx;font-size: 28rpx;font-weight: 700;color: red;"> |
|
|
|
总计：￥{{item.totalAmount}} |
|
|
|
<view class="group-info-row"> |
|
|
|
<text>订单时间</text> |
|
|
|
<text>{{item.createTime | formatISOTime}}</text> |
|
|
|
</view> |
|
|
|
<view class="group-goods-list"> |
|
|
|
<view class="group-goods-row" v-for="(item1,index1) in item.goodsList" :key="index1"> |
|
|
|
<view class="group-goods-name">{{item1.productName}}</view> |
|
|
|
<view class="group-goods-num">X{{item1.quantity}}</view> |
|
|
|
<view class="group-goods-price">￥{{item1.price}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="group-fee-row"> |
|
|
|
餐盒费：￥{{item.packageFee || 0}} 配送费：￥{{item.deliveryFee || 0}} |
|
|
|
</view> |
|
|
|
<view class="group-total-row">总计：￥{{item.totalAmount || 0}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="group-popup-empty" v-if="tuanzhangOrder.length == 0">暂无拼团订单</view> |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</uni-popup> |
|
|
|
</view> |
|
|
|
@ -161,11 +143,6 @@ |
|
|
|
value: 13, |
|
|
|
checked: false |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '待退/售后', |
|
|
|
value: 7, |
|
|
|
checked: false |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '待取货', |
|
|
|
value: 4, |
|
|
|
@ -221,6 +198,11 @@ |
|
|
|
this.menuButtonInfo = uni.getMenuButtonBoundingClientRect() |
|
|
|
this.searchForm.shopId = uni.getStorageSync('shopId') |
|
|
|
this.regionId = JSON.parse(uni.getStorageSync('area')).id |
|
|
|
if (uni.getStorageSync('refreshShopOrderList')) { |
|
|
|
uni.removeStorageSync('refreshShopOrderList') |
|
|
|
this.searchForm.pageNum = 1 |
|
|
|
this.getList() |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(option) { |
|
|
|
if (option.index) { |
|
|
|
@ -281,7 +263,7 @@ |
|
|
|
this.tui.request("/mall/order/selectAllOrderByOrderId/"+id, "GET", {}, false, true).then((res) => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.tuanzhangOrder = res.result; |
|
|
|
this.$refs.pintuanPopup.open('bottom') |
|
|
|
this.$refs.pintuanPopup.open('center') |
|
|
|
} else { |
|
|
|
that.tui.toast(res.message) |
|
|
|
return |
|
|
|
@ -292,6 +274,19 @@ |
|
|
|
openPopup(){ |
|
|
|
this.$refs.groupPopup.open() |
|
|
|
}, |
|
|
|
getOrderRemark(item) { |
|
|
|
if (!item) return '' |
|
|
|
return item.remark || (item.mallOrder && item.mallOrder.remark) || '' |
|
|
|
}, |
|
|
|
getOrderId(item) { |
|
|
|
if (!item) return '' |
|
|
|
if (item.mallOrder && item.mallOrder.id) return item.mallOrder.id |
|
|
|
return item.orderId || item.mallOrderId || item.id || '' |
|
|
|
}, |
|
|
|
getStatusText(item) { |
|
|
|
if (!item) return '' |
|
|
|
return item.status == 0?'待支付':item.status == 2?'待配送员接单':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime == null) || (item.status == 3 && item.deliveryType == 2 && item.userRequireMake == 1)?'待出餐':(item.status == 3 && item.deliveryType == 1 && item.shopMakeTime != null)?'待取货':(item.status == 3 && item.deliveryType == 2)?'待消费':item.status == 4?'待送达':item.status == 5?'已完成':item.status == 7?'待同意退款':item.status == 8?'已退款':item.status == 6?'已取消':item.status == 11?'售后中':item.status == 12?'已售后':'' |
|
|
|
}, |
|
|
|
mealServing(item){ |
|
|
|
let that = this |
|
|
|
uni.showModal({ |
|
|
|
@ -322,11 +317,10 @@ |
|
|
|
}); |
|
|
|
}, |
|
|
|
goDetail(item) { |
|
|
|
let id = "" |
|
|
|
if(this.currentIndex == 7){ |
|
|
|
id = item.mallOrder.id |
|
|
|
}else{ |
|
|
|
id = item.id |
|
|
|
let id = this.getOrderId(item) |
|
|
|
if (!id) { |
|
|
|
this.tui.toast('未找到订单信息') |
|
|
|
return |
|
|
|
} |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/package2/shop/orderDetail?id=' + id |
|
|
|
@ -362,10 +356,24 @@ |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.shop-order-fixed { |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
z-index: 1000; |
|
|
|
background: #F5F8F5; |
|
|
|
} |
|
|
|
|
|
|
|
.shop-order-fixed-holder { |
|
|
|
height: 288rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat; |
|
|
|
width: 100%; |
|
|
|
height: 20%; |
|
|
|
height: 200rpx; |
|
|
|
background-size: 100% 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.title-sreach { |
|
|
|
@ -391,7 +399,8 @@ |
|
|
|
|
|
|
|
.title-tab { |
|
|
|
display: flex; |
|
|
|
margin: -120rpx auto 0; |
|
|
|
margin: 0 auto; |
|
|
|
background: #F5F8F5; |
|
|
|
} |
|
|
|
|
|
|
|
.status-scroll-view { |
|
|
|
@ -455,11 +464,178 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.box1 { |
|
|
|
width: 95%; |
|
|
|
width: 92%; |
|
|
|
margin: 20rpx auto; |
|
|
|
background: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
padding: 20rpx 20rpx 0; |
|
|
|
border-radius: 24rpx; |
|
|
|
padding: 24rpx 24rpx 0; |
|
|
|
box-shadow: 0 12rpx 32rpx rgba(0, 35, 28, 0.08); |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.order-head { |
|
|
|
display: flex; |
|
|
|
align-items: flex-start; |
|
|
|
padding-bottom: 18rpx; |
|
|
|
border-bottom: 1px solid #eef2ef; |
|
|
|
} |
|
|
|
|
|
|
|
.order-main { |
|
|
|
flex: 1; |
|
|
|
min-width: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.order-code { |
|
|
|
display: inline-block; |
|
|
|
height: 42rpx; |
|
|
|
line-height: 42rpx; |
|
|
|
padding: 0 16rpx; |
|
|
|
margin-bottom: 8rpx; |
|
|
|
border-radius: 999rpx; |
|
|
|
background: #00231C; |
|
|
|
color: #E3FF96; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.order-time { |
|
|
|
color: #7a8582; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.order-status { |
|
|
|
margin-left: 20rpx; |
|
|
|
padding: 8rpx 16rpx; |
|
|
|
border-radius: 999rpx; |
|
|
|
background: rgba(255, 107, 53, 0.1); |
|
|
|
color: #ff6b35; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: 700; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-box { |
|
|
|
padding: 22rpx 0 16rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-title { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
margin-bottom: 12rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-count { |
|
|
|
padding: 4rpx 14rpx; |
|
|
|
border-radius: 999rpx; |
|
|
|
background: #f1f5f2; |
|
|
|
color: #52736b; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-count-important { |
|
|
|
background: linear-gradient(90deg, #FFE8D6, #FFF5E9); |
|
|
|
color: #ff4d00; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-row { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
min-height: 46rpx; |
|
|
|
line-height: 1.35; |
|
|
|
color: #253b35; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-name { |
|
|
|
flex: 1; |
|
|
|
padding-right: 16rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-quantity { |
|
|
|
width: 92rpx; |
|
|
|
text-align: center; |
|
|
|
color: #52736b; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-quantity-important { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
height: 42rpx; |
|
|
|
border-radius: 14rpx; |
|
|
|
background: linear-gradient(90deg, #FF4500, #FFA07A); |
|
|
|
color: #fff; |
|
|
|
font-size: 28rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.goods-price { |
|
|
|
width: 120rpx; |
|
|
|
text-align: right; |
|
|
|
color: #00231C; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.remark-box { |
|
|
|
display: flex; |
|
|
|
margin: 0 0 18rpx; |
|
|
|
padding: 18rpx; |
|
|
|
border: 1px solid rgba(255, 107, 53, 0.22); |
|
|
|
border-radius: 18rpx; |
|
|
|
background: linear-gradient(90deg, rgba(255, 246, 235, 1), rgba(255, 251, 243, 1)); |
|
|
|
} |
|
|
|
|
|
|
|
.remark-label { |
|
|
|
flex-shrink: 0; |
|
|
|
height: 40rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
margin-right: 14rpx; |
|
|
|
padding: 0 12rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
background: #ff6b35; |
|
|
|
color: #fff; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.remark-content { |
|
|
|
flex: 1; |
|
|
|
color: #9a3d00; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 700; |
|
|
|
line-height: 40rpx; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
|
|
|
|
.order-footer { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
min-height: 80rpx; |
|
|
|
border-top: 1px solid #eef2ef; |
|
|
|
} |
|
|
|
|
|
|
|
.delivery-tag { |
|
|
|
width: auto; |
|
|
|
height: 44rpx; |
|
|
|
line-height: 44rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
padding: 0 14rpx; |
|
|
|
border-radius: 12rpx; |
|
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
|
color: #00231C; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.footer-space { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.meal-btn { |
|
|
|
margin: 0 0 0 20rpx; |
|
|
|
} |
|
|
|
.btn{ |
|
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
|
@ -474,31 +650,134 @@ |
|
|
|
.pinzi{ |
|
|
|
margin: 20rpx 0; |
|
|
|
background: linear-gradient(90deg, #FF4500, #FFA07A); |
|
|
|
width: 40rpx; |
|
|
|
width: 120rpx; |
|
|
|
height: 40rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
text-align: center; |
|
|
|
border-radius: 10rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.guize-list { |
|
|
|
width: 100%; |
|
|
|
padding: 20rpx; |
|
|
|
overflow: scroll; |
|
|
|
.group-popup { |
|
|
|
width: 660rpx; |
|
|
|
max-height: 880rpx; |
|
|
|
padding: 28rpx 24rpx 32rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
border-radius: 32rpx; |
|
|
|
background: #f7faf8; |
|
|
|
box-shadow: 0 24rpx 60rpx rgba(0, 35, 28, 0.22); |
|
|
|
} |
|
|
|
.group-popup-header { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding-bottom: 22rpx; |
|
|
|
} |
|
|
|
.group-popup-title { |
|
|
|
color: #00231C; |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 900; |
|
|
|
line-height: 48rpx; |
|
|
|
} |
|
|
|
.group-popup-subtitle { |
|
|
|
margin-top: 6rpx; |
|
|
|
color: #7a8582; |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
.group-popup-close { |
|
|
|
width: 56rpx; |
|
|
|
height: 56rpx; |
|
|
|
margin-left: auto; |
|
|
|
border-radius: 56rpx; |
|
|
|
background: #fff; |
|
|
|
max-height: 1000rpx; |
|
|
|
line-height: 25px; |
|
|
|
color: #7a8582; |
|
|
|
font-size: 42rpx; |
|
|
|
line-height: 50rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.pt-title{ |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 700; |
|
|
|
color: #777; |
|
|
|
.group-popup-scroll { |
|
|
|
max-height: 690rpx; |
|
|
|
height: 690rpx; |
|
|
|
} |
|
|
|
.group-order-card { |
|
|
|
margin-bottom: 18rpx; |
|
|
|
padding: 22rpx; |
|
|
|
border-radius: 24rpx; |
|
|
|
background: #fff; |
|
|
|
box-shadow: 0 10rpx 26rpx rgba(0, 35, 28, 0.08); |
|
|
|
} |
|
|
|
.group-order-head { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding-bottom: 16rpx; |
|
|
|
border-bottom: 1px solid #eef2ef; |
|
|
|
} |
|
|
|
.group-order-code { |
|
|
|
flex: 1; |
|
|
|
color: #00231C; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 900; |
|
|
|
} |
|
|
|
.group-order-status { |
|
|
|
padding: 6rpx 14rpx; |
|
|
|
border-radius: 999rpx; |
|
|
|
background: rgba(255, 107, 53, 0.1); |
|
|
|
color: #ff6b35; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 800; |
|
|
|
} |
|
|
|
.dingdan{ |
|
|
|
border-top: 1px solid #eee; |
|
|
|
.group-info-row { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
padding-top: 14rpx; |
|
|
|
color: #6b7773; |
|
|
|
font-size: 24rpx; |
|
|
|
line-height: 34rpx; |
|
|
|
} |
|
|
|
.uni-popup__wrapper{ |
|
|
|
border-radius: 20rpx !important; |
|
|
|
.group-info-row text:last-child { |
|
|
|
color: #00231C; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
.group-goods-list { |
|
|
|
margin-top: 16rpx; |
|
|
|
padding: 12rpx 0; |
|
|
|
border-top: 1px dashed #e4ebe7; |
|
|
|
border-bottom: 1px dashed #e4ebe7; |
|
|
|
} |
|
|
|
.group-goods-row { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
min-height: 46rpx; |
|
|
|
color: #00231C; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
.group-goods-name { |
|
|
|
flex: 1; |
|
|
|
padding-right: 12rpx; |
|
|
|
} |
|
|
|
.group-goods-num { |
|
|
|
width: 80rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.group-goods-price { |
|
|
|
width: 120rpx; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.group-fee-row { |
|
|
|
margin-top: 14rpx; |
|
|
|
color: #7a8582; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.group-total-row { |
|
|
|
margin-top: 8rpx; |
|
|
|
color: red; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 900; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.group-popup-empty { |
|
|
|
padding: 80rpx 20rpx; |
|
|
|
color: #7a8582; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.pituan-text{ |
|
|
|
flex:1; |
|
|
|
|
wangfukang
5 months ago