lzf
/
djfp-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
							<!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 href="../css/animate.min.css" rel="stylesheet" />
		<style>
			.top{color:white;font-weight: bold;text-align: center;background-image:url(../images/top.png);background-size: cover; padding-top: 40px;padding-bottom: 60px;}
			.top img{width: 70px;height: 70px;border-radius: 50%;border: 2px solid white;}
			.nickName{font-size: 15px;padding-top: 5px;}
			.email{font-size: 12px;}
			.banner{margin: 15px 20px 10px 20px;box-shadow: 0 1px 6px #ccc;position: relative;}
			.row{background-color: white;border-radius: 4px;}
			.sm{text-align: center;padding: 15px;font-size: 12px;color: #7a7a7a;position: relative;font-weight: bold;}
			.mui-badge-danger{position: absolute;top: 0;right: 0;margin-top: 10px;margin-right: 19px;}
			.mui-table-view{margin: 15px 20px 10px 20px;border-radius: 4px;box-shadow: 0 1px 6px #ccc;font-size:13px;}
			.mui-table-view:before{background-color: rgba(200, 199, 204, 0);}
			.mui-table-view:after{background-color: rgba(200, 199, 204, 0);}
			.mui-table-view-cell{padding: 15px;color: #7a7a7a;font-weight: bold;}
			.mui-table-view-cell:after{background-color: #dbdbdb;}
			.ic{margin-right: 10px;font-size: 18px;font-weight: bold;}
		</style>
	</head>
	<body>
		<div class="mui-content fadeInDown" id="app">
			<div class="top">
				<div @click="user_info()">
					<img src="../images/ls.png" v-if="user.header==null" />
					<img :src="user.header" v-else /><br>
					<div class="nickName" v-if="user.nickName==null">未登录</div>
					<div class="nickName" v-else>{{user.nickName}} <br><span class="email">{{user.email}}</span></div>
				</div>
			</div>
			<div class="banner">
				<div class="row">
					<div class="sm" @click="page('my_resume','../pages/resume/my_resume.html')"><i class="icon ic" style="color: #FF5722;margin:0;">&#xe670;</i><br />我的简历</div>
					<div class="sm" @click="page('position_my_list','../pages/position/my_list.html')"><i class="icon ic" style="color: #607D8B;margin:0;">&#xe614;</i><br />收到的简历</div>
					<div class="sm" @click="skip(3)"><i class="icon ic" style="color: #4CAF50;margin:0;">&#xe625;</i><br />消息</div>
					<div class="clear"></div>
				</div>
				<div class="row">
					<div class="sm" @click="page('position_list','../pages/position/list.html')"><i class="icon ic" style="color: #FF5722;margin:0;">&#xe670;</i><br />发布职位</div>
					<div class="sm" @click="page('position_my_list','../pages/position/my_list.html')"><i class="icon ic" style="color: #607D8B;margin:0;">&#xe614;</i><br />收到的简历</div>
					<div class="sm" @click="skip(3)"><i class="icon ic" style="color: #4CAF50;margin:0;">&#xe625;</i><br />消息</div>
					<div class="clear"></div>
				</div>
			</div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" @click="user_info()">
					<a class="mui-navigate-right"><i class="icon ic" style="color: #00BCD4;">&#xe863;</i>个人信息</a>
				</li>
				<li class="mui-table-view-cell" @click="other(1)">
					<a class="mui-navigate-right"><i class="icon ic" style="color: #4CAF50;">&#xe607;</i>建议反馈</a>
				</li>
				<li class="mui-table-view-cell" @click="other(5)">
					<a class="mui-navigate-right"><i class="icon ic" style="color: #00BCD4;">&#xe61a;</i>软件分享</a>
				</li>
				<li class="mui-table-view-cell" @click="other(3)">
					<a class="mui-navigate-right"><i class="icon ic" style="color: #607D8B;">&#xe619;</i>系统设置</a>
				</li>
			</ul>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/app.js"></script>
		<script src="../js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					user: {}
				},
				mounted: function() {
					if(getUser() != null) {
						this.user = getUser();
						this.user.header = urls().path + this.user.header;
					}
				},
				methods: {
					//页面跳转操作(需要登录)
					page: function(id, url) {
						if(!hasLogin()) {
							mui.toast("请先登录")
							open('login', '../pages/user/login.html', null, 'slide-in-bottom');
							return;
						}
						open(id, url, null, 'slide-in-bottom');
					},
					//其它页面
					other: function(id, url) {
						open(id, url, null, 'slide-in-bottom');
					}
				}
			})
		</script>
	</body>

</html>