lzf
/
partTime-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!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" />
		<link href="../../css/animate.min.css" rel="stylesheet" />
		<link href="../../css/mui.picker.min.css" rel="stylesheet" />
		<style>
		   .mui-content{padding-top: 70px!important;background-color: white;}
           .mui-input-row{border-bottom: 1px solid #ececec;padding: 8px;}
           .mui-input-row:last-child{border-bottom: 0px;}
		   .mui-input-row label span{font-weight: bold;color: red;}
		   .mui-input-row .mui-btn{width: 65%;padding: 0px;}
		   .save{color:white;padding-top: 12px;}
		   .my{padding: 10px;text-align: center;color: darkgray;}
		   .my.active{color: #009688;}
		   .ht{margin-top: -5px;padding: 5px;font-size: 12px;background-color: #FF5722;color: white;}
		   .flex{margin-bottom: -16px;}
		   input{font-size: 10px;}
		   .type{position: fixed;width: 100%;height: 100%;top:0;background-color: white;}
		  [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>
				<span class="save mui-pull-right" @click="save()">保存</span>
			</header>
			<div class="mui-content animated fadeInUp">
			<div class="ht" v-show="item.shenhe==0"><i class="icon">&#xe640;</i> 需要后台审核通过后，求职者才能看见</div>
				    <div class="ht" v-show="item.shenhe==1" style="background-color: #4CAF50;"><i class="icon">&#xe640;</i> 审核通过</div>
					<div class="mui-input-row">
						<label>职位名称 <span>*</span></label>
						<input type="text" v-model="item.parttime_title" placeholder="输入职位" oninput="if(value.length>30)value=value.substr(0,30)">
					</div>
					<div class="mui-input-row">
						<label>兼职时段 <span>*</span></label>
						<input type="text" v-model="item.time_interval" placeholder="兼职时段">
					</div>
					<div class="mui-input-row">
						<label>兼职描述 <span>*</span></label>
						<textarea rows="3" v-model="item.parttime_describe"  placeholder="输入兼职描述"></textarea>
					</div>
				
					<!--<div class="mui-input-row">
						<label>性别 <span>*</span></label>
						<select class="mui-btn mui-btn-block" v-model="item.sex">
					        <option :value="x" v-for="(x,index) in sex_list">{{x}}</option>
					    </select>
					</div> -->
					<div class="mui-input-row">
						<label>兼职类型 <span>*</span></label>
						<select class="mui-btn mui-btn-block" v-model="item.parttime_type_id">
					        <option :value="x.id" v-for="(x,index) in type_list">{{x.name}}</option>
				        </select>
					</div>
					<div class="mui-input-row">
						<label>招聘人数 <span>*</span></label>
						<input type="number" v-model="item.hire_num" placeholder="输入招聘人数" oninput="if(value<0)value=1">
					</div>	
					<div class="mui-input-row">
						<label>兼职日期 <span>*</span></label>
						<input type="date" v-model="item.parttime_date" placeholder="输入兼职日期" >
					</div>	
					<!--<div class="mui-input-row">
						<label>兼职时段 <span>*</span></label>
						<input type="text" v-model="item.time_interval" placeholder="输入兼职时段">
					</div>	-->
					<div class="mui-input-row">
						<label>薪资待遇 <span>*</span></label>
						<textarea rows="3" v-model="item.salary" placeholder="输入薪资待遇"></textarea>
					</div>
					<div class="mui-input-row">
						<label>薪资结算 <span>*</span></label>
						
					<select class="mui-btn mui-btn-block" v-model="item.settlement">
					    <option :value="x" v-for="(x,index) in settlement_list">{{x}}</option>
					</select>
					</div>
					<div class="mui-input-row">
						<label>工作区域 <span>*</span></label>
						<input type="text" v-model="item.work_region" placeholder="工作区域">
					</div>
					<div class="mui-input-row">
						<label>详细地址 </label>
						 <textarea rows="2" v-model="item.address"  placeholder="输入公司详细地址"></textarea>
					</div>
					<div class="mui-input-row">
						<label>联系电话 <span>*</span></label>
						<input type="tel" v-model="item.contact_info" placeholder="输入联系电话">
					</div>	
					<div class="mui-input-row">
						<label>备注 </label>
						 <textarea rows="3" v-model="item.remark"  placeholder="输入备注"></textarea>
					</div>
				    <div class="mui-input-row">
						<label>是否发布</label>
						<select class="mui-btn mui-btn-block" v-model="item.status">
					        <option :value="x.id" v-for="(x,index) in push">{{x.name}}</option>
				        </select>
					</div>	
				</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/mui.picker.min.js"></script>
		<script type="text/javascript">
			flag=false;
			var vm = new Vue({
				el: "#app",
				data: {
					type_list:[{name:'小时工',id:'1'},{name:'日工',id:'2'},{name:'任务',id:'3'}],
					settlement_list:['实时结算','完成后结算','日结'],
					push:[{name:'发布',id:0},{name:'暂不发布',id:1}],
					item: {}
				},
				mounted: function() {
					mui.plusReady(function() {
						//vm.type_list=plus.webview.currentWebview().param.type_list;
						//vm.type_list.splice({mName:'全部分类'},1);
						/*if(plus.webview.currentWebview().param.item!=null){
					       vm.item=plus.webview.currentWebview().param.item;
					        vm.item.gz=vm.item.gz=='true'?true:false;
						}else{
						    vm.item.shenhe=0;
						   vm.item.positionId=vm.type_list[0].id;
						}*/
						    vm.item.publisher=getUser().id;
					})
				},
				methods: {
					//保存
					save:function(){
						if(vm.item.parttime_title==''||vm.item.parttime_title==null){
							mui.alert('输入职位名称');
							return;
						}
						if(vm.item.parttime_type_id==''||vm.item.parttime_type_id==null){
							mui.alert('选择兼职类型,没有请去兼职管理添加');
							return;
						}
						if(vm.item.hire_num==''||vm.item.hire_num==null){
							mui.alert('输入招聘人数');
							return;
						}
						if(vm.item.contact_info==''||vm.item.contact_info==null){
							mui.alert('输入联系方式');
							return;
						}
						if(vm.item.address==''||vm.item.address==null){
							mui.alert('输入工作地点');
							return;
						}
						
						request(urls().add_parttime,this.item, function(res) {
							 if(res.result==true){
							  	mui.toast("操作成功");
							   // plus.webview.getWebviewById('jz_list').reload(true);
							  // plus.nativeUI.closeWaiting();
							  open('jz_list', '/tab/jz_list.html', {}, 'slide-in-bottom');
							  }else{
							  	mui.alert(res.msg);
							  }
						})
					}
				}
			})
			//监听
          vm.$watch('item.min', function () {
          	if(flag){vm.item.gz=false;}
          });
          vm.$watch('item.max', function () {
          	if(flag){vm.item.gz=false;}
          	flag=true;
          });
		</script>
	</body>

</html>