From 42298eace3e33eed8cf95c32cf4866d5feba6cda Mon Sep 17 00:00:00 2001
From: kaijierepo <18258393397m@sina.cn>
Date: Sun, 14 Dec 2025 20:29:59 +0800
Subject: [PATCH] feature: room manage

---
 src/pages.json                   |   8 +
 src/pages/store/img/bookroom.png | Bin 0 -> 4731 bytes
 src/pages/store/img/device.png   | Bin 0 -> 5520 bytes
 src/pages/store/img/renew.png    | Bin 0 -> 4915 bytes
 src/pages/store/img/room.png     | Bin 0 -> 2751 bytes
 src/pages/store/room-manage.vue  | 190 ++++++++++++++++
 src/pages/store/store.vue        | 380 +++++++------------------------
 7 files changed, 276 insertions(+), 302 deletions(-)
 create mode 100644 src/pages/store/img/bookroom.png
 create mode 100644 src/pages/store/img/device.png
 create mode 100644 src/pages/store/img/renew.png
 create mode 100644 src/pages/store/img/room.png
 create mode 100644 src/pages/store/room-manage.vue

diff --git a/src/pages.json b/src/pages.json
index 51547ba..6c5d206 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -199,6 +199,14 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/store/room-manage",
+      "type": "page",
+      "layout": "default",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/store/store",
       "type": "page",
diff --git a/src/pages/store/img/bookroom.png b/src/pages/store/img/bookroom.png
new file mode 100644
index 0000000000000000000000000000000000000000..d80eac71f7fefc070a2339bac9b8e6a77f019ea6
GIT binary patch
literal 4731
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

literal 0
HcmV?d00001

diff --git a/src/pages/store/img/device.png b/src/pages/store/img/device.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ee7e5d1eafed21311fa997bc6bd5be1a02c19b4
GIT binary patch
literal 5520
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
Sv^kyt0000<MNUMnLSTY=v_w1r

literal 0
HcmV?d00001

diff --git a/src/pages/store/img/renew.png b/src/pages/store/img/renew.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a92e3c0c02617257aa362aae114dec0d0edd176
GIT binary patch
literal 4915
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

literal 0
HcmV?d00001

diff --git a/src/pages/store/img/room.png b/src/pages/store/img/room.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ea0c080e86eb48331720ec31e72453100389649
GIT binary patch
literal 2751
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

literal 0
HcmV?d00001

diff --git a/src/pages/store/room-manage.vue b/src/pages/store/room-manage.vue
new file mode 100644
index 0000000..d8cf917
--- /dev/null
+++ b/src/pages/store/room-manage.vue
@@ -0,0 +1,190 @@
+<route lang="jsonc" type="page">
+{
+  "layout": "default",
+  "style": {
+    "navigationStyle": "custom"
+  }
+}
+</route>
+
+<script lang="ts" setup>
+import { router } from '@/utils/tools'
+
+const OSS = inject('OSS')
+const navbarHeight = inject('navbarHeight')
+
+// 房间状态枚举
+enum RoomStatus {
+  AVAILABLE = 'available', // 空闲中 - 绿色
+  CLEANING = 'cleaning', // 待打扫 - 蓝色/橙色
+  MAINTENANCE = 'maintenance', // 维护中 - 红色
+  IN_USE = 'in_use', // 使用中 - 蓝色
+}
+
+// 房间状态配置
+const statusConfig = {
+  [RoomStatus.AVAILABLE]: {
+    text: '空闲中',
+    color: '#4C9F44', // 绿色
+  },
+  [RoomStatus.CLEANING]: {
+    text: '待打扫',
+    color: '#1890FF', // 蓝色
+  },
+  [RoomStatus.MAINTENANCE]: {
+    text: '维护中',
+    color: '#F65353', // 红色
+  },
+  [RoomStatus.IN_USE]: {
+    text: '使用中',
+    color: '#1890FF', // 蓝色
+  },
+}
+
+// Mock 房间数据
+const roomList = ref([
+  {
+    id: 1,
+    name: '对月',
+    type: '榻榻米',
+    image: `${OSS}images/room1.jpg`, // Mock图片，实际需要替换
+    status: RoomStatus.AVAILABLE,
+  },
+  {
+    id: 2,
+    name: '听雨',
+    type: '榻榻米',
+    image: `${OSS}images/room2.jpg`,
+    status: RoomStatus.CLEANING,
+  },
+  {
+    id: 3,
+    name: '观星',
+    type: '榻榻米',
+    image: `${OSS}images/room3.jpg`,
+    status: RoomStatus.MAINTENANCE,
+  },
+  {
+    id: 4,
+    name: '品茶',
+    type: '榻榻米',
+    image: `${OSS}images/room4.jpg`,
+    status: RoomStatus.CLEANING,
+  },
+  {
+    id: 5,
+    name: '静心',
+    type: '榻榻米',
+    image: `${OSS}images/room5.jpg`,
+    status: RoomStatus.IN_USE,
+  },
+])
+
+const RoomManage = {
+  /**
+   * 点击房间卡片
+   */
+  handleClickRoom: (room: any) => {
+    router.navigateTo(`/pages/store/room-detail?id=${room.id}`)
+  },
+
+  /**
+   * 点击编辑房间图片
+   */
+  handleEditImage: (room: any, event: any) => {
+    event.stopPropagation()
+    // TODO: 实现编辑房间图片功能
+    console.log('编辑房间图片:', room.id)
+  },
+
+  /**
+   * 点击更多选项
+   */
+  handleMore: () => {
+    // TODO: 实现更多选项功能
+    console.log('更多选项')
+  },
+
+  /**
+   * 点击目标图标
+   */
+  handleTarget: () => {
+    // TODO: 实现目标功能
+    console.log('目标功能')
+  },
+}
+
+/**
+ * 获取状态配置
+ */
+function getStatusConfig(status: RoomStatus) {
+  return statusConfig[status] || statusConfig[RoomStatus.AVAILABLE]
+}
+</script>
+
+<template>
+  <view>
+    <!-- 导航栏 -->
+    <view>
+      <navbar title="包间管理" custom-class="!bg-white" />
+    </view>
+
+    <!-- 房间列表 -->
+    <view class="px-30rpx pb-40rpx pt-30rpx">
+      <view class="grid grid-cols-2 gap-24rpx">
+        <view
+          v-for="room in roomList"
+          :key="room.id"
+          class="flex flex-col overflow-hidden rounded-16rpx bg-white"
+          @click="RoomManage.handleClickRoom(room)"
+        >
+          <!-- 房间图片 -->
+          <view class="relative aspect-[4/3] w-full">
+            <wd-img width="100%" height="100%" :src="room.image" mode="aspectFill" />
+            <!-- 编辑图标覆盖层 -->
+            <view
+              class="absolute right-16rpx top-16rpx h-48rpx w-48rpx flex items-center justify-center rounded-24rpx bg-black bg-opacity-40"
+              @click.stop="RoomManage.handleEditImage(room, $event)"
+            >
+              <wd-icon name="edit" size="16px" color="#fff" />
+            </view>
+          </view>
+
+          <!-- 房间信息 -->
+          <view class="flex flex-col p-24rpx">
+            <!-- 房间名称 -->
+            <view class="mb-0rpx text-center text-28rpx text-[#303133] leading-40rpx">
+              {{ room.name }} ({{ room.type }})
+            </view>
+
+            <!-- 状态指示器 -->
+            <view class="flex items-baseline justify-center align-middle">
+              <!-- 状态点 -->
+              <view
+                class="mr-8rpx h-12rpx w-12rpx flex-shrink-0 rounded-full"
+                :style="{ backgroundColor: getStatusConfig(room.status).color }"
+              />
+              <!-- 状态文字 -->
+              <view
+                class="text-24rpx text-[#303133] leading-34rpx"
+                :style="{ color: getStatusConfig(room.status).color }"
+              >
+                {{ getStatusConfig(room.status).text }}
+              </view>
+              <!-- 右箭头 -->
+              <view class="ml-8rpx">
+                <wd-icon name="arrow-right" size="12px" :color="getStatusConfig(room.status).color" />
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss">
+page {
+  background: #f6f7f8;
+}
+</style>
diff --git a/src/pages/store/store.vue b/src/pages/store/store.vue
index 8a4d2bd..227ebe6 100644
--- a/src/pages/store/store.vue
+++ b/src/pages/store/store.vue
@@ -1,338 +1,114 @@
 <route lang="jsonc" type="page">
-	{
-		"layout": "tabbar",
-		"style": {
-			"navigationStyle": "custom"
-		}
-	}
+{
+  "layout": "tabbar",
+  "style": {
+    "navigationStyle": "custom"
+  }
+}
 </route>
 
 <script lang="ts" setup>
-import type { IUserResult } from '@/api/types/user'
-import { getUserInfo } from '@/api/user'
-import { useUserStore } from '@/store'
 import { router } from '@/utils/tools'
-import headerBgImg from './img/bg.png'
-import modifyBgImg from './img/modify.png'
-import editIconImg from './img/修改 (1).png'
-import defaultAvatarImg from './img/头像.png'
-import playIconImg from './img/播放 (5).png'
+import bookroomImg from './img/bookroom.png'
+import deviceImg from './img/device.png'
+import renewImg from './img/renew.png'
+import roomImg from './img/room.png'
 
 const OSS = inject('OSS')
 const navbarHeight = inject('navbarHeight')
-const rightPadding = inject('capsuleOffset')
 
 // 本地图片资源
-const defaultAvatar = defaultAvatarImg as string
-const editIcon = editIconImg as string
-const playIcon = playIconImg as string
-const headerBg = headerBgImg as string
-const modifyBg = modifyBgImg as string
+const roomIcon = roomImg as string
+const deviceIcon = deviceImg as string
+const bookroomIcon = bookroomImg as string
+const renewIcon = renewImg as string
 
-// 调试：检查背景图片路径
-console.log('headerBg:', headerBg)
-
-// 登录信息相关
-const user = ref<IUserResult>({
-  id: 0,
-  sn: 0,
-  sex: '未知',
-  account: '',
-  nickname: '',
-  real_name: '',
-  avatar: '',
-  collect_count: 0,
-  coupon_count: 0,
-  create_time: '',
-  has_auth: false,
-  has_password: false,
-  member: 0,
-  mobile: '',
-  user_money: '0.00',
-  version: '',
-})
-const isLogin = ref<boolean>(false)
-
-// 客服电话
-const showServiceMobile = ref<boolean>(false)
-const sheetMenu = ref<{ name: string }[]>([])
-
-// 门店信息
-const storeInfo = ref({
-  douyin_uid: '236598984587',
-  address: '上海浦东新区新金桥路58号新银东大厦 15楼F室',
-  business_hours: '08:00-22:00',
-  contact_phone: '021-8888888',
-})
-
-// 门店媒体列表（视频/图片）
-const storeMediaList = ref([
-  { type: 'video', url: `${OSS}images/my/store_video_thumb.jpg`, overlay: null },
-  { type: 'image', url: `${OSS}images/my/store_image1.jpg`, overlay: null },
-  { type: 'image', url: `${OSS}images/my/store_image2.jpg`, overlay: null },
-  { type: 'image', url: `${OSS}images/my/store_image3.jpg`, overlay: null },
-  { type: 'image', url: `${OSS}images/my/store_image4.jpg`, overlay: null },
-  { type: 'image', url: `${OSS}images/my/store_image5.jpg`, overlay: 8 },
+// 功能卡片数据
+const storeMenus = ref([
+  {
+    id: 1,
+    title: '包间管理',
+    icon: roomIcon,
+    path: '/pages/store/room-manage',
+  },
+  {
+    id: 2,
+    title: '设备控制',
+    icon: deviceIcon,
+    path: '/pages/store/device',
+  },
+  {
+    id: 3,
+    title: '包间预定',
+    icon: bookroomIcon,
+    path: '/pages/store/bookroom',
+  },
+  {
+    id: 4,
+    title: '订单续订',
+    icon: renewIcon,
+    path: '/pages/store/renew',
+  },
 ])
 
-// 格式化账号显示（152****3412格式）
-function formatAccount(account: string) {
-  if (!account)
-    return ''
-  if (account.length <= 7)
-    return account
-  return `${account.substring(0, 3)}****${account.substring(account.length - 4)}`
-}
-
-onShow(() => {
-  const userStore = useUserStore()
-  isLogin.value = userStore.isLoggedIn
-  console.log('🚀 ~ isLogin.value:', 1)
-  if (isLogin.value) {
-    console.log('🚀 ~ isLogin.value:', 3)
-    // 获取用户详情信息接口
-    getUserInfo().then((res) => {
-      user.value = res
-    })
-  }
-  else {
-    console.log('🚀 ~ isLogin.value:', 4)
-    Object.keys(user.value).forEach((key) => {
-      user.value[key] = ''
-    })
-  }
-})
-
-onLoad(() => {
-  uni.$on('clearUser', () => {
-    console.log('🚀 ~ isLogin.value:', 2)
-
-    const userStore = useUserStore()
-    isLogin.value = userStore.isLoggedIn
-
-    Object.keys(user.value).forEach((key) => {
-      user.value[key] = ''
-    })
-  })
-})
-
-onUnload(() => {
-  uni.$off('clearUser')
-})
-
-const My = {
-  // 跳转到个人信息
-  handleToProfile: () => {
-    if (!isLogin.value) {
-      router.navigateTo('/pages/my/profile')
-    }
-    else {
-      router.navigateTo('/pages/login/login')
-    }
+const Store = {
+  /**
+   * 点击功能卡片
+   */
+  handleClickMenu: (item: any) => {
+    router.navigateTo(item.path)
   },
 
-  // 点击显示客服电话
-  handleShowService: () => {
-    showServiceMobile.value = true
-    sheetMenu.value = [
-      { name: '400-800-8888' },
-    ]
+  /**
+   * 点击更多选项
+   */
+  handleMore: () => {
+    // TODO: 实现更多选项功能
+    console.log('更多选项')
   },
 
-  // 选择菜单-拨打客服电话
-  handleSelectMenu: (item: any) => {
-    uni.makePhoneCall({
-      phoneNumber: item.item.name,
-    })
-  },
-
-  // 跳转到设置页面
-  handleToSettings: () => {
-    // TODO: 跳转到设置页面
-    console.log('跳转到设置页面')
-  },
-
-  // 编辑门店信息
-  handleEditStore: () => {
-    // TODO: 编辑门店信息
-    console.log('编辑门店信息')
-  },
-
-  // 预览媒体（视频/图片）
-  handlePreviewMedia: (index: number) => {
-    const item = storeMediaList.value[index]
-    if (item.type === 'video') {
-      // TODO: 播放视频
-      console.log('播放视频', item.url)
-    }
-    else {
-      // 预览图片
-      const urls = storeMediaList.value
-        .filter(i => i.type === 'image' && !i.overlay)
-        .map(i => i.url)
-      uni.previewImage({
-        current: index,
-        urls,
-      })
-    }
+  /**
+   * 点击目标图标
+   */
+  handleTarget: () => {
+    // TODO: 实现目标功能
+    console.log('目标功能')
   },
 }
 </script>
 
 <template>
   <view>
-    <view class="home-bg fixed left-0 top-0 w-[100%]" :style="{ backgroundImage: headerBg ? `url('${headerBg}')` : 'none' }">
-      <wd-navbar safe-area-inset-top :bordered="false" custom-style="background-color: transparent !important;">
-        <template #left>
-          <view class="ml-16rpx flex items-center" @click="My.handleToSettings" />
-        </template>
-        <template #right>
-          <view class="right-slot mr-16rpx flex">
-            <view class="mr-16rpx flex flex-col" @click="My.handleShowService">
-              <wd-icon name="setting" color="#fff" size="16px" />
-            </view>
-          </view>
-        </template>
-      </wd-navbar>
+    <!-- 导航栏 -->
+    <view>
+      <navbar title="门店管理" custom-class="!bg-white" />
     </view>
 
-    <view class="pb-0rpx" :style="{ paddingTop: `${navbarHeight}px` }">
-      <!-- 账号昵称显示 -->
-      <view class="user-info-bg relative z-10 ml-30rpx mr-30rpx flex items-center" :style="{ backgroundImage: headerBg ? `url('${headerBg}')` : 'none' }">
-        <view class="relative z-10">
-          <wd-img width="120rpx" height="120rpx" :src="(isLogin && user.avatar) ? user.avatar : defaultAvatar" mode="aspectFill" round />
-        </view>
-        <view class="relative z-10 ml-22rpx flex flex-1 items-center justify-between">
-          <view class="flex-1" @click="My.handleToProfile">
-            <view class="ml-8rpx flex items-center text-36rpx leading-50rpx" style="color: #fff;">
-              {{ isLogin ? user.nickname : '立即登录' }}
-              <wd-icon v-if="isLogin" name="arrow-right" size="24rpx" color="#fff" class="ml-8rpx" />
-            </view>
-            <view v-if="isLogin" class="ml-8rpx mt-8rpx text-24rpx leading-34rpx" style="color: #fff;">
-              账号: {{ formatAccount(user.account || user.mobile) }}
-            </view>
+    <!-- 功能卡片网格 -->
+    <view class="px-30rpx pt-40rpx">
+      <view class="grid grid-cols-2 gap-30rpx">
+        <view
+          v-for="item in storeMenus"
+          :key="item.id"
+          class="flex flex-col items-center rounded-16rpx bg-white p-40rpx"
+          @click="Store.handleClickMenu(item)"
+        >
+          <!-- 图标区域 -->
+          <view class="mb-24rpx h-160rpx w-160rpx flex items-center justify-center rounded-16rpx bg-[#F0F9FF]">
+            <wd-img width="120rpx" height="120rpx" :src="item.icon" mode="aspectFit" />
           </view>
-          <view class="relative ml-20rpx" @click="router.navigateTo('/bundle/wallet/wallet')">
-            <view class="h-148rpx w-300rpx">
-              <wd-img width="100%" height="100%" :src="`${OSS}images/my/my_image3.png`" mode="aspectFill" />
-            </view>
-            <view class="absolute bottom-12rpx left-24rpx">
-              <view class="flex items-center">
-                <view class="text-30rpx text-[#303133] font-bold leading-36rpx">
-                  ￥{{ isLogin ? user.user_money : '0.00' }}
-                </view>
-              </view>
-              <view class="ml-0rpx mt-4rpx text-20rpx text-[#909399] leading-28rpx">
-                钱包余额
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 门店信息区域 -->
-      <view class="store-info-card mt-28rpx bg-white py-30rpx pl-30rpx">
-        <view class="mb-24rpx text-32rpx text-[#303133] font-bold leading-44rpx">
-          门店茶址24小时智能茶室(中新店)地址
-        </view>
-        <view class="mb-16rpx flex items-center text-24rpx text-[#606266] leading-40rpx">
-          <text class="w-140rpx">抖音uid:</text>
-          <text class="flex-1 text-[#000]">{{ storeInfo.douyin_uid || '236598984587' }}</text>
-        </view>
-        <view class="mb-16rpx flex items-center text-24rpx text-[#606266] leading-40rpx">
-          <text class="w-140rpx">门店地址:</text>
-          <text class="flex-1 text-[#000]">{{ storeInfo.address || '上海浦东新区新金桥路58号新银东大厦 15楼F室' }}</text>
-        </view>
-        <view class="relative mb-16rpx flex items-center">
-          <view class="flex items-center text-24rpx text-[#606266] leading-40rpx">
-            <text class="w-140rpx">营业时间:</text>
-            <text class="flex-1 text-[#000]">{{ storeInfo.business_hours || '08:00-22:00' }}</text>
-          </view>
-          <view class="modify-btn absolute right-0 flex items-center px-20rpx py-8rpx" :style="{ backgroundImage: modifyBg ? `url('${modifyBg}')` : 'none' }" @click="My.handleEditStore">
-            <wd-img width="24rpx" height="24rpx" :src="editIcon" class="mr-8rpx" />
-            <text class="text-24rpx text-[#fff]">修改</text>
-          </view>
-        </view>
-        <view class="flex items-center text-24rpx text-[#606266] leading-40rpx">
-          <text class="w-140rpx">联系电话:</text>
-          <text class="flex-1 text-[#000]">{{ storeInfo.contact_phone || '021-8888888' }}</text>
-        </view>
-      </view>
-
-      <!-- 门店视频/图片区域 -->
-      <view class="bg-white px-30rpx">
-        <view class="mb-24rpx text-32rpx text-[#303133] font-bold leading-44rpx">
-          门店视频/图片
-        </view>
-        <view class="grid grid-cols-3 gap-16rpx">
-          <view
-            v-for="(item, index) in storeMediaList"
-            :key="index"
-            class="relative aspect-square w-full overflow-hidden rounded-8rpx"
-            @click="My.handlePreviewMedia(index)"
-          >
-            <wd-img
-              width="100%"
-              height="100%"
-              :src="item.url"
-              mode="aspectFill"
-            />
-            <!-- 视频播放图标 -->
-            <view v-if="item.type === 'video'" class="absolute inset-0 flex items-center justify-center">
-              <wd-img width="60rpx" height="60rpx" :src="playIcon" />
-            </view>
-            <!-- +8 遮罩 -->
-            <view v-if="item.overlay" class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-50">
-              <text class="text-32rpx text-[#fff] font-bold">+{{ item.overlay }}</text>
-            </view>
+          <!-- 标题 -->
+          <view class="text-30rpx text-[#303133] leading-42rpx">
+            {{ item.title }}
           </view>
         </view>
       </view>
     </view>
-
-    <!-- 客服电话 -->
-    <wd-action-sheet v-model="showServiceMobile" :actions="sheetMenu" cancel-text="取消" @close="showServiceMobile = false" @select="My.handleSelectMenu" />
   </view>
 </template>
 
 <style lang="scss">
-	page {
-  background: #fff;
-}
-
-.home-bg {
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: top center;
-  min-height: 450rpx;
-}
-
-.user-info-bg {
-  background-size: 100% auto;
-  background-repeat: no-repeat;
-  background-position: top center;
-  padding-top: 20rpx;
-  padding-bottom: 20rpx;
-  min-height: 200rpx;
-}
-
-.store-info-card {
-  position: relative;
-  z-index: 10;
-  border-radius: 32rpx 32rpx 0 0;
-}
-
-.modify-btn {
-  position: absolute;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center;
-  min-width: 160rpx;
-  height: 90rpx;
-  justify-content: space-around;
-}
-
-.right-slot {
-  padding-right: v-bind(rightPadding);
+page {
+  background: #f6f7f8;
 }
 </style>