|
|
@@ -7,22 +7,24 @@
|
|
|
<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;}
|
|
|
+ .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: 35px;}
|
|
|
+ .top img{width: 65px;height: 65px;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;}
|
|
|
+ .banner{margin: 10px 20px 10px 20px;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: 15px 20px 10px 20px;border-radius: 4px;box-shadow: 0 1px 6px #ccc;font-size:13px;}
|
|
|
+ .mui-table-view{margin: 10px 20px 10px 20px;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: 15px;color: #7a7a7a;font-weight: bold;}
|
|
|
+ .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;}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -34,7 +36,9 @@
|
|
|
<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 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>
|
|
|
@@ -42,49 +46,81 @@
|
|
|
<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="bbv">
|
|
|
+ <span class="bor"></span>
|
|
|
+ <span>招聘</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="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="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="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 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('list','../tab/list.html')"><i class="icon ic" style="color: #00BCD4;margin:0;"></i><br />找工作
|
|
|
+ <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="page('list','../tab/list.html')">
|
|
|
+ <div class="ioc" style="background-color: #FF5722;"><i class="icon icons"></i></div>
|
|
|
+ <div class="tit">找工作</div>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+ <div class="bbv" style="padding-top: 0px;">
|
|
|
+ <span class="bor"></span>
|
|
|
+ <span>兼职</span>
|
|
|
+ </div>
|
|
|
<div class="banner">
|
|
|
-
|
|
|
- <div class="row" >
|
|
|
- <div class="sm" @click="page('my_resume','../pages/parttime/my_intention.html')"><i class="icon ic" style="color: #1aaa67;margin:0;"></i><br />兼职意向</div>
|
|
|
- <div class="sm" @click="page('app_parttime_list','../pages/parttimeapp/my_parttimeapp.html')"><i class="icon ic" style="color: #607D8B;margin:0;"></i><br />我的兼职应聘
|
|
|
+ <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')"><i class="icon ic" style="color: #448b0d;margin:0;"></i><br />我的兼职招聘
|
|
|
+ <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('my_resume','../pages/resume/my_resume.html')"><i class="icon ic" style="color: #FF5722;margin:0;"></i><br />我的简历</div>
|
|
|
-
|
|
|
- <div class="sm" @click="page('jz_list','../tab/jz_list.html')"><i class="icon ic" style="color: #00BCD4;margin:0;"></i><br />找兼职
|
|
|
+ <div class="sm" @click="page('jz_list','../tab/jz_list.html')">
|
|
|
+ <div class="ioc" style="background-color: #2196F3;"><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="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>
|
|
|
+ <a class="mui-navigate-right"><i class="icon ic" style="color: #2196F3;"></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>
|
|
|
+ <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: #00BCD4;"></i>软件分享</a>
|
|
|
+ <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>
|
|
|
@@ -99,28 +135,30 @@
|
|
|
el: "#app",
|
|
|
data: {
|
|
|
user: {},
|
|
|
- nums:'',
|
|
|
- mSate:0
|
|
|
+ nums: '',
|
|
|
+ mSate: 0
|
|
|
},
|
|
|
mounted: function() {
|
|
|
- if(getUser() != null) {
|
|
|
+ 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();
|
|
|
- })
|
|
|
- })
|
|
|
+ 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()) {
|
|
|
+ if (!hasLogin()) {
|
|
|
mui.toast("请先登录")
|
|
|
open('login', '../pages/user/login.html', null, 'slide-in-bottom');
|
|
|
return;
|
|
|
@@ -128,14 +166,16 @@
|
|
|
open(id, url, null, 'slide-in-bottom');
|
|
|
},
|
|
|
//企业信息
|
|
|
- qy:function(){
|
|
|
- if(vm.user.mType==1){
|
|
|
+ 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/"});
|
|
|
+ share: function() {
|
|
|
+ plus.share.sendWithSystem({
|
|
|
+ content: "找兼职找工作，就上兼职网：http://www.baidu.com/"
|
|
|
+ });
|
|
|
},
|
|
|
//其它页面
|
|
|
other: function(id, url) {
|
|
|
@@ -146,4 +186,4 @@
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
-</html>
|
|
|
+</html>
|
xiaoshushu