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

L
linju 已提交
234
				*/
L
23  
linju 已提交
235 236 237 238 239 240
				uni.getSavedFileList({
					success:res=>{
						if (res.fileList.length > 0) {
							uni.removeSavedFile({
								filePath: res.fileList[0].filePath,
								complete:res=>{
241 242 243
									console.log(res);
									uni.hideLoading()
									uni.showToast({
244
										title: this.$t('settings.clearedSuccessed'),
245
										icon: 'none'
L
linju 已提交
246
									});
L
23  
linju 已提交
247 248
								}
							});
249 250 251
						}else{
							uni.hideLoading()
							uni.showToast({
252
								title: this.$t('settings.clearedSuccessed'),
253 254
								icon: 'none'
							});
L
23  
linju 已提交
255
						}
256 257 258
					},
					complete:e=>{
						console.log(e);
L
23  
linju 已提交
259 260
					}
				});
261 262 263 264 265 266 267 268 269 270 271
			},
			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'
						){
study夏羽's avatar
study夏羽 已提交
272
							const globalData = getApp({allowDefault: true}).globalData
273 274 275 276 277 278
							if (language === 'en') {
								language = globalData.locale = 'zh-Hans'
							} else {
								language = globalData.locale = 'en'
							}
							uni.setStorageSync('CURRENT_LANG', language)
study夏羽's avatar
study夏羽 已提交
279
							getApp({allowDefault: true}).globalData.$i18n.locale = language
280 281 282
							this.currentLanguage = res.tapIndex?'简体中文':'English'
							if(uni.setLocale){
								uni.setLocale(language)
283
							}
284 285 286 287 288 289 290 291 292 293 294
							uni.reLaunch({
								url: '/pages/list/list',
								complete: () => {
									uni.$emit("changeLanguage",language)
								}
							})
						}
					},
					fail: () => {},
					complete: () => {}
				});
芊里 已提交
295 296 297 298 299 300 301 302 303 304 305 306
			}
		}
	}
</script>

<style>
	/* #ifndef APP-NVUE */
	page {
		flex: 1;
		width: 100%;
		height: 100%;
	}
L
23  
linju 已提交
307 308 309 310 311

	uni-button:after {
		border: none;
		border-radius: 0;
	}
芊里 已提交
312 313 314 315
	/* #endif */
	.content {
		/* #ifndef APP-NVUE */
		display: flex;
L
23  
linju 已提交
316 317
		width: 750rpx;
		height: 100vh;
芊里 已提交
318 319
		/* #endif */
		flex-direction: column;
L
23  
linju 已提交
320 321
		flex: 1;
		background-color: #F9F9F9;
芊里 已提交
322 323 324
	}

	.bottom-back {
L
23  
linju 已提交
325
		margin-top: 10px;
芊里 已提交
326
		width: 750rpx;
L
23  
linju 已提交
327
		height: 44px;
芊里 已提交
328 329 330 331 332 333 334 335 336 337
		/* #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 已提交
338 339
		border-radius: 0;
		background-color: #FFFFFF;
芊里 已提交
340 341 342
	}

	.bottom-back-text {
L
23  
linju 已提交
343 344 345
		font-size: 33rpx;
	}

346 347
	.mt10 {
		margin-top: 10px;
L
23  
linju 已提交
348
	}
349
	/* #ifndef APP-NVUE  || VUE3 */
L
23  
linju 已提交
350 351
	.content /deep/ .uni-list {
		background-color: #F9F9F9;
352 353 354 355 356
	}
	.content /deep/ .uni-list-item--disabled,.list-item {
		height: 50px;
		margin-bottom: 1px;
	}
DCloud_JSON's avatar
DCloud_JSON 已提交
357
	/* #endif */
L
23  
linju 已提交
358

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