更新

pages/parttimerec/contract.html

@@ -13,6 +13,12 @@
 			input{height: 50px!important;}
 			.m_box {padding: 10px 10px 25px 10px;box-shadow: 0 1px 6px #dbdbdb;}
 			.btn{width: 230px;margin-top: -21px;}
+			.img_list{font-size: 13px;color: darkgray;}
+			.row .sm3{padding: 5px;width: 33.33%;}
+			.img{width: 60px;border-radius: 3px;border: 1px solid darkgray;margin-bottom: 5px;}
+			.img.active{border: 2px solid green;}
+			.ht{text-align: left;padding-left: 20px;margin-top: -20px;padding-bottom: 10px;font-size: 14px;}
+			.sa.active{color: green;}
 		</style>
 	</head>
 
@@ -22,23 +28,22 @@
 				<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 animated fadeInUp" id="app" style="margin-top: 10px;">
+			<div class="mui-content animated fadeInUp" style="margin-top: 10px;">
 				<div class="bg">
 					<div class="m_box">
-					<div class="input-group">
-						合同接收人: {{items.mz}}
-					</div>
-					<div class="input-group">
-						<label>选择模板</label>
-						<select  v-model="item.templete_id">
-							
-						    <option value="1" >合同模板1</option>
-							 <option value="2" >合同模板2</option>
-						</select>
-					</div>
-					
-					
-					
+						<div class="input-group">
+							合同接收人: {{items.mz}}
+						</div>
+						<div class="img_list">
+							<div class="ht">请选择合同</div>
+							<div class="row">
+								<div class="sm3" v-for="(item,index) in contract_list" @click="select(item,index)">
+									<img :src="item.pic" class="img" :class="{active:curr==index}" @click.stop="view(item.pic)"/>
+									<div class="sa" :class="{active:curr==index}">{{item.name}}</div>
+								</div>
+								<div class="clear"></div>
+							</div>
+						</div>
 					</div>
 					<button class="btn" @click="ok()">确认发送</button>
 				</div>
@@ -48,35 +53,45 @@
 		<script src="../../js/app.js"></script>
 		<script src="../../js/vue.min.js"></script>
 		<script>
-			var vm=new Vue({
+			var vm = new Vue({
 				el: "#app",
 				data: {
-					item: {client:getUser().id},
-					items:{},
+					contract_list:[{name:'范本1',pic:'../../images/ht1.jpg'},{name:'范本2',pic:'../../images/ht1.jpg'},{name:'范本3',pic:'../../images/ht1.jpg'}],
+					curr:0,
+					item: {
+						//client: getUser().id,
+						templete_id:''
+					},
+					items: {},
 				},
-				mounted:function() {
+				mounted: function() {
 					mui.plusReady(function() {
-					   
-					   console.log("res==="+JSON.stringify(plus.webview.currentWebview().param));
-					   
-						if(plus.webview.currentWebview().param!=null){
-					    	vm.items=plus.webview.currentWebview().param;
-							vm.item.trustee=plus.webview.currentWebview().param.userId;
-							vm.item.parttime_id=plus.webview.currentWebview().param.parttime_id;
-							vm.item.client_status=1;//发送表示委托人同意
-					    }	
-						
-					})	
+						console.log("res===" + JSON.stringify(plus.webview.currentWebview().param));
+						if (plus.webview.currentWebview().param != null) {
+							vm.items = plus.webview.currentWebview().param;
+							vm.item.trustee = plus.webview.currentWebview().param.userId;
+							vm.item.parttime_id = plus.webview.currentWebview().param.parttime_id;
+							vm.item.client_status = 1; //发送表示委托人同意
+							
+							//获取合同列表
+							request(urls().contract_list,{}, function(res) {
+								vm.contract_list = res;
+								plus.nativeUI.closeWaiting();
+							})
+							
+						}
+
+					})
 				},
 				methods: {
 					//编辑
 					ok: function() {
-						if(vm.item.templete_id==''){
+						if (vm.item.templete_id == '') {
 							mui.alert('请选择合同模板');
 							return;
 						}
-						request(urls().send_contract,this.item, function(res) {
-							if(res.result == true) {
+						request(urls().send_contract, this.item, function(res) {
+							if (res.result == true) {
 								mui.toast("操作成功");
 								plus.webview.getWebviewById("detail").reload(true);
 							} else {
@@ -84,9 +99,15 @@
 							}
 							plus.nativeUI.closeWaiting();
 						})
+					},
+					select:function(item,index){
+						this.curr=index;
+					},
+					view:function(img){
+						plus.nativeUI.previewImage([img],{current:0,loop: true,indicator: 'number'});
 					}
 				}
 			})
 		</script>
 	</body>
-</html>
+</html>

pages/parttimerec/detail.html

@@ -3,32 +3,32 @@
 
 	<head>
 		<meta charset="UTF-8">
-		<title>职位详情</title>
+		<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" />
 		<link href="../../css/animate.min.css" rel="stylesheet" />
 		<style>
-		   .mui-bar-nav~.mui-content{padding-top: 55px;margin-bottom: 50px;}
+		  [v-cloak] {display: none;}
+		  .mui-bar-nav~.mui-content{padding-top: 55px;margin-bottom: 50px;}
 		   .ht{margin-top: 11px;padding: 5px;background-color: #fffbee;color: #ed9f2b;font-size: 11px;}
 		   .warn{display: block;padding-top: 11px;text-align: center;}
 		   .name{font-weight: bold;font-size: 17px;}
-           .icon{font-size:20px;}
+		   .icon{font-size:17px;}
 		   .right{float: right;color: #FF5722;}
-		   .yh{font-size: 11px;padding: 5px 0px 0px 0px;color: darkgray;}
+		   .yh{font-size: 13px;padding: 10px 0px 0px 0px;color: darkgray;}
 		   .yh .sp{padding-right: 15px;}
 		   .sps{background: #00B5AD;padding: 1px 6px;border-radius: 3px;color: white;text-align: center;}
-		   .s{color: darkgray;font-size: 12px;}
+		   .s{color: darkgray;font-size: 13px;}
 		   .row{font-size: 14px;padding-top: 10px;}
 		   .sm2{color: #4c4848;}
-           .dc{padding-right: 10px;font-size: 12px;}
-           .i{color: #00a0ea;}
-           .item{border-top: 1px solid #ececec;margin-top: 10px;padding-top: 15px;font-size: 14px;}
-           .dd{padding:5px;margin:0;border: 0;}
-           .dz{font-size: 12px;color: darkgray;}
-           .gs{padding-top: 11px;font-size: 48px;display: block;color: #00a0ea;}
-           .nr{font-size: 13px;color: #4a4747;}
-		   .lyy{float: right;margin-top: 15px;font-size: 15px;color: orange;}
-           .footer{color: white;position: fixed;background-color: #00a0ea;padding-top: 15px;width: 100%;bottom: 0;height: 52px;text-align: center;}
+		   .dc{padding-right: 10px;font-size: 13px;}
+		   .i{color: #00a0ea;}
+		   .item{border-top: 1px solid #ececec;margin-top: 10px;padding-top: 15px;font-size: 14px;}
+		   .dd{padding:5px;margin:0;border: 0;}
+		   .dz{font-size: 12px;color: darkgray;}
+		   .gs{padding-top: 11px;font-size: 48px;display: block;color: #00a0ea;}
+		   .nr{font-size: 13px;color: #4a4747;}
+		   .footer{color: white;position: fixed;background-color: #00a0ea;padding-top: 15px;width: 100%;bottom: 0;height: 52px;text-align: center;}
 		  [v-cloak] {display: none;}
 		</style>
 	</head>
@@ -36,7 +36,7 @@
 		<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>
+				<h1 class="mui-title">应聘详情</h1>
 			</header>
 			<div class="mui-content animated fadeInUp">
 				<div class="ht">凡是要求缴纳费用请提高警惕，谨防受骗！</div>
@@ -45,7 +45,7 @@
 						<span class="name">{{item.parttime_title}}</span><span class="right">{{item.salary}}</span>
 						<div class="yh">
 							<span class="sp">更新：{{item.publish_date}}</span>
-							<span class="sp" style="color: #18c31f;"><i class="icon" style="font-size: 13px;">&#xe7a1;</i> 通过审核</span>
+							<span class="sp" style="color: #18c31f;"><i class="icon" style="font-size: 15px;">&#xe88c;</i> 通过审核</span>
 							<span class="sp">申请：{{item.hire_num}} 人</span>
 							<span class="sps" style="background: #FF5722;" v-show="item.hire_num>5">多人竞争</span>
 							<span class="sps" style="background: #00a0ea;" v-show="item.hire_num<5&&item.hire_num>0">机会大</span>
@@ -54,15 +54,15 @@
 						<div class="row">
 							<div class="sm2">要求：</div>
 							<div class="sm8">
-								<span class="dc"><i class="icon i">&#xe624;</i> 招{{item.hire_num}}人</span>
-								<span class="dc"><i class="icon i">&#xe65e;</i> {{item.settlement}}</span>
-								<span class="dc"><i class="icon i">&#xe662;</i> {{item.remark}}</span>
+								<span class="dc"><i class="icon i" v-if="item.hire_num">&#xe65a;</i> 招{{item.hire_num}}人</span>
+								<span class="dc"><i class="icon i" v-if="item.settlement">&#xe615;</i> {{item.settlement}}</span>
+								<span class="dc"><i class="icon i" v-if="item.remark">&#xe616;</i> {{item.remark}}</span>
 							</div>
 							<div class="clear"></div>
 						</div>
 						<div class="row">
 							<div class="sm2">福利：</div>
-							<div class="sm8" style="font-size: 12px;">
+							<div class="sm8" style="font-size: 13px;">
 								{{item.parttime_describe}}
 							</div>
 							<div class="clear"></div>
@@ -70,21 +70,21 @@
 					</div>
 				</div>
 				<div class="model">
-					<div class="item dd">工作地点 <i class="icon right" style="color: darkgray;font-size: 15px;">&#xe61c;</i><span class="right s">{{item.address}}</span></div>
+					<div class="item dd">工作地点 <i class="icon right" style="color: darkgray;font-size: 15px;padding-left: 3px;">&#xe609;</i><span class="right s">{{item.address}}</span></div>
 				</div>
 				<div class="model">
 					<div class="content">
 						<div class="row" style="padding: 0;">
-							<div class="sm2"><i class="icon gs">&#xe724;</i></div>
+							<div class="sm2"><i class="icon gs">&#xe60b;</i></div>
 							<div class="sm8">{{item.work_region}} <br><span class="dz">{{item.address}}</span></div>
 							<div class="clear"></div>
 						</div>
-						<div class="item">公司电话 <i class="icon right" style="color: darkgray;font-size: 15px;">&#xe61c;</i><a class="right s" :href=" 'tel:'+item.phone">{{item.contact_info}}</a></div>
+						<div class="item">公司电话 <i class="icon right" style="color: darkgray;font-size: 15px;padding-left: 3px;">&#xe94d;</i><a class="right s" :href=" 'tel:'+item.phone">{{item.contact_info}}</a></div>
 					</div>
 				</div>
 				<div class="model">
 					<div class="bod">
-						<span><i class="icon i" style="padding-right:5px;">&#xe660;</i>职位要求</span>
+						<span><i class="icon i" style="padding-right:5px;">&#xe67b;</i>兼职要求</span>
 					</div>
 					<div class="content nr" v-html="item.parttime_describe"></div>
 				</div>

pages/parttimerec/my_parttimerec.html

@@ -51,7 +51,7 @@
 						</div>
 				</div>
 				<div class="no_data" v-else>
-					<i class="icon">&#xe65f;</i><br />没有数据
+					<i class="icon icon-48">&#xe61a;</i><br />没有数据
 				</div>
 					<!--加载更多-->
 					<div class="more">