|
@@ -7,7 +7,13 @@
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<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" />
|
|
<link href="../../css/mui.min.css" rel="stylesheet" />
|
|
<style>
|
|
<style>
|
|
- .mui-content{margin-top: 23px;padding: 10px;}
|
|
|
|
|
|
+ .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;}
|
|
.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;}
|
|
.title{font-size: 18px;}
|
|
.cn{color: #7e7e7e;padding-top: 8px;}
|
|
.cn{color: #7e7e7e;padding-top: 8px;}
|
|
@@ -26,12 +32,20 @@
|
|
<header class="mui-bar mui-bar-nav">
|
|
<header class="mui-bar mui-bar-nav">
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
<h1 class="mui-title">职位列表</h1>
|
|
<h1 class="mui-title">职位列表</h1>
|
|
- <span class="save mui-pull-right" @click="push()">发布</span>
|
|
|
|
|
|
+ <span class="save mui-pull-right" @click="type()">分类管理</span>
|
|
</header>
|
|
</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 class="mui-content">
|
|
<div v-if="list.length>0">
|
|
<div v-if="list.length>0">
|
|
<div class="items" v-for="(item,index) in list">
|
|
<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="title omit">{{item.mName}} <span class="right rmb">{{item.gz=='true'?'面议':item.min+'-'+item.max+' 元/月'}}</span></div>
|
|
<div class="cn">
|
|
<div class="cn">
|
|
<span class="dc"><i class="icon i"></i> {{item.gzjy}}</span>
|
|
<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.xl}}</span>
|
|
@@ -71,6 +85,8 @@
|
|
<li class="mui-table-view-cell" style="color: red;"><a href="#op">取消</a></li>
|
|
<li class="mui-table-view-cell" style="color: red;"><a href="#op">取消</a></li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<script src="../../js/mui.min.js"></script>
|
|
<script src="../../js/mui.min.js"></script>
|
|
<script src="../../js/app.js"></script>
|
|
<script src="../../js/app.js"></script>
|
|
@@ -79,22 +95,38 @@
|
|
var vm = new Vue({
|
|
var vm = new Vue({
|
|
el: "#app",
|
|
el: "#app",
|
|
data: {
|
|
data: {
|
|
|
|
+ show:false,
|
|
|
|
+ c:999,
|
|
|
|
+ msg:'职位分类',
|
|
|
|
+ positionId:'',
|
|
|
|
+ type_list:[], //职位分类
|
|
list: [],
|
|
list: [],
|
|
obj:{}
|
|
obj:{}
|
|
},
|
|
},
|
|
mounted: function() {
|
|
mounted: function() {
|
|
mui.plusReady(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();
|
|
vm.getData();
|
|
})
|
|
})
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
//获取数据
|
|
//获取数据
|
|
getData: function() {
|
|
getData: function() {
|
|
- request(urls().position_list, {userId: getUser().id},function(res) {
|
|
|
|
|
|
+ request(urls().position_list, {userId: getUser().id,positionId:vm.positionId},function(res) {
|
|
vm.list = res;
|
|
vm.list = res;
|
|
plus.nativeUI.closeWaiting();
|
|
plus.nativeUI.closeWaiting();
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ //职位分类
|
|
|
|
+ type:function(){
|
|
|
|
+ open('position_type_list', '/pages/postion_type/list.html', null,'slide-in-bottom');
|
|
|
|
+ },
|
|
//预览
|
|
//预览
|
|
preview:function(){
|
|
preview:function(){
|
|
mui('#op').popover('toggle');
|
|
mui('#op').popover('toggle');
|
|
@@ -103,7 +135,7 @@
|
|
//编辑
|
|
//编辑
|
|
edit:function(){
|
|
edit:function(){
|
|
mui('#op').popover('toggle');
|
|
mui('#op').popover('toggle');
|
|
- open('position_push', 'push.html', vm.obj,'slide-in-bottom');
|
|
|
|
|
|
+ open('position_push', 'push.html', {type_list:vm.type_list,item:vm.obj},'slide-in-bottom');
|
|
},
|
|
},
|
|
//删除
|
|
//删除
|
|
del:function(){
|
|
del:function(){
|
|
@@ -119,7 +151,7 @@
|
|
},
|
|
},
|
|
//发布职位
|
|
//发布职位
|
|
push: function() {
|
|
push: function() {
|
|
- open('position_push', 'push.html', null, 'slide-in-bottom');
|
|
|
|
|
|
+ open('position_push', 'push.html',{type_list:vm.type_list}, 'slide-in-bottom');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|
|
})
|