<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>找回密码</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../../css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../../css/animate.min.css" />
<style>
.mui-bar-nav~.mui-content{padding-top: 54px;}
.bg{padding: 20px;text-align: center;}
input{height: 50px!important;}
.m_box {padding: 10px 10px 25px 10px;box-shadow: 0 1px 6px #dbdbdb;}
.btn{width: 230px;margin-top: -21px;}
</style>
</head>
<body>
<div id="app">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">编辑{{msg}}</h1>
</header>
<div class="mui-content animated fadeInUp" id="app" style="margin-top: 10px;">
<div class="bg">
<div class="m_box">
<div class="input-group">
<input type="text" placeholder="输入昵称" v-model="item.value" v-if="item.field=='nickName' " />
<input type="text" placeholder="输入邮箱" v-model="item.value" v-if="item.field=='email' " />
</div>
</div>
<button class="btn" @click="ok()">确认</button>
</div>
</div>
</div>
<script src="../../js/mui.min.js"></script>
<script src="../../js/app.js"></script>
<script src="../../js/vue.min.js"></script>
<script>
var vm=new Vue({
el: "#app",
data: {
msg: '',
item: {field: '',id: '',value:''},
},
mounted:function() {
mui.plusReady(function() {
var p= plus.webview.currentWebview();
vm.msg = p.param.msg;
vm.item.id = getUser().id;
vm.item.value=p.param.value;
vm.item.field=p.param.op;
})
},
methods: {
//编辑
ok: function() {
request(urls().edit_info, this.item, function(res) {
if(res.result == true) {
mui.toast("修改成功");
plus.webview.getWebviewById("user_info").reload(true);
mui.back();
} else {
mui.toast(res.msg);
}
plus.nativeUI.closeWaiting();
})
}
}
})
</script>
</body>
</html>