my_list.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. <style>
  9. .mui-content{margin-top: 23px;padding: 10px;}
  10. .items{padding: 20px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);font-size: 12px;margin-top:10px;background-color: white;border-radius: 3px;}
  11. .title{font-size: 17px;}
  12. .right{color: #4CAF50;font-size: 13px;float: right;}
  13. [v-cloak] {display: none;}
  14. </style>
  15. </head>
  16. <body>
  17. <div id="app" v-cloak>
  18. <header class="mui-bar mui-bar-nav">
  19. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  20. <h1 class="mui-title">收到的简历</h1>
  21. </header>
  22. <div class="mui-content">
  23. <div v-if="list.length>0">
  24. <div class="items" v-for="(item,index) in list" @click="detail(item)">
  25. <div class="title omit">{{item.mName}}
  26. <span class="right" style="color: darkgray;" v-if="item.deliverys==0">{{item.deliverys}} 条简历</span>
  27. <span class="right" v-else>{{item.deliverys}} 条简历</span></div>
  28. </div>
  29. </div>
  30. <div class="no_data" v-else>
  31. <i class="icon icon-48">&#xe65f;</i><br />没有数据
  32. </div>
  33. </div>
  34. </div>
  35. <script src="../../js/mui.min.js"></script>
  36. <script src="../../js/app.js"></script>
  37. <script src="../../js/vue.min.js"></script>
  38. <script type="text/javascript">
  39. var vm = new Vue({
  40. el: "#app",
  41. data: {
  42. list: [],
  43. obj:{}
  44. },
  45. mounted: function() {
  46. mui.plusReady(function() {
  47. vm.getData();
  48. })
  49. },
  50. methods: {
  51. //获取数据
  52. getData: function() {
  53. request(urls().position_list, {userId: getUser().id},function(res) {
  54. vm.list = res;
  55. plus.nativeUI.closeWaiting();
  56. })
  57. },
  58. //查看当前职位下面的简历列表
  59. detail: function(item) {
  60. open('resume_list', '/pages/resume/resume_list.html', {id:item.id}, 'slide-in-bottom');
  61. }
  62. }
  63. })
  64. </script>
  65. </body>
  66. </html>