From 8af15703f00a6ea81c88f3a91c8fcd7384c0dd29 Mon Sep 17 00:00:00 2001
From: ozh <sylphy.ou@tfegroup.com.hk>
Date: Tue, 18 Aug 2026 17:30:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(scene):=20=E6=96=B0=E5=A2=9E=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF=E9=80=89=E6=8B=A9=E9=A1=B5=EF=BC=88=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD/=E9=94=99=E8=AF=AF=E9=87=8D=E8=AF=95/?=
 =?UTF-8?q?=E7=82=B9=E9=80=89=E8=BF=94=E5=9B=9E=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/scene/select.vue | 119 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 119 insertions(+)
 create mode 100644 pages/scene/select.vue

diff --git a/pages/scene/select.vue b/pages/scene/select.vue
new file mode 100644
index 0000000..1066980
--- /dev/null
+++ b/pages/scene/select.vue
@@ -0,0 +1,119 @@
+<!-- 场景选择页：加载场景列表，点选后保存并返回首页 -->
+<template>
+  <view class="page page-base">
+    <up-navbar title="选择场所" :fixed="false" :safe-area-inset-top="true" :border="false" />
+
+    <view v-if="loading" class="state-wrap">
+      <up-loading-icon mode="circle" size="48" text="加载中..." />
+    </view>
+
+    <view v-else-if="loadError" class="state-wrap">
+      <up-empty mode="error" text="加载失败，请检查网络" />
+      <up-button type="success" shape="circle" text="重试" class="retry-btn" @click="loadScenes" />
+    </view>
+
+    <view v-else-if="sceneList.length === 0" class="state-wrap">
+      <up-empty mode="list" text="暂无场景" />
+    </view>
+
+    <view v-else class="scene-list">
+      <view
+        v-for="scene in sceneList"
+        :key="scene.id"
+        class="scene-item"
+        :class="{ 'scene-item--active': scene.id === currentSceneId }"
+        @click="selectScene(scene)"
+      >
+        <text class="scene-name">{{ scene.name }}</text>
+        <up-icon
+          :name="scene.id === currentSceneId ? 'checkmark' : 'arrow-right'"
+          :size="scene.id === currentSceneId ? '16' : '14'"
+          :color="scene.id === currentSceneId ? '#26c996' : '#c0c4cc'"
+        />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getSceneList } from '@/api/scene'
+import { getCurrentScene, setCurrentScene } from '@/store/scene'
+import { navigateBack } from '@/utils/navigation'
+
+export default {
+  data() {
+    return {
+      loading: true,
+      loadError: false,
+      sceneList: [],
+      currentSceneId: getCurrentScene()?.id ?? null
+    }
+  },
+  onLoad() {
+    this.loadScenes()
+  },
+  methods: {
+    // 拉取场景列表；失败时切换错误态供重试，toast 由请求封装统一弹出。
+    async loadScenes() {
+      this.loading = true
+      this.loadError = false
+      try {
+        this.sceneList = (await getSceneList()) || []
+      } catch (error) {
+        this.loadError = true
+      } finally {
+        this.loading = false
+      }
+    },
+    // 选中场景：保存后返回，首页 onShow 回显。
+    selectScene(scene) {
+      setCurrentScene(scene)
+      navigateBack()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/styles/common.css';
+
+.state-wrap {
+  margin-top: 120rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.retry-btn {
+  margin-top: 40rpx;
+  width: 240rpx;
+}
+
+.scene-list {
+  margin-top: 20rpx;
+}
+
+.scene-item {
+  height: 104rpx;
+  padding: 0 32rpx;
+  margin-bottom: 2rpx;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.scene-item--active {
+  background: #e9fff3;
+}
+
+.scene-name {
+  font-size: 32rpx;
+  color: #222;
+  font-weight: 600;
+}
+
+.scene-item--active .scene-name {
+  color: #26c996;
+}
+</style>