订单逻辑修改
This commit is contained in:
@@ -227,7 +227,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="placedOrderTip" @click="placedOrder" v-if="tableCode&&shopInfo.shopTableInfo.orderId&&shopInfo.storeInfo.registerType == 'restaurant'"><u-avatar :src="src" shape="circle"></u-avatar><view style="margin-left: 8rpx;">已下单菜品</view></view>
|
||||
<view class="placedOrderTip" @click="placedOrder" v-if="tableCode&&shopInfo.shopTableInfo&&shopInfo.shopTableInfo.orderId&&shopInfo.storeInfo.registerType == 'restaurant'"><u-avatar :src="src" shape="circle"></u-avatar><view style="margin-left: 8rpx;">已下单菜品</view></view>
|
||||
|
||||
<!-- 购物车 -->
|
||||
<u-popup :show="showCart" :round="20" :safeAreaInsetBottom="false" :zIndex="98" :overlayStyle="{ zIndex: 98 }"
|
||||
@@ -275,7 +275,7 @@
|
||||
<u--input
|
||||
placeholder="商品备注(选填)"
|
||||
border="none"
|
||||
v-model="item.remark"
|
||||
v-model="item.note"
|
||||
></u--input>
|
||||
</view>
|
||||
</view>
|
||||
@@ -593,14 +593,15 @@
|
||||
* 通过桌码获取店铺信息
|
||||
*/
|
||||
async productqueryShop() {
|
||||
let res = await this.api.productqueryShop({
|
||||
code: this.tableCode,
|
||||
shopId: this.shopId,
|
||||
let params = {
|
||||
lng: uni.cache.get('getLocationstorage').lng ? uni.cache.get('getLocationstorage').lng :
|
||||
'',
|
||||
lat: uni.cache.get('getLocationstorage').lat ? uni.cache.get('getLocationstorage').lat :
|
||||
'',
|
||||
})
|
||||
}
|
||||
if (this.tableCode) {params.code = this.tableCode}
|
||||
if (this.shopId) {params.shopId = this.shopId}
|
||||
let res = await this.api.productqueryShop(params)
|
||||
if (res.code == 0) {
|
||||
let expireTime = uni.utils.timestamp() + 30 * 60; // 有效期
|
||||
uni.cache.set('shopId', res.data.storeInfo.id, expireTime)
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="status">未付款</view>
|
||||
<view class="status" v-if="listinfo.status == 'unpaid' || listinfo.status == 'paying'">未付款</view>
|
||||
<view class="totalAmount">
|
||||
<view class="label">小计¥</view>
|
||||
<view class="price"> {{item.totalAmount}} </view>
|
||||
@@ -43,6 +43,14 @@
|
||||
<view class="semicircle_right_icon"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cell-item" v-if="listinfo.orderInfo.seatCount > 0">
|
||||
<view class="label">餐位费</view>
|
||||
<view class="val">
|
||||
<view>X{{listinfo.orderInfo.seatCount}}</view>
|
||||
<view style="font-size: 28rpx;">¥</view>
|
||||
<view>{{listinfo.orderInfo.seatAmount}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="total-wrap">
|
||||
<view>总计¥</view>
|
||||
<view class="price"> {{listinfo.payAmount}} </view>
|
||||
@@ -126,7 +134,7 @@
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
// box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
border-radius: 18rpx;
|
||||
padding-bottom: 32rpx;
|
||||
.card_head_box{
|
||||
@@ -141,7 +149,7 @@
|
||||
height: 45rpx;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset 0rpx -13rpx 18rpx -16rpx rgba(87, 86, 86, 0.35);
|
||||
// box-shadow: inset 0rpx -13rpx 18rpx -16rpx rgba(87, 86, 86, 0.35);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -155,10 +163,11 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
padding: 0 34rpx;
|
||||
.head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 50rpx 34rpx 32rpx 34rpx;
|
||||
padding: 32rpx 0;
|
||||
.head_left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -180,7 +189,6 @@
|
||||
}
|
||||
|
||||
.shop-info {
|
||||
padding: 0 34rpx;
|
||||
border-bottom: 2rpx dashed #e5e5e5;
|
||||
.item:nth-child(1) {
|
||||
margin-top: 0;
|
||||
@@ -250,15 +258,14 @@
|
||||
font-size: 22rpx;
|
||||
color: #FFFFFF;
|
||||
margin-top: 32rpx;
|
||||
margin-right: 32rpx;
|
||||
}
|
||||
.totalAmount {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-end;
|
||||
padding: 0 34rpx;
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx 0;
|
||||
border-bottom: 2rpx dashed #e5e5e5;
|
||||
.label{
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
@@ -283,7 +290,7 @@
|
||||
margin-left: -22.5rpx;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset -20rpx 0rpx 22rpx -20rpx rgba(87, 86, 86, 0.35);
|
||||
// box-shadow: inset -20rpx 0rpx 22rpx -20rpx rgba(87, 86, 86, 0.35);
|
||||
|
||||
}
|
||||
.semicircle_right_icon{
|
||||
@@ -292,11 +299,41 @@
|
||||
margin-right: -22.5rpx;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset 13rpx 0rpx 16rpx -9rpx rgba(87, 86, 86, 0.35);
|
||||
// box-shadow: inset 13rpx 0rpx 16rpx -9rpx rgba(87, 86, 86, 0.35);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.cell-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx 34rpx 0 34rpx;
|
||||
.label{
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.val{
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
padding-bottom: 32rpx;
|
||||
border-bottom: 2rpx dashed #e5e5e5;
|
||||
view:nth-child(1){
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-right: 42rpx;
|
||||
}
|
||||
view:nth-child(2){
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.total-wrap {
|
||||
width: 100%;
|
||||
@@ -334,7 +371,7 @@
|
||||
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
||||
margin-top: 32rpx;
|
||||
padding: 32rpx 34rpx;
|
||||
box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
// box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@@ -158,7 +158,7 @@
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
// box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
border-radius: 18rpx;
|
||||
.card_head_box{
|
||||
width: 100%;
|
||||
@@ -172,7 +172,7 @@
|
||||
height: 45rpx;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset 0rpx -13rpx 18rpx -16rpx rgba(87, 86, 86, 0.35);
|
||||
// box-shadow: inset 0rpx -13rpx 18rpx -16rpx rgba(87, 86, 86, 0.35);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -362,7 +362,7 @@
|
||||
margin-left: -22.5rpx;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset -20rpx 0rpx 22rpx -20rpx rgba(87, 86, 86, 0.35);
|
||||
// box-shadow: inset -20rpx 0rpx 22rpx -20rpx rgba(87, 86, 86, 0.35);
|
||||
|
||||
}
|
||||
.order_footer_right_icon{
|
||||
@@ -371,7 +371,7 @@
|
||||
margin-right: -22.5rpx;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset 13rpx 0rpx 16rpx -9rpx rgba(87, 86, 86, 0.35);
|
||||
// box-shadow: inset 13rpx 0rpx 16rpx -9rpx rgba(87, 86, 86, 0.35);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.amountVIP)
|
||||
console.log(this.amountVIP)
|
||||
// this.getAount();
|
||||
},
|
||||
methods: {
|
||||
@@ -86,7 +86,6 @@
|
||||
box-sizing: border-box;
|
||||
margin-top: 30rpx;
|
||||
border-radius: 18rpx;
|
||||
box-shadow: 0rpx 4rpx 12rpx 2rpx rgba(87,86,86,0.35);
|
||||
.paymentMethod_content{
|
||||
background-color: #fff;
|
||||
border-radius: 22rpx;
|
||||
|
||||
@@ -299,14 +299,15 @@
|
||||
},
|
||||
|
||||
async getProductqueryShop (tableCode) {
|
||||
let res = await this.api.productqueryShop({
|
||||
code: this.tableCode,
|
||||
shopId: this.shopId,
|
||||
let params = {
|
||||
lng: uni.cache.get('getLocationstorage').lng ? uni.cache.get('getLocationstorage').lng :
|
||||
'',
|
||||
lat: uni.cache.get('getLocationstorage').lat ? uni.cache.get('getLocationstorage').lat :
|
||||
'',
|
||||
})
|
||||
}
|
||||
if (this.tableCode) {params.code = this.tableCode}
|
||||
if (this.shopId) {params.shopId = this.shopId}
|
||||
let res = await this.api.productqueryShop(params)
|
||||
this.shopTableInfo = res.data.shopTableInfo;
|
||||
console.log(res)
|
||||
},
|
||||
@@ -504,6 +505,10 @@
|
||||
})
|
||||
return;
|
||||
}
|
||||
let noteList = [];
|
||||
this.listinfo.details.map((item)=>{
|
||||
console.log(item)
|
||||
})
|
||||
let data = {
|
||||
"skuId": '',
|
||||
"num": '', //数量
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<orderInfoBefore ref="orderInfoBefore" :listinfo="listinfo" v-else></orderInfoBefore>
|
||||
|
||||
|
||||
<paymentMethod ref="paymentMethod" :amountVIP="amountVIP" @groupChange="groupChange"></paymentMethod>
|
||||
<paymentMethod ref="paymentMethod" v-if="amountVIP&&listinfo.status == 'unpaid' || listinfo.status == 'paying'" :amountVIP="amountVIP" @groupChange="groupChange"></paymentMethod>
|
||||
|
||||
<view class="fixedview">
|
||||
<view class="flex-between" v-if="listinfo.status == 'unpaid' || listinfo.status == 'paying'">
|
||||
@@ -39,11 +39,13 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import payPasswordtwo from '@/components/payPasswordtwo.vue'
|
||||
import orderInfoAfter from '../components/orderInfoAfter.vue'
|
||||
import orderInfoBefore from '../components/orderInfoBefore.vue'
|
||||
import paymentMethod from '../components/paymentMethod.vue'
|
||||
export default {
|
||||
components: {
|
||||
payPasswordtwo,
|
||||
orderInfoAfter,
|
||||
orderInfoBefore,
|
||||
paymentMethod,
|
||||
@@ -56,8 +58,9 @@
|
||||
paymentBtnText: "余额支付",
|
||||
orderId: '',
|
||||
listinfo: {},
|
||||
listinfoid: null,
|
||||
status: [],
|
||||
amountVIP: {},
|
||||
amountVIP: null,
|
||||
srcimge: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/wx.jpg'
|
||||
};
|
||||
},
|
||||
@@ -67,6 +70,7 @@
|
||||
},
|
||||
onShow() {
|
||||
this.orderorderInfo()
|
||||
this.getAount();
|
||||
},
|
||||
onUnload() {
|
||||
this.ispws = false
|
||||
@@ -104,6 +108,7 @@
|
||||
})
|
||||
if (res.code == 0) {
|
||||
this.listinfo = res.data;
|
||||
this.listinfoid = res.data.orderId;
|
||||
uni.cache.set('shopId',res.data.shopId)
|
||||
if (this.listinfo.useType == " ") {
|
||||
//堂食先付费
|
||||
@@ -184,8 +189,7 @@
|
||||
tmplIds:["z0fUG7-jhSfYCrw6poOvSRzh4_hgnPkm_5C7E5s5bCQ","AV-KybUHaK3KtFVLqpy6PHccHBS7XeX__mOM4RbufnQ"],
|
||||
complete() {
|
||||
uni.redirectTo({
|
||||
url: '/pagesOrder/order_detail/index?orderId=' + _this
|
||||
.listinfoid
|
||||
url: '/pagesOrder/order_detail/index?orderId=' + _this.listinfoid
|
||||
});
|
||||
},
|
||||
})
|
||||
@@ -591,7 +595,72 @@
|
||||
|
||||
}
|
||||
|
||||
|
||||
.pay-info-wrap{
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
.info-wrap{
|
||||
padding: 64rpx 30rpx 30rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
.title{
|
||||
align-self: center;
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.info-content{
|
||||
.pay-title {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
font-size: 48rpx;
|
||||
color: #333;
|
||||
margin-top: 48rpx;
|
||||
text {
|
||||
font-size: 60rpx;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.pay-password {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 64rpx;
|
||||
|
||||
.list {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 2rpx solid #999;
|
||||
border-radius: 8rpx;
|
||||
text {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.hint {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
|
||||
text {
|
||||
font-size: 28rpx;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.fixedview {
|
||||
position: fixed;
|
||||
|
||||
Reference in New Issue
Block a user