parent
e1086d0a22
commit
241da63658
@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head th:replace="common/head :: head(links)"/>
|
||||||
|
<body>
|
||||||
|
<div class="ok-body" id="app" v-cloak>
|
||||||
|
<template>
|
||||||
|
<i-form ref="checkForm" :model="user" :rules="ruleValidate" :label-width="100">
|
||||||
|
<form-item label="用户名：">
|
||||||
|
{{user.username}}
|
||||||
|
</form-item>
|
||||||
|
<form-item prop="nickname" label="昵称：">
|
||||||
|
<i-input maxlength="20" v-model="user.nickname" placeholder="请输入昵称"></i-input>
|
||||||
|
</form-item>
|
||||||
|
<form-item prop="email" label="邮箱：">
|
||||||
|
<i-input v-model="user.email" placeholder="请输入邮箱"></i-input>
|
||||||
|
</form-item>
|
||||||
|
<form-item prop="mobile" label="手机：">
|
||||||
|
<i-input type="number" maxlength="11" v-model="user.mobile" placeholder="请输入手机"></i-input>
|
||||||
|
</form-item>
|
||||||
|
</i-form>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div th:replace="common/foot :: foot(script)"></div>
|
||||||
|
<script th:inline="none">
|
||||||
|
var vm = new Vue({
|
||||||
|
el: '#app',
|
||||||
|
data:{
|
||||||
|
user:{
|
||||||
|
|
||||||
|
},
|
||||||
|
ruleValidate : {
|
||||||
|
username: [
|
||||||
|
{ required: true, message: '账号不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
password: [
|
||||||
|
{ required: true, message: '密码不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
nickname: [
|
||||||
|
{ required: true, message: '昵称不能为空', trigger: 'blur' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
okUtils:null,
|
||||||
|
okLayer:null
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
load : function(){
|
||||||
|
layui.use(["okUtils", "okLayer"], function () {
|
||||||
|
vm.okUtils = layui.okUtils;
|
||||||
|
vm.okLayer = layui.okLayer;
|
||||||
|
vm.okUtils.ajaxCloud({
|
||||||
|
url:"/member/info",
|
||||||
|
close : false,
|
||||||
|
success : function(result) {
|
||||||
|
vm.user = result.msg;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
acceptClick : function(){
|
||||||
|
vm.$refs.checkForm.validate(function(valid){
|
||||||
|
if (valid) {
|
||||||
|
vm.okUtils.ajaxCloud({
|
||||||
|
url:"/member/update",
|
||||||
|
param : vm.user,
|
||||||
|
json:true,
|
||||||
|
success : function(result) {
|
||||||
|
vm.okLayer.msg.greenTick(result.msg)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created: function() {
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head th:replace="common/head :: head(links)"/>
|
||||||
|
<body>
|
||||||
|
<div class="ok-body" id="app" v-cloak>
|
||||||
|
<template>
|
||||||
|
<i-form ref="checkForm" :model="user" :rules="ruleValidate" :label-width="100">
|
||||||
|
<form-item prop="oldPassword" label="原密码：">
|
||||||
|
<i-input type="password" maxlength="20" v-model="user.oldPassword" placeholder="请输入原密码"></i-input>
|
||||||
|
</form-item>
|
||||||
|
<form-item prop="password" label="新密码：">
|
||||||
|
<i-input type="password" maxlength="20" v-model="user.password" placeholder="请输入新密码"></i-input>
|
||||||
|
</form-item>
|
||||||
|
<form-item prop="newPassword" label="新密码：">
|
||||||
|
<i-input type="password" maxlength="20" v-model="user.newPassword" placeholder="再次输入新密码"></i-input>
|
||||||
|
</form-item>
|
||||||
|
</i-form>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<div th:replace="common/foot :: foot(script)"></div>
|
||||||
|
<script th:inline="none">
|
||||||
|
var vm = new Vue({
|
||||||
|
el: '#app',
|
||||||
|
data:{
|
||||||
|
user:{
|
||||||
|
|
||||||
|
},
|
||||||
|
ruleValidate : {
|
||||||
|
oldPassword: [
|
||||||
|
{ required: true, message: '原密码不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
password: [
|
||||||
|
{ required: true, message: '新密码不能为空', trigger: 'blur' }
|
||||||
|
],
|
||||||
|
newPassword: [
|
||||||
|
{ required: true, message: '新密码不能为空', trigger: 'blur' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
okUtils:null,
|
||||||
|
okLayer:null
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
load : function(){
|
||||||
|
|
||||||
|
},
|
||||||
|
acceptClick : function(){
|
||||||
|
vm.$refs.checkForm.validate(function(valid){
|
||||||
|
if (valid) {
|
||||||
|
layui.use(["okUtils", "okLayer"], function () {
|
||||||
|
vm.okUtils = layui.okUtils;
|
||||||
|
vm.okLayer = layui.okLayer;
|
||||||
|
if(vm.user.password!=vm.user.newPassword){
|
||||||
|
okLayer.msg.yellowQuestion("新密码不一致！！！");
|
||||||
|
}
|
||||||
|
vm.okUtils.ajaxCloud({
|
||||||
|
url:"/member/updatePwd",
|
||||||
|
param : vm.user,
|
||||||
|
json:true,
|
||||||
|
success : function(result) {
|
||||||
|
vm.okLayer.msg.greenTick(result.msg)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created: function() {
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue