feat(scene): 首页场所入口跳转选择页并回显所选场景
This commit is contained in:
parent
8af15703f0
commit
cc6dec3970
|
|
@ -21,10 +21,10 @@
|
||||||
@click="goConfig"
|
@click="goConfig"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<view class="site-row" @click="goConfig">
|
<view class="site-row" @click="goSceneSelect">
|
||||||
<view class="site-left">
|
<view class="site-left">
|
||||||
<up-icon name="list" size="18" color="#26c996" />
|
<up-icon name="list" size="18" color="#26c996" />
|
||||||
<text class="site-text">请选择场所</text>
|
<text class="site-text">{{ sceneName || '请选择场所' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<up-icon name="arrow-right" size="14" color="#26c996" />
|
<up-icon name="arrow-right" size="14" color="#26c996" />
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -42,14 +42,28 @@
|
||||||
<script>
|
<script>
|
||||||
import { ROUTES } from '@/constants/routes'
|
import { ROUTES } from '@/constants/routes'
|
||||||
import { navigateTo } from '@/utils/navigation'
|
import { navigateTo } from '@/utils/navigation'
|
||||||
|
import { getCurrentScene } from '@/store/scene'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
noticeText: '点击选择场所后可进入设备配置流程'
|
noticeText: '点击选择场所后可进入设备配置流程',
|
||||||
|
sceneName: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onShow() {
|
||||||
|
this.refreshScene()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 从全局场景状态刷新回显文案。
|
||||||
|
refreshScene() {
|
||||||
|
const scene = getCurrentScene()
|
||||||
|
this.sceneName = scene ? scene.name : ''
|
||||||
|
},
|
||||||
|
// 进入场景选择页。
|
||||||
|
goSceneSelect() {
|
||||||
|
navigateTo(ROUTES.SCENE_SELECT)
|
||||||
|
},
|
||||||
// 进入设备添加页(后续会承接蓝牙配网流程入口)。
|
// 进入设备添加页(后续会承接蓝牙配网流程入口)。
|
||||||
goAdd() {
|
goAdd() {
|
||||||
navigateTo(ROUTES.DEVICE_ADD)
|
navigateTo(ROUTES.DEVICE_ADD)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue