增加数签子功能和配置
This commit is contained in:
7
http/api/product/stick.js
Normal file
7
http/api/product/stick.js
Normal file
@@ -0,0 +1,7 @@
|
||||
import http from "@/http/http.js";
|
||||
const request = http.request;
|
||||
const urlType = "product";
|
||||
|
||||
export function stickCount(file, data) {
|
||||
return http.upload(`${urlType}/admin/stick/count`,data,file)
|
||||
}
|
||||
@@ -13,7 +13,7 @@
|
||||
"pinia-plugin-unistorage": "^0.1.2",
|
||||
"to-arraybuffer": "^1.0.1",
|
||||
"uview-plus": "^3.3.32",
|
||||
"ysk-utils": "^1.0.78"
|
||||
"ysk-utils": "^1.0.82"
|
||||
},
|
||||
"devDependencies": {
|
||||
"copy-webpack-plugin": "^12.0.2",
|
||||
|
||||
@@ -257,6 +257,13 @@
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加临时菜"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "stick/stick",
|
||||
"pageId": "PAGES_CREATE_ORDER_STICK",
|
||||
"style": {
|
||||
"navigationBarTitleText": "编辑"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -94,6 +94,19 @@
|
||||
></up-switch>
|
||||
</view>
|
||||
</view>
|
||||
<view class="page-cell m">
|
||||
<view class="label">是否开启数签子</view>
|
||||
<view class="right">
|
||||
<up-switch
|
||||
v-model="vdata.shopInfo.isCountStick"
|
||||
size="20"
|
||||
:inactiveValue="0"
|
||||
:activeValue="1"
|
||||
activeColor="#0FC161"
|
||||
@change="switchChange('isCountStick')"
|
||||
></up-switch>
|
||||
</view>
|
||||
</view>
|
||||
<view class="page-cell m" style="display: block">
|
||||
<view class="u-flex u-row-between">
|
||||
<view class="label">点餐电子围栏</view>
|
||||
@@ -449,6 +462,9 @@ let switchChange = (type) => {
|
||||
case "isOrderFence":
|
||||
params.isOrderFence = vdata.shopInfo.isOrderFence;
|
||||
break;
|
||||
case "isCountStick":
|
||||
params.isCountStick = vdata.shopInfo.isCountStick;
|
||||
break;
|
||||
}
|
||||
updateShopInfo(params);
|
||||
};
|
||||
|
||||
@@ -169,6 +169,7 @@
|
||||
>
|
||||
<image class="img" :src="item.coverImg" mode=""></image>
|
||||
</view>
|
||||
|
||||
<view
|
||||
style="
|
||||
background-color: #3f9eff;
|
||||
@@ -180,7 +181,7 @@
|
||||
"
|
||||
v-else
|
||||
>
|
||||
临时菜
|
||||
{{ item.name }}
|
||||
</view>
|
||||
<view class="u-m-l-32">
|
||||
<view class="u-flex">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
403
pagesCreateOrder/stick/stick.vue
Normal file
403
pagesCreateOrder/stick/stick.vue
Normal file
@@ -0,0 +1,403 @@
|
||||
<template>
|
||||
<view class="min-page bg-f7 u-font-28 color-333 u-p-30">
|
||||
<view v-for="(item,index) in list" :key="index" class="block">
|
||||
<view class="font-bold u-font-32 ">序号{{index+1}}</view>
|
||||
<view class="u-m-t-32">
|
||||
<view class="font-bold u-m-b-14">单价</view>
|
||||
<view class="u-flex ">
|
||||
<up-input type="digit" placeholder="请输入单价" v-model="item.salePrice" @blur="salePriceBlur(item)" ></up-input>
|
||||
<text class="u-m-l-24">元/根</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-m-t-32">
|
||||
<view class="font-bold u-m-b-14">数量</view>
|
||||
<up-input type="number" placeholder="请输入数量" v-model="item.number" @blur="numberBlur(item)"></up-input>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="bottom">
|
||||
<view class="font-bold">
|
||||
<text>合计:</text>
|
||||
<text class="color-red">{{totalMoney}}元</text>
|
||||
<text>/</text>
|
||||
<text>{{totalNumber}}根</text>
|
||||
</view>
|
||||
<view class="u-flex">
|
||||
<view class="btn main" @click="chooseImage">继续拍照</view>
|
||||
<view class="btn" @click="confirmOrder">下单</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
BigNumber
|
||||
} from "bignumber.js";
|
||||
import {
|
||||
computed,
|
||||
inject,
|
||||
onUnmounted,
|
||||
ref
|
||||
} from 'vue';
|
||||
import {
|
||||
stickCount
|
||||
} from '@/http/api/product/stick.js'
|
||||
import {
|
||||
onLoad,
|
||||
onShow,
|
||||
onHide
|
||||
} from '@dcloudio/uni-app'
|
||||
import go from "@/commons/utils/go.js";
|
||||
import {
|
||||
createOrder,
|
||||
getHistoryOrder
|
||||
} from "@/http/api/order.js";
|
||||
|
||||
|
||||
const websocketUtil = inject("websocketUtil"); // 注入 WebSocket 工具类实例
|
||||
const totalMoney = computed(() => {
|
||||
return list.value.reduce((prve, cur) => {
|
||||
return prve.plus(BigNumber(cur.number || 0).times(cur.salePrice || 0))
|
||||
}, BigNumber(0)).toNumber()
|
||||
})
|
||||
const totalNumber = computed(() => {
|
||||
return list.value.reduce((prve, cur) => {
|
||||
return prve.plus(BigNumber(cur.number || 0))
|
||||
}, BigNumber(0)).toNumber()
|
||||
})
|
||||
|
||||
function chooseImage() {
|
||||
uni.chooseImage({
|
||||
count: 1, //默认9
|
||||
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图,默认二者都有
|
||||
sourceType: ["album", "camera "],
|
||||
success: async function(res) {
|
||||
uni.showLoading({
|
||||
title: "上传中",
|
||||
});
|
||||
console.log(res);
|
||||
const fileRes = await stickCount(res.tempFiles[0]);
|
||||
uni.hideLoading();
|
||||
if (fileRes) {
|
||||
list.value.push({
|
||||
number: fileRes,
|
||||
salePrice: 0
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "上传失败",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
const list = ref([])
|
||||
const options = {}
|
||||
|
||||
function salePriceBlur(item){
|
||||
console.log('item',item)
|
||||
if(item.salePrice*1<=0){
|
||||
item.salePrice=0
|
||||
}
|
||||
if(item.salePrice.split('.')[1]&&item.salePrice.split('.')[1].length>2){
|
||||
item.salePrice= Number(item.salePrice).toFixed(2)
|
||||
}
|
||||
}
|
||||
function numberBlur(item){
|
||||
if(item.number*1<=0){
|
||||
item.number=0
|
||||
}
|
||||
if(item.number.split('.')[1]&&item.number.split('.')[1].length>=1){
|
||||
item.number= Number(item.number.split('.')[0])
|
||||
}
|
||||
}
|
||||
|
||||
function init(opt) {
|
||||
Object.assign(options, opt)
|
||||
initCart()
|
||||
if (opt.number) {
|
||||
list.value = [{
|
||||
number: opt.number,
|
||||
salePrice: 0
|
||||
}]
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 初始化购物车
|
||||
*/
|
||||
function initCart() {
|
||||
let params = {
|
||||
type: "onboc",
|
||||
account: uni.getStorageSync("iToken").loginId,
|
||||
shop_id: uni.getStorageSync("shopInfo").id,
|
||||
operate_type: "init",
|
||||
table_code: options.tableCode,
|
||||
};
|
||||
console.log("购物车初始化参数===", params);
|
||||
websocketUtil.send(JSON.stringify(params));
|
||||
}
|
||||
/**
|
||||
* socket消息监听
|
||||
*/
|
||||
|
||||
let hasReciveMsgLen = 0
|
||||
|
||||
function onMessage() {
|
||||
websocketUtil.offMessage();
|
||||
websocketUtil.onMessage(async (res) => {
|
||||
let msg = JSON.parse(res);
|
||||
if (msg.msg_id) {
|
||||
websocketUtil.send(
|
||||
JSON.stringify({
|
||||
type: "receipt",
|
||||
msg_id: msg.msg_id,
|
||||
})
|
||||
);
|
||||
}
|
||||
if (statWatchMsg && msg.operate_type == "onboc_add") {
|
||||
if (sendMsgsku_names.value.find(v => msg.data.sku_name == v)) {
|
||||
hasReciveMsgLen++
|
||||
}
|
||||
}
|
||||
if (statWatchMsg && hasReciveMsgLen) {
|
||||
createAnOrder()
|
||||
hasReciveMsgLen = 0
|
||||
statWatchMsg = false;
|
||||
sendMsgsku_names.value = []
|
||||
}
|
||||
console.log('msg', msg)
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
let sendMsgsku_names = ref([])
|
||||
let statWatchMsg = false
|
||||
|
||||
function confirmOrder() {
|
||||
const isPas = list.value.every(v => {
|
||||
if(!v.number){
|
||||
return false
|
||||
}
|
||||
if(v.salePrice<0){
|
||||
return false
|
||||
}
|
||||
return true
|
||||
})
|
||||
if (!isPas) {
|
||||
uni.showToast({
|
||||
title: '请输入正确的数量和单价',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
statWatchMsg = true;
|
||||
for (let item of list.value) {
|
||||
const shop_id = uni.getStorageSync("shopInfo").id
|
||||
const roundNum = Math.floor(Math.random() * 10)
|
||||
const roundNum1 = Math.floor(Math.random() * 1000)
|
||||
const sku_name = `签子_${roundNum}_${shop_id}_${options.tableCode}_${roundNum1}`
|
||||
sendMsgsku_names.value.push(sku_name)
|
||||
websocketUtil.send(
|
||||
JSON.stringify({
|
||||
account: uni.getStorageSync("iToken").loginId,
|
||||
shop_id,
|
||||
type: "onboc",
|
||||
operate_type: "add",
|
||||
table_code: options.tableCode,
|
||||
product_name: '签子',
|
||||
is_gift: 0,
|
||||
pack_number: 0,
|
||||
discount_sale_amount: item.salePrice,
|
||||
number: item.number * 1,
|
||||
sku_name,
|
||||
is_temporary: 1, //是否是临时菜
|
||||
is_qz:1
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
setTimeout(() => {
|
||||
// createAnOrder()
|
||||
// toConfimOrder()
|
||||
}, 200)
|
||||
}
|
||||
|
||||
|
||||
async function createAnOrder() {
|
||||
const shopInfo = uni.getStorageSync('shopInfo')
|
||||
if (
|
||||
shopInfo.registerType == "before"
|
||||
) {
|
||||
const canJiesuan = await hasPermission("允许收款");
|
||||
if (!canJiesuan) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
const stickData = uni.getStorageSync('stickData')
|
||||
const orderInfo = stickData.orderInfo
|
||||
|
||||
let placeNum = orderInfo ? orderInfo.placeNum + 1 : 1;
|
||||
let par = {
|
||||
shopId: shopInfo.id, //店铺Id
|
||||
userId: '', //用户Id
|
||||
tableCode: options.tableCode, //台桌编码
|
||||
dineMode: 'dine-in', //用餐模式 堂食 dine-in 外带 take-out 外卖 take-away
|
||||
remark: '', //备注
|
||||
seatNum: 0, //用餐人数
|
||||
packFee: 0, //打包费
|
||||
originAmount: 0, //订单原金额(不包含打包费+餐位费)
|
||||
placeNum: placeNum, //当前订单下单次数
|
||||
waitCall: 0, //是否等叫 0 否 1 等叫
|
||||
vipPrice: 0, //是否使用会员价
|
||||
limitRate: stickData.limitTimeDiscount,
|
||||
};
|
||||
|
||||
if (stickData.orderInfo && shopInfo.registerType != "before") {
|
||||
par.orderId = stickData.orderInfo.id;
|
||||
}
|
||||
let res = null;
|
||||
res = await createOrder(par);
|
||||
console.log(res, "创建订单");
|
||||
if (!res) {
|
||||
uni.showToast({
|
||||
title: res.msg || "创建订单失败!",
|
||||
icon: "none",
|
||||
});
|
||||
return;
|
||||
}
|
||||
uni.$emit("update:createOrderIndex");
|
||||
websocketUtil.send(
|
||||
JSON.stringify({
|
||||
type: "onboc",
|
||||
account: uni.getStorageSync("iToken").loginId,
|
||||
shop_id: uni.getStorageSync("shopInfo").id,
|
||||
operate_type: "cleanup",
|
||||
table_code: stickData.table.tableCode,
|
||||
})
|
||||
);
|
||||
uni.removeStorageSync("table_code");
|
||||
|
||||
if (
|
||||
shopInfo.registerType == "before"
|
||||
) {
|
||||
//先付
|
||||
return go.to(
|
||||
"PAGES_ORDER_PAY", {
|
||||
orderId: res.id,
|
||||
isNowPay: true,
|
||||
dinnerType: 'dine-in',
|
||||
},
|
||||
"redirect"
|
||||
);
|
||||
} else {
|
||||
if (!res.id && stickData.orderInfo.id) {
|
||||
return go.to(
|
||||
"PAGES_ORDER_PAY", {
|
||||
orderId: stickData.orderInfo.id,
|
||||
isNowPay: true,
|
||||
dinnerType: 'dine-in',
|
||||
},
|
||||
"redirect"
|
||||
);
|
||||
}
|
||||
//后付
|
||||
if (options.isCreateOrderToDetail != "0") {
|
||||
go.to(
|
||||
"PAGES_ORDER_DETAIL", {
|
||||
id: res.id || stickData.orderInfo.id,
|
||||
dinnerType: 'dine-in',
|
||||
},
|
||||
"redirect"
|
||||
);
|
||||
} else {
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
});
|
||||
}
|
||||
}
|
||||
uni.showToast({
|
||||
title: "提交成功",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
|
||||
function toConfimOrder() {
|
||||
const stickData = uni.getStorageSync('stickData')
|
||||
console.log(stickData);
|
||||
const {
|
||||
name,
|
||||
status,
|
||||
type
|
||||
} = stickData.table;
|
||||
|
||||
|
||||
let shopInfo = uni.getStorageSync("shopInfo");
|
||||
|
||||
go.to("PAGES_CONFIRM_ORDER", {
|
||||
type: type,
|
||||
tableId: stickData.table.id,
|
||||
tableCode: stickData.table.tableCode,
|
||||
name: name,
|
||||
status: status,
|
||||
isCreateOrderToDetail: options.isCreateOrderToDetail ? 1 : 0,
|
||||
});
|
||||
}
|
||||
|
||||
onLoad(init)
|
||||
|
||||
onHide(() => {
|
||||
console.log("onHide");
|
||||
websocketUtil.offMessage();
|
||||
});
|
||||
onShow(() => {
|
||||
onMessage();
|
||||
})
|
||||
onUnmounted(() => {
|
||||
console.log("onUnmounted");
|
||||
websocketUtil.offMessage();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.block {
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx 28rpx;
|
||||
margin-bottom: 32rpx;
|
||||
|
||||
}
|
||||
|
||||
.bottom {
|
||||
display: flex;
|
||||
padding: 24rpx 32rpx;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding-bottom: 40rpx;
|
||||
background-color: #fff;
|
||||
z-index: 10;
|
||||
|
||||
.btn {
|
||||
padding: 16rpx 24rpx;
|
||||
border-radius: 12rpx;
|
||||
background-color: #f2f2f2;
|
||||
margin-left: 24rpx;
|
||||
min-width: 188rpx;
|
||||
text-align: center;
|
||||
|
||||
&.main {
|
||||
background-color: $my-main-color;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -25,7 +25,7 @@
|
||||
|
||||
<image v-if="item.isTemporary == 0" class="img" :src="item.coverImg||item.productImg" mode=""></image>
|
||||
<view v-else style="background-color: #3f9eff; width: 152rpx;height: 152rpx;line-height: 152rpx;text-align: center;color: #fff;" >
|
||||
临时菜
|
||||
{{item.name||item.productName||'临时菜'}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-p-l-32 u-flex-1">
|
||||
|
||||
1459
pnpm-lock.yaml
generated
1459
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user