You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
281 lines
8.6 KiB
281 lines
8.6 KiB
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||
|
|
<title>安全中心</title>
|
||
|
|
<!--REM自适应布局JS-->
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../../lib/css/mui.min.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../../lib/css/basic.css"/>
|
||
|
|
<link rel="stylesheet" type="text/css" href="../../css/base.css" />
|
||
|
|
<script src="../../../lib/js/mui.min.js"></script>
|
||
|
|
<script src="../../../lib/js/vue.js"></script>
|
||
|
|
<script src="../../../lib/js/app.js"></script>
|
||
|
|
<script src="../../js/base/rem-layout.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/my/my_ajax.js"></script>
|
||
|
|
<script src="../../../lib/js/require2.1.11.js"></script>
|
||
|
|
</head>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="data-info">
|
||
|
|
<header class="mui-bar mui-bar-nav app-header app-header-darkly">
|
||
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||
|
|
<h1 class="mui-title">{{dataBase.MySecurityCenterTitle}}</h1>
|
||
|
|
</header>
|
||
|
|
<div class="mui-content">
|
||
|
|
<ul class="mui-table-view app-table-view app-table-view-darkly">
|
||
|
|
<li class="mui-table-view-cell mui-hidden" id="alert-pass">
|
||
|
|
<a class="mui-navigate-right view-herf">
|
||
|
|
{{alert_pass}}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell" id="alert-pay">
|
||
|
|
<a class="mui-navigate-right view-herf">
|
||
|
|
{{alert_pay_pass}}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell app-cell-invalid">
|
||
|
|
{{dataBase.MySecurityCenterGesturePassword}}
|
||
|
|
<div id="gestureSwitch" class="mui-switch mui-switch-mini app-switch" v-bind:class="{'mui-active': isPitch}">
|
||
|
|
<div class="mui-switch-handle"></div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell" v-if='isGesture'>
|
||
|
|
<a class="mui-navigate-right view-herf alert-gesture" view-id="mine/html/my/my_security_center_locker.html" view-url="my_security_center_locker.html">
|
||
|
|
{{dataBase.MySecurityCenterAlterGesturePassword}}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<!--<li class="mui-table-view-cell app-cell-invalid">
|
||
|
|
{{dataBase.MySecurityCenterFingerprintLogin}}
|
||
|
|
<div id="fingerSwitch" class="mui-switch mui-switch-mini app-switch">
|
||
|
|
<div class="mui-switch-handle"></div>
|
||
|
|
</div>
|
||
|
|
</li>-->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var v = new Vue({
|
||
|
|
el: '#data-info',
|
||
|
|
data: {
|
||
|
|
dataBase: {},
|
||
|
|
user_info: app.getWalletUserLocalStorage()
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
isPassword: function() { //是否设置密码
|
||
|
|
return this.user_info.isPassword
|
||
|
|
},
|
||
|
|
isPayPassword: function() { //是否是否设置支付密码
|
||
|
|
return this.user_info.isPayPassword
|
||
|
|
},
|
||
|
|
isPitch: function() {
|
||
|
|
return this.user_info.enableGp == 1 ? true : false
|
||
|
|
},
|
||
|
|
isGesture: function() {
|
||
|
|
return this.user_info.enableGp == 1 ? true : false
|
||
|
|
},
|
||
|
|
alert_pass: function() {
|
||
|
|
return this.isPassword ? this.dataBase.MySecurityCenterAlterPassword : this.dataBase.MySecurityCenterSetPassword
|
||
|
|
},
|
||
|
|
alert_pay_pass: function() {
|
||
|
|
return this.isPayPassword ? this.dataBase.MySecurityCenterAlterPayPass : this.dataBase.MySecurityCenterSetPayPass
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
//开启手势密码
|
||
|
|
function openGesturePassword(enableGp) {
|
||
|
|
plus.nativeUI.showWaiting(v.dataBase.ShowWaiting);
|
||
|
|
mui.ajax(myAjaxJs.AJAX_ENABLE_GESTURE_PASSWORD.getUrl, {
|
||
|
|
headers: {
|
||
|
|
"X-Requested-Token": localStorage.getItem("user_token"),
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
enableGp: enableGp
|
||
|
|
},
|
||
|
|
dataType: 'json', //服务器返回json格式数据
|
||
|
|
type: myAjaxJs.AJAX_ENABLE_GESTURE_PASSWORD.getType, //HTTP请求类型
|
||
|
|
timeout: 10000,
|
||
|
|
success: function(data) {
|
||
|
|
if(data.code == "200") {
|
||
|
|
plus.nativeUI.closeWaiting();
|
||
|
|
} else if(data.code == "201" || data.code == "202") { //未登录
|
||
|
|
plus.nativeUI.closeWaiting();
|
||
|
|
mui.openWindow({
|
||
|
|
id: "mine/html/wallet_login.html",
|
||
|
|
url: "../wallet_login.html"
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
plus.nativeUI.closeWaiting();
|
||
|
|
mui.toast(data.msg);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function(xhr, type, errorThrown) {
|
||
|
|
plus.nativeUI.closeWaiting();
|
||
|
|
// mui.alert(dataBase.AjaxError2, dataBase.AlertMsg)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
mui.plusReady(function() {
|
||
|
|
//修改/设置登录密码
|
||
|
|
document.getElementById("alert-pass").addEventListener("tap", function() {
|
||
|
|
var nextId = null;
|
||
|
|
var nextUrl = null;
|
||
|
|
if(v.isPassword) {
|
||
|
|
nextId = 'mine/html/my/my_security_center_save_login_password.html';
|
||
|
|
nextUrl = 'my_security_center_save_login_password.html'
|
||
|
|
} else {
|
||
|
|
nextId = 'mine/html/my/my_security_center_set_login_password.html';
|
||
|
|
nextUrl = 'my_security_center_set_login_password.html'
|
||
|
|
}
|
||
|
|
mui.openWindow({
|
||
|
|
id: nextId,
|
||
|
|
url: nextUrl
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
//修改/设置登录密码
|
||
|
|
document.getElementById("alert-pay").addEventListener("tap", function() {
|
||
|
|
var nextId = null;
|
||
|
|
var nextUrl = null;
|
||
|
|
if(v.isPayPassword) {
|
||
|
|
nextId = 'mine/html/my/my_security_center_save_pay_password.html';
|
||
|
|
nextUrl = 'my_security_center_save_pay_password.html'
|
||
|
|
} else {
|
||
|
|
nextId = 'mine/html/my/my_security_center_set_pay_password.html';
|
||
|
|
nextUrl = 'my_security_center_set_pay_password.html'
|
||
|
|
}
|
||
|
|
mui.openWindow({
|
||
|
|
id: nextId,
|
||
|
|
url: nextUrl
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
//修改手势密码
|
||
|
|
mui(".mui-table-view").on('tap', '.alert-gesture', function() {
|
||
|
|
var viewId = this.getAttribute('view-id');
|
||
|
|
var viewUrl = this.getAttribute('view-url');
|
||
|
|
mui.openWindow({
|
||
|
|
id: viewId,
|
||
|
|
url: viewUrl
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
//是否开启手势密码
|
||
|
|
document.getElementById("gestureSwitch").addEventListener("toggle", function(event) {
|
||
|
|
//触发事件时发送请求
|
||
|
|
if(event.detail.isActive) {
|
||
|
|
//开启
|
||
|
|
v.isGesture = true;
|
||
|
|
v.user_info.enableGp = 1; //用户状态：开启手势密码
|
||
|
|
openGesturePassword(1);
|
||
|
|
} else {
|
||
|
|
//关闭
|
||
|
|
v.isGesture = false;
|
||
|
|
v.user_info.enableGp = 0; //用户状态：关闭手势密码
|
||
|
|
openGesturePassword(0);
|
||
|
|
}
|
||
|
|
app.setWalletUserLocalStorage(v.user_info); //更新缓存
|
||
|
|
});
|
||
|
|
|
||
|
|
// //是否开启指纹登录
|
||
|
|
// document.getElementById("fingerSwitch").addEventListener("toggle", function(event) {
|
||
|
|
// //打开开关回调
|
||
|
|
// if(event.detail.isActive) {
|
||
|
|
// //判断当前设备是否支持指纹功能
|
||
|
|
// if(plus.fingerprint) {
|
||
|
|
// if(!plus.fingerprint.isSupport()) {
|
||
|
|
// mui.alert('此设备不支持指纹识别');
|
||
|
|
// mui("#fingerSwitch").switch().toggle();
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
// if(!plus.fingerprint.isKeyguardSecure()) {
|
||
|
|
// mui.alert('此设备未设置密码锁屏，无法使用指纹识别');
|
||
|
|
// mui("#fingerSwitch").switch().toggle();
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
// if(!plus.fingerprint.isEnrolledFingerprints()) {
|
||
|
|
// mui.alert('此设备未录入指纹，请到设置中开启');
|
||
|
|
// mui("#fingerSwitch").switch().toggle();
|
||
|
|
// return;
|
||
|
|
// }
|
||
|
|
// } else {
|
||
|
|
// mui.alert('当前环境不支持指纹识别API，请更新到最新版本');
|
||
|
|
// mui("#fingerSwitch").switch().toggle();
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// } else {
|
||
|
|
// //关闭开关回调
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
// // 指纹识别认证
|
||
|
|
// function fingerpring() {
|
||
|
|
// var waiting = null;
|
||
|
|
// plus.fingerprint.authenticate(function() {
|
||
|
|
// plus.nativeUI.closeWaiting();
|
||
|
|
// mui.toast('指纹识别成功');
|
||
|
|
// }, function(e) {
|
||
|
|
// switch(e.code) {
|
||
|
|
// case e.AUTHENTICATE_MISMATCH:
|
||
|
|
// plus.nativeUI.closeWaiting();
|
||
|
|
// plus.nativeUI.toast('指纹匹配失败，请重新输入');
|
||
|
|
// break;
|
||
|
|
// case e.AUTHENTICATE_OVERLIMIT:
|
||
|
|
// plus.nativeUI.closeWaiting();
|
||
|
|
// mui.alert('指纹识别失败次数超出限制，请使用其它方式进行认证！', "提示");
|
||
|
|
// break;
|
||
|
|
// case e.CANCEL:
|
||
|
|
// plus.nativeUI.closeWaiting();
|
||
|
|
// break;
|
||
|
|
// default:
|
||
|
|
// plus.nativeUI.closeWaiting();
|
||
|
|
// mui.alert('指纹识别失败，请重试！', "提示");
|
||
|
|
// break;
|
||
|
|
// }
|
||
|
|
// }, {
|
||
|
|
// message: "用触控ID登录"
|
||
|
|
// });
|
||
|
|
// // Android平台使用自定义等待框显示
|
||
|
|
// if("Android" == plus.os.name) {
|
||
|
|
// waiting = plus.nativeUI.showWaiting('验证已有手机指纹', {
|
||
|
|
// width: '196px',
|
||
|
|
// height: '196px',
|
||
|
|
// padding: '16px',
|
||
|
|
// loading: {
|
||
|
|
// height: '96px',
|
||
|
|
// icon: 'fp.png'
|
||
|
|
// },
|
||
|
|
// background: 'rgba(0,0,0,0.3)'
|
||
|
|
// });
|
||
|
|
// waiting.onclose = function() {
|
||
|
|
// waiting = null;
|
||
|
|
// plus.fingerprint.cancel();
|
||
|
|
// }
|
||
|
|
// } else if("iOS" == plus.os.name) {
|
||
|
|
// plus.nativeUI.showWaiting("等待中...");
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
|
||
|
|
appLanguageFun();
|
||
|
|
/**
|
||
|
|
* 国际化方法
|
||
|
|
*/
|
||
|
|
function appLanguageFun() {
|
||
|
|
var type = app.getLanguageLocalStorage();
|
||
|
|
require(['../../js/language/' + type], function(dataBase) {
|
||
|
|
v.dataBase = dataBase;
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|