parent
d95fe3d2f5
commit
437a6b283f
@ -0,0 +1,221 @@ |
|||||||
|
<template> |
||||||
|
<view class="all-container pd-main backcor6 font15"> |
||||||
|
<view class="mart20 backcorfff marb20"> |
||||||
|
<view class="dis-flex height40 bor-botm1"> |
||||||
|
<view class="flex-1 fotct fontwig6 ">桌台名称</view> |
||||||
|
<view class="flex-1 fotct fontwig6">订单金额</view> |
||||||
|
<view class="flex-1 fotct fontwig6">状态</view> |
||||||
|
<view class="flex-1 fotct fontwig6">操作</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="dis-flex bor-botm1 paddtop10 paddbotm10 font14" @click="openOrderDetail(item)" |
||||||
|
v-for="(item,index) in orderList" :key="index"> |
||||||
|
<view class="flex-1 fotct text1"> |
||||||
|
{{item.tableName}} |
||||||
|
</view> |
||||||
|
<view class="flex-1 fotct text1"> |
||||||
|
{{item.orderAmount}} |
||||||
|
</view> |
||||||
|
<view class="flex-1 fotct text1" :class="{'fcorred':item.status==1}"> |
||||||
|
{{item.status | filterStatus}} |
||||||
|
</view> |
||||||
|
<view class="flex-1 fotct text1 dis-flex fcor41c" style="justify-content: space-around;"> |
||||||
|
<text>详情</text> |
||||||
|
<text class="margle" @click.stop="goEditTableOrder(item)" v-if="item.status==1">编辑</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<!-- 查看详情 --> |
||||||
|
<uni-popup ref="popupDetail" type="bottom" background-color="#ffffff"> |
||||||
|
<view style="height: 70vh;overflow-y: auto;" class="backcorfff border-10r-lr pd-main font16"> |
||||||
|
<view class="pop-contain pd-main"> |
||||||
|
<view class="pop-title fontwig6"><text>详情</text></view> |
||||||
|
<view class="" v-if="orderDetail"> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">桌台编号</view> |
||||||
|
<view class="flex-1 fotct ">{{orderDetail.tableNumber}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">桌台名称</view> |
||||||
|
<view class="flex-1 fotct ">{{orderDetail.tableName}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">桌台状态</view> |
||||||
|
<view class="flex-1 fotct " :class="{'fcorred':orderDetail.status==1}">{{orderDetail.status | filterStatus}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">用餐人数</view> |
||||||
|
<view class="flex-1 fotct ">{{orderDetail.peopleNum}}人</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">订单金额</view> |
||||||
|
<view class="flex-1 fotct ">{{orderDetail.orderAmount}}元</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">创建时间</view> |
||||||
|
<view class="flex-1 fotct ">{{orderDetail.createTime | timeFormat}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 "> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">订单编号 </view> |
||||||
|
<view class="flex-1 fotct wb">{{orderDetail.orderNo}}</view> |
||||||
|
</view> |
||||||
|
<view class="width100 dis-flex bor-botm1 " v-if="orderDetail.status==2"> |
||||||
|
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">支付单号 </view> |
||||||
|
<view class="flex-1 fotct wb" >{{orderDetail.payOrderNo}}</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
</view> |
||||||
|
|
||||||
|
|
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</uni-popup> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import {queryOrderList,queryOrderDetail} from '@/Utils/groupBuying.js' |
||||||
|
export default { |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
storeId:'',//门店id |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 30, |
||||||
|
isNoMoreData: false, //是否加载中 |
||||||
|
totalNum:0, |
||||||
|
orderList:[], |
||||||
|
orderDetail:null, |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad(options) { |
||||||
|
this.storeId = options.storeId; |
||||||
|
|
||||||
|
}, |
||||||
|
onShow(){ |
||||||
|
this.formatOrderList(); |
||||||
|
}, |
||||||
|
onReachBottom() { |
||||||
|
this.queryOrderList(); |
||||||
|
}, |
||||||
|
filters:{ |
||||||
|
filterStatus(type){ |
||||||
|
switch (type) { |
||||||
|
case 0: |
||||||
|
return '不可用'; |
||||||
|
case 1: |
||||||
|
return '未结账'; |
||||||
|
case 2: |
||||||
|
return '已结账'; |
||||||
|
default: |
||||||
|
return '未知'; |
||||||
|
} |
||||||
|
}, |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
/* 查询订单列表 */ |
||||||
|
queryOrderList(){ |
||||||
|
if (this.isNoMoreData) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中...' |
||||||
|
}) |
||||||
|
let params={ |
||||||
|
storeId:this.storeId, |
||||||
|
pageNum:this.pageNum, |
||||||
|
pageSize:this.pageSize, |
||||||
|
} |
||||||
|
queryOrderList(params).then(res=>{ |
||||||
|
uni.hideLoading(); |
||||||
|
if (res.return_code == '000000' ) { |
||||||
|
this.totalNum = res.return_data.total; |
||||||
|
this.isNoMoreData = res.return_data.isLastPage; |
||||||
|
this.orderList = this.orderList.concat(res.return_data.list); |
||||||
|
if(!this.isNoMoreData){ |
||||||
|
this.pageNum+=1 |
||||||
|
} |
||||||
|
} else { |
||||||
|
uni.showToast({ |
||||||
|
title: res.return_msg, |
||||||
|
duration: 2000, |
||||||
|
icon: 'none' |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
}, |
||||||
|
formatOrderList(){ |
||||||
|
this.pageNum=1; |
||||||
|
this.isNoMoreData=false; |
||||||
|
this.orderList=[]; |
||||||
|
this.queryOrderList(); |
||||||
|
}, |
||||||
|
goEditTableOrder(item){ |
||||||
|
uni.navigateTo({ |
||||||
|
url:`./editTableOrder?storeId=${item.storeId}&serialNumber=${item.serialNumber}` |
||||||
|
}) |
||||||
|
}, |
||||||
|
/* 查询订单详情 */ |
||||||
|
openOrderDetail(item){ |
||||||
|
this.orderDetail=null; |
||||||
|
let params={ |
||||||
|
orderNo:item.orderNo |
||||||
|
} |
||||||
|
uni.showLoading({ |
||||||
|
mask:true |
||||||
|
}) |
||||||
|
queryOrderDetail(params).then(res=>{ |
||||||
|
uni.hideLoading() |
||||||
|
if (res.return_code == '000000') { |
||||||
|
this.orderDetail=res.return_data.order; |
||||||
|
this.$refs.popupDetail.open('bottom'); |
||||||
|
} else { |
||||||
|
uni.showToast({ |
||||||
|
title: res.return_msg, |
||||||
|
icon: 'none', |
||||||
|
duration: 2000 |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
|
||||||
|
|
||||||
|
/* 详情弹窗 */ |
||||||
|
.pop-contain { |
||||||
|
text-align: center; |
||||||
|
padding-top: 50px; |
||||||
|
background-color: #ffffff; |
||||||
|
|
||||||
|
.pop-title { |
||||||
|
text-align: center; |
||||||
|
height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
font-size: 18px; |
||||||
|
position: fixed; |
||||||
|
z-index: 10; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
right: 0; |
||||||
|
background: #ffffff; |
||||||
|
|
||||||
|
} |
||||||
|
.titleWidth { |
||||||
|
min-width: 80px; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.minheight40 { |
||||||
|
padding: 15px 0; |
||||||
|
} |
||||||
|
|
||||||
|
.wb{ |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue