From 88c8a4517bb239a7598cf4c930733f898b520f80 Mon Sep 17 00:00:00 2001
From: iuu <2167162990@qq.com>
Date: Mon, 12 Jan 2026 22:21:00 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E9=80=BB=E8=BE=91=E5=AE=8C?=
 =?UTF-8?q?=E5=B7=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue                         |  6 +--
 .../mp-weixin/pages/index/index.js.map        |  2 +-
 .../dist/dev/mp-weixin/pages/index/index.js   | 43 ++++++++++---------
 .../dist/dev/mp-weixin/pages/index/index.wxml |  2 +-
 4 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index cc29354..bbd1663 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -13,9 +13,9 @@
 				<view class="room-grid-card">
 					<view class="grid-item-content">
 						<view class="room-name">{{room.room_name}}</view>
-						<view class="room-info" @click="onShowInfoPopup(room)">
-							<view class="room-id" v-if="room.tel">尾号: {{room.tel}}</view>
-							<view class="remark" v-if="room.remarks">备注: {{room.remarks}}</view>
+						<view class="room-info" >
+							<view class="room-id" @click="onShowInfoPopup(room)" v-if="room.tel">尾号: {{room.tel}}</view>
+							<view class="remark" @click="onShowInfoPopup(room)" v-if="room.remarks">备注: {{room.remarks}}</view>
 						</view>
 						<view class="room-buttons">
 							<view v-if="room.status === 1">
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
index ff52369..fc4b03c 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map
@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["pages/index/index.vue","pages/index/index.vue?type=page"],"sourcesContent":["<template>\r\n\t<view class=\"page-content\">\r\n\t\t<view style=\"z-index: 10000;position: sticky;\" :style=\"'top:0px'\">\r\n\t\t\t<view class=\"top-bar\">\r\n\t\t\t\t<nut-button type=\"primary\" block @click=\"navigateTo('/pages/index/goodsOrderAdd')\">\r\n\t\t\t\t\t新增商品订单\r\n\t\t\t\t</nut-button>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 使用flex布局 -->\r\n\t\t<view class=\"room-grid\">\r\n\t\t\t<view v-for=\"(room, index) in rooms\" :key=\"index\" class=\"room-grid-item\" :style=\"getRoomStyle(room.status)\">\r\n\t\t\t\t<view class=\"room-grid-card\">\r\n\t\t\t\t\t<view class=\"grid-item-content\">\r\n\t\t\t\t\t\t<view class=\"room-name\">{{room.room_name}}</view>\r\n\t\t\t\t\t\t<view class=\"room-info\" @click=\"onShowInfoPopup(room)\">\r\n\t\t\t\t\t\t\t<view class=\"room-id\" v-if=\"room.tel\">尾号: {{room.tel}}</view>\r\n\t\t\t\t\t\t\t<view class=\"remark\" v-if=\"room.remarks\">备注: {{room.remarks}}</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t<view class=\"room-buttons\">\r\n\t\t\t\t\t\t\t<view v-if=\"room.status === 1\">\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"primary\" shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"onBooking(room)\">预约</nut-button>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view v-else-if=\"room.status === 2\">\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"warning\" plain shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"onUnBooking(room)\">取消预约</nut-button>\r\n\t\t\t\t\t\t\t</view>\r\n\r\n\t\t\t\t\t\t\t<view v-if=\"room.status === 3\">\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"info\" plain shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"navigateTo(`/pages/index/orderEdit?roomId=${room.id}`)\">详情</nut-button>\r\n\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view v-else>\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"success\" plain shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"navigateTo(`/pages/index/orderAdd?roomId=${room.id}`)\">开台</nut-button>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\r\n\t\t<!-- 弹出 -->\r\n\t\t<nut-popup :custom-style=\"{ height: '75%' }\" v-model:visible=\"visiblePopup\" position=\"bottom\"\r\n\t\t\tsafe-area-inset-bottom :close-on-click-overlay=\"true\" @close=\"onClosePopup\">\r\n\t\t\t<view>\r\n\t\t\t\t<view class=\"title\">{{tempRoom?.room_name}} </view>\r\n\t\t\t\t<nut-form>\r\n\t\t\t\t\t<nut-form-item label=\"尾号\">\r\n\t\t\t\t\t\t<nut-input v-model=\"form.tel\" placeholder=\"请输入尾号\"></nut-input>\r\n\t\t\t\t\t</nut-form-item>\r\n\t\t\t\t\t<nut-form-item label=\"备注\">\r\n\t\t\t\t\t\t<nut-textarea v-model=\"form.remarks\" :rows=\"3\" \r\n\t\t\t\t\t\t\tplaceholder=\"请输入备注\"></nut-textarea>\r\n\t\t\t\t\t</nut-form-item>\r\n\t\t\t\t</nut-form>\r\n\t\t\t\t<view style=\" padding: 0rpx 80rpx;\">\r\n\t\t\t\t\t<nut-button type=\"primary\" block @click=\"onSubmit\">\r\n\t\t\t\t\t\t预约\r\n\t\t\t\t\t</nut-button>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</nut-popup>\n\t\t\n\t\t\n\t\t\n\t\t<!-- 弹出 -->\n\t\t<nut-popup :custom-style=\"{ height: '50%' }\" v-model:visible=\"visibleInfoPopup\" position=\"bottom\"\n\t\t\tsafe-area-inset-bottom :close-on-click-overlay=\"true\" @close=\"onCloseInfoPopup\">\n\t\t\t<view>\n\t\t\t\t<view class=\"title\">{{tempRoom?.room_name}} </view>\n\t\t\t\t<view class=\"room-info\">\n\t\t\t\t\t<view class=\"room-id\" v-if=\"tempRoom?.tel\">尾号: {{tempRoom.tel}}</view>\n\t\t\t\t\t<view class=\"remark\" v-if=\"tempRoom?.remarks\">备注: {{tempRoom.remarks}}</view>\n\t\t\t\t</view>\n\t\t\t</view>\n\t\t</nut-popup>\n\t\t\r\n\t</view>\r\n</template>\r\n\r\n<script setup>\r\n\timport {\r\n\t\tref,\r\n\t\treactive,\r\n\t\tonMounted,\r\n\t\tcomputed\r\n\t} from 'vue'\r\n\r\n\timport {\r\n\t\tonLoad,\r\n\t\tonShow,\r\n\t} from '@dcloudio/uni-app'\r\n\timport {\r\n\t\tfetchRooms,\r\n\t\tfetchBooking,\r\n\t\tfetchUnBooking\r\n\t} from '@/api/index';\r\n\timport {\r\n\t\tnavigateTo,\r\n\t} from '@/utils/helper'\r\n\tconst form = reactive({\r\n\t\troom_id: 0,\r\n\t\ttel: '',\r\n\t\tremarks: ''\r\n\t})\r\n\t// 房间列表\r\n\tconst rooms = ref([]);\r\n\tconst getRoomStyle = (status) => {\r\n\t\tlet backgroundColor = '';\r\n\t\tlet borderColor = '';\r\n\t\tswitch (status) {\r\n\t\t\tcase 1: // 空闲/可用\r\n\t\t\t\tbackgroundColor = '#d9d9d9';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 2: // 已预约\r\n\t\t\t\tbackgroundColor = '#ffa39e';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 3: // 已占用\r\n\t\t\t\tbackgroundColor = '#b7eb8f';\r\n\t\t\t\tbreak;\r\n\t\t\t\t// case 4: // 打扫中\r\n\t\t\t\t// \tbackgroundColor = '#f0f5ff';\r\n\t\t\t\t// \tborderColor = '#adc6ff';\r\n\t\t\t\t// \tbreak;\r\n\t\t\tdefault: // 默认\r\n\t\t\t\tbackgroundColor = '#d9d9d9';\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t'background-color': backgroundColor,\r\n\t\t};\r\n\t}\n\t\n\tconst visibleInfoPopup = ref(false)\n\tconst onShowInfoPopup = (room) => {\r\n\t\tconsole.log(\"----\", room);\r\n\t\tObject.assign(tempRoom, room)\r\n\t\tvisibleInfoPopup.value = true\r\n\t}\n\tconst onCloseInfoPopup = () => {\n\t\tObject.assign(tempRoom, {})\n\t\tvisibleInfoPopup.value = false\n\t\tconsole.log(\"关闭\");\n\t};\n\t\n\t\r\n\tconst visiblePopup = ref(false)\r\n\tconst tempRoom = reactive({})\r\n\tconst onBooking = (room) => {\r\n\t\tconsole.log(\"----\", room);\r\n\t\tObject.assign(tempRoom, room)\r\n\t\tform.room_id = room.id\r\n\t\tvisiblePopup.value = true\r\n\t}\r\n\tconst onClosePopup = () => {\r\n\t\tObject.assign(tempRoom, {})\r\n\t\tObject.assign(form, {\r\n\t\t\troom_id: 0,\r\n\t\t\ttel: '',\r\n\t\t\tremarks: ''\r\n\t\t})\r\n\t\tvisiblePopup.value = false\r\n\t\tconsole.log(\"关闭\");\r\n\t};\n\t\n\r\n\r\n\tconst getRooms = () => {\r\n\t\tconsole.log(\"房间\");\r\n\t\tfetchRooms().then(res => {\r\n\t\t\tconsole.log(res);\r\n\t\t\trooms.value = res;\r\n\t\t})\r\n\t}\r\n\r\n\t// 预约\r\n\tconst onSubmit = () => {\r\n\t\tfetchBooking(form).then(res => {\r\n\t\t\tconsole.log(res);\r\n\t\t\tuni.showToast({\r\n\t\t\t\ticon: 'none',\r\n\t\t\t\ttitle: '预约成功'\r\n\t\t\t})\r\n\t\t\tonClosePopup()\r\n\t\t\tgetRooms()\r\n\t\t})\r\n\t}\r\n\t// 取消预约\r\n\tconst onUnBooking = (room) => {\r\n\t\tfetchUnBooking({\r\n\t\t\tid: room.id\r\n\t\t}).then(res => {\r\n\t\t\tconsole.log(res);\r\n\t\t\tuni.showToast({\r\n\t\t\t\ticon: 'none',\r\n\t\t\t\ttitle: '取消预约成功'\r\n\t\t\t})\r\n\t\t\tgetRooms()\r\n\t\t})\r\n\t}\r\n\r\n\tconst init = () => {\r\n\t\tconsole.log('init');\r\n\t\tgetRooms()\r\n\t}\r\n\r\n\tonShow(() => {\r\n\t\tconsole.log(\"onshow---\");\r\n\t\tgetRooms()\r\n\t});\r\n\r\n\tonMounted(() => {\r\n\t\tinit();\r\n\t})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\t.page-content {\r\n\t\tmin-height: 100vh;\r\n\t\tbackground-color: #f2f3f5;\r\n\r\n\t}\r\n\r\n\r\n\r\n\r\n\t.top-bar {\r\n\t\tbackground: #fff;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\tpadding: 20rpx 60rpx;\r\n\r\n\t}\r\n\r\n\t/* Grid布局 - 每行两列 */\r\n\t.room-grid {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t/* 两列等宽 */\r\n\t\tgap: 20rpx;\r\n\t\t/* 间距 */\r\n\t\tpadding: 20rpx;\r\n\t\tbackground: #f5f5f5;\r\n\t}\r\n\r\n\t.room-grid-item {\r\n\t\tborder-radius: 16rpx;\r\n\t\t// overflow: hidden;\r\n\t\t// background: white;\r\n\t\t// box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);\r\n\t\t// position: relative;\r\n\t}\r\n\r\n\t.grid-item-content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\theight: 100%;\r\n\t\ttext-align: center;\r\n\r\n\t\t.room-name {\r\n\t\t\tfont-size: 32rpx;\r\n\t\t\tpadding: 20rpx 0;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\t.room-info {\r\n\t\t\ttext-align: left;\r\n\t\t\tpadding: 20rpx 10rpx;\r\n\t\t\tcolor: #666;\r\n\t\t\twidth: 100%;\r\n\t\t\tmin-height: 160rpx;\r\n\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t.room-id {\r\n\t\t\t\tfont-size: 24rpx;\r\n\t\t\t}\r\n\r\n\t\t\t.remark {\r\n\t\t\t\tfont-size: 24rpx;\r\n\t\t\t\tdisplay: -webkit-box;\r\n\t\t\t\t/* 使元素成为伸缩容器 */\r\n\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\t/* 设置伸缩方向为纵向 */\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t/* 隐藏超出的内容 */\r\n\t\t\t\t-webkit-line-clamp: 2;\r\n\t\t\t\t/* 限制显示2行 */\r\n\t\t\t\tline-height: 36rpx;\r\n\t\t\t\tword-wrap: break-word;\r\n\t\t\t\t/* 强制长单词或长数字换行 */\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t/* 强制长单词或长数字换行 */\r\n\t\t\t\twhite-space: normal;\r\n\t\t\t\t/* 确保文本正常换行 */\r\n\t\t\t\t/* 设置行高 */\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.room-buttons {\r\n\t\t\tpadding: 20rpx 10rpx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 20rpx;\r\n\t\t\tjustify-content: space-around;\r\n\t\t\twidth: 100%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t.title {\r\n\t\tpadding: 0 20rpx;\r\n\t\tmargin-top: 20rpx;\r\n\t\tmargin-bottom: 20rpx;\r\n\t\tfont-size: 28rpx;\r\n\t\tfont-weight: 400;\r\n\t\ttext-align: center;\r\n\t}\n\t\n\t.room-info {\n\t\ttext-align: left;\n\t\tpadding: 20rpx 20rpx;\n\t\tcolor: #666;\n\t\twidth: 100%;\n\t\t// min-height: 160rpx;\n\t\tbox-sizing: border-box;\n\t\n\t\t.room-id {\n\t\t\tfont-size: 28rpx;\n\t\t}\n\t\n\t\t.remark {\n\t\t\tfont-size: 26rpx;\n\t\t}\n\t}\r\n</style>","import MiniProgramPage from '/Users/iuu/Developer/PHP/Work/cmgd/mini-app/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["reactive","ref","uni","fetchRooms","fetchBooking","fetchUnBooking","onShow","onMounted"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"index.js","sources":["pages/index/index.vue","pages/index/index.vue?type=page"],"sourcesContent":["<template>\r\n\t<view class=\"page-content\">\r\n\t\t<view style=\"z-index: 10000;position: sticky;\" :style=\"'top:0px'\">\r\n\t\t\t<view class=\"top-bar\">\r\n\t\t\t\t<nut-button type=\"primary\" block @click=\"navigateTo('/pages/index/goodsOrderAdd')\">\r\n\t\t\t\t\t新增商品订单\r\n\t\t\t\t</nut-button>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 使用flex布局 -->\r\n\t\t<view class=\"room-grid\">\r\n\t\t\t<view v-for=\"(room, index) in rooms\" :key=\"index\" class=\"room-grid-item\" :style=\"getRoomStyle(room.status)\">\r\n\t\t\t\t<view class=\"room-grid-card\">\r\n\t\t\t\t\t<view class=\"grid-item-content\">\r\n\t\t\t\t\t\t<view class=\"room-name\">{{room.room_name}}</view>\r\n\t\t\t\t\t\t<view class=\"room-info\" >\r\n\t\t\t\t\t\t\t<view class=\"room-id\" @click=\"onShowInfoPopup(room)\" v-if=\"room.tel\">尾号: {{room.tel}}</view>\r\n\t\t\t\t\t\t\t<view class=\"remark\" @click=\"onShowInfoPopup(room)\" v-if=\"room.remarks\">备注: {{room.remarks}}</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t<view class=\"room-buttons\">\r\n\t\t\t\t\t\t\t<view v-if=\"room.status === 1\">\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"primary\" shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"onBooking(room)\">预约</nut-button>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view v-else-if=\"room.status === 2\">\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"warning\" plain shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"onUnBooking(room)\">取消预约</nut-button>\r\n\t\t\t\t\t\t\t</view>\r\n\r\n\t\t\t\t\t\t\t<view v-if=\"room.status === 3\">\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"info\" plain shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"navigateTo(`/pages/index/orderEdit?roomId=${room.id}`)\">详情</nut-button>\r\n\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view v-else>\r\n\t\t\t\t\t\t\t\t<nut-button size=\"small\" type=\"success\" plain shape=\"square\"\r\n\t\t\t\t\t\t\t\t\t@click=\"navigateTo(`/pages/index/orderAdd?roomId=${room.id}`)\">开台</nut-button>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\r\n\t\t<!-- 弹出 -->\r\n\t\t<nut-popup :custom-style=\"{ height: '75%' }\" v-model:visible=\"visiblePopup\" position=\"bottom\"\r\n\t\t\tsafe-area-inset-bottom :close-on-click-overlay=\"true\" @close=\"onClosePopup\">\r\n\t\t\t<view>\r\n\t\t\t\t<view class=\"title\">{{tempRoom?.room_name}} </view>\r\n\t\t\t\t<nut-form>\r\n\t\t\t\t\t<nut-form-item label=\"尾号\">\r\n\t\t\t\t\t\t<nut-input v-model=\"form.tel\" placeholder=\"请输入尾号\"></nut-input>\r\n\t\t\t\t\t</nut-form-item>\r\n\t\t\t\t\t<nut-form-item label=\"备注\">\r\n\t\t\t\t\t\t<nut-textarea v-model=\"form.remarks\" :rows=\"3\" \r\n\t\t\t\t\t\t\tplaceholder=\"请输入备注\"></nut-textarea>\r\n\t\t\t\t\t</nut-form-item>\r\n\t\t\t\t</nut-form>\r\n\t\t\t\t<view style=\" padding: 0rpx 80rpx;\">\r\n\t\t\t\t\t<nut-button type=\"primary\" block @click=\"onSubmit\">\r\n\t\t\t\t\t\t预约\r\n\t\t\t\t\t</nut-button>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</nut-popup>\n\t\t\n\t\t\n\t\t\n\t\t<!-- 弹出 -->\n\t\t<nut-popup :custom-style=\"{ height: '50%' }\" v-model:visible=\"visibleInfoPopup\" position=\"bottom\"\n\t\t\tsafe-area-inset-bottom :close-on-click-overlay=\"true\" @close=\"onCloseInfoPopup\">\n\t\t\t<view>\n\t\t\t\t<view class=\"title\">{{tempRoom?.room_name}} </view>\n\t\t\t\t<view class=\"room-info\">\n\t\t\t\t\t<view class=\"room-id\" v-if=\"tempRoom?.tel\">尾号: {{tempRoom.tel}}</view>\n\t\t\t\t\t<view class=\"remark\" v-if=\"tempRoom?.remarks\">备注: {{tempRoom.remarks}}</view>\n\t\t\t\t</view>\n\t\t\t</view>\n\t\t</nut-popup>\n\t\t\r\n\t</view>\r\n</template>\r\n\r\n<script setup>\r\n\timport {\r\n\t\tref,\r\n\t\treactive,\r\n\t\tonMounted,\r\n\t\tcomputed\r\n\t} from 'vue'\r\n\r\n\timport {\r\n\t\tonLoad,\r\n\t\tonShow,\r\n\t} from '@dcloudio/uni-app'\r\n\timport {\r\n\t\tfetchRooms,\r\n\t\tfetchBooking,\r\n\t\tfetchUnBooking\r\n\t} from '@/api/index';\r\n\timport {\r\n\t\tnavigateTo,\r\n\t} from '@/utils/helper'\r\n\tconst form = reactive({\r\n\t\troom_id: 0,\r\n\t\ttel: '',\r\n\t\tremarks: ''\r\n\t})\r\n\t// 房间列表\r\n\tconst rooms = ref([]);\r\n\tconst getRoomStyle = (status) => {\r\n\t\tlet backgroundColor = '';\r\n\t\tlet borderColor = '';\r\n\t\tswitch (status) {\r\n\t\t\tcase 1: // 空闲/可用\r\n\t\t\t\tbackgroundColor = '#d9d9d9';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 2: // 已预约\r\n\t\t\t\tbackgroundColor = '#ffa39e';\r\n\t\t\t\tbreak;\r\n\t\t\tcase 3: // 已占用\r\n\t\t\t\tbackgroundColor = '#b7eb8f';\r\n\t\t\t\tbreak;\r\n\t\t\t\t// case 4: // 打扫中\r\n\t\t\t\t// \tbackgroundColor = '#f0f5ff';\r\n\t\t\t\t// \tborderColor = '#adc6ff';\r\n\t\t\t\t// \tbreak;\r\n\t\t\tdefault: // 默认\r\n\t\t\t\tbackgroundColor = '#d9d9d9';\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t'background-color': backgroundColor,\r\n\t\t};\r\n\t}\n\t\n\tconst visibleInfoPopup = ref(false)\n\tconst onShowInfoPopup = (room) => {\r\n\t\tconsole.log(\"----\", room);\r\n\t\tObject.assign(tempRoom, room)\r\n\t\tvisibleInfoPopup.value = true\r\n\t}\n\tconst onCloseInfoPopup = () => {\n\t\tObject.assign(tempRoom, {})\n\t\tvisibleInfoPopup.value = false\n\t\tconsole.log(\"关闭\");\n\t};\n\t\n\t\r\n\tconst visiblePopup = ref(false)\r\n\tconst tempRoom = reactive({})\r\n\tconst onBooking = (room) => {\r\n\t\tconsole.log(\"----\", room);\r\n\t\tObject.assign(tempRoom, room)\r\n\t\tform.room_id = room.id\r\n\t\tvisiblePopup.value = true\r\n\t}\r\n\tconst onClosePopup = () => {\r\n\t\tObject.assign(tempRoom, {})\r\n\t\tObject.assign(form, {\r\n\t\t\troom_id: 0,\r\n\t\t\ttel: '',\r\n\t\t\tremarks: ''\r\n\t\t})\r\n\t\tvisiblePopup.value = false\r\n\t\tconsole.log(\"关闭\");\r\n\t};\n\t\n\r\n\r\n\tconst getRooms = () => {\r\n\t\tconsole.log(\"房间\");\r\n\t\tfetchRooms().then(res => {\r\n\t\t\tconsole.log(res);\r\n\t\t\trooms.value = res;\r\n\t\t})\r\n\t}\r\n\r\n\t// 预约\r\n\tconst onSubmit = () => {\r\n\t\tfetchBooking(form).then(res => {\r\n\t\t\tconsole.log(res);\r\n\t\t\tuni.showToast({\r\n\t\t\t\ticon: 'none',\r\n\t\t\t\ttitle: '预约成功'\r\n\t\t\t})\r\n\t\t\tonClosePopup()\r\n\t\t\tgetRooms()\r\n\t\t})\r\n\t}\r\n\t// 取消预约\r\n\tconst onUnBooking = (room) => {\r\n\t\tfetchUnBooking({\r\n\t\t\tid: room.id\r\n\t\t}).then(res => {\r\n\t\t\tconsole.log(res);\r\n\t\t\tuni.showToast({\r\n\t\t\t\ticon: 'none',\r\n\t\t\t\ttitle: '取消预约成功'\r\n\t\t\t})\r\n\t\t\tgetRooms()\r\n\t\t})\r\n\t}\r\n\r\n\tconst init = () => {\r\n\t\tconsole.log('init');\r\n\t\tgetRooms()\r\n\t}\r\n\r\n\tonShow(() => {\r\n\t\tconsole.log(\"onshow---\");\r\n\t\tgetRooms()\r\n\t});\r\n\r\n\tonMounted(() => {\r\n\t\tinit();\r\n\t})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\t.page-content {\r\n\t\tmin-height: 100vh;\r\n\t\tbackground-color: #f2f3f5;\r\n\r\n\t}\r\n\r\n\r\n\r\n\r\n\t.top-bar {\r\n\t\tbackground: #fff;\r\n\t\talign-items: center;\r\n\t\ttext-align: center;\r\n\t\tpadding: 20rpx 60rpx;\r\n\r\n\t}\r\n\r\n\t/* Grid布局 - 每行两列 */\r\n\t.room-grid {\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(2, 1fr);\r\n\t\t/* 两列等宽 */\r\n\t\tgap: 20rpx;\r\n\t\t/* 间距 */\r\n\t\tpadding: 20rpx;\r\n\t\tbackground: #f5f5f5;\r\n\t}\r\n\r\n\t.room-grid-item {\r\n\t\tborder-radius: 16rpx;\r\n\t\t// overflow: hidden;\r\n\t\t// background: white;\r\n\t\t// box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);\r\n\t\t// position: relative;\r\n\t}\r\n\r\n\t.grid-item-content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: space-between;\r\n\t\theight: 100%;\r\n\t\ttext-align: center;\r\n\r\n\t\t.room-name {\r\n\t\t\tfont-size: 32rpx;\r\n\t\t\tpadding: 20rpx 0;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\t.room-info {\r\n\t\t\ttext-align: left;\r\n\t\t\tpadding: 20rpx 10rpx;\r\n\t\t\tcolor: #666;\r\n\t\t\twidth: 100%;\r\n\t\t\tmin-height: 160rpx;\r\n\t\t\tbox-sizing: border-box;\r\n\r\n\t\t\t.room-id {\r\n\t\t\t\tfont-size: 24rpx;\r\n\t\t\t}\r\n\r\n\t\t\t.remark {\r\n\t\t\t\tfont-size: 24rpx;\r\n\t\t\t\tdisplay: -webkit-box;\r\n\t\t\t\t/* 使元素成为伸缩容器 */\r\n\t\t\t\t-webkit-box-orient: vertical;\r\n\t\t\t\t/* 设置伸缩方向为纵向 */\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t/* 隐藏超出的内容 */\r\n\t\t\t\t-webkit-line-clamp: 2;\r\n\t\t\t\t/* 限制显示2行 */\r\n\t\t\t\tline-height: 36rpx;\r\n\t\t\t\tword-wrap: break-word;\r\n\t\t\t\t/* 强制长单词或长数字换行 */\r\n\t\t\t\tword-break: break-word;\r\n\t\t\t\t/* 强制长单词或长数字换行 */\r\n\t\t\t\twhite-space: normal;\r\n\t\t\t\t/* 确保文本正常换行 */\r\n\t\t\t\t/* 设置行高 */\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.room-buttons {\r\n\t\t\tpadding: 20rpx 10rpx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 20rpx;\r\n\t\t\tjustify-content: space-around;\r\n\t\t\twidth: 100%;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t.title {\r\n\t\tpadding: 0 20rpx;\r\n\t\tmargin-top: 20rpx;\r\n\t\tmargin-bottom: 20rpx;\r\n\t\tfont-size: 28rpx;\r\n\t\tfont-weight: 400;\r\n\t\ttext-align: center;\r\n\t}\n\t\n\t.room-info {\n\t\ttext-align: left;\n\t\tpadding: 20rpx 20rpx;\n\t\tcolor: #666;\n\t\twidth: 100%;\n\t\t// min-height: 160rpx;\n\t\tbox-sizing: border-box;\n\t\n\t\t.room-id {\n\t\t\tfont-size: 28rpx;\n\t\t}\n\t\n\t\t.remark {\n\t\t\tfont-size: 26rpx;\n\t\t}\n\t}\r\n</style>","import MiniProgramPage from '/Users/iuu/Developer/PHP/Work/cmgd/mini-app/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["reactive","ref","uni","fetchRooms","fetchBooking","fetchUnBooking","onShow","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuGC,UAAM,OAAOA,cAAAA,SAAS;AAAA,MACrB,SAAS;AAAA,MACT,KAAK;AAAA,MACL,SAAS;AAAA,IACX,CAAE;AAED,UAAM,QAAQC,kBAAI,CAAA,CAAE;AACpB,UAAM,eAAe,CAAC,WAAW;AAChC,UAAI,kBAAkB;AAEtB,cAAQ,QAAM;AAAA,QACb,KAAK;AACJ,4BAAkB;AAClB;AAAA,QACD,KAAK;AACJ,4BAAkB;AAClB;AAAA,QACD,KAAK;AACJ,4BAAkB;AAClB;AAAA,QAKD;AACC,4BAAkB;AAAA,MACnB;AACD,aAAO;AAAA,QACN,oBAAoB;AAAA,MACvB;AAAA,IACE;AAED,UAAM,mBAAmBA,cAAG,IAAC,KAAK;AAClC,UAAM,kBAAkB,CAAC,SAAS;AACjCC,oBAAY,MAAA,MAAA,OAAA,gCAAA,QAAQ,IAAI;AACxB,aAAO,OAAO,UAAU,IAAI;AAC5B,uBAAiB,QAAQ;AAAA,IACzB;AACD,UAAM,mBAAmB,MAAM;AAC9B,aAAO,OAAO,UAAU,EAAE;AAC1B,uBAAiB,QAAQ;AACzBA,oBAAAA,MAAY,MAAA,OAAA,gCAAA,IAAI;AAAA,IAClB;AAGC,UAAM,eAAeD,cAAG,IAAC,KAAK;AAC9B,UAAM,WAAWD,cAAQ,SAAC,EAAE;AAC5B,UAAM,YAAY,CAAC,SAAS;AAC3BE,oBAAY,MAAA,MAAA,OAAA,gCAAA,QAAQ,IAAI;AACxB,aAAO,OAAO,UAAU,IAAI;AAC5B,WAAK,UAAU,KAAK;AACpB,mBAAa,QAAQ;AAAA,IACrB;AACD,UAAM,eAAe,MAAM;AAC1B,aAAO,OAAO,UAAU,EAAE;AAC1B,aAAO,OAAO,MAAM;AAAA,QACnB,SAAS;AAAA,QACT,KAAK;AAAA,QACL,SAAS;AAAA,MACZ,CAAG;AACD,mBAAa,QAAQ;AACrBA,oBAAAA,mDAAY,IAAI;AAAA,IAClB;AAIC,UAAM,WAAW,MAAM;AACtBA,oBAAAA,mDAAY,IAAI;AAChBC,2BAAY,EAAC,KAAK,SAAO;AACxBD,sBAAAA,MAAY,MAAA,OAAA,gCAAA,GAAG;AACf,cAAM,QAAQ;AAAA,MACjB,CAAG;AAAA,IACD;AAGD,UAAM,WAAW,MAAM;AACtBE,gBAAAA,aAAa,IAAI,EAAE,KAAK,SAAO;AAC9BF,sBAAAA,MAAY,MAAA,OAAA,gCAAA,GAAG;AACfA,sBAAAA,MAAI,UAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QACX,CAAI;AACD,qBAAc;AACd,iBAAU;AAAA,MACb,CAAG;AAAA,IACD;AAED,UAAM,cAAc,CAAC,SAAS;AAC7BG,+BAAe;AAAA,QACd,IAAI,KAAK;AAAA,MACZ,CAAG,EAAE,KAAK,SAAO;AACdH,sBAAAA,MAAY,MAAA,OAAA,gCAAA,GAAG;AACfA,sBAAAA,MAAI,UAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QACX,CAAI;AACD,iBAAU;AAAA,MACb,CAAG;AAAA,IACD;AAED,UAAM,OAAO,MAAM;AAClBA,oBAAAA,MAAY,MAAA,OAAA,gCAAA,MAAM;AAClB,eAAU;AAAA,IACV;AAEDI,kBAAAA,OAAO,MAAM;AACZJ,oBAAAA,MAAA,MAAA,OAAA,gCAAY,WAAW;AACvB,eAAU;AAAA,IACZ,CAAE;AAEDK,kBAAAA,UAAU,MAAM;AACf;IACF,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtNF,GAAG,WAAW,eAAe;"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.js b/unpackage/dist/dev/mp-weixin/pages/index/index.js
index dae0e98..9aa76ef 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.js
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.js
@@ -131,55 +131,56 @@ const _sfc_main = {
             a: common_vendor.t(room.room_name),
             b: room.tel
           }, room.tel ? {
-            c: common_vendor.t(room.tel)
+            c: common_vendor.t(room.tel),
+            d: common_vendor.o(($event) => onShowInfoPopup(room), index)
           } : {}, {
-            d: room.remarks
+            e: room.remarks
           }, room.remarks ? {
-            e: common_vendor.t(room.remarks)
+            f: common_vendor.t(room.remarks),
+            g: common_vendor.o(($event) => onShowInfoPopup(room), index)
           } : {}, {
-            f: common_vendor.o(($event) => onShowInfoPopup(room), index),
-            g: room.status === 1
+            h: room.status === 1
           }, room.status === 1 ? {
-            h: common_vendor.o(($event) => onBooking(room), index),
-            i: "1cf27b2a-1-" + i0,
-            j: common_vendor.p({
+            i: common_vendor.o(($event) => onBooking(room), index),
+            j: "1cf27b2a-1-" + i0,
+            k: common_vendor.p({
               size: "small",
               type: "primary",
               shape: "square"
             })
           } : room.status === 2 ? {
-            l: common_vendor.o(($event) => onUnBooking(room), index),
-            m: "1cf27b2a-2-" + i0,
-            n: common_vendor.p({
+            m: common_vendor.o(($event) => onUnBooking(room), index),
+            n: "1cf27b2a-2-" + i0,
+            o: common_vendor.p({
               size: "small",
               type: "warning",
               plain: true,
               shape: "square"
             })
           } : {}, {
-            k: room.status === 2,
-            o: room.status === 3
+            l: room.status === 2,
+            p: room.status === 3
           }, room.status === 3 ? {
-            p: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)(`/pages/index/orderEdit?roomId=${room.id}`), index),
-            q: "1cf27b2a-3-" + i0,
-            r: common_vendor.p({
+            q: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)(`/pages/index/orderEdit?roomId=${room.id}`), index),
+            r: "1cf27b2a-3-" + i0,
+            s: common_vendor.p({
               size: "small",
               type: "info",
               plain: true,
               shape: "square"
             })
           } : {
-            s: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)(`/pages/index/orderAdd?roomId=${room.id}`), index),
-            t: "1cf27b2a-4-" + i0,
-            v: common_vendor.p({
+            t: common_vendor.o(($event) => common_vendor.unref(utils_helper.navigateTo)(`/pages/index/orderAdd?roomId=${room.id}`), index),
+            v: "1cf27b2a-4-" + i0,
+            w: common_vendor.p({
               size: "small",
               type: "success",
               plain: true,
               shape: "square"
             })
           }, {
-            w: index,
-            x: common_vendor.s(getRoomStyle(room.status))
+            x: index,
+            y: common_vendor.s(getRoomStyle(room.status))
           });
         }),
         e: common_vendor.t(tempRoom == null ? void 0 : tempRoom.room_name),
diff --git a/unpackage/dist/dev/mp-weixin/pages/index/index.wxml b/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
index d1ac3e5..b3a83eb 100644
--- a/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/index/index.wxml
@@ -1 +1 @@
-<view class="page-content data-v-1cf27b2a"><view class="data-v-1cf27b2a" style="{{'z-index:10000;position:sticky' + ';' + c}}"><view class="top-bar data-v-1cf27b2a"><nut-button wx:if="{{b}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{a}}" u-i="1cf27b2a-0" bind:__l="__l" u-p="{{b}}"> 新增商品订单 </nut-button></view></view><view class="room-grid data-v-1cf27b2a"><view wx:for="{{d}}" wx:for-item="room" wx:key="w" class="room-grid-item data-v-1cf27b2a" style="{{room.x}}"><view class="room-grid-card data-v-1cf27b2a"><view class="grid-item-content data-v-1cf27b2a"><view class="room-name data-v-1cf27b2a">{{room.a}}</view><view class="room-info data-v-1cf27b2a" bindtap="{{room.f}}"><view wx:if="{{room.b}}" class="room-id data-v-1cf27b2a">尾号: {{room.c}}</view><view wx:if="{{room.d}}" class="remark data-v-1cf27b2a">备注: {{room.e}}</view></view><view class="room-buttons data-v-1cf27b2a"><view wx:if="{{room.g}}" class="data-v-1cf27b2a"><nut-button wx:if="{{room.j}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.h}}" u-i="{{room.i}}" bind:__l="__l" u-p="{{room.j}}">预约</nut-button></view><view wx:elif="{{room.k}}" class="data-v-1cf27b2a"><nut-button wx:if="{{room.n}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.l}}" u-i="{{room.m}}" bind:__l="__l" u-p="{{room.n}}">取消预约</nut-button></view><view wx:if="{{room.o}}" class="data-v-1cf27b2a"><nut-button wx:if="{{room.r}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.p}}" u-i="{{room.q}}" bind:__l="__l" u-p="{{room.r}}">详情</nut-button></view><view wx:else class="data-v-1cf27b2a"><nut-button wx:if="{{room.v}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.s}}" u-i="{{room.t}}" bind:__l="__l" u-p="{{room.v}}">开台</nut-button></view></view></view></view></view></view><nut-popup wx:if="{{p}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclose="{{n}}" u-i="1cf27b2a-5" bind:__l="__l" bindupdateVisible="{{o}}" u-p="{{p}}"><view class="data-v-1cf27b2a"><view class="title data-v-1cf27b2a">{{e}}</view><nut-form class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="1cf27b2a-6,1cf27b2a-5" bind:__l="__l"><nut-form-item wx:if="{{h}}" class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="1cf27b2a-7,1cf27b2a-6" bind:__l="__l" u-p="{{h}}"><nut-input wx:if="{{g}}" class="data-v-1cf27b2a" u-i="1cf27b2a-8,1cf27b2a-7" bind:__l="__l" bindupdateModelValue="{{f}}" u-p="{{g}}"></nut-input></nut-form-item><nut-form-item wx:if="{{k}}" class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="1cf27b2a-9,1cf27b2a-6" bind:__l="__l" u-p="{{k}}"><nut-textarea wx:if="{{j}}" class="data-v-1cf27b2a" u-i="1cf27b2a-10,1cf27b2a-9" bind:__l="__l" bindupdateModelValue="{{i}}" u-p="{{j}}"></nut-textarea></nut-form-item></nut-form><view class="data-v-1cf27b2a" style="padding:0rpx 80rpx"><nut-button wx:if="{{m}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{l}}" u-i="1cf27b2a-11,1cf27b2a-5" bind:__l="__l" u-p="{{m}}"> 预约 </nut-button></view></view></nut-popup><nut-popup wx:if="{{y}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclose="{{w}}" u-i="1cf27b2a-12" bind:__l="__l" bindupdateVisible="{{x}}" u-p="{{y}}"><view class="data-v-1cf27b2a"><view class="title data-v-1cf27b2a">{{q}}</view><view class="room-info data-v-1cf27b2a"><view wx:if="{{r}}" class="room-id data-v-1cf27b2a">尾号: {{s}}</view><view wx:if="{{t}}" class="remark data-v-1cf27b2a">备注: {{v}}</view></view></view></nut-popup></view>
\ No newline at end of file
+<view class="page-content data-v-1cf27b2a"><view class="data-v-1cf27b2a" style="{{'z-index:10000;position:sticky' + ';' + c}}"><view class="top-bar data-v-1cf27b2a"><nut-button wx:if="{{b}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{a}}" u-i="1cf27b2a-0" bind:__l="__l" u-p="{{b}}"> 新增商品订单 </nut-button></view></view><view class="room-grid data-v-1cf27b2a"><view wx:for="{{d}}" wx:for-item="room" wx:key="x" class="room-grid-item data-v-1cf27b2a" style="{{room.y}}"><view class="room-grid-card data-v-1cf27b2a"><view class="grid-item-content data-v-1cf27b2a"><view class="room-name data-v-1cf27b2a">{{room.a}}</view><view class="room-info data-v-1cf27b2a"><view wx:if="{{room.b}}" class="room-id data-v-1cf27b2a" bindtap="{{room.d}}">尾号: {{room.c}}</view><view wx:if="{{room.e}}" class="remark data-v-1cf27b2a" bindtap="{{room.g}}">备注: {{room.f}}</view></view><view class="room-buttons data-v-1cf27b2a"><view wx:if="{{room.h}}" class="data-v-1cf27b2a"><nut-button wx:if="{{room.k}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.i}}" u-i="{{room.j}}" bind:__l="__l" u-p="{{room.k}}">预约</nut-button></view><view wx:elif="{{room.l}}" class="data-v-1cf27b2a"><nut-button wx:if="{{room.o}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.m}}" u-i="{{room.n}}" bind:__l="__l" u-p="{{room.o}}">取消预约</nut-button></view><view wx:if="{{room.p}}" class="data-v-1cf27b2a"><nut-button wx:if="{{room.s}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.q}}" u-i="{{room.r}}" bind:__l="__l" u-p="{{room.s}}">详情</nut-button></view><view wx:else class="data-v-1cf27b2a"><nut-button wx:if="{{room.w}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{room.t}}" u-i="{{room.v}}" bind:__l="__l" u-p="{{room.w}}">开台</nut-button></view></view></view></view></view></view><nut-popup wx:if="{{p}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclose="{{n}}" u-i="1cf27b2a-5" bind:__l="__l" bindupdateVisible="{{o}}" u-p="{{p}}"><view class="data-v-1cf27b2a"><view class="title data-v-1cf27b2a">{{e}}</view><nut-form class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="1cf27b2a-6,1cf27b2a-5" bind:__l="__l"><nut-form-item wx:if="{{h}}" class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="1cf27b2a-7,1cf27b2a-6" bind:__l="__l" u-p="{{h}}"><nut-input wx:if="{{g}}" class="data-v-1cf27b2a" u-i="1cf27b2a-8,1cf27b2a-7" bind:__l="__l" bindupdateModelValue="{{f}}" u-p="{{g}}"></nut-input></nut-form-item><nut-form-item wx:if="{{k}}" class="data-v-1cf27b2a" u-s="{{['d']}}" u-i="1cf27b2a-9,1cf27b2a-6" bind:__l="__l" u-p="{{k}}"><nut-textarea wx:if="{{j}}" class="data-v-1cf27b2a" u-i="1cf27b2a-10,1cf27b2a-9" bind:__l="__l" bindupdateModelValue="{{i}}" u-p="{{j}}"></nut-textarea></nut-form-item></nut-form><view class="data-v-1cf27b2a" style="padding:0rpx 80rpx"><nut-button wx:if="{{m}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclick="{{l}}" u-i="1cf27b2a-11,1cf27b2a-5" bind:__l="__l" u-p="{{m}}"> 预约 </nut-button></view></view></nut-popup><nut-popup wx:if="{{y}}" class="data-v-1cf27b2a" u-s="{{['d']}}" bindclose="{{w}}" u-i="1cf27b2a-12" bind:__l="__l" bindupdateVisible="{{x}}" u-p="{{y}}"><view class="data-v-1cf27b2a"><view class="title data-v-1cf27b2a">{{q}}</view><view class="room-info data-v-1cf27b2a"><view wx:if="{{r}}" class="room-id data-v-1cf27b2a">尾号: {{s}}</view><view wx:if="{{t}}" class="remark data-v-1cf27b2a">备注: {{v}}</view></view></view></nut-popup></view>
\ No newline at end of file