wangmingchuan321@qq.com 1 month ago
parent 749712ee64
commit cccd57792f
  1. 17
      pages.json
  2. 18
      pages/index/index.vue
  3. 1
      pages/users/lanhu/lanhu_cunjiujilu/index.vue
  4. 1
      pages/users/lanhu/lanhu_cunjiujilu2/index.vue
  5. 2
      pages/users/lanhu/lanhu_cunqujiu/index.vue
  6. 195
      pages/users/lanhu/lanhu_danchuang/assets/style/index.css
  7. 199
      pages/users/lanhu/lanhu_danchuang/assets/style/index.rem.css
  8. 195
      pages/users/lanhu/lanhu_danchuang/assets/style/index.response.css
  9. 234
      pages/users/lanhu/lanhu_danchuang/assets/style/index.rpx.css
  10. 95
      pages/users/lanhu/lanhu_danchuang/index.vue
  11. 2
      pages/users/lanhu/lanhu_lijiyuding/assets/style/index.rpx.css
  12. 109
      pages/users/lanhu/lanhu_lijiyuding/index.vue
  13. 37
      pages/users/lanhu/lanhu_zuoweiyuding/assets/style/index.rpx.css
  14. 73
      pages/users/lanhu/lanhu_zuoweiyuding/index.vue

@ -389,24 +389,11 @@
}
}
},
{
"path": "lanhu/lanhu_danchuang/index",
"style": {
"navigationBarTitleText": "座位锁定",
"navigationStyle": "custom",
"app-plus": {
// #ifdef APP-PLUS
"titleNView": {
"type": "default"
}
// #endif
}
}
},
{
"path": "lanhu/lanhu_zuoweiyuding/index",
"style": {
"navigationBarTitleText": "座位定",
"navigationBarTitleText": "座位预定",
"navigationStyle": "custom",
"app-plus": {
// #ifdef APP-PLUS

@ -6,6 +6,8 @@
<text @click="xuzemd">{{mrmd}}</text>
<uni-icons type="right" size="16" color="white"></uni-icons>
<text class="sytitle" >首页</text>
<text class="sytitle" @click="goUrl(1)">座位预定</text>
<text class="sytitle" @click="goUrl(2)">存取酒</text>
</view>
<!-- <view class="input-container">
<input class="inputserch" placeholder="搜索喜欢的商品" prefixIcon="search" v-model="searchValue"/>
@ -940,6 +942,20 @@
});
}
},
goUrl(type){
console.log(333,type)
if(type == 1){
uni.navigateTo({
url: `/pages/users/lanhu/lanhu_zuoweiyuding/index`
});
}
if(type == 2){
uni.navigateTo({
url: `/pages/users/lanhu/lanhu_cunqujiu/index`
});
}
},
goDetail(item) {
goShopDetail(item, this.$store.state.app.uid).catch(res => {
uni.navigateTo({
@ -977,7 +993,7 @@
onReachBottom() {
console.log(9989);
this.pagegd++
this.getGoodsList();
// this.getGoodsList();
},
onPageScroll(e) {
// #ifdef H5

@ -2,7 +2,6 @@
<!-- 我的余额模块 -->
<view :style="colorStyle">
<view class='my-account'>
<!-- #ifdef MP -->
<view class="accountTitle">
<view :style="{height:getHeight.barTop+'px'}"></view>
<view class="sysTitle colorfff" :style="{height:getHeight.barHeight+'px'}" @click="goarrow">

@ -2,7 +2,6 @@
<!-- 我的余额模块 -->
<view :style="colorStyle">
<view class='my-account'>
<!-- #ifdef MP -->
<view class="accountTitle">
<view :style="{height:getHeight.barTop+'px'}"></view>
<view class="sysTitle colorfff" :style="{height:getHeight.barHeight+'px'}" @click="goarrow">

@ -1,7 +1,7 @@
<template>
<view :style="colorStyle">
<view class='my-account'>
<!-- #ifdef MP -->
<view class="accountTitle">
<view :style="{height:getHeight.barTop+'px'}"></view>
<view class="sysTitle colorfff" :style="{height:getHeight.barHeight+'px'}" @click="goarrow">

@ -1,195 +0,0 @@
.page {
background-color: rgba(255, 255, 255, 1);
position: relative;
width: 750px;
height: 1624px;
overflow: hidden;
}
.box_1 {
height: 1624px;
background: url(/static/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png)
100% no-repeat;
background-size: 100% 100%;
width: 750px;
}
.box_2 {
background-color: rgba(4, 4, 2, 0.6);
height: 1624px;
width: 750px;
}
.section_1 {
background-color: rgba(63, 63, 63, 1);
border-radius: 20px;
width: 660px;
height: 450px;
margin: 471px 0 0 45px;
}
.group_1 {
width: 393px;
height: 49px;
margin: 23px 0 0 244px;
}
.text_1 {
width: 173px;
height: 33px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 34px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 34px;
margin-top: 16px;
}
.label_1 {
width: 44px;
height: 44px;
}
.group_2 {
width: 600px;
height: 80px;
margin: 40px 0 0 30px;
}
.text-wrapper_1 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80px;
width: 180px;
}
.text_2 {
width: 58px;
height: 28px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30px;
margin: 26px 0 0 61px;
}
.text-wrapper_2 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80px;
margin-left: 30px;
width: 180px;
}
.text_3 {
width: 63px;
height: 28px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30px;
margin: 26px 0 0 61px;
}
.text-wrapper_3 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80px;
margin-left: 30px;
width: 180px;
}
.text_4 {
width: 63px;
height: 28px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30px;
margin: 26px 0 0 61px;
}
.group_3 {
width: 390px;
height: 80px;
margin: 20px 0 0 30px;
}
.text-wrapper_4 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80px;
width: 180px;
}
.text_5 {
width: 64px;
height: 28px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30px;
margin: 26px 0 0 61px;
}
.text-wrapper_5 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80px;
width: 180px;
}
.text_6 {
width: 63px;
height: 28px;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30px;
margin: 26px 0 0 61px;
}
.text-wrapper_6 {
background-color: rgba(248, 191, 31, 1);
border-radius: 45px;
height: 90px;
width: 300px;
margin: 28px 0 40px 180px;
}
.text_7 {
width: 58px;
height: 28px;
overflow-wrap: break-word;
color: rgba(8, 3, 19, 1);
font-size: 30px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30px;
margin: 30px 0 0 121px;
}

@ -1,199 +0,0 @@
html {
font-size: 37.5px;
}
.page {
background-color: rgba(255, 255, 255, 1);
position: relative;
width: 20rem;
height: 43.307rem;
overflow: hidden;
}
.box_1 {
height: 43.307rem;
background: url(/static/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png)
100% no-repeat;
background-size: 100% 100%;
width: 20rem;
}
.box_2 {
background-color: rgba(4, 4, 2, 0.6);
height: 43.307rem;
width: 20rem;
}
.section_1 {
background-color: rgba(63, 63, 63, 1);
border-radius: 20px;
width: 17.6rem;
height: 12rem;
margin: 12.56rem 0 0 1.2rem;
}
.group_1 {
width: 10.48rem;
height: 1.307rem;
margin: 0.614rem 0 0 6.507rem;
}
.text_1 {
width: 4.614rem;
height: 0.88rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.906rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.907rem;
margin-top: 0.427rem;
}
.label_1 {
width: 1.174rem;
height: 1.174rem;
}
.group_2 {
width: 16rem;
height: 2.134rem;
margin: 1.067rem 0 0 0.8rem;
}
.text-wrapper_1 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 2.134rem;
width: 4.8rem;
}
.text_2 {
width: 1.547rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.8rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.8rem;
margin: 0.694rem 0 0 1.627rem;
}
.text-wrapper_2 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 2.134rem;
margin-left: 0.8rem;
width: 4.8rem;
}
.text_3 {
width: 1.68rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.8rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.8rem;
margin: 0.694rem 0 0 1.627rem;
}
.text-wrapper_3 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 2.134rem;
margin-left: 0.8rem;
width: 4.8rem;
}
.text_4 {
width: 1.68rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.8rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.8rem;
margin: 0.694rem 0 0 1.627rem;
}
.group_3 {
width: 10.4rem;
height: 2.134rem;
margin: 0.534rem 0 0 0.8rem;
}
.text-wrapper_4 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 2.134rem;
width: 4.8rem;
}
.text_5 {
width: 1.707rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.8rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.8rem;
margin: 0.694rem 0 0 1.627rem;
}
.text-wrapper_5 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 2.134rem;
width: 4.8rem;
}
.text_6 {
width: 1.68rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 0.8rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.8rem;
margin: 0.694rem 0 0 1.627rem;
}
.text-wrapper_6 {
background-color: rgba(248, 191, 31, 1);
border-radius: 45px;
height: 2.4rem;
width: 8rem;
margin: 0.747rem 0 1.067rem 4.8rem;
}
.text_7 {
width: 1.547rem;
height: 0.747rem;
overflow-wrap: break-word;
color: rgba(8, 3, 19, 1);
font-size: 0.8rem;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 0.8rem;
margin: 0.8rem 0 0 3.227rem;
}

@ -1,195 +0,0 @@
.page {
background-color: rgba(255, 255, 255, 1);
position: relative;
width: 100vw;
height: 216.54vw;
overflow: hidden;
}
.box_1 {
height: 216.54vw;
background: url(/static/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png)
100% no-repeat;
background-size: 100% 100%;
width: 100vw;
}
.box_2 {
background-color: rgba(4, 4, 2, 0.6);
height: 216.54vw;
width: 100vw;
}
.section_1 {
background-color: rgba(63, 63, 63, 1);
border-radius: 20px;
width: 88vw;
height: 60vw;
margin: 62.8vw 0 0 6vw;
}
.group_1 {
width: 52.4vw;
height: 6.54vw;
margin: 3.06vw 0 0 32.53vw;
}
.text_1 {
width: 23.07vw;
height: 4.4vw;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 4.53vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4.54vw;
margin-top: 2.14vw;
}
.label_1 {
width: 5.87vw;
height: 5.87vw;
}
.group_2 {
width: 80vw;
height: 10.67vw;
margin: 5.33vw 0 0 4vw;
}
.text-wrapper_1 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 10.67vw;
width: 24vw;
}
.text_2 {
width: 7.74vw;
height: 3.74vw;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 4vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4vw;
margin: 3.46vw 0 0 8.13vw;
}
.text-wrapper_2 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 10.67vw;
margin-left: 4vw;
width: 24vw;
}
.text_3 {
width: 8.4vw;
height: 3.74vw;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 4vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4vw;
margin: 3.46vw 0 0 8.13vw;
}
.text-wrapper_3 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 10.67vw;
margin-left: 4vw;
width: 24vw;
}
.text_4 {
width: 8.4vw;
height: 3.74vw;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 4vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4vw;
margin: 3.46vw 0 0 8.13vw;
}
.group_3 {
width: 52vw;
height: 10.67vw;
margin: 2.66vw 0 0 4vw;
}
.text-wrapper_4 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 10.67vw;
width: 24vw;
}
.text_5 {
width: 8.54vw;
height: 3.74vw;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 4vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4vw;
margin: 3.46vw 0 0 8.13vw;
}
.text-wrapper_5 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 10.67vw;
width: 24vw;
}
.text_6 {
width: 8.4vw;
height: 3.74vw;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 4vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4vw;
margin: 3.46vw 0 0 8.13vw;
}
.text-wrapper_6 {
background-color: rgba(248, 191, 31, 1);
border-radius: 45px;
height: 12vw;
width: 40vw;
margin: 3.73vw 0 5.33vw 24vw;
}
.text_7 {
width: 7.74vw;
height: 3.74vw;
overflow-wrap: break-word;
color: rgba(8, 3, 19, 1);
font-size: 4vw;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 4vw;
margin: 4vw 0 0 16.13vw;
}

@ -1,234 +0,0 @@
.page {
background-color: rgba(255, 255, 255, 1);
position: relative;
width: 750rpx;
height: 1624rpx;
overflow: hidden;
}
.image_1 {
width: 693rpx;
height: 24rpx;
margin: 32rpx 0 0 28rpx;
}
.group_11 {
width: 750rpx;
height: 1569rpx;
margin-bottom: 1rpx;
}
.image_2 {
width: 17rpx;
height: 28rpx;
margin-top: 16rpx;
}
.box_3 {
width: 702rpx;
height: 60rpx;
margin: 46rpx 0 0 24rpx;
}
.box_1 {
height: 1624rpx;
background: url(http://118.89.89.96/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png) 100% no-repeat;
background-size: 100% 100%;
width: 750rpx;
}
.box_2 {
background-color: rgba(4, 4, 2, 0.6);
height: 1624rpx;
width: 750rpx;
}
.section_1 {
background-color: rgba(63, 63, 63, 1);
border-radius: 20px;
width: 660rpx;
height: 450rpx;
margin: 471rpx 0 0 45rpx;
}
.group_1 {
width: 393rpx;
height: 49rpx;
margin: 23rpx 0 0 244rpx;
}
.text_11 {
width: 143rpx;
height: 35rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 36rpx;
font-family: AlibabaPuHuiTi-Regular;
font-weight: NaN;
text-align: left;
white-space: nowrap;
line-height: 36rpx;
margin: 13rpx 0 0 21rpx;
}
.text_1 {
width: 173rpx;
height: 33rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 34rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 34rpx;
margin-top: 16rpx;
}
.label_1 {
width: 44rpx;
height: 44rpx;
}
.group_2 {
width: 600rpx;
height: 80rpx;
margin: 40rpx 0 0 30rpx;
}
.text-wrapper_1 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80rpx;
width: 180rpx;
}
.text_2 {
width: 58rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 26rpx 0 0 61rpx;
}
.text-wrapper_2 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80rpx;
margin-left: 30rpx;
width: 180rpx;
}
.text_3 {
width: 63rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 26rpx 0 0 61rpx;
}
.text-wrapper_3 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80rpx;
margin-left: 30rpx;
width: 180rpx;
}
.text_4 {
width: 63rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 26rpx 0 0 61rpx;
}
.group_3 {
width: 390rpx;
height: 80rpx;
margin: 20rpx 0 0 30rpx;
}
.text-wrapper_4 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80rpx;
width: 180rpx;
}
.text_5 {
width: 64rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 26rpx 0 0 61rpx;
}
.text-wrapper_5 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80rpx;
width: 180rpx;
}
.text_6 {
width: 63rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 26rpx 0 0 61rpx;
}
.text-wrapper_6 {
background-color: rgba(248, 191, 31, 1);
border-radius: 45px;
height: 90rpx;
width: 300rpx;
margin: 28rpx 0 40rpx 180rpx;
}
.text_7 {
width: 58rpx;
height: 28rpx;
overflow-wrap: break-word;
color: rgba(8, 3, 19, 1);
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
white-space: nowrap;
line-height: 30rpx;
margin: 30rpx 0 0 121rpx;
}

@ -1,95 +0,0 @@
<template>
<view class="page flex-col">
<view class="box_1 flex-col">
<view class="box_2 flex-col">
<view class="group_11 flex-col">
<view class="box_3 flex-row">
<image class="image_2"
src="http://118.89.89.96/lanhu_zuoweiyuding/psndjrrup60gqz7fh27nu0kqbou1ngsraa7932a6-c7ef-4b5b-86be-3caa83f65ba8.png" />
<text class="text_11">座位预定</text>
</view>
<view class="box_4 flex-row justify-between">
<view class="box_5 flex-row">
<view class="text-group_1 flex-col justify-between">
<text class="text_2">包厢</text>
<text class="text_3">1-8</text>
</view>
</view>
<view class="box_6 flex-row">
<view class="text-group_2 flex-col justify-between">
<text class="text_4">卡座</text>
<text class="text_5">1-8</text>
</view>
</view>
</view>
<view class="box_7 flex-row justify-between">
<view class="group_2 flex-row">
<view class="text-group_3 flex-col justify-between">
<text class="text_6">散台</text>
<text class="text_7">1-8</text>
</view>
</view>
<view class="group_3 flex-row">
<view class="text-group_4 flex-col justify-between">
<text class="text_8">通桌</text>
<text class="text_9">1-8</text>
</view>
</view>
</view>
<view class="text-wrapper_1 flex-col">
<text class="text_10">台位图</text>
</view>
</view>
<view class="section_1 flex-col" v-if="tankuang">
<view class="group_1 flex-row justify-between">
<text class="text_1">选择房台号</text>
<image class="label_1" referrerpolicy="no-referrer" @click="tankuang"
src="http://118.89.89.96/lanhu_danchuang/psg7v4bx5jfeulz9waixn92pjnlc6qlrip7af72304-2c82-47c4-ad28-e586e8de3565.png" />
</view>
<view class="group_2 flex-row justify-between">
<view class="text-wrapper_1 flex-col">
<text class="text_2">包01</text>
</view>
<view class="text-wrapper_2 flex-col">
<text class="text_3">包02</text>
</view>
<view class="text-wrapper_3 flex-col">
<text class="text_4">包03</text>
</view>
</view>
<view class="group_3 flex-row justify-between">
<view class="text-wrapper_4 flex-col">
<text class="text_5">包04</text>
</view>
<view class="text-wrapper_5 flex-col">
<text class="text_6">包05</text>
</view>
</view>
<view class="text-wrapper_6 flex-col">
<text class="text_7">确定</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
constants: {}
};
},
methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>

@ -199,7 +199,7 @@
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
text-align: right;
white-space: nowrap;
line-height: 30rpx;
margin-top: 3rpx;

@ -1,12 +1,10 @@
<template>
<view class="page flex-col">
<view class="box_1 flex-col">
<view class="section_1 flex-col">
<view class="group_1 flex-col">
<view class="group_1 flex-col" style="margin-top:50rpx;" @click="goarrow">
<view class="group_2 flex-row">
<image class="image_2" referrerpolicy="no-referrer"
src="http://118.89.89.96/lanhu_zuoweiyuding2/pswqgc595b6hp8xxzwz5j6rhzdqphzl1g0pd5113b36-adc1-4d95-9f82-5b72c9de2882.png" />
@ -15,23 +13,30 @@
</view>
</view>
<view class="group_3 flex-col">
<view class="box_2 flex-row justify-between">
<!-- <view class="box_2 flex-row justify-between">
<view class="text-wrapper_1">
<text class="text_2">*</text>
<text class="text_3">&nbsp;座位号</text>
</view>
<view class="image-text_1 flex-row justify-between">
<picker @change="bindPickerChange" :value="index" :range="array">
<text class="text-group_1">{{array[index]}}</text>
<view class="uni-input"></view>
</picker>
<image class="label_1" referrerpolicy="no-referrer"
src="http://118.89.89.96/lanhu_zuoweiyuding2/psclu2xgbya6a86uifl2bfam6sqqiavujs46983845-01ba-42c1-89f7-82c6e0e7ae2e.png" />
</view>
</view> -->
<view class="box_3 flex-row justify-between">
<view class="text-wrapper_2">
<text class="text_4">*</text>
<text class="text_5">&nbsp;座位号</text>
</view>
<text class="text_6">{{tableDetail.table_number}}</text>
</view>
<image class="image_4" referrerpolicy="no-referrer"
src="http://118.89.89.96/lanhu_zuoweiyuding2/psbrlu5e6gi8rzfhdj5ken7diu3sfw32ougc3ef2cfc-e35d-409f-9805-96228ea8102f.png" />
<view class="box_3 flex-row justify-between">
@ -39,7 +44,7 @@
<text class="text_4">*</text>
<text class="text_5">&nbsp;手机号</text>
</view>
<text class="text_6">13056896360</text>
<input class="text_6" placeholder="请输入手机号" v-model="phone" type="number"></input>
</view>
<image class="image_5" referrerpolicy="no-referrer"
src="http://118.89.89.96/lanhu_zuoweiyuding2/pseen4pbjt54ssw3r1px5ocdkhiq3lkke3543dad5e-bd31-4f0a-91fe-b4e71751a878.png" />
@ -80,13 +85,14 @@
<view class="box_6 flex-row justify-between">
<text class="text_12">营销经理</text>
<view class="image-text_3 flex-row justify-between">
<picker @change="bindPickerChange2" :value="index2" :range="array2">
<text class="text-group_1">{{array2[index2]}}</text>
<picker @change="bindPickerChange2" :value="item.uid"
:range="yingxiao.map(item => item.nickname)">
<text class="text-group_1">{{yingxiao[index2].nickname}}</text>
<view class="uni-input"></view>
</picker>
<image class="image_10" referrerpolicy="no-referrer"
src="http://118.89.89.96/lanhu_zuoweiyuding2/ps8a9zsyp8mkxdd2xvuda9n9uunem8ma3i62352a3f-ad96-4fc0-8061-1b81ee81fb3e.png" />
</view>
@ -95,9 +101,10 @@
<view class="group_4 flex-col">
<view class="block_1 flex-col">
<text class="text_13">备注</text>
<textarea class="block_2 flex-col" style="color: white;padding: 15rpx;"></textarea>
<textarea class="block_2 flex-col" style="color: white;padding: 15rpx;"
v-model="remark"></textarea>
</view>
<view class="text-wrapper_5 flex-col">
<view class="text-wrapper_5 flex-col" @click="submit">
<text class="text_14">立即预定</text>
</view>
</view>
@ -115,20 +122,22 @@
format: true
})
return {
phone: '',
remark: '',
table_id: '',
imgHost: HTTP_REQUEST_URL,
getHeight: this.$util.getWXStatusHeight(),
selectedDate: '',
constants: {},
time: '00:00',
date: currentDate,
array: ['1号桌', '2号桌', '巴西', '日本'],
index: 0,
array2: ['王经理', '赵经理', '巴西', '日本'],
yingxiao: [],
index2: 0,
tableDetail: ''
};
},
computed: {
@ -139,10 +148,66 @@
return this.getDate('end');
}
},
onLoad() {
console.log(222, this.time)
onLoad(id) {
this.table_id = id.table_id
this.table_id = 12
var that = this
uni.request({
url: this.imgHost + '/api/v2/getTableDetail/' + this.table_id,
method: 'GET',
success: (res) => {
that.tableDetail = res.data.data;
that.yingxiao = res.data.data.yingxiao
console.log(5555, this.yingxiao)
},
fail: (err) => {
console.error('请求错误:', err);
}
});
},
methods: {
goarrow() {
uni.navigateBack()
},
submit() {
var admin_id = this.yingxiao[this.index2].uid
if (!admin_id || !this.table_id || !this.date || !this.time || !this.phone) {
uni.showToast({
title: '信息请填写完整',
icon: 'none',
duration: 5000 // 5
});
return
}
uni.request({
url: this.imgHost + '/api/v2/tableYuDing',
method: 'POST',
data: {
admin_id: admin_id,
table_id: this.table_id,
date: this.date,
time: this.time,
phone: this.phone,
remark: this.remark,
},
success: (res) => {
uni.showToast({
title: res.data.msg,
icon: 'none',
duration: 5000 // 5
});
},
fail: (err) => {
uni.showToast({
title: res.data.msg,
icon: 'none',
duration: 5000 // 5
});
console.error('请求错误:', err);
}
});
},
bindDateChange: function(e) {
this.date = e.detail.value
},

@ -3,7 +3,7 @@
position: relative;
width: 750rpx;
/* height: 1624rpx; */
overflow: hidden;
/* overflow: hidden; */
}
.box_1 {
@ -20,25 +20,42 @@
margin: 40rpx 0 0 45rpx;
}
.text-wrapper_11 {
background-color: rgba(76, 76, 76, 1);
border-radius: 40px;
height: 80rpx;
width: 180rpx;
/* width: 180rpx; */
color: white;
margin-bottom: 20px;
background-color: #4C4C4C;
width: calc(33.33% - 10px);
box-sizing: border-box;
padding: 5px;
}
.page-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 350rpx;
overflow-y: auto;
}
.text_22 {
width: 58rpx;
height: 28rpx;
word-wrap: break-word;
white-space: normal;
overflow-wrap: break-word;
color: rgba(255, 255, 255, 1);
/* color: rgba(255, 255, 255, 1); */
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: left;
text-align: center;
white-space: nowrap;
line-height: 30rpx;
margin: 26rpx 0 0 61rpx;
line-height: 50rpx;
}
.text-wrapper_6 {
@ -66,7 +83,7 @@
.group_22 {
width: 600rpx;
height: 80rpx;
/* height: 80rpx; */
margin: 40rpx 0 0 30rpx;
}

@ -1,10 +1,10 @@
<template>
<view class="page flex-col">
<view class="box_1 flex-col">
<view class="section_1 flex-col" style="position: absolute; filter: grayscale(0%);margin-top:400rpx;z-index: 999;" v-if="tankuang2">
<view class="section_1 flex-col"
style="position: absolute; filter: grayscale(0%);margin-top:400rpx;z-index: 999;" v-if="tankuang2">
<view class="group_12 flex-row justify-between">
<text class="text_12">选择房台号</text>
@ -13,34 +13,38 @@
</view>
<view class="group_22 flex-row justify-between">
<view class="text-wrapper_11 flex-col">
<text class="text_22">包01</text>
</view>
<view class="page-container">
<view class="text-wrapper_11 flex-col" v-for="item in tableList" :key="item.id"
@click="xuanzuo(item.id)" :style="{ color: selectedItem === item.id? 'red' : 'white' }">
<text class="text_22">{{item.table_number}}</text>
</view>
</view>
</view>
<view class="text-wrapper_6 flex-col">
<text class="text_77">确定</text>
<text class="text_77" @click="yuding()">确定</text>
</view>
</view>
<view :class="tankuang2? 'box_22' : 'box_2'">
<view class="group_1 flex-col">
<view class="box_3 flex-row">
<view class="box_3 flex-row" style="margin-top: 100rpx;" @click="goarrow">
<image class="image_2" referrerpolicy="no-referrer"
src="http://118.89.89.96/lanhu_zuoweiyuding/psndjrrup60gqz7fh27nu0kqbou1ngsraa7932a6-c7ef-4b5b-86be-3caa83f65ba8.png" />
<text class="text_1">座位预定</text>
</view>
<view class="box_4 flex-row justify-between" @tap="gotankuang">
<view class="box_5 flex-row">
<view class="box_4 flex-row justify-between">
<view class="box_5 flex-row" @tap="gotankuang(14)">
<view class="text-group_1 flex-col justify-between">
<text class="text_2">包厢</text>
<text class="text_3">1-8</text>
</view>
</view>
<view class="box_6 flex-row">
<view class="box_6 flex-row" @tap="gotankuang(12)">
<view class="text-group_2 flex-col justify-between">
<text class="text_4">卡座</text>
<text class="text_5">1-8</text>
@ -48,14 +52,14 @@
</view>
</view>
<view class="box_7 flex-row justify-between">
<view class="group_2 flex-row">
<view class="group_2 flex-row" @tap="gotankuang(13)">
<view class="text-group_3 flex-col justify-between">
<text class="text_6">散台</text>
<text class="text_7">1-8</text>
</view>
</view>
<view class="group_3 flex-row">
<view class="text-group_4 flex-col justify-between">
<view class="text-group_4 flex-col justify-between" @tap="gotankuang(19)">
<text class="text_8">通桌</text>
<text class="text_9">1-8</text>
</view>
@ -66,10 +70,6 @@
</view>
</view>
</view>
</view>
</view>
@ -81,28 +81,61 @@
export default {
data() {
return {
tableList: '',
imgHost: HTTP_REQUEST_URL,
getHeight: this.$util.getWXStatusHeight(),
loopData0: [],
constants: {},
tankuang2: 0,
riqi:''
riqi: '',
selectedItem: ''
};
},
onLoad() {
console.log('Data initialized:', this.getHeight);
},
methods: {
xuanzuo(item) {
console.log(1111,item)
this.selectedItem = item;
},
yuding() {
console.log(4444,this.selectedItem)
if(!this.selectedItem){
return
}
uni.navigateTo({
url: `/pages/users/lanhu/lanhu_lijiyuding/index?table_id=`+this.selectedItem
});
},
goarrow() {
uni.navigateBack()
},
gotankuang() {
//
gotankuang(cate_id) {
var that = this
this.tankuang2 = 1
const params = {
};
uni.request({
url: this.imgHost + '/api/v2/getTableList/' + cate_id,
method: 'GET',
success: (res) => {
that.tableList = res.data.data;
console.log(5555, this.tableList)
},
fail: (err) => {
console.error('请求错误:', err);
}
});
},
quxiaotankuang() {
this.tankuang2 = 0
},
maskClick(e){
maskClick(e) {
console.log(e)
}
}

Loading…
Cancel
Save