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

feat: 叫号模块

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
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="
showLocation = true;
title = '新增';
"
>
<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="
showLocation = false;
forms = {};
"
>
<el-button plain @click="
showLocation = false;
forms = {};
">
取消
</el-button>
<el-button type="primary" @click="submitE">确定</el-button>
@ -218,10 +189,13 @@ export default {
const res = await callTableApi.deleteTable({
callTableId: item.id,
});
ElSubMenu.success("删除成功");
this.init();
console.log(res, '挑食 ');
if (res) {
this.init();
ElSubMenu.success("删除成功");
}
})
.catch(() => {});
.catch(() => { });
},
async submitE() {
if (this.title == "新增") {
@ -255,7 +229,7 @@ export default {
size: 10,
});
this.formtable = data;
} catch (error) {}
} catch (error) { }
},
// 保存
submitHandle() {
@ -274,7 +248,7 @@ export default {
message: "提交成功",
type: "success",
});
} catch (error) {}
} catch (error) { }
}
});
},
@ -289,7 +263,7 @@ export default {
handleBeforeRemove(file, fileList) {
for (let i = 0; i < this.files.length; i++) {
if (this.files[i].uid === file.uid) {
crudQiNiu.del([this.files[i].id]).then((res) => {});
crudQiNiu.del([this.files[i].id]).then((res) => { });
return true;
}
}
@ -394,12 +368,12 @@ export default {
display: flex;
align-items: center;
> input {
>input {
width: 120px;
border: none !important;
}
> div {
>div {
color: #999;
width: 118px;
height: 33px;

157
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="
dialogVisibles = true;
phone = '';
"
>
<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,7 +285,8 @@ li {
display: flex;
align-items: center;
padding: 0;
> li {
>li {
border-radius: 4px 4px 4px 4px;
border: 1px solid #dddfe6;
width: 112px;
@ -334,12 +294,12 @@ li {
margin-right: 20px;
position: relative;
> div {
>div {
margin-top: 8px;
color: #999;
}
> div:first-child {
>div:first-child {
color: #333333;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
@ -372,14 +332,14 @@ li {
.active {
border: 2px solid #318afe;
> view:first-child {
>view:first-child {
color: #318afe;
}
}
}
.buttonstyle {
> button {
>button {
height: 31px;
padding: 5px 16px;
@ -397,24 +357,24 @@ li {
border: 1px solid #dddfe6;
margin-top: 30px;
> ul {
>ul {
padding: 16px;
display: flex;
align-items: center;
justify-content: space-between;
> li {
> div:nth-child(2) {
>li {
>div:nth-child(2) {
margin-top: 15px;
}
}
}
> div {
>div {
display: flex;
justify-content: space-around;
> button {
>button {
width: 169px;
height: 32px;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
@ -422,7 +382,7 @@ li {
border: 1px solid #d9d9d9;
}
> button:first-child {
>button:first-child {
background: #ffffff;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
@ -438,7 +398,7 @@ li {
}
.dfas {
> li {
>li {
margin-right: 52px;
}
}
@ -448,19 +408,20 @@ li {
align-items: center;
padding: 0;
> li {
>li {
border-radius: 4px 4px 4px 4px;
border: 1px solid #dddfe6;
text-align: center;
position: relative;
min-width: 110px;
cursor: pointer;
> div {
>div {
margin-top: 8px;
color: #999;
}
> div:first-child {
>div:first-child {
color: #333333;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
@ -501,7 +462,7 @@ li {
.active {
border: 2px solid #318afe;
> view:first-child {
>view:first-child {
color: #318afe;
}
}