setCarrier.vue
1.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!-- 系统设置 容器页面 -->
<template>
<!-- end -->
<view class="userContainer">
<DetailsNav :title="title"></DetailsNav>
<!-- 换绑手机 -->
<!-- <CarInfo v-if="type == 'phone'" ></CarInfo> -->
<ChangePhon v-if="type == 'phone'" class="" />
<!-- 修改密码 -->
<ChangePass v-if="type == 'pass'" />
<!-- 消息通知设置-->
<!-- <SystmSet v-if="type == 'setMessage'" ></SystmSet> -->
<view v-if="type == 'setMessage'" class="setMessage">
<view class="desc"> <text>开启后，有新的任务通知你</text> </view>
<view class="set">
<text>允许给我推送任务通知</text>
<switch :checked='isMessage' color="#EF4F3F" @change="switchChange" />
</view>
</view>
</view>
<!-- end -->
</template>
<script setup>
import { ref, onMounted } from 'vue';
import { useStore } from 'vuex';
// 导航
import DetailsNav from '@/components/DetailsNav/index.vue';
import ChangePhon from './components/ChangePhon.vue';
import ChangePass from './components/ChangePass.vue';
// ------定义变量------
const store = useStore(); //vuex获取储存数据
const title = ref('车辆信息')
const type = ref('')
const isMessage = ref(true) // 是否允许消息通知
// 初始化信息
onMounted(() => {
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1].$page.options;
type.value = currentPage.type
title.value = currentPage.title
isMessage.value = store.state.isMessage
});
// 更改状态
const switchChange = function (e) {
// 全局报错
store.commit('setIsMessage', e.detail.value);
// 更新当前组件状态
isMessage.value = e.detail.value
}
</script>
<style lang="scss" scoped>
.setMessage{
padding-top: 40rpx;
.desc{
font-weight: 400;
font-size: 14px;
color: #818181;
padding: 20rpx 44rpx;
}
.set{
display: flex;
justify-content: space-between;
background-color: #ffffff;
font-weight: 400;
font-size: 16px;
padding: 30rpx 44rpx;
line-height: 64rpx;
color: #2A2929;
}
}
</style>