settings.vue 9.5 KB
Newer Older
芊里 已提交
1
<template>
L
23  
linju 已提交
2
	<view class="content">
3
		<!-- 功能列表 -->
DCloud_JSON's avatar
DCloud_JSON 已提交
4
		<uni-list class="mt10" :border="false">
5 6
			<uni-list-item :title="$t('settings.userInfo')" to="/pages/ucenter/userinfo/userinfo" link="navigateTo"></uni-list-item>
			<uni-list-item v-if="userInfo.mobile" :title="$t('settings.changePassword')" :to="'/pages/ucenter/login-page/pwd-retrieve/pwd-retrieve?phoneNumber='+ userInfo.mobile" link="navigateTo"></uni-list-item>
DCloud_JSON's avatar
DCloud_JSON 已提交
7
		</uni-list>
8
		<uni-list class="mt10" :border="false">
DCloud_JSON's avatar
DCloud_JSON 已提交
9
		<!-- #ifndef H5 -->
10 11
			<!-- #ifdef APP-PLUS -->
			<!-- 检查push过程未结束不显示,push设置项 -->
12
			<uni-list-item :title="$t('settings.clearTmp')" @click="clearTmp" link></uni-list-item>
13
			<uni-list-item v-show="pushIsOn != 'wait'" :title="$t('settings.pushServer')" @click.native="pushIsOn?pushServer.off():pushServer.on()"  showSwitch :switchChecked="pushIsOn"></uni-list-item>
14
			<!-- #endif -->
15 16
			<uni-list-item v-if="supportMode.includes('fingerPrint')" :title="$t('settings.fingerPrint')" @click.native="startSoterAuthentication('fingerPrint')" link></uni-list-item>
			<uni-list-item v-if="supportMode.includes('facial')" :title="$t('settings.facial')" @click="startSoterAuthentication('facial')" link></uni-list-item>
17
		<!-- #endif -->
18
			<uni-list-item :title="$t('settings.changeLanguage')" @click="changeLanguage" :rightText="currentLanguage" link></uni-list-item>
DCloud_JSON's avatar
DCloud_JSON 已提交
19
		</uni-list>
20 21 22 23
		
		<uni-list class="mt10" :border="false">
			<uni-list-item @click="deactivate" :title="$t('settings.deactivate')" link="navigateTo"></uni-list-item>
		</uni-list>
DCloud_JSON's avatar
重构  
DCloud_JSON 已提交
24
		
DCloud_JSON's avatar
DCloud_JSON 已提交
25
		<!-- 退出/登录 按钮 -->
L
23  
linju 已提交
26
		<view class="bottom-back" @click="clickLogout">
27 28
			<text class="bottom-back-text" v-if="hasLogin">{{$t('settings.logOut')}}</text>
			<text class="bottom-back-text" v-else>{{$t('settings.login')}}</text>
L
23  
linju 已提交
29
		</view>
芊里 已提交
30 31 32 33
	</view>
</template>

<script>
34
	import pushServer from './dc-push/push.js';
L
23  
linju 已提交
35 36 37 38
	import {
		mapMutations,
		mapGetters
	} from 'vuex';
芊里 已提交
39 40
	export default {
		data() {
DCloud_JSON's avatar
DCloud_JSON 已提交
41
			return {
42
				pushServer:pushServer,
43
				supportMode:[],
44
				pushIsOn:"wait",
45
				currentLanguage:""
芊里 已提交
46
			}
L
23  
linju 已提交
47 48 49
		},
		computed: {
			...mapGetters({
50
				'userInfo': 'user/info',
51
				'hasLogin': 'user/hasLogin',
52
			})
芊里 已提交
53
		},
54 55
		onLoad() {
			this.currentLanguage = uni.getStorageSync('CURRENT_LANG') == "en"?'English':'简体中文'
56 57 58 59
			
			uni.setNavigationBarTitle({
				title: this.$t('settings.navigationBarTitle')
			})
60 61 62 63 64 65 66
			// #ifdef APP-PLUS || MP-WEIXIN
			uni.checkIsSupportSoterAuthentication({
				success: (res) => {
					console.log(res);
					this.supportMode = res.supportMode
				},
				fail: (err) => {
67
					console.log(err);
68 69
				}
			})
70
			// #endif
芊里 已提交
71
		},
72 73 74 75
		onShow() {
			// 检查手机端获取推送是否开启
			//#ifdef APP-PLUS
			setTimeout(()=>{
76 77
				this.pushIsOn = pushServer.isOn();
			},300)
DCloud_JSON's avatar
重构  
DCloud_JSON 已提交
78
			//#endif
芊里 已提交
79 80 81 82
		},
		methods: {
			...mapMutations({
				logout: 'user/logout'
L
23  
linju 已提交
83 84 85
			}),
			toEdit() {
				uni.navigateTo({
86
					url: '/pages/ucenter/userinfo/userinfo'
L
23  
linju 已提交
87
				});
88 89 90 91 92
			},
			deactivate(){
				uni.navigateTo({
					url:"/pages/ucenter/settings/deactivate/deactivate"
				})
L
23  
linju 已提交
93 94 95
			},
			changePwd() {
				uni.navigateTo({
96
					url: '/pages/ucenter/login-page/pwd-retrieve/pwd-retrieve?phoneNumber='
97
						+ (this.userInfo && this.userInfo.mobile ? this.userInfo.mobile : ''),
L
23  
linju 已提交
98 99 100 101 102 103 104
					fail: err => {
						console.log(err);
					}
				});
			},
			/**
			 * 开始生物认证
芊里 已提交
105
			 */
DCloud_JSON's avatar
DCloud_JSON 已提交
106
			startSoterAuthentication(checkAuthMode) {
107
				console.log(checkAuthMode);
108
				let title = {"fingerPrint":this.$t('settings.fingerPrint'),"facial":this.$t('settings.facial')}[checkAuthMode]
L
23  
linju 已提交
109
				// 检查是否开启认证
110
				this.checkIsSoterEnrolledInDevice({checkAuthMode,title})
DCloud_JSON's avatar
DCloud_JSON 已提交
111
					.then(() => {
112
						console.log(checkAuthMode,title);
L
23  
linju 已提交
113 114
						// 开始认证
						uni.startSoterAuthentication({
115
							requestAuthModes: [checkAuthMode],
L
23  
linju 已提交
116
							challenge: '123456', // 微信端挑战因子
117
							authContent: this.$t('settings.please')+ " " + `${title}`,
DCloud_JSON's avatar
DCloud_JSON 已提交
118 119
							complete: (res) => {
								console.log(res);
120
							},
DCloud_JSON's avatar
DCloud_JSON 已提交
121
							success: (res) => {
122
								console.log(res);
L
23  
linju 已提交
123 124 125 126 127 128 129 130 131
								if (res.errCode == 0) {
									/**
									 * 验证成功后开启自己的业务逻辑
									 * 
									 * app端以此为依据 验证成功
									 * 
									 * 微信小程序需要再次通过后台验证resultJSON与resultJSONSignature获取最终结果
									 */
									return uni.showToast({
132
										title: `${title}`+this.$t('settings.successText'),
L
23  
linju 已提交
133 134 135 136
										icon: 'none'
									});
								}
								uni.showToast({
137
									title:this.$t('settings.failTip'),
L
23  
linju 已提交
138 139 140
									icon: 'none'
								});
							},
DCloud_JSON's avatar
DCloud_JSON 已提交
141
							fail: (err) => {
142
								console.log(err);
L
23  
linju 已提交
143 144
								console.log(`认证失败:${err.errCode}`);
								uni.showToast({
145
									title:this.$t('settings.authFailed'),
146
									// title: `认证失败`,
L
23  
linju 已提交
147 148 149 150 151 152
									icon: 'none'
								});
							}
						})
					})
			},
153
			checkIsSoterEnrolledInDevice({checkAuthMode,title}) {
L
23  
linju 已提交
154 155
				return new Promise((resolve, reject) => {
					uni.checkIsSoterEnrolledInDevice({
156
						checkAuthMode,
DCloud_JSON's avatar
DCloud_JSON 已提交
157
						success: (res) => {
158
							console.log(res);
L
23  
linju 已提交
159 160 161 162
							if (res.isEnrolled) {
								return resolve(res);
							}
							uni.showToast({
163
								title: this.$t('settings.deviceNoOpen')+ `${title}`,
L
23  
linju 已提交
164 165 166 167
								icon: 'none'
							});
							reject(res);
						},
DCloud_JSON's avatar
DCloud_JSON 已提交
168
						fail: (err) => {
169
							console.log(err);
L
23  
linju 已提交
170
							uni.showToast({
171
								title: `${title}` + this.$t('settings.fail'),
L
23  
linju 已提交
172 173 174 175 176
								icon: 'none'
							});
							reject(err);
						}
					})
芊里 已提交
177 178
				})
			},
L
23  
linju 已提交
179
			clickLogout() {
180
				if (this.hasLogin) {
L
23  
linju 已提交
181
					uni.showModal({
182 183 184 185
						title: this.$t('settings.tips'),
						content: this.$t('settings.exitLogin'),
						cancelText: this.$t('settings.cancelText'),
						confirmText: this.$t('settings.confirmText'),
L
23  
linju 已提交
186 187 188 189 190 191 192 193 194 195 196
						success: res => {
							if (res.confirm) {
								this.logout();
								uni.navigateBack();
							}
						},
						fail: () => {},
						complete: () => {}
					});
				} else {
					uni.navigateTo({
197
						url: '/pages/ucenter/login-page/index/index'
L
23  
linju 已提交
198 199
					});
				}
200
			},
L
23  
linju 已提交
201 202
			clearTmp() {
				uni.showLoading({
203
					title: this.$t('settings.clearing'),
L
23  
linju 已提交
204
					mask: true
205 206 207 208 209 210 211 212 213 214 215
				});
				/*
				任何临时存储或删除不直接影响程序运行逻辑(清除缓存必定造成业务逻辑的变化,如:打开页面的图片不从缓存中读取而从网络请求)的内容都可以视为缓存。主要有storage、和file写入。
				缓存分为三部分		
					原生层(如:webview、x5播放器的、第三方sdk的、地图组件等)
					前端框架(重启就会自动清除)
					开发者自己的逻辑(如:
						本示例的 检测更新功能下载了apk安装包,
						其他逻辑需要根据开发者自己的业务设计
						比如:有聊天功能的应用,聊天记录是否视为缓存,还是单独提供清除聊天记录的功能由开发者自己设计

L
linju 已提交
216
				*/
L
23  
linju 已提交
217 218 219 220 221 222
				uni.getSavedFileList({
					success:res=>{
						if (res.fileList.length > 0) {
							uni.removeSavedFile({
								filePath: res.fileList[0].filePath,
								complete:res=>{
223 224 225
									console.log(res);
									uni.hideLoading()
									uni.showToast({
226
										title: this.$t('settings.clearedSuccessed'),
227
										icon: 'none'
L
linju 已提交
228
									});
L
23  
linju 已提交
229 230
								}
							});
231 232 233
						}else{
							uni.hideLoading()
							uni.showToast({
234
								title: this.$t('settings.clearedSuccessed'),
235 236
								icon: 'none'
							});
L
23  
linju 已提交
237
						}
238 239 240
					},
					complete:e=>{
						console.log(e);
L
23  
linju 已提交
241 242
					}
				});
243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274
			},
			changeLanguage(){
				console.log('语言切换')
				uni.showActionSheet({
					itemList: ["English","简体中文"],
					success: res => {
						console.log(res.tapIndex); 
						let language = uni.getStorageSync('CURRENT_LANG')
						if(
							!res.tapIndex && language=='zh-Hans' || res.tapIndex && language=='en'
						){
							const globalData = getApp().globalData
							if (language === 'en') {
								language = globalData.locale = 'zh-Hans'
							} else {
								language = globalData.locale = 'en'
							}
							uni.setStorageSync('CURRENT_LANG', language)
							getApp().$i18n.locale = language
							this.currentLanguage = res.tapIndex?'简体中文':'English'
							uni.setLocale(language)
							uni.reLaunch({
								url: '/pages/list/list',
								complete: () => {
									uni.$emit("changeLanguage",language)
								}
							})
						}
					},
					fail: () => {},
					complete: () => {}
				});
芊里 已提交
275 276 277 278 279 280 281 282 283 284 285 286
			}
		}
	}
</script>

<style>
	/* #ifndef APP-NVUE */
	page {
		flex: 1;
		width: 100%;
		height: 100%;
	}
L
23  
linju 已提交
287 288 289 290 291

	uni-button:after {
		border: none;
		border-radius: 0;
	}
芊里 已提交
292 293 294 295
	/* #endif */
	.content {
		/* #ifndef APP-NVUE */
		display: flex;
L
23  
linju 已提交
296 297
		width: 750rpx;
		height: 100vh;
芊里 已提交
298 299
		/* #endif */
		flex-direction: column;
L
23  
linju 已提交
300 301
		flex: 1;
		background-color: #F9F9F9;
芊里 已提交
302 303 304
	}

	.bottom-back {
L
23  
linju 已提交
305
		margin-top: 10px;
芊里 已提交
306
		width: 750rpx;
L
23  
linju 已提交
307
		height: 44px;
芊里 已提交
308 309 310 311 312 313 314 315 316 317
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* #ifndef APP-NVUE */
		border: none;
		/* #endif */
		border-width: 0;
L
23  
linju 已提交
318 319
		border-radius: 0;
		background-color: #FFFFFF;
芊里 已提交
320 321 322
	}

	.bottom-back-text {
L
23  
linju 已提交
323 324 325
		font-size: 33rpx;
	}

326 327
	.mt10 {
		margin-top: 10px;
L
23  
linju 已提交
328
	}
329
	/* #ifndef APP-NVUE  || VUE3 */
L
23  
linju 已提交
330 331
	.content /deep/ .uni-list {
		background-color: #F9F9F9;
332 333 334 335 336
	}
	.content /deep/ .uni-list-item--disabled,.list-item {
		height: 50px;
		margin-bottom: 1px;
	}
DCloud_JSON's avatar
DCloud_JSON 已提交
337
	/* #endif */
L
23  
linju 已提交
338

DCloud_JSON's avatar
重构  
DCloud_JSON 已提交
339
</style>