resume_list.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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: 15px;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: 18px;}
  12. .cn{color: #7e7e7e;padding-top: 8px;}
  13. .dc{padding-right: 10px;}
  14. .rmb{color: #FF5722;font-size: 15px;}
  15. .right{float: right;}
  16. .i{color: #00a0ea;}
  17. .flex{text-align: center;border-top: 1px solid #e2e2e2;margin-top: 3px;}
  18. .flex .f{padding: 10px 10px 0px 10px;font-size: 12px;color: #26cc2c;}
  19. [v-cloak] {display: none;}
  20. </style>
  21. </head>
  22. <body>
  23. <div id="app" v-cloak>
  24. <header class="mui-bar mui-bar-nav">
  25. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  26. <h1 class="mui-title">简历列表</h1>
  27. </header>
  28. <div class="mui-content">
  29. <div v-if="list.length>0">
  30. <div class="items" v-for="(item,index) in list" @click="preview(item.id)">
  31. <div class="title omit">{{item.mz}} <span class="right rmb">{{item.gz==null?'面议':item.gz}}</span></div>
  32. <div class="cn">
  33. <span class="dc"><i class="icon i">&#xe645;</i> {{item.sex}}</span>
  34. <span class="dc"><i class="icon i">&#xe682;</i> {{item.csny}}</span>
  35. <span class="dc"><i class="icon i">&#xe65e;</i> {{item.zgxl}}</span>
  36. <span class="dc"><i class="icon i">&#xe624;</i> {{item.gzjy}}年工作经验</span>
  37. </div>
  38. <div class="cn">
  39. <span class="dc">应聘职位:{{item.zw}}</span>
  40. <span class="right">目前状态:{{item.zt}}</span>
  41. </div>
  42. <div class="cn">
  43. <div class="flex">
  44. <div class="f" @click.stop="phone(item.phone)"><i class="icon">&#xe62c;</i> 拨打电话</div>
  45. <div class="f" @click.stop="message(item.phone)"><i class="icon">&#xe625;</i> 发送短信</div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="no_data" v-else>
  51. <i class="icon icon-48">&#xe65f;</i><br />没有数据
  52. </div>
  53. </div>
  54. </div>
  55. <script src="../../js/mui.min.js"></script>
  56. <script src="../../js/app.js"></script>
  57. <script src="../../js/vue.min.js"></script>
  58. <script type="text/javascript">
  59. var vm = new Vue({
  60. el: "#app",
  61. data: {
  62. list: []
  63. },
  64. mounted: function() {
  65. mui.plusReady(function() {
  66. vm.getData();
  67. })
  68. },
  69. methods: {
  70. //获取数据
  71. getData: function() {
  72. request(urls().resume_list, {userId: getUser().id,positionId:plus.webview.currentWebview().param.id},function(res) {
  73. vm.list = res;
  74. plus.nativeUI.closeWaiting();
  75. })
  76. },
  77. //预览
  78. preview:function(id){
  79. open('resume_preview', 'resume_preview.html', {id:id}, 'slide-in-bottom');
  80. },
  81. //拨打电话
  82. phone:function(phone){
  83. console.log("zx");
  84. plus.device.dial( "10086", false );
  85. },
  86. //发送短信
  87. message:function(){
  88. var msg = plus.messaging.createMessage(plus.messaging.TYPE_SMS);
  89. msg.to = ['18611497504'];
  90. plus.messaging.sendMessage( msg );
  91. }
  92. }
  93. })
  94. </script>
  95. </body>
  96. </html>