feat：蓝牙绑定和在线客服

src/pages/device/home-manage/detail/index.vue

@@ -0,0 +1,62 @@
+<template>
+  <view class="home-manage-page">
+    <app-navbar title="家庭管理" />
+
+    <scroll-view class="home-manage-page__scroll" scroll-y>
+      <view class="home-manage-page__body">
+        <text class="home-manage-page__summary">{{ summaryText }}</text>
+
+        <view class="home-manage-page__list">
+          <view class="home-manage-page__item" @tap="onOpenNameDialog">
+            <text class="home-manage-page__title">家庭名称</text>
+            <image
+              class="home-manage-page__arrow"
+              :src="staticAssets.iconChevronLeft"
+              mode="aspectFit"
+            />
+          </view>
+
+          <view class="home-manage-page__divider" />
+
+          <view class="home-manage-page__item" @tap="onOpenLocation">
+            <view class="home-manage-page__location">
+              <text class="home-manage-page__title">家庭位置</text>
+              <text v-if="homeAddress" class="home-manage-page__desc">{{ homeAddress }}</text>
+            </view>
+            <image
+              class="home-manage-page__arrow"
+              :src="staticAssets.iconChevronLeft"
+              mode="aspectFit"
+            />
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+
+    <home-name-dialog
+      v-model:visible="nameDialogVisible"
+      :value="homeName"
+      @confirm="onConfirmHomeName"
+    />
+  </view>
+</template>
+
+<script setup lang="ts">
+import { staticAssets } from '@/utils/static-assets'
+import HomeNameDialog from '../components/home-name-dialog/index.vue'
+import { useHomeManage } from '../use-home-manage'
+
+const {
+  homeName,
+  homeAddress,
+  summaryText,
+  nameDialogVisible,
+  onOpenNameDialog,
+  onConfirmHomeName,
+  onOpenLocation,
+} = useHomeManage()
+</script>
+
+<style lang="scss" scoped>
+@import '../home-manage.scss';
+</style>