parent
ce47d55a1f
commit
3bd7221bd4
@ -0,0 +1,251 @@ |
||||
<template> |
||||
<view class="all-container pd-main font15"> |
||||
<view class="mart20 backcorfff" v-if="orderDetail"> |
||||
<!-- <view class="dis-flex flex-wrap" > |
||||
<view class="width100 dis-flex bor-botm1"> |
||||
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">用餐桌名</view> |
||||
<view class="flex-1 fotct ">{{orderDetail.order.tableName}}</view> |
||||
</view> |
||||
<view class="width100 dis-flex bor-botm1"> |
||||
<view class=" fotct fontwig6 backcor6 titleWidth minheight40">用餐人数</view> |
||||
<view class="flex-1 fotct ">{{orderDetail.order.peopleNum}}</view> |
||||
</view> |
||||
</view> --> |
||||
<view class="mart20 backcorfff"> |
||||
<view class="dis-flex height40 bor-botm1 backcor6"> |
||||
<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 class="flex-1 fotct fontwig6">操作</view> |
||||
</view> |
||||
|
||||
<view class="dis-flex bor-botm1 paddtop5 paddbotm5 fon15" v-for="(item,index) in orderDetail.product" @click="cilckToShowDetail(item)" :key="index"> |
||||
<view class="flex-1 fotct"> |
||||
<image :src="imgUrl+item.productImg" mode="aspectFit" class="width100 height60 verc"></image> |
||||
</view> |
||||
<view class="flex-1 fotct text1">{{item.productName}}</view> |
||||
<view class="flex-1 fotct">{{item.productPrice}}</view> |
||||
<view class="flex-1 fotct ">{{item.productNum}}</view> |
||||
|
||||
<view class="flex-1 fotct fcor41c " @click.stop="clickToEdit(item)"><text class="icon bianji font15 fcor41c"></text>编辑</view> |
||||
</view> |
||||
</view> |
||||
<view class="width100 fotrt">共计:¥<text class="font20 fontwig6">{{orderDetail.order.orderAmount}}</text></view> |
||||
|
||||
</view> |
||||
|
||||
<!-- 添加菜品按钮 --> |
||||
<!-- <view class="btn-fix"> |
||||
<button class="btn" @click="addProduct">添加菜品</button> |
||||
</view> --> |
||||
|
||||
|
||||
<!-- 编辑订单 --> |
||||
<uni-popup ref="inputDialog" type="dialog"> |
||||
<uni-popup-dialog mode="input" title="输入菜品数量" :before-close="true" :value="productNum" |
||||
placeholder="请输入菜品数量" @confirm="dialogInputConfirm" @close="close"></uni-popup-dialog> |
||||
</uni-popup> |
||||
|
||||
|
||||
<uni-popup ref="popupDetail" type="bottom" background-color="#ffffff"> |
||||
<view style="height: 80vh;overflow-y: auto;" class="backcorfff border-10r-lr pd-main font16"> |
||||
<view class="pop-contain pd-main"> |
||||
|
||||
<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 class="flex-1 fotct fontwig6">售卖数量</view> --> |
||||
<view class="flex-1 fotct fontwig6">操作</view> |
||||
</view> |
||||
|
||||
<view class="dis-flex bor-botm1 paddtop5 paddbotm5 fon15" v-for="(item,index) in productList" @click="cilckToShowDetail(item)" :key="index"> |
||||
<view class="flex-1 fotct"> |
||||
<image :src="imgUrl+item.img" @click.stop="previewImage(imgUrl+item.img)" mode="aspectFit" class="width100 height60 verc"></image> |
||||
</view> |
||||
<view class="flex-1 fotct text1">{{item.name}}</view> |
||||
<view class="flex-1 fotct">{{item.price}}</view> |
||||
<view class="flex-1 fotct text1">{{item.productCategoryName}}</view> |
||||
<!-- <view class="flex-1 fotct">{{item.saleCount}}</view> --> |
||||
<view class="flex-1 fotct fcor41c " @click.stop="clickToEdit(item)"><text class="icon bianji font15 fcor41c"></text>编辑</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</uni-popup> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getStoreProductByList,queryCurrentOrder,operateOrderProduct |
||||
} from '@/Utils/groupBuying.js'; |
||||
const app = getApp(); |
||||
export default { |
||||
data(){ |
||||
return{ |
||||
imgUrl: app.globalData.imgUrl, //图片访问地址 |
||||
storeId:'',//门店id |
||||
serialNumber:'',//桌台编号 |
||||
productList:[],//产品列表 |
||||
orderDetail:null, |
||||
productNum:'',//菜品数量 |
||||
productId:'', |
||||
} |
||||
}, |
||||
|
||||
onLoad(options) { |
||||
this.storeId = options.storeId; |
||||
this.serialNumber = options.serialNumber; |
||||
this.getStoreProductByList(); |
||||
this.queryCurrentOrder(); |
||||
}, |
||||
methods:{ |
||||
|
||||
/* 添加菜品 */ |
||||
addProduct(){ |
||||
this.$refs.popupDetail.open('bottom') |
||||
|
||||
|
||||
}, |
||||
|
||||
/* 编辑订单 */ |
||||
clickToEdit(item){ |
||||
this.productNum = item.productNum; |
||||
this.productId = item.productId; |
||||
this.$refs.inputDialog.open() |
||||
}, |
||||
dialogInputConfirm(e) { |
||||
let reg = /^[0-9]+$/; |
||||
if (!reg.test(e)) { |
||||
uni.showToast({ |
||||
title: '请输入正确的数字哦!', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
return |
||||
} |
||||
this.productNum = e; |
||||
|
||||
let params={ |
||||
"orderNo": this.orderDetail.order.orderNo, |
||||
"productArray": [{ |
||||
"productId": this.productId, |
||||
"number": this.productNum |
||||
}] |
||||
} |
||||
|
||||
this.operateOrderProduct(params); |
||||
}, |
||||
operateOrderProduct(params){ |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
operateOrderProduct(params).then(res=>{ |
||||
uni.hideLoading(); |
||||
this.$refs.inputDialog.close(); |
||||
if (res.return_code == '000000') { |
||||
this.productNum = ''; |
||||
this.productId =''; |
||||
this.queryCurrentOrder(); |
||||
uni.showToast({ |
||||
title: res.return_data, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} else { |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}).catch(() => { |
||||
this.$refs.inputDialog.close(); |
||||
}) |
||||
}, |
||||
close() { |
||||
this.productNum = ''; |
||||
this.productId =''; |
||||
this.$refs.inputDialog.close(); |
||||
}, |
||||
|
||||
// 查询桌台当前订单 |
||||
queryCurrentOrder(){ |
||||
let params={ |
||||
serialNumber:this.serialNumber |
||||
} |
||||
uni.showLoading({ |
||||
title:"加载中", |
||||
mask:true, |
||||
}) |
||||
queryCurrentOrder(params).then(res=>{ |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.orderDetail = res.return_data; |
||||
}else{ |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}) |
||||
|
||||
}, |
||||
|
||||
/* 获取菜单列表 */ |
||||
getStoreProductByList(){ |
||||
let params={ |
||||
storeId:this.storeId, |
||||
} |
||||
uni.showLoading({ |
||||
title:"加载中", |
||||
mask:true, |
||||
}) |
||||
getStoreProductByList(params).then(res=>{ |
||||
uni.hideLoading(); |
||||
if (res.return_code == '000000') { |
||||
this.productList = res.return_data; |
||||
}else{ |
||||
uni.showToast({ |
||||
title: res.return_msg, |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.flex-wrap{ |
||||
flex-wrap: wrap; |
||||
} |
||||
.titleWidth{ |
||||
width: 120px; |
||||
text-align: center; |
||||
} |
||||
.minheight40{ |
||||
padding: 15px 0; |
||||
} |
||||
|
||||
/* 底部按钮 */ |
||||
.btn-fix{ |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
.btn{ |
||||
height: 50px; |
||||
line-height: 50px; |
||||
width: 100%; |
||||
color: white; |
||||
background-color: #089bf5; |
||||
border-radius: 6px; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue