czg_team/cashier-web
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 叫号模块

Browse Source
This commit is contained in:
duan
2025-02-25 16:28:47 +08:00
parent 5f9e37abaa
commit ed2bc04d0a
2 changed files with 83 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/views/application/list/lineUplist/components/basic.vue
View File

@@ -15,13 +15,10 @@
<el-form-item label="桌型">
<div style="width: 100%">
<div>
<el-button
type="primary"
@click="
<el-button type="primary" @click="
showLocation = true;
title = '新增';
"
>
">
添加
</el-button>
</div>
@@ -48,21 +45,11 @@
<h2>通知模板</h2>
<el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
<el-form-item label="排队成功提醒">
<el-input
v-model="form.successMsg"
placeholder="请输入排队成功提醒"
disabled
style="width: 500px"
></el-input>
<el-input v-model="form.successMsg" placeholder="请输入排队成功提醒" disabled style="width: 500px"></el-input>
</el-form-item>
<el-form-item label="排队即将排到通知">
<div>
<el-input
v-model="form.nearMsg"
placeholder="请输入排队成功提醒"
disabled
style="width: 500px"
></el-input>
<el-input v-model="form.nearMsg" placeholder="请输入排队成功提醒" disabled style="width: 500px"></el-input>
<div class="duoshaozhuo">
<div>前面等待</div>
<el-input v-model="form.nearNum" placeholder="" disabled></el-input>
@@ -71,12 +58,7 @@
</div>
</el-form-item>
<el-form-item label="排队到号提醒">
<el-input
v-model="form.callingMsg"
placeholder="请输入排队到号提醒"
disabled
style="width: 500px"
></el-input>
<el-input v-model="form.callingMsg" placeholder="请输入排队到号提醒" disabled style="width: 500px"></el-input>
</el-form-item>
<el-form-item>
@@ -107,18 +89,10 @@
<el-input v-model="forms.start" placeholder="请输入开始号码"></el-input>
</el-form-item>
<el-form-item label="临近几桌提醒">
<el-input-number
step-strictly
v-model="forms.nearNum"
placeholder="请输入临近几桌提醒"
></el-input-number>
<el-input-number step-strictly v-model="forms.nearNum" placeholder="请输入临近几桌提醒"></el-input-number>
</el-form-item>
<el-form-item label="过号保留">
<el-input
v-model="forms.postponeNum"
:disabled="!forms.isPostpone"
placeholder="请输入名称"
>
<el-input v-model="forms.postponeNum" :disabled="!forms.isPostpone" placeholder="请输入名称">
<template #prepend>
<div>
<span><el-checkbox v-model="forms.isPostpone">开启顺延</el-checkbox></span>
@@ -131,13 +105,10 @@
<el-form-item label="" width="120">
<template v-slot="scope">
<div style="display: flex; gap: 10px">
<el-button
plain
@click="
<el-button plain @click="
showLocation = false;
forms = {};
"
>
">
取消
</el-button>
<el-button type="primary" @click="submitE">确定</el-button>
@@ -218,8 +189,11 @@ export default {
const res = await callTableApi.deleteTable({
callTableId: item.id,
});
ElSubMenu.success("删除成功");
console.log(res, '挑食 ');
if (res) {
this.init();
ElSubMenu.success("删除成功");
}
})
.catch(() => { });
},

121
src/views/application/list/lineUplist/components/index.vue
View File

@@ -6,30 +6,27 @@
<div>全部</div>
<div>{{ tableData.totalCount || 0 }}桌</div>
<div class="postionStyle" v-if="selecttopType == ''">
<el-icon style="transform: translateY(-4px)" color="#fff"><Check /></el-icon>
<el-icon style="transform: translateY(-4px)" color="#fff">
<Check />
</el-icon>
</div>
</li>
<li
v-for="item in tableData.records"
:key="item.id"
@click="gettypeevent(item.id)"
:class="[[selecttopType == item.id ? 'active' : '']]"
>
<li v-for="item in tableData.records" :key="item.id" @click="gettypeevent(item.id)"
:class="[[selecttopType == item.id ? 'active' : '']]">
<div>{{ item.name }}</div>
<div>{{ item.totalCount || 0 }}桌</div>
<div class="postionStyle" v-if="selecttopType == item.id">
<el-icon style="transform: translateY(-4px)" color="#fff"><Check /></el-icon>
<el-icon style="transform: translateY(-4px)" color="#fff">
<Check />
</el-icon>
</div>
</li>
</ul>
<div class="buttonstyle">
<el-button
type="primary"
@click="
<el-button type="primary" @click="
dialogVisibles = true;
phone = '';
"
>
">
取号
</el-button>
<el-button plain type="primary" @click="toUrl">叫号记录</el-button>
@@ -65,10 +62,7 @@
<el-dialog title="提示" v-model="dialogVisible" center width="30%">
<div style="text-align: center">
<div style="font-size: 16px">正在叫号，请稍等</div>
<div
v-if="profilepicturedata.state == 1"
style="color: #52c41a; font-size: 16px; margin-top: 17px"
>
<div v-if="profilepicturedata.state == 1" style="color: #52c41a; font-size: 16px; margin-top: 17px">
已发送至用户
<i class="el-icon-circle-check" style="color: #52c41a"></i>
</div>
@@ -79,31 +73,24 @@
</div>
<template #footer>
<span class="dialog-footer">
<el-button
style="
<el-button style="
width: 176px;
height: 48px;
background: #f7f7fa;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
border-radius: 2px 2px 2px 2px;
border: 1px solid rgba(255, 255, 255, 0);
"
@click="dialogConfirm(2)"
>
" @click="dialogConfirm(2)">
完成
</el-button>
<el-button
type="primary"
style="
<el-button type="primary" style="
width: 189px;
height: 45px;
background: #ff4d4f;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
border-radius: 2px 2px 2px 2px;
border: 1px solid rgba(255, 255, 255, 0.28);
"
@click="dialogConfirm(3)"
>
" @click="dialogConfirm(3)">
过号
</el-button>
</span>
@@ -113,26 +100,20 @@
<el-dialog title="取号" v-model="dialogVisibles" width="30%">
<div>
<div style="color: #000">选择桌型</div>
<ul
class="lineUpBoxUl"
:class="[tableData.records.length > 2 ? 'dfs' : 'dfas']"
style="margin-top: 10px"
>
<li
v-for="item in tableData.records"
:key="item.id"
@click="selectTabletype = item"
:class="[[selectTabletype.id == item.id ? 'active' : '']]"
>
<ul class="lineUpBoxUl" :class="[tableData.records.length > 2 ? 'dfs' : 'dfas']" style="margin-top: 10px">
<li v-for="item in tableData.records" :key="item.id" @click="selectTabletype = item"
:class="[[selectTabletype.id == item.id ? 'active' : '']]">
<div>{{ item.name }}</div>
<div>{{ item.totalCount }}桌</div>
<div class="postionStyle" v-if="selectTabletype.id == item.id">
<el-icon style="transform: translateY(-4px)" color="#fff"><Check /></el-icon>
<el-icon style="transform: translateY(-4px)" color="#fff">
<Check />
</el-icon>
</div>
</li>
</ul>
<div style="margin-top: 20px; color: #000">手机号码</div>
<div style="margin-top: 10px">
<div style="margin-top: 10px; border:1px solid #999">
<input v-model="phone" style="height: 30px" type="text" placeholder="填写号码" />
</div>
</div>
@@ -178,9 +159,19 @@ export default {
},
async mounted() {
await this.getlist();
await this.getTableData();
// 获取桌台
await this.getTable();
},
methods: {
async getTable() {
const res = await callTableApi.getTable({
page: 1,
size: 9999,
});
this.tableData.records = res.records
this.selectTabletype = res.records[0]
},
// 确认叫号
async callTabletakeNumberEvent() {
const res = await callTableApi.getTakeNumber({
callTableId: this.selectTabletype.id,
@@ -189,7 +180,6 @@ export default {
name: this.selectTabletype.name,
});
if (res.callNum) {
this.getTableData();
this.getlist();
this.dialogVisibles = false;
}
@@ -212,7 +202,7 @@ export default {
async profilepicture(d) {
this.handleSpeak("请" + d.callNum + "用餐");
let res = await callTablecall({
let res = await callTableApi.callTableCall({
shopId: localStorage.getItem("shopId"),
callQueueId: d.id,
});
@@ -224,40 +214,25 @@ export default {
},
gettypeevent(d) {
this.selecttopType = d;
this.getTableData();
this.getlist();
},
async dialogConfirm(value, item) {
if (value == 1) {
const res = await callTableput({
const res = await callTableApi.updateTableState({
shopId: localStorage.getItem("shopId"),
state: -1,
callQueueId: item.id,
});
if (res) {
this.getTableData();
this.getlist();
}
} else if (value == 2) {
const res = await callTableput({
} else {
const res = await callTableApi.updateTableState({
shopId: localStorage.getItem("shopId"),
state: 2,
state: value,
callQueueId: this.profilepictureInfo.id,
});
if (res) {
this.getTableData();
this.getlist();
this.dialogVisible = false;
}
} else if (value == 3) {
const res = await callTableput({
shopId: localStorage.getItem("shopId"),
state: 3,
callQueueId: this.profilepictureInfo.id,
});
if (res) {
this.getTableData();
this.getlist();
this.dialogVisible = false;
}
@@ -266,21 +241,6 @@ export default {
toUrl() {
this.$router.push({ path: "/application/lineUpRecord" });
},
// 获取商品列表
async getTableData() {
try {
const res = await callTableApi.getTableNumberList({
page: 1,
size: 10,
});
// this.tableData.loading = false
this.tableData = res;
this.selectTabletype = res.records[0];
// this.tableData.total = res.totalElements
} catch (error) {
console.log(error);
}
},
async getlist() {
const res = await callTableApi.getTableNumberList({
page: 1,
@@ -314,8 +274,7 @@ li {
display: block !important;
}
.lineUpBox {
}
.lineUpBox {}
.lineUpBoxTop {
display: flex;
@@ -326,6 +285,7 @@ li {
display: flex;
align-items: center;
padding: 0;
>li {
border-radius: 4px 4px 4px 4px;
border: 1px solid #dddfe6;
@@ -455,6 +415,7 @@ li {
position: relative;
min-width: 110px;
cursor: pointer;
>div {
margin-top: 8px;
color: #999;