<!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>
.mui-content{margin-top: 23px;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;}
.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>
</header>
<div class="mui-content">
<div v-if="list.length>0">
<div class="items" v-for="(item,index) in list" @click="preview(item.id)">
<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;" @click.stop="del(item)"><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>
<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: {
list: []
},
mounted: function() {
mui.plusReady(function() {
vm.getData();
})
},
methods: {
//获取数据
getData: function() {
request(urls().resume_delivery_list, {userId: getUser().id},function(res) {
vm.list = res;
plus.nativeUI.closeWaiting();
})
},
//预览
preview:function(id){
open('position_detail', '/pages/position/detail.html', {id:id}, 'slide-in-bottom');
},
//删除
del:function(item){
mui('#op').popover('toggle');
mui.confirm('是否删除该投递职位？', '提示', ['否', '是'], function(e) {
if(e.index == 1) {
request(urls().resume_delivery_delete,{id:item.rd},function(res) {
vm.list.splice(vm.list.indexOf(item),1);
plus.nativeUI.closeWaiting();
})
}
})
}
}
})
</script>
</body>
</html>