| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- <!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{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);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;}
- .error{top: 100px;background-color: #FF5722;}
- .ht{padding: 5px;background-color: #fffbee;color: #ed9f2b;font-size: 12px;}
- </style>
- </head>
- <body>
- <div class="mui-content" id="app">
- <div class="top">
- <div @click="page('user_info','../pages/user/user_info.html')">
- <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}} </div>
- </div>
- <div class='qh' @click="qy()" v-if="user.nickName!=null"><i class="icon"></i> {{user.mType==0?'个人用户':'企业用户'}}</div>
- </div>
- <div class="ht" v-show="mSate==2||mSate==3||mSate==4||mSate==1">
- <span v-if="mSate==2" @click="qy()"><i class="icon warn"></i> 等待后台审核企业信息</span>
- <span v-if="mSate==3" @click="qy()"><i class="icon warn"></i> 审核不通过 详情请点击企业信息</span>
- <span v-if="mSate==4" @click="qy()"><i class="icon warn"></i> 重新提交审核 等待后台审核企业信息</span>
- <span v-if="mSate==1"><i class="icon warn"></i> 该账号已被管理员锁定，无法做任何操作!</span>
- </div>
- <div class="banner">
- <div class="row" v-if="user.mType==1">
- <div class="sm" @click="page('position_list','../pages/position/list.html')"><i class="icon ic" style="color: #FF5722;margin:0;"></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;"></i><br />收到的简历</div>
- <div class="sm" @click="page('message_list','../pages/message/list.html')"><i class="icon ic" style="color: #4CAF50;margin:0;"></i><br />消息 <span class="mui-badge mui-badge-danger" v-show="nums>0">{{nums}}</span></div>
- <div class="clear"></div>
- </div>
- <div class="row" v-else>
- <div class="sm" @click="page('my_resume','../pages/resume/my_resume.html')"><i class="icon ic" style="color: #FF5722;margin:0;"></i><br />我的简历</div>
- <div class="sm" @click="page('resume_delivery_list','../pages/resume/resume_delivery_list.html')"><i class="icon ic" style="color: #607D8B;margin:0;"></i><br />投递历史
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <ul class="mui-table-view">
- <li class="mui-table-view-cell" @click="page('user_info','../pages/user/user_info.html')">
- <a class="mui-navigate-right"><i class="icon ic" style="color: #00BCD4;"></i>个人信息</a>
- </li>
- <li class="mui-table-view-cell" @click="other('feedback','../pages/other/feedback.html')">
- <a class="mui-navigate-right"><i class="icon ic" style="color: #4CAF50;"></i>建议反馈</a>
- </li>
- <li class="mui-table-view-cell" @click="share()">
- <a class="mui-navigate-right"><i class="icon ic" style="color: #00BCD4;"></i>软件分享</a>
- </li>
- <li class="mui-table-view-cell" @click="other('setting','../pages/other/setting.html')">
- <a class="mui-navigate-right"><i class="icon ic" style="color: #607D8B;"></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: {},
- nums:'',
- mSate:0
- },
- mounted: function() {
- if(getUser() != null) {
- this.user = getUser();
- this.user.header = urls().path + this.user.header;
- if(this.user.mType==1){
- mui.plusReady(function() {
- request(urls().userInfo, {id: getUser().id},function(res) {
- vm.nums=res.nums;
- vm.mSate=res.mSate;
- plus.nativeUI.closeWaiting();
- })
- })
- }
- }
- },
- 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');
- },
- //企业信息
- qy:function(){
- if(vm.user.mType==1){
- open('qy', '../pages/user/certification.html', null, 'slide-in-bottom');
- }
- },
- //分享
- share:function(){
- plus.share.sendWithSystem({content: "找工作，就上党建扶贫APP,合浦县的APP,：http://www.baidu.com/"});
- },
- //其它页面
- other: function(id, url) {
- open(id, url, null, 'slide-in-bottom');
- }
- }
- })
- </script>
- </body>
- </html>
|
