|
|
|
@ -0,0 +1,288 @@
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
|
|
|
|
|
xmlns:v-bind="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8"/>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
|
<meta http-equiv="pragma" content="no-cache" />
|
|
|
|
|
<meta http-equiv="content-type" content="no-cache, must-revalidate" />
|
|
|
|
|
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"/>
|
|
|
|
|
<title>个人信息</title>
|
|
|
|
|
|
|
|
|
|
<link href="../css/bootstrap.min.css" rel="stylesheet"/>
|
|
|
|
|
<link href="../css/font-awesome.css" rel="stylesheet"/>
|
|
|
|
|
<link href="../css/basic.css" rel="stylesheet"/>
|
|
|
|
|
<link href="../css/custom.css" rel="stylesheet"/>
|
|
|
|
|
<link href="../css/element/index.css" rel="stylesheet"/>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
[v-cloak] {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="wrapper" v-cloak>
|
|
|
|
|
<nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<a class="navbar-brand" href="index.html">后端管理系统</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="header-right">
|
|
|
|
|
<a href="javascript:void(0)" class="btn btn-info" @click="logout" title="退出登录">
|
|
|
|
|
<i class="fa fa-sign-out fa-2x"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="header-right">
|
|
|
|
|
<a href="javascript:void(0)" class="btn btn-info" title="跳转到个人信息" @click="personalPage">
|
|
|
|
|
<i class="fa fa-user fa-2x"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="header-right" style="padding-top: 25px">欢迎你,{{ user.name }}</div>
|
|
|
|
|
|
|
|
|
|
<div class="header-left">
|
|
|
|
|
<a href="/front/index.html" class="btn btn-info" title="跳转到首页">
|
|
|
|
|
<i class="fa fa-dot-circle-o fa-2x"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<nav class="navbar-default navbar-side" role="navigation">
|
|
|
|
|
<div class="sidebar-collapse">
|
|
|
|
|
<ul class="nav" id="main-menu">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="index.html"><i class="fa fa-dashboard"></i>系统首页</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="#"><i class="fa fa-yelp "></i>信息展示 <span class="fa arrow"></span></a>
|
|
|
|
|
<ul class="nav nav-second-level collapse in">
|
|
|
|
|
<li v-if="authority.indexOf(1) != -1">
|
|
|
|
|
<a href="adminInfo.html"><i class="fa fa-table"></i>管理员信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(2) != -1">
|
|
|
|
|
<a href="userInfo.html"><i class="fa fa-table"></i>用户信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(3) != -1">
|
|
|
|
|
<a href="classifyInfo.html"><i class="fa fa-table"></i>菜谱大类信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(4) != -1">
|
|
|
|
|
<a href="subClassifyInfo.html"><i class="fa fa-table"></i>菜谱小类信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(5) != -1">
|
|
|
|
|
<a href="foodsMenuInfo.html"><i class="fa fa-table"></i>菜谱信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(6) != -1">
|
|
|
|
|
<a href="foodsMaterialInfo.html"><i class="fa fa-table"></i>食材信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(7) != -1">
|
|
|
|
|
<a href="collectInfo.html"><i class="fa fa-table"></i>收藏信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(8) != -1">
|
|
|
|
|
<a href="praiseInfo.html"><i class="fa fa-table"></i>笔记点赞信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(9) != -1">
|
|
|
|
|
<a href="notesInfo.html"><i class="fa fa-table"></i>笔记信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(10) != -1">
|
|
|
|
|
<a href="newsInfo.html"><i class="fa fa-table"></i>饮食资讯信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(1000001) != -1">
|
|
|
|
|
<a href="advertiserInfo.html"><i class="fa fa-table"></i>公告信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="authority.indexOf(1000002) != -1">
|
|
|
|
|
<a href="messageInfo.html"><i class="fa fa-table"></i>趣味答题信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
<a href="javascript:void(0)" class="active-menu" @click="personalPage"><i class="fa fa-user"></i>个人信息</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="notesInfoComment.html"><i class="fa fa-file"></i>笔记信息评论</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
<a href="updatePassword.html"><i class="fa fa-unlock-alt"></i>修改密码</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a href="javascript:void(0)" @click="logout"><i class="fa fa-power-off"></i>退出登录</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<div id="page-wrapper">
|
|
|
|
|
<div id="page-inner">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<h1 class="page-subhead-line">这是个人信息页,可以对自己的信息进行修改。 </h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
<div class="panel-heading">
|
|
|
|
|
个人信息
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel-body">
|
|
|
|
|
<form class="form-horizontal">
|
|
|
|
|
<input type="hidden" v-model="entity.id">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">姓名</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.name" placeholder="请输入姓名" id="name">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">昵称</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.nickName" placeholder="请输入昵称" id="nickName">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">性别</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<label class="radio-inline">
|
|
|
|
|
<input type="radio" value="男" v-model="entity.sex" id="sex">男
|
|
|
|
|
</label>
|
|
|
|
|
<label class="radio-inline">
|
|
|
|
|
<input type="radio" value="女" v-model="entity.sex" id="sex">女
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">年龄</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.age" placeholder="请输入年龄" id="age">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">生日</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<div class="block">
|
|
|
|
|
<el-date-picker v-model="entity.birthday" id="birthday" type="datetime" clearable value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间"></el-date-picker>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">手机号</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.phone" placeholder="请输入手机号" id="phone">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">地址</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.address" placeholder="请输入地址" id="address">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">编号</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.code" placeholder="请输入编号" id="code">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">邮箱</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.email" placeholder="请输入邮箱" id="email">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-3 control-label">身份证</label>
|
|
|
|
|
<div class="col-sm-7">
|
|
|
|
|
<input type="text" class="form-control" v-model="entity.cardId" placeholder="请输入身份证" id="cardId">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
<div style="text-align: center">
|
|
|
|
|
<button type="button" class="btn btn-primary" v-on:click="update()">保存</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="../js/jquery-1.10.2.js"></script>
|
|
|
|
|
<script src="../js/bootstrap.min.js"></script>
|
|
|
|
|
<script src="../js/jquery.metisMenu.js"></script>
|
|
|
|
|
<script src="../js/custom.js"></script>
|
|
|
|
|
<script src="../js/my.js"></script>
|
|
|
|
|
<script src="../js/vue2.6.11/vue.min.js"></script>
|
|
|
|
|
<script src="../js/vue2.6.11/axios.js"></script>
|
|
|
|
|
<script src="../js/element/index.js"></script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function msg(type, msg) {
|
|
|
|
|
Vue.prototype.$message({
|
|
|
|
|
type: type, // success(成功)、warning(警告), error(错误)
|
|
|
|
|
message: msg,
|
|
|
|
|
duration: 2000,
|
|
|
|
|
offset: 100,
|
|
|
|
|
center: true,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
new Vue({
|
|
|
|
|
el: '#wrapper',
|
|
|
|
|
data: {
|
|
|
|
|
user: {},
|
|
|
|
|
authority: [],
|
|
|
|
|
entity: {
|
|
|
|
|
sex: '男'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created: function () {
|
|
|
|
|
|
|
|
|
|
this.loadData();
|
|
|
|
|
|
|
|
|
|
axios.get("/authority").then(res => {
|
|
|
|
|
if (res.data.code === '0') {
|
|
|
|
|
this.authority = res.data.data;
|
|
|
|
|
} else {
|
|
|
|
|
msg('error', res.data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.user = JSON.parse(localStorage.getItem('user'));
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
loadData() {
|
|
|
|
|
axios.get("/getAccountInfo").then(res => {
|
|
|
|
|
if (res.data.code === '0') {
|
|
|
|
|
this.entity = res.data.data;
|
|
|
|
|
} else {
|
|
|
|
|
msg('error', res.data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
update() {
|
|
|
|
|
if (checkValid(this.entity)) {
|
|
|
|
|
axios.put(
|
|
|
|
|
"/adminInfo", this.entity
|
|
|
|
|
).then(res => {
|
|
|
|
|
if (res.data.code === '0') {
|
|
|
|
|
msg('success', '更新成功');
|
|
|
|
|
this.loadData();
|
|
|
|
|
} else {
|
|
|
|
|
msg('error', res.data.msg);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
logout() {
|
|
|
|
|
logout();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|