lzf
/
partTime-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!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;}
		    .browse{font-size: 10px;color: #2196F3;}
		    .flex{text-align: center;border-top: 1px solid #e2e2e2;margin-top: 3px;}
		    .flex .f{padding: 10px 10px 0px 10px;font-size: 12px;color: #26cc2c;}
		    [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.mz}} 
						<span class="browse" v-show="item.isBrowse==0" style="color: darkgray;">待浏览</span>
						<span class="browse" v-show="item.isBrowse==1">已查看</span>
						<span class="right rmb">{{item.gz==null?'面议':item.gz+' 元/月'}}</span></div>
					<div class="cn">
						<span class="dc"><i class="icon i">&#xe645;</i> {{item.sex}}</span>
						<span class="dc"><i class="icon i">&#xe682;</i> {{item.csny}}</span>
						<span class="dc"><i class="icon i">&#xe65e;</i> {{item.zgxl}}</span>
						<span class="dc"><i class="icon i">&#xe624;</i> {{item.gzjy}}年工作经验</span>
					</div>
					<div class="cn">
						<span class="dc">应聘职位：{{item.zw}}</span>
						<span class="right">目前状态：{{item.zt}}</span>
					</div>
					<div class="cn">
						<div class="flex">
							<div class="f" @click.stop="phone(item.phone)"><i class="icon">&#xe62c;</i> 拨打电话</div>
							<div class="f" @click.stop="message(item.phone)"><i class="icon">&#xe625;</i> 发送短信</div>
							<div class="f" @click.stop="ignore(item)" style="color:#FF5722;"><i class="icon">&#xe67d;</i> 忽略该简历</div>
						</div>
					</div>
				</div>
				</div>
				<div class="no_data" v-else>
					<i class="icon icon-48">&#xe65f;</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_list, {userId: getUser().id,positionId:plus.webview.currentWebview().param.id},function(res) {
							vm.list = res;
							plus.nativeUI.closeWaiting();
						})
					},
					//预览
					preview:function(id){
						open('resume_preview', 'resume_preview.html', {id:id}, 'slide-in-bottom');
					},
					//拨打电话
					phone:function(phone){
						plus.device.dial(phone, false );
					},
					//发送短信
					message:function(phone){
						 var msg = plus.messaging.createMessage(plus.messaging.TYPE_SMS);
	                     msg.to = [phone];
	                     plus.messaging.sendMessage( msg );
					},
					//忽略该简历
					ignore:function(item){
						mui.confirm('是否忽略该简历,忽略后将不再显示？', '提示', ['否', '是'], function(e) {
							if(e.index == 1) {
								request(urls().resume_ignore,{id:item.id},function(res) {
							            plus.nativeUI.closeWaiting();
							            mui.toast('操作成功');
							            vm.list.splice(vm.list.indexOf(item),1);
						         })
							}
						})
					}
				}
			})
		</script>
	</body>

</html>