|
|
@@ -0,0 +1,161 @@
|
|
|
+<!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" />
|
|
|
+ <style>
|
|
|
+ .top{margin-top: 64px;top:0;font-size: 14px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);color: #292929;padding: 15px;text-align: center;position: fixed;width: 100%;background-color: white;z-index: 666;}
|
|
|
+ .menu{position: fixed;width: 100%;top: -148px;max-height: 250px;overflow: scroll; background-color:white;z-index:6;transition-duration: 0.3s;}
|
|
|
+ .menu.active{top: 115px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);}
|
|
|
+ .fs{color: #5a5858;font-size: 15px;}
|
|
|
+ .mui-table-view-cell>a:not(.mui-btn).active{color: #00a0ea;}
|
|
|
+ .mui-table-view-cell:after{background-color: #dbdbdb;}
|
|
|
+ .mui-content{margin-top: 73px;padding: 10px;}
|
|
|
+ .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;}
|
|
|
+ .title{font-size: 18px;}
|
|
|
+ .cn{color: #7e7e7e;padding-top: 8px;}
|
|
|
+ .dc{padding-right: 10px;}
|
|
|
+ .rmb{color: #FF5722;font-size: 15px;}
|
|
|
+ .right{float: right;}
|
|
|
+ .i{color: #00a0ea;}
|
|
|
+ .save{color:white;padding-top: 12px;background-color: #00a0ea;border: 0px;}
|
|
|
+ .flex{text-align: center;border-top: 1px solid #e2e2e2;margin-top: 3px;}
|
|
|
+ .flex .f{padding: 10px 10px 0px 10px;font-size: 12px;}
|
|
|
+ [v-cloak] {display: none;}
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div id="app" v-cloak>
|
|
|
+ <header class="mui-bar mui-bar-nav">
|
|
|
+ <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
|
+ <h1 class="mui-title">职位列表</h1>
|
|
|
+ <button class="save mui-pull-right" @click="type()">分类管理</button>
|
|
|
+ </header>
|
|
|
+ <div class="top" @click="show=!show">{{msg}} <i class="icon"></i></div>
|
|
|
+ <div class="menu" :class="{active:show}">
|
|
|
+ <ul class="mui-table-view">
|
|
|
+ <li class="mui-table-view-cell"v-for="(item,index) in type_list" @click="c=index;msg=item.mName;show=false;positionId=item.id;vm.getData()">
|
|
|
+ <a class="mui-navigate-right fs" :class="{active:c==index}">{{item.mName}}</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="mui-content">
|
|
|
+ <div v-if="list.length>0">
|
|
|
+ <div class="items" v-for="(item,index) in list">
|
|
|
+ <div class="title omit">{{item.mName}} <span class="right rmb">{{item.gz=='true'?'面议':item.min+'-'+item.max+' 元/月'}}</span></div>
|
|
|
+ <div class="cn">
|
|
|
+ <span class="dc"><i class="icon i"></i> {{item.gzjy}}</span>
|
|
|
+ <span class="dc"><i class="icon i"></i> {{item.xl}}</span>
|
|
|
+ <span class="dc"><i class="icon i"></i> 招{{item.nums}}人</span>
|
|
|
+ <span class="right"><i class="icon"></i> {{item.mTime.substring(0,11)}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="cn">
|
|
|
+ <span class="dc">{{item.gzdw}}</span>
|
|
|
+ <span class="right">{{item.gzdd}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="cn">
|
|
|
+ <div class="flex">
|
|
|
+ <!--后台审核-->
|
|
|
+ <div class="f" style="color: #FF5722;" v-show="item.shenhe==0"><i class="icon"></i> 待审核</div>
|
|
|
+ <div class="f" style="color: #2ecd34;" v-show="item.shenhe==1"><i class="icon"></i> 审核通过</div>
|
|
|
+ <div class="f" style="color: #FF5722;" v-show="item.shenhe==2"><i class="icon"></i> 审核不过</div>
|
|
|
+ <!--职位状态-->
|
|
|
+ <div class="f" style="color: #03A9F4;" v-show="item.fb==0"><i class="icon"></i> 发布</div>
|
|
|
+ <div class="f" style="color: darkgray;" v-show="item.fb==1 "><i class="icon"></i> 未发布</div>
|
|
|
+ <div class="f" @click="obj=item;mui('#op').popover('show');"><i class="icon"></i> 操作</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="no_data" v-else>
|
|
|
+ <i class="icon icon-48"></i><br />没有数据
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--操作-->
|
|
|
+ <div id="op" class="mui-popover mui-popover-action mui-popover-bottom">
|
|
|
+ <ul class="mui-table-view">
|
|
|
+ <li class="mui-table-view-cell" @click="preview()"><a>预览</a></li>
|
|
|
+ <li class="mui-table-view-cell" @click="edit()"><a>编辑</a></li>
|
|
|
+ <li class="mui-table-view-cell" @click="del()"><a>删除</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul class="mui-table-view">
|
|
|
+ <li class="mui-table-view-cell" style="color: red;"><a href="#op">取消</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button class="btn add-c" @click="push()"><i class="icon icon-58"></i></button>
|
|
|
+ <div class="mask" v-show="show" @click="show=false"></div>
|
|
|
+ </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: {
|
|
|
+ show:false,
|
|
|
+ c:999,
|
|
|
+ msg:'职位分类',
|
|
|
+ positionId:'',
|
|
|
+ type_list:[], //职位分类
|
|
|
+ list: [],
|
|
|
+ obj:{}
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
+ mui.plusReady(function() {
|
|
|
+ request(urls().position_type_list, {userId:getUser().id},function(res) {
|
|
|
+ vm.type_list.push({mName:'全部分类',id:''});
|
|
|
+ res.forEach(function(item){
|
|
|
+ vm.type_list.push(item);
|
|
|
+ });
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ })
|
|
|
+ vm.getData();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //获取数据
|
|
|
+ getData: function() {
|
|
|
+ request(urls().position_list, {userId: getUser().id,positionId:vm.positionId},function(res) {
|
|
|
+ vm.list = res;
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //职位分类
|
|
|
+ type:function(){
|
|
|
+ open('position_type_list', '/pages/postion_type/list.html', null,'slide-in-bottom');
|
|
|
+ },
|
|
|
+ //预览
|
|
|
+ preview:function(){
|
|
|
+ mui('#op').popover('toggle');
|
|
|
+ open('position_detail', 'detail.html', {id:vm.obj.id}, 'slide-in-bottom');
|
|
|
+ },
|
|
|
+ //编辑
|
|
|
+ edit:function(){
|
|
|
+ mui('#op').popover('toggle');
|
|
|
+ open('position_push', 'push.html', {type_list:vm.type_list,item:vm.obj},'slide-in-bottom');
|
|
|
+ },
|
|
|
+ //删除
|
|
|
+ del:function(){
|
|
|
+ mui('#op').popover('toggle');
|
|
|
+ mui.confirm('是否删除该职位？', '提示', ['否', '是'], function(e) {
|
|
|
+ if(e.index == 1) {
|
|
|
+ request(urls().position_delete,{id:vm.obj.id},function(res) {
|
|
|
+ vm.list.splice(vm.list.indexOf(vm.obj),1);
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //发布职位
|
|
|
+ push: function() {
|
|
|
+ open('position_push', 'push.html',{type_list:vm.type_list}, 'slide-in-bottom');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+
|
|
|
+</html>
|
lishuwen79
