123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201 |
- <!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: 35px;}
- .top img{width: 65px;height: 65px;border-radius: 50%;border: 2px solid white;}
- .nickName{font-size: 14px;padding-top: 5px;font-weight: normal!important;}
- .email{font-size: 12px;}
- .banner{margin: 10px 15px 10px 15px;position: relative;border-radius: 3px;overflow: hidden;}
- .row{background-color: white;border-radius: 4px;padding-top: 15px; }
- .sm{text-align: center;padding-bottom: 15px; font-size: 12px;color: #7a7a7a;position: relative;}
- .mui-badge-danger{position: absolute;top: 0;right: 0;margin-top: 10px;margin-right: 19px;}
- .mui-table-view{margin: 10px 15px 10px 15px;border-radius: 4px;font-size:14px;}
- .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: 14px;color: #7a7a7a;}
- .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;}
- .bbv{padding: 10px 18px 0px 18px;color: #7a7a7a;font-size: 14px;}
- .bor{border-left: 5px solid #00a0ea;padding-right: 5px;}
- .vip{font-size: 12px;background-color: #009688;border-radius: 30px;padding: 1px 10px;position: absolute;top: 0px;margin-left: 20px;}
- [v-cloak] {display: none;}
- </style>
- </head>
- <body>
- <div class="mui-content" id="app" v-cloak>
- <div class="top">
- <div @click="page('user_info','../pages/user/user_info.html')" style="position: relative;">
- <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>
- <span>{{user.nickName}} </span>
- </div>
- </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')">
- <div class="ioc" style="background-color: #FF5722;"><i class="icon icons"></i></div>
- <div class="tit">发布职位</div>
- </div>
- <div class="sm" @click="page('position_my_list','../pages/position/my_list.html')">
- <div class="ioc" style="background-color: #2196F3;"><i class="icon icons"></i></div>
- <div class="tit">收到简历</div>
- </div>
- <div class="sm" @click="bg()">
- <div class="ioc" style="background-color: #9E9E9E;"><i class="icon icons"></i></div>
- <div class="tit">企业曝光</div>
- </div>
- <div class="clear"></div>
- </div>
- <div class="row" v-else>
- <div class="sm" @click="page('my_resume','../pages/resume/my_resume.html')">
- <div class="ioc" style="background-color: #1aaa67;"><i class="icon icons"></i></div>
- <div class="tit">工作简历</div>
- </div>
- <div class="sm" @click="page('resume_delivery_list','../pages/resume/resume_delivery_list.html')">
- <div class="ioc" style="background-color: #607D8B;"><i class="icon icons"></i></div>
- <div class="tit">求职历史</div>
- </div>
- <div class="sm" @click="hs()">
- <div class="ioc" style="background-color: #9E9E9E;"><i class="icon icons"></i></div>
- <div class="tit">简历刷新</div>
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <div class="banner">
- <div class="row">
- <div class="sm" @click="page('my_resume','../pages/parttime/my_intention.html')">
- <div class="ioc" style="background-color: #009688;"><i class="icon icons"></i></div>
- <div class="tit">兼职意向</div>
- </div>
- <div class="sm" @click="page('app_parttime_list','../pages/parttimeapp/my_parttimeapp.html')">
- <div class="ioc" style="background-color: #795548;"><i class="icon icons"></i></div>
- <div class="tit">我的应聘</div>
- </div>
- <div class="sm" @click="page('rec_parttime_list','../pages/parttimerec/my_parttimerec.html')">
- <div class="ioc" style="background-color: #607D8B;"><i class="icon icons"></i></div>
- <div class="tit">我的招聘</div>
- </div>
- <div class="sm" @click="page('message_list','../pages/message/list.html')">
- <div class="ioc" style="background-color: #1aaa67;"><i class="icon icons"></i></div>
- <div class="tit">通知消息</div>
- </div>
- <div class="sm" @click="page('bill_list','../pages/bill/list.html')">
- <div class="ioc" style="background-color: #FF9800"><i class="icon icons"></i></div>
- <div class="tit">资金流水</div>
- </div>
- <div class="sm" @click="page('user_info','../pages/user/user_info.html')">
- <div class="ioc" style="background-color: #9E9E9E"><i class="icon icons"></i></div>
- <div class="tit">账户信息</div>
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <ul class="mui-table-view">
- <li class="mui-table-view-cell" @click="other('feedback','../pages/other/feedback.html')">
- <a class="mui-navigate-right"><i class="icon ic" style="color: #607D8B;"></i>建议反馈</a>
- </li>
- <li class="mui-table-view-cell" @click="share()">
- <a class="mui-navigate-right"><i class="icon ic" style="color: #4CAF50;"></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;
- setTimeout(() => {
- plus.nativeUI.closeWaiting();
- }, 500)
- })
- })
- }
- }
- },
- 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');
- },
- //简历刷新
- hs:function(){
- mui.confirm('把简历推送给对应的企业,提升曝光度。', '提示', ['否', '是'], function(e) {
- if(e.index == 1) {
- mui.toast("提升曝光度,更多企业看到你的简历");
- }
- })
-
- //open('resume_preview', '../pages/resume/resume_preview.html', {id: getUser().id}, 'slide-in-bottom');
- },
- //企业曝光
- bg:function(){
- mui.confirm('把企业的职位信息推送给对应的求职者,提升曝光度。', '提示', ['否', '是'], function(e) {
- if(e.index == 1) {
- mui.toast("提升曝光度,更多求职者看到企业信息");
- }
- })
- //open('resume_preview', '../pages/resume/resume_preview.html', {id: getUser().id}, '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: "找兼职找工作,就上兼职网:http://www.baidu.com/"
- });
- },
- //其它页面
- other: function(id, url) {
- open(id, url, null, 'slide-in-bottom');
- }
- }
- })
- </script>
- </body>
- </html>
|