mine.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>个人中心</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/animate.min.css" rel="stylesheet" />
  9. <style>
  10. .top{color:white;font-weight: bold;text-align: center;background-image:url(../images/top.png);background-size: cover; padding-top: 40px;padding-bottom: 35px;}
  11. .top img{width: 65px;height: 65px;border-radius: 50%;border: 2px solid white;}
  12. .nickName{font-size: 14px;padding-top: 5px;font-weight: normal!important;}
  13. .email{font-size: 12px;}
  14. .banner{margin: 10px 15px 10px 15px;position: relative;border-radius: 3px;overflow: hidden;}
  15. .row{background-color: white;border-radius: 4px;padding-top: 15px; }
  16. .sm{text-align: center;padding-bottom: 15px; font-size: 12px;color: #7a7a7a;position: relative;}
  17. .mui-badge-danger{position: absolute;top: 0;right: 0;margin-top: 10px;margin-right: 19px;}
  18. .mui-table-view{margin: 10px 15px 10px 15px;border-radius: 4px;font-size:14px;}
  19. .mui-table-view:before{background-color: rgba(200, 199, 204, 0);}
  20. .mui-table-view:after{background-color: rgba(200, 199, 204, 0);}
  21. .mui-table-view-cell{padding: 14px;color: #7a7a7a;}
  22. .mui-table-view-cell:after{background-color: #dbdbdb;}
  23. .ic{margin-right: 10px;font-size: 18px;font-weight: bold;}
  24. .error{top: 100px;background-color: #FF5722;}
  25. .ht{padding: 5px;background-color: #fffbee;color: #ed9f2b;font-size: 12px;}
  26. .bbv{padding: 10px 18px 0px 18px;color: #7a7a7a;font-size: 14px;}
  27. .bor{border-left: 5px solid #00a0ea;padding-right: 5px;}
  28. .vip{font-size: 12px;background-color: #009688;border-radius: 30px;padding: 1px 10px;position: absolute;top: 0px;margin-left: 20px;}
  29. [v-cloak] {display: none;}
  30. </style>
  31. </head>
  32. <body>
  33. <div class="mui-content" id="app" v-cloak>
  34. <div class="top">
  35. <div @click="page('user_info','../pages/user/user_info.html')" style="position: relative;">
  36. <img src="../images/ls.png" v-if="user.header==null" />
  37. <img :src="user.header" v-else /><br>
  38. <div class="nickName" v-if="user.nickName==null">未登录</div>
  39. <div class="nickName" v-else>
  40. <span>{{user.nickName}} </span>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="ht" v-show="mSate==2||mSate==3||mSate==4||mSate==1">
  45. <span v-if="mSate==2" @click="qy()"><i class="icon warn">&#xe648;</i> 等待后台审核企业信息</span>
  46. <span v-if="mSate==3" @click="qy()"><i class="icon warn">&#xe67d;</i> 审核不通过 详情请点击企业信息</span>
  47. <span v-if="mSate==4" @click="qy()"><i class="icon warn">&#xe648;</i> 重新提交审核 等待后台审核企业信息</span>
  48. <span v-if="mSate==1"><i class="icon warn">&#xe67d;</i> 该账号已被管理员锁定,无法做任何操作!</span>
  49. </div>
  50. <div class="banner">
  51. <div class="row" v-if="user.mType==1">
  52. <div class="sm" @click="page('position_list','../pages/position/list.html')">
  53. <div class="ioc" style="background-color: #FF5722;"><i class="icon icons">&#xe643;</i></div>
  54. <div class="tit">发布职位</div>
  55. </div>
  56. <div class="sm" @click="page('position_my_list','../pages/position/my_list.html')">
  57. <div class="ioc" style="background-color: #2196F3;"><i class="icon icons">&#xe67b;</i></div>
  58. <div class="tit">收到简历</div>
  59. </div>
  60. <div class="sm" @click="bg()">
  61. <div class="ioc" style="background-color: #9E9E9E;"><i class="icon icons">&#xe60f;</i></div>
  62. <div class="tit">企业曝光</div>
  63. </div>
  64. <div class="clear"></div>
  65. </div>
  66. <div class="row" v-else>
  67. <div class="sm" @click="page('my_resume','../pages/resume/my_resume.html')">
  68. <div class="ioc" style="background-color: #1aaa67;"><i class="icon icons">&#xe67b;</i></div>
  69. <div class="tit">工作简历</div>
  70. </div>
  71. <div class="sm" @click="page('resume_delivery_list','../pages/resume/resume_delivery_list.html')">
  72. <div class="ioc" style="background-color: #607D8B;"><i class="icon icons">&#xe63b;</i></div>
  73. <div class="tit">求职历史</div>
  74. </div>
  75. <div class="sm" @click="hs()">
  76. <div class="ioc" style="background-color: #9E9E9E;"><i class="icon icons">&#xe616;</i></div>
  77. <div class="tit">简历刷新</div>
  78. </div>
  79. <div class="clear"></div>
  80. </div>
  81. </div>
  82. <div class="banner">
  83. <div class="row">
  84. <div class="sm" @click="page('my_resume','../pages/parttime/my_intention.html')">
  85. <div class="ioc" style="background-color: #009688;"><i class="icon icons">&#xe65f;</i></div>
  86. <div class="tit">兼职意向</div>
  87. </div>
  88. <div class="sm" @click="page('app_parttime_list','../pages/parttimeapp/my_parttimeapp.html')">
  89. <div class="ioc" style="background-color: #795548;"><i class="icon icons">&#xe8bc;</i></div>
  90. <div class="tit">我的应聘</div>
  91. </div>
  92. <div class="sm" @click="page('rec_parttime_list','../pages/parttimerec/my_parttimerec.html')">
  93. <div class="ioc" style="background-color: #607D8B;"><i class="icon icons">&#xe643;</i></div>
  94. <div class="tit">我的招聘</div>
  95. </div>
  96. <div class="sm" @click="page('message_list','../pages/message/list.html')">
  97. <div class="ioc" style="background-color: #1aaa67;"><i class="icon icons">&#xe8bb;</i></div>
  98. <div class="tit">通知消息</div>
  99. </div>
  100. <div class="sm" @click="page('bill_list','../pages/bill/list.html')">
  101. <div class="ioc" style="background-color: #FF9800"><i class="icon icons">&#xe6d4;</i></div>
  102. <div class="tit">资金流水</div>
  103. </div>
  104. <div class="sm" @click="page('user_info','../pages/user/user_info.html')">
  105. <div class="ioc" style="background-color: #9E9E9E"><i class="icon icons">&#xe646;</i></div>
  106. <div class="tit">账户信息</div>
  107. </div>
  108. <div class="clear"></div>
  109. </div>
  110. </div>
  111. <ul class="mui-table-view">
  112. <li class="mui-table-view-cell" @click="other('feedback','../pages/other/feedback.html')">
  113. <a class="mui-navigate-right"><i class="icon ic" style="color: #607D8B;">&#xe62a;</i>建议反馈</a>
  114. </li>
  115. <li class="mui-table-view-cell" @click="share()">
  116. <a class="mui-navigate-right"><i class="icon ic" style="color: #4CAF50;">&#xe60c;</i>软件分享</a>
  117. </li>
  118. <li class="mui-table-view-cell" @click="other('setting','../pages/other/setting.html')">
  119. <a class="mui-navigate-right"><i class="icon ic" style="color: #607D8B;">&#xe683;</i>系统设置</a>
  120. </li>
  121. </ul>
  122. </div>
  123. <script src="../js/mui.min.js"></script>
  124. <script src="../js/app.js"></script>
  125. <script src="../js/vue.min.js"></script>
  126. <script type="text/javascript">
  127. var vm = new Vue({
  128. el: "#app",
  129. data: {
  130. user: {},
  131. nums: '',
  132. mSate: 0
  133. },
  134. mounted: function() {
  135. if (getUser() != null) {
  136. this.user = getUser();
  137. this.user.header = urls().path + this.user.header;
  138. if (this.user.mType == 1) {
  139. mui.plusReady(function() {
  140. request(urls().userInfo, {id: getUser().id}, function(res) {
  141. vm.nums = res.nums;
  142. vm.mSate = res.mSate;
  143. setTimeout(() => {
  144. plus.nativeUI.closeWaiting();
  145. }, 500)
  146. })
  147. })
  148. }
  149. }
  150. },
  151. methods: {
  152. //页面跳转操作(需要登录)
  153. page: function(id, url) {
  154. if (!hasLogin()) {
  155. mui.toast("请先登录")
  156. open('login', '../pages/user/login.html', null, 'slide-in-bottom');
  157. return;
  158. }
  159. open(id, url, null, 'slide-in-bottom');
  160. },
  161. //简历刷新
  162. hs:function(){
  163. mui.confirm('把简历推送给对应的企业,提升曝光度。', '提示', ['否', '是'], function(e) {
  164. if(e.index == 1) {
  165. mui.toast("提升曝光度,更多企业看到你的简历");
  166. }
  167. })
  168. //open('resume_preview', '../pages/resume/resume_preview.html', {id: getUser().id}, 'slide-in-bottom');
  169. },
  170. //企业曝光
  171. bg:function(){
  172. mui.confirm('把企业的职位信息推送给对应的求职者,提升曝光度。', '提示', ['否', '是'], function(e) {
  173. if(e.index == 1) {
  174. mui.toast("提升曝光度,更多求职者看到企业信息");
  175. }
  176. })
  177. //open('resume_preview', '../pages/resume/resume_preview.html', {id: getUser().id}, 'slide-in-bottom');
  178. },
  179. //企业信息
  180. qy: function() {
  181. if (vm.user.mType == 1) {
  182. open('qy', '../pages/user/certification.html', null, 'slide-in-bottom');
  183. }
  184. },
  185. //分享
  186. share: function() {
  187. plus.share.sendWithSystem({
  188. content: "找兼职找工作,就上兼职网:http://www.baidu.com/"
  189. });
  190. },
  191. //其它页面
  192. other: function(id, url) {
  193. open(id, url, null, 'slide-in-bottom');
  194. }
  195. }
  196. })
  197. </script>
  198. </body>
  199. </html>