304 lines
8.3 KiB
Vue
304 lines
8.3 KiB
Vue
<template>
|
||
<view class="content">
|
||
<!-- 功能列表 -->
|
||
<uni-list class="mt10" :border="false">
|
||
<uni-list-item :title="$t('settings.userInfo')" to="/uni_modules/uni-id-pages/pages/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>
|
||
</uni-list>
|
||
<uni-list class="mt10" :border="false">
|
||
<!-- #ifndef H5 -->
|
||
<!-- #ifdef APP-PLUS -->
|
||
<!-- 检查push过程未结束不显示，push设置项 -->
|
||
<uni-list-item :title="$t('settings.clearTmp')" @click="clearTmp" link></uni-list-item>
|
||
<uni-list-item v-show="pushIsOn != 'wait'" :title="$t('settings.pushServer')" @click.native="pushIsOn?pushServer.off():pushServer.on()" showSwitch :switchChecked="pushIsOn"></uni-list-item>
|
||
<!-- #endif -->
|
||
<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>
|
||
<!-- #endif -->
|
||
<uni-list-item v-if="i18nEnable" :title="$t('settings.changeLanguage')" @click="changeLanguage" :rightText="currentLanguage" link></uni-list-item>
|
||
</uni-list>
|
||
|
||
<!-- 退出/登录 按钮 -->
|
||
<view class="bottom-back" @click="changeLoginState">
|
||
<text class="bottom-back-text" v-if="hasLogin">{{$t('settings.logOut')}}</text>
|
||
<text class="bottom-back-text" v-else>{{$t('settings.login')}}</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import pushServer from './dc-push/push.js';
|
||
import {
|
||
store,
|
||
mutations
|
||
} from '@/uni_modules/uni-id-pages/common/store.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
pushServer:pushServer,
|
||
supportMode:[],
|
||
pushIsOn:"wait",
|
||
currentLanguage:"",
|
||
userInfo:{}
|
||
}
|
||
},
|
||
computed: {
|
||
hasLogin(){
|
||
return store.hasLogin
|
||
},
|
||
i18nEnable(){
|
||
return getApp().globalData.config.i18n.enable
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.currentLanguage = uni.getStorageSync('CURRENT_LANG') == "en"?'English':'简体中文'
|
||
|
||
uni.setNavigationBarTitle({
|
||
title: this.$t('settings.navigationBarTitle')
|
||
})
|
||
// #ifdef APP-PLUS || MP-WEIXIN
|
||
uni.checkIsSupportSoterAuthentication({
|
||
success: (res) => {
|
||
this.supportMode = res.supportMode
|
||
},
|
||
fail: (err) => {
|
||
console.log(err);
|
||
}
|
||
})
|
||
// #endif
|
||
},
|
||
onShow() {
|
||
// 检查手机端获取推送是否开启
|
||
//#ifdef APP-PLUS
|
||
setTimeout(()=>{
|
||
this.pushIsOn = pushServer.isOn();
|
||
},300)
|
||
//#endif
|
||
},
|
||
methods: {
|
||
async changeLoginState(){
|
||
if(this.hasLogin){
|
||
await mutations.logout()
|
||
}else{
|
||
uni.redirectTo({
|
||
url: '/uni_modules/uni-id-pages/pages/login/login-withoutpwd',
|
||
});
|
||
}
|
||
},
|
||
/**
|
||
* 开始生物认证
|
||
*/
|
||
startSoterAuthentication(checkAuthMode) {
|
||
console.log(checkAuthMode);
|
||
let title = {"fingerPrint":this.$t('settings.fingerPrint'),"facial":this.$t('settings.facial')}[checkAuthMode]
|
||
// 检查是否开启认证
|
||
this.checkIsSoterEnrolledInDevice({checkAuthMode,title})
|
||
.then(() => {
|
||
console.log(checkAuthMode,title);
|
||
// 开始认证
|
||
uni.startSoterAuthentication({
|
||
requestAuthModes: [checkAuthMode],
|
||
challenge: '123456', // 微信端挑战因子
|
||
authContent: this.$t('settings.please')+ " " + `${title}`,
|
||
complete: (res) => {
|
||
console.log(res);
|
||
},
|
||
success: (res) => {
|
||
console.log(res);
|
||
if (res.errCode == 0) {
|
||
/**
|
||
* 验证成功后开启自己的业务逻辑
|
||
*
|
||
* app端以此为依据 验证成功
|
||
*
|
||
* 微信小程序需要再次通过后台验证resultJSON与resultJSONSignature获取最终结果
|
||
*/
|
||
return uni.showToast({
|
||
title: `${title}`+this.$t('settings.successText'),
|
||
icon: 'none'
|
||
});
|
||
}
|
||
uni.showToast({
|
||
title:this.$t('settings.failTip'),
|
||
icon: 'none'
|
||
});
|
||
},
|
||
fail: (err) => {
|
||
console.log(err);
|
||
console.log(`认证失败:${err.errCode}`);
|
||
uni.showToast({
|
||
title:this.$t('settings.authFailed'),
|
||
// title: `认证失败`,
|
||
icon: 'none'
|
||
});
|
||
}
|
||
})
|
||
})
|
||
},
|
||
checkIsSoterEnrolledInDevice({checkAuthMode,title}) {
|
||
return new Promise((resolve, reject) => {
|
||
uni.checkIsSoterEnrolledInDevice({
|
||
checkAuthMode,
|
||
success: (res) => {
|
||
console.log(res);
|
||
if (res.isEnrolled) {
|
||
return resolve(res);
|
||
}
|
||
uni.showToast({
|
||
title: this.$t('settings.deviceNoOpen')+ `${title}`,
|
||
icon: 'none'
|
||
});
|
||
reject(res);
|
||
},
|
||
fail: (err) => {
|
||
console.log(err);
|
||
uni.showToast({
|
||
title: `${title}` + this.$t('settings.fail'),
|
||
icon: 'none'
|
||
});
|
||
reject(err);
|
||
}
|
||
})
|
||
})
|
||
},
|
||
clearTmp() {
|
||
uni.showLoading({
|
||
title: this.$t('settings.clearing'),
|
||
mask: true
|
||
});
|
||
/*
|
||
任何临时存储或删除不直接影响程序运行逻辑（清除缓存必定造成业务逻辑的变化，如：打开页面的图片不从缓存中读取而从网络请求）的内容都可以视为缓存。主要有storage、和file写入。
|
||
缓存分为三部分
|
||
原生层（如：webview、x5播放器的、第三方sdk的、地图组件等）
|
||
前端框架（重启就会自动清除）
|
||
开发者自己的逻辑（如：
|
||
本示例的 检测更新功能下载了apk安装包，
|
||
其他逻辑需要根据开发者自己的业务设计
|
||
比如：有聊天功能的应用，聊天记录是否视为缓存，还是单独提供清除聊天记录的功能由开发者自己设计
|
||
）
|
||
*/
|
||
uni.getSavedFileList({
|
||
success:res=>{
|
||
if (res.fileList.length > 0) {
|
||
uni.removeSavedFile({
|
||
filePath: res.fileList[0].filePath,
|
||
complete:res=>{
|
||
console.log(res);
|
||
uni.hideLoading()
|
||
uni.showToast({
|
||
title: this.$t('settings.clearedSuccessed'),
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
}else{
|
||
uni.hideLoading()
|
||
uni.showToast({
|
||
title: this.$t('settings.clearedSuccessed'),
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
complete:e=>{
|
||
console.log(e);
|
||
}
|
||
});
|
||
},
|
||
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().globalData.$i18n.locale = language
|
||
this.currentLanguage = res.tapIndex?'简体中文':'English'
|
||
if(uni.setLocale){
|
||
uni.setLocale(language)
|
||
}
|
||
uni.reLaunch({
|
||
url: '/pages/grid/grid',
|
||
complete: () => {
|
||
uni.$emit("changeLanguage",language)
|
||
}
|
||
})
|
||
}
|
||
},
|
||
fail: () => {},
|
||
complete: () => {}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
/* #ifndef APP-NVUE */
|
||
page {
|
||
flex: 1;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
uni-button:after {
|
||
border: none;
|
||
border-radius: 0;
|
||
}
|
||
/* #endif */
|
||
.content {
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
width: 750rpx;
|
||
height: 100vh;
|
||
/* #endif */
|
||
flex-direction: column;
|
||
flex: 1;
|
||
background-color: #F9F9F9;
|
||
}
|
||
|
||
.bottom-back {
|
||
margin-top: 10px;
|
||
width: 750rpx;
|
||
height: 44px;
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
/* #endif */
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
/* #ifndef APP-NVUE */
|
||
border: none;
|
||
/* #endif */
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.bottom-back-text {
|
||
font-size: 33rpx;
|
||
}
|
||
|
||
.mt10 {
|
||
margin-top: 10px;
|
||
}
|
||
/* #ifndef APP-NVUE || VUE3 */
|
||
.content ::v-deep .uni-list {
|
||
background-color: #F9F9F9;
|
||
}
|
||
.content ::v-deep .uni-list-item--disabled,.list-item {
|
||
height: 50px;
|
||
margin-bottom: 1px;
|
||
}
|
||
/* #endif */
|
||
|
||
</style> |