You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
3.9 KiB
147 lines
3.9 KiB
<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="group_12 flex-row justify-between">
|
|
<text class="text_12">选择房台号</text>
|
|
<image class="label_1" @click="quxiaotankuang()"
|
|
src="http://118.89.89.96/lanhu_danchuang/psg7v4bx5jfeulz9waixn92pjnlc6qlrip7af72304-2c82-47c4-ad28-e586e8de3565.png" />
|
|
</view>
|
|
|
|
<view class="group_22 flex-row justify-between">
|
|
|
|
|
|
<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" @click="yuding()">确定</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view :class="tankuang2? 'box_22' : 'box_2'">
|
|
|
|
<view class="group_1 flex-col">
|
|
<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">
|
|
<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" @tap="gotankuang(12)">
|
|
<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" @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" @tap="gotankuang(19)">
|
|
<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>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import {
|
|
HTTP_REQUEST_URL
|
|
} from '@/config/app';
|
|
export default {
|
|
data() {
|
|
return {
|
|
tableList: '',
|
|
imgHost: HTTP_REQUEST_URL,
|
|
getHeight: this.$util.getWXStatusHeight(),
|
|
loopData0: [],
|
|
constants: {},
|
|
tankuang2: 0,
|
|
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(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) {
|
|
console.log(e)
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style lang='css'>
|
|
@import '../common/common.css';
|
|
@import './assets/style/index.rpx.css';
|
|
</style> |