This commit is contained in:
duan
parent
98b4bee3bc
commit
7bfc42bd27
|
|
@ -1,16 +1,16 @@
|
|||
<template>
|
||||
<ul class="callRecord">
|
||||
<li>
|
||||
<li v-for="item in datas.list" :key="item.id">
|
||||
<view>
|
||||
<view>
|
||||
A6
|
||||
{{item.callNum}}
|
||||
</view>
|
||||
<view>
|
||||
（1-2人）
|
||||
（{{item.note}}）
|
||||
</view>
|
||||
</view>
|
||||
<view class="rightTop">
|
||||
已完成
|
||||
<view :class="[item.state==3?'rightTopstyle':'rightTop']">
|
||||
{{filterEvent(item.state)}}
|
||||
</view>
|
||||
<view>
|
||||
<view>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
时间
|
||||
</view>
|
||||
<view>
|
||||
2024-05-11 10:22:15
|
||||
{{item.callTime}}
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
|
|
@ -26,38 +26,7 @@
|
|||
手机号
|
||||
</view>
|
||||
<view>
|
||||
153092768942
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</li>
|
||||
<li>
|
||||
<view>
|
||||
<view>
|
||||
A6
|
||||
</view>
|
||||
<view>
|
||||
（1-2人）
|
||||
</view>
|
||||
</view>
|
||||
<view class="rightTop">
|
||||
已完成
|
||||
</view>
|
||||
<view>
|
||||
<view>
|
||||
<view>
|
||||
时间
|
||||
</view>
|
||||
<view>
|
||||
2024-05-11 10:22:15
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view>
|
||||
手机号
|
||||
</view>
|
||||
<view>
|
||||
153092768942
|
||||
{{item.phone}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -67,15 +36,34 @@
|
|||
|
||||
<script setup>
|
||||
import {
|
||||
onMounted
|
||||
onMounted,
|
||||
reactive
|
||||
} from 'vue';
|
||||
import {
|
||||
callTablecallRecord,
|
||||
} from '@/http/yskApi/requestAll.js';
|
||||
let datas = reactive({
|
||||
list: ""
|
||||
})
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
|
||||
function filterEvent(i) {
|
||||
// -1已取消 0排队中 1叫号中 2已入座 3 已过号
|
||||
if (i == -1) {
|
||||
return '已取消'
|
||||
} else if (i == 0) {
|
||||
return '排队中'
|
||||
} else if (i == 1) {
|
||||
return '叫号中'
|
||||
} else if (i == 2) {
|
||||
return '已入座'
|
||||
} else if (i == 3) {
|
||||
return '已过号 '
|
||||
}
|
||||
}
|
||||
|
||||
function getList() {
|
||||
callTablecallRecord({
|
||||
shopId: uni.getStorageSync('shopId'),
|
||||
|
|
@ -83,6 +71,7 @@
|
|||
size: 9999
|
||||
}).then((res) => {
|
||||
console.log(res, '调试1')
|
||||
datas.list = res.records
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
|
@ -180,6 +169,25 @@
|
|||
font-size: 22rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.rightTopstyle {
|
||||
position: absolute;
|
||||
right: 0rpx;
|
||||
top: 0;
|
||||
|
||||
width: 94rpx;
|
||||
height: 36rpx;
|
||||
line-height: 36rpx;
|
||||
text-align: center;
|
||||
background: #9a9a9a;
|
||||
border-radius: 0rpx 8rpx 0rpx 8rpx;
|
||||
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<view v-for='item in datas.list.records' :key="item.id" @tap="gettypeevent(item.id)"
|
||||
:class="[[datas.selecttopType==item.id?'active':'']]">
|
||||
<view style="border-bottom: 1px dashed #ccc;line-height: 70rpx;">{{item.name}}</view>
|
||||
<view style="line-height: 50rpx;">{{item.totalCount}}桌</view>
|
||||
<view style="line-height: 50rpx;color: #999;">{{item.totalCount}}桌({{item.note}})</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="userinfo">
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<span>{{item.waitingCount}}桌</span>
|
||||
</view>
|
||||
<view class="userinfo2">
|
||||
<view>{{item.note}}</view>
|
||||
<view>{{item.name}}{{item.note}}</view>
|
||||
<button type="primary" class="mini-btn" size="mini" style="border-radius: 200rpx;" @tap="quxiaoevent(item)"
|
||||
plain="true">取消</button>
|
||||
<button class="mini-btn" type="primary" style="border-radius: 200rpx;" @tap="profilepicture(item)"
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
<!-- 播报弹窗 -->
|
||||
<uni-popup ref="alertDialog" type="dialog">
|
||||
<uni-popup-dialog :type="datas.msgType" cancelText="完成" confirmText="过号" confirmText-color="#000" title="播报"
|
||||
content="通知消息已发送" @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
|
||||
content="通知消息已发送" @confirm="dialogConfirm(1)" @close="dialogConfirm(2)"></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
<!-- 取号遮罩层 -->
|
||||
<up-popup :show="datas.show" :round="18" mode="center" @close="close" @open="open">
|
||||
|
|
@ -78,7 +78,23 @@
|
|||
</view>
|
||||
</up-popup>
|
||||
<!-- 取号成功 -->
|
||||
<up-toast ref="uToastRef"></up-toast>
|
||||
<up-popup :show="datas.showtwo" :round="18" mode="center" @close="close" @open="open">
|
||||
<view class="zhezhaopops">
|
||||
<view class="">
|
||||
<span></span>
|
||||
<span>取号成功</span>
|
||||
<up-icon @tap="confirmtow" name="close-circle-fill"></up-icon>
|
||||
</view>
|
||||
<view class="">
|
||||
{{datas.showtowData.callNum}}
|
||||
</view>
|
||||
<view class="">
|
||||
{{datas.showtowData.tableName}} ({{datas.showtowData.tableNote}})
|
||||
</view>
|
||||
<up-button text="确认" @tap="confirmtow" type="primary" class="buttomStyle" shape="circle"></up-button>
|
||||
</view>
|
||||
</up-popup>
|
||||
<!-- <up-toast ref="uToastRef"></up-toast> -->
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
|
@ -100,6 +116,8 @@
|
|||
msgType: "",
|
||||
// 关闭取号弹窗
|
||||
show: false,
|
||||
showtwo: false,
|
||||
showtowData: "",
|
||||
// 桌形列表
|
||||
list: [],
|
||||
// 正在排号
|
||||
|
|
@ -110,6 +128,8 @@
|
|||
phone: null,
|
||||
// 顶部全部\大桌选择
|
||||
selecttopType: '',
|
||||
// 选中拨号的id
|
||||
dialId: ""
|
||||
})
|
||||
onMounted(() => {
|
||||
getList()
|
||||
|
|
@ -117,6 +137,30 @@
|
|||
const confirm = () => {
|
||||
datas.show = false;
|
||||
};
|
||||
const confirmtow = () => {
|
||||
datas.showtwo = false;
|
||||
};
|
||||
|
||||
function dialogConfirm(value) {
|
||||
if (value == 1) {
|
||||
callTableput({
|
||||
shopId: uni.getStorageSync('shopId'),
|
||||
state: 3,
|
||||
callQueueId: datas.dialId
|
||||
}).then((res) => {
|
||||
getList()
|
||||
})
|
||||
} else {
|
||||
// value=2完成
|
||||
callTableput({
|
||||
shopId: uni.getStorageSync('shopId'),
|
||||
state: 1,
|
||||
callQueueId: datas.dialId
|
||||
}).then((res) => {
|
||||
getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function gettypeevent(d) {
|
||||
datas.selecttopType = d
|
||||
|
|
@ -167,16 +211,21 @@
|
|||
}).then((res) => {
|
||||
if (res) {
|
||||
datas.show = false;
|
||||
datas.showtwo = true;
|
||||
datas.showtowData = res
|
||||
datas.phone = ''
|
||||
getList()
|
||||
// 取号成功
|
||||
getrefs.ctx.$refs.uToastRef.show({
|
||||
type: 'default',
|
||||
title: '默认主题',
|
||||
message: "取号成功",
|
||||
iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png',
|
||||
complete() {
|
||||
getList()
|
||||
}
|
||||
});
|
||||
// getrefs.ctx.$refs.uToastRef.show({
|
||||
// type: 'default',
|
||||
// title: '默认主题',
|
||||
// message: "取号成功",
|
||||
// iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png',
|
||||
// complete() {
|
||||
// datas.phone = ''
|
||||
// getList()
|
||||
// }
|
||||
// });
|
||||
}
|
||||
})
|
||||
|
||||
|
|
@ -187,6 +236,7 @@
|
|||
}
|
||||
|
||||
function profilepicture(item) {
|
||||
datas.dialId = item.id
|
||||
callTablecall({
|
||||
shopId: uni.getStorageSync('shopId'),
|
||||
callQueueId: item.id
|
||||
|
|
@ -296,14 +346,17 @@
|
|||
}
|
||||
|
||||
.bottomBUtton {
|
||||
width: 530rpx;
|
||||
height: 80rpx;
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
bottom: 160rpx;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
padding-top: 24rpx;
|
||||
|
||||
>button {
|
||||
width: 530rpx;
|
||||
background: #318AFE;
|
||||
border-radius: 200rpx;
|
||||
}
|
||||
|
|
@ -371,6 +424,51 @@
|
|||
}
|
||||
}
|
||||
|
||||
.zhezhaopops {
|
||||
padding: 34rpx 32rpx;
|
||||
width: 594rpx;
|
||||
height: 508rpx;
|
||||
background: #FFFFFF;
|
||||
// border-radius: 18rpx 18rpx 18rpx 18rpx;
|
||||
border-radius: 18rpx 18rpx 18rpx 18rpx;
|
||||
|
||||
>view:first-child {
|
||||
|
||||
.df;
|
||||
justify-content: space-between;
|
||||
|
||||
>span:nth-child(2) {
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
|
||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
font-size: 80rpx;
|
||||
color: #333333;
|
||||
margin-top: 64rpx;
|
||||
margin-left: 34%;
|
||||
}
|
||||
|
||||
>view:nth-child(3) {
|
||||
margin-top: 48rpx;
|
||||
margin-left: 34%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.buttomStyle {
|
||||
margin-top: 48rpx;
|
||||
width: 506rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.df {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
Loading…
Reference in New Issue