mw_odd_job/app/admin/view/comjobs/comjobsform.html

<style type="text/css">
	.amap-sug-result{
		z-index:999999999;
	}
	#pickerInput{
		z-index: 999999;
		position: absolute;
		right: 30px;
		top: 20px;
		width: 200px;
	}
</style>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">招聘信息</div>
				<div class="layui-card-body" pad15>

					<div class="layui-form layui-form-pane" lay-filter="LAY-comjobs-comjobsform-edit">
						<input type="hidden" name="id" value="{$comjobs.id}">
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>劳务公司</label>
							<div class="layui-input-block">
								<select name="workerid" lay-search lay-verify="required">
									<option value="">请选择劳务公司（可搜索）...</option>
									{volist name="workerlist" id="vo"}
									<option value="{$vo.id}" {$comjobs.workerid==$vo.id ? 'selected' : '' }>{$vo.title}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>招聘标题</label>
							<div class="layui-input-block">
								<input type="text" name="title" value="{$comjobs.title}" lay-verify="required" placeholder="请输入..."
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item" id="video-box">
							<input type="hidden" id="old_video" value="{$comjobs.video}" name="old_video"/>
							<input type="hidden" id="new_video" value="" name="new_video"/>

							<label class="layui-form-label">小视频</label>
							<div class="layui-input-inline">
								<button type="submit" class="layui-btn"  id="add_video" ><i class="layui-icon"></i>选择视频</button>
							</div>
							<video id="videoid" width="320" height="240" controls="controls" >

								<source id="show_video"  src="{$comjobs.video}" type="video/mp4" />
							</video>

						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>岗位类型</label>
							<div class="layui-input-block">
								<select name="cateid" lay-search lay-verify="required">
									<option value="">请选择岗位类型（可搜索）...</option>
									{volist name="catelist" id="vo"}
									<option value="{$vo.id}" {$comjobs.cateid==$vo.id ? 'selected' : '' }>{$vo.title}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="layui-form-item" id="LAY-comjobs-comjobsform-edit-areapicker">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>省市区</label>
							<div class="layui-input-inline">
								<select name="province" class="province-selector" data-value="{$comjobs.province}" lay-filter="province-2"
								 lay-verify="required">
									<option value="">请选择省</option>
								</select>
							</div>
							<div class="layui-input-inline">
								<select name="city" class="city-selector" data-value="{$comjobs.city}" lay-filter="city-2" lay-verify="required">
									<option value="">请选择市</option>
								</select>
							</div>
							<div class="layui-input-inline">
								<select name="district" class="district-selector" data-value="{$comjobs.district}" lay-filter="district-2"
								 lay-verify="required">
									<option value="">请选择区</option>
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>详细地址</label>
							<div class="layui-input-block">
								<input type="text" name="address" value="{$comjobs.address}" lay-verify="required" placeholder="请输入..."
									   autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>经纬度</label>
							<div class="layui-input-inline">
								<input type="text" name="longitude" value="{$comjobs.longitude}" lay-verify="required" placeholder="经度"
									   autocomplete="off" class="layui-input">
							</div>
							<div class="layui-input-inline">
								<input type="text" name="latitude" value="{$comjobs.latitude}" lay-verify="required" placeholder="纬度"
									   autocomplete="off" class="layui-input">
							</div>
							<div id="maplocation" style="width:500px;height:500px;display: none;">
								<input id="pickerInput" class="layui-input" placeholder="输入关键字选取地点"/>
							</div>
							<button style="float: left;" type="button" class="layui-btn" id="layuiadmin-map-lnglat">选择地理位置</button>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">招聘标签</label>
							<div class="layui-input-block">
								{volist name="welfarelist" id="vo"}
								<input type="checkbox" name="tags[]" value="{$vo.name}" title="{$vo.name}"
									   {if condition="!$comjobs->isEmpty() && in_array($vo['name'],$comjobs['tags'])"}
									   checked
									   {/if}
								/>
								{/volist}
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">任职要求</label>
							<div class="layui-input-block">
								<textarea name="requirement" placeholder="请输入..." rows="6" class="layui-textarea">{$comjobs.requirement}</textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">职位详情</label>
							<div class="layui-input-block">
								<textarea name="comdetails" placeholder="请输入..." rows="6" class="layui-textarea">{$comjobs.comdetails}</textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">环境照片</label>
							<div class="layui-input-block">
								<div class="layui-upload">
									<button type="button" class="layui-btn attachment-upload-images" data-input="picall" data-amount="9">上传图片</button>
									<div class="layui-inline layui-word-aux"> 最佳尺寸：750px*375px </div>
									<div class="layui-upload-list echo-attachment-image-list" id="picall">
										{volist name="comjobs.picall" id="vo"}
										<div>
											<input type="hidden" name="picall[]" value="{$vo}">
											<img src="{$vo}"> <button type="button" class="attachmentdel layui-btn layui-btn-primary layui-btn-xs layui-btn-fluid">删除</button>
										</div>
										{/volist}
									</div>
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">企业介绍</label>
							<div class="layui-input-block">
								<textarea name="companydetails" placeholder="请输入..." rows="6" class="layui-textarea">{$comjobs.companydetails}</textarea>
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">招聘类型</label>
							<div class="layui-input-block">
								<input type="radio" name="recruitment_cate" value="1" title="普通招聘" {eq name="comjobs.recruitment_cate|default=1" value="1"}checked{/eq}>
								<input type="radio" name="recruitment_cate" value="2" title="悬赏聘" {eq name="comjobs.recruitment_cate" value="2"}checked{/eq}>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">返佣金额</label>
							<div class="layui-input-block">
								<input type="text" name="retmoney" value="{$comjobs.retmoney}" placeholder="请输入...."
									   autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">招聘人数</label>
							<div class="layui-input-block">
								<input type="number" name="recruit_num" value="{$comjobs.recruit_num|default=1}" placeholder="请输入...."
									   autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>招工年龄</label>
							<div class="layui-input-block">
								<input type="text" name="agegroup" value="{$comjobs.agegroup|default=''}" placeholder="请输入...."
									   autocomplete="off" class="layui-input" lay-verify="required">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">学历</label>
							<div class="layui-input-block">
								<select name="education">
									<option value="">请选择学历...</option>
									{volist name="educationlist" id="vo"}
									<option value="{$vo.name}" {$comjobs.education==$vo.name ? 'selected' : '' }>{$vo.name}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">用工时间</label>
							<div class="layui-input-block">
								{volist name="emptimelist" id="vo"}
								<input type="checkbox" name="emp_time[]" value="{$vo.name}" title="{$vo.name}"
									   {if condition="!$comjobs->isEmpty() && !empty($comjobs['emp_time']) && in_array($vo['name'],$comjobs['emp_time'])"}
									   checked
									   {/if}
								/>
								{/volist}
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">薪资类型</label>
							<div class="layui-input-block">
								<input type="radio" name="wtype" value="1" title="按月" {eq name="comjobs.wtype|default=1" value="1"}checked{/eq}>
								<input type="radio" name="wtype" value="2" title="按时" {eq name="comjobs.wtype" value="2"}checked{/eq}>
								<input type="radio" name="wtype" value="3" title="按件" {eq name="comjobs.wtype" value="3"}checked{/eq}>
								<input type="radio" name="wtype" value="4" title="按项目" {eq name="comjobs.wtype" value="4"}checked{/eq}>
								<input type="radio" name="wtype" value="5" title="其他" {eq name="comjobs.wtype" value="5"}checked{/eq}>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">薪酬</label>
							<div class="layui-input-block">
								<input type="text" name="zwagall" value="{$comjobs.zwagall}" placeholder="请输入...."
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>咨询电话</label>
							<div class="layui-input-block">
								<input type="text" name="telephone" value="{$comjobs.telephone}" lay-verify="required" placeholder="请输入..." autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">补充说明</label>
							<div class="layui-input-block">
								<textarea name="remark" placeholder="请输入..." class="layui-textarea">{$comjobs.remark}</textarea>
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">状态</label>
							<div class="layui-input-block">
								<input type="radio" name="status" value="1" title="待修改" {eq name="comjobs.status|default=1" value="1"}checked{/eq}>
								<input type="radio" name="status" value="2" title="待审核" {eq name="comjobs.status" value="2"}checked{/eq}>
								<input type="radio" name="status" value="3" title="已上架" {eq name="comjobs.status" value="3"}checked{/eq}>
								<input type="radio" name="status" value="4" title="已停招" {eq name="comjobs.status" value="4"}checked{/eq}>
								<input type="radio" name="status" value="5" title="已下架" {eq name="comjobs.status" value="5"}checked{/eq}>
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">急聘</label>
							<div class="layui-input-block">
								<input type="radio" name="is_worry" value="0" title="否" {eq name="comjobs.is_worry|default=0" value="0"}checked{/eq}>
								<input type="radio" name="is_worry" value="1" title="是" {eq name="comjobs.is_worry" value="1"}checked{/eq}>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">推荐</label>
							<div class="layui-input-block">
								<select name="priority">
									<option value="0" {$comjobs.priority===0 ? 'selected' : '' }>不推荐</option>
									<option value="1" {$comjobs.priority===1 ? 'selected' : '' }>推荐一</option>
									<option value="2" {$comjobs.priority===2 ? 'selected' : '' }>推荐二</option>
									<option value="3" {$comjobs.priority===3 ? 'selected' : '' }>推荐三</option>
									<option value="4" {$comjobs.priority===4 ? 'selected' : '' }>推荐四</option>
									<option value="5" {$comjobs.priority===5 ? 'selected' : '' }>推荐五</option>
									<option value="6" {$comjobs.priority===6 ? 'selected' : '' }>推荐六</option>
									<option value="7" {$comjobs.priority===7 ? 'selected' : '' }>推荐七</option>
									<option value="8" {$comjobs.priority===8 ? 'selected' : '' }>推荐八</option>
									<option value="9" {$comjobs.priority===9 ? 'selected' : '' }>推荐九</option>
								</select>
								<div class="layui-form-mid layui-word-aux">推荐值值越大越靠前</div>
							</div>
						</div>
						
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>更新时间</label>
							<div class="layui-input-block">
								<input type="text" name="updatetime" id="updatetime" value="{$comjobs.updatetime}" lay-verify="required"
								 placeholder="请选择..." autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>创建时间</label>
							<div class="layui-input-block">
								<input type="text" name="createtime" id="createtime" value="{$comjobs.createtime}" lay-verify="required"
								 placeholder="请选择..." autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">浏览量</label>
							<div class="layui-input-block">
								<input type="text" name="volume" value="{$comjobs.volume|default=0}" lay-verify="number" placeholder="请输入..."
								 autocomplete="off" class="layui-input">
							</div>
						</div>

						<div class="layui-form-item">
							<div class="layui-input-block">
								<input type="button" lay-submit lay-filter="LAY-comjobs-comjobsform-edit-submit" value="确认提交" class="layui-btn">
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>


<script>
	layui.config({
		base: '/static/echoui/' //静态资源所在路径
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form', 'set', 'layedit', 'laydate', 'upload', 'inputTags', 'layarea'], function() {
		var $ = layui.$,
			setter = layui.setter,
			admin = layui.admin,
			layedit = layui.layedit,
			laydate = layui.laydate,
			form = layui.form,
			inputTags = layui.inputTags,
			upload = layui.upload,
			layarea = layui.layarea;

		var video_time;

		form.render();

		inputTags.render({
			elem: '#inputTags',
			content: {:json_encode($comjobs.tags)} == null ? [] : {:json_encode($comjobs.tags)},
			aldaBtn: true,
			count: 6,
			done: function(value) {}
		});
		
		layarea.render({
			elem: '#LAY-comjobs-comjobsform-edit-areapicker',
			data: {
                province: '福建省',
                city: '福州市',
                district: '马尾区',
			}
		});

		laydate.render({
			elem: '#enddate',
			type: 'date',
			format: 'yyyy-MM-dd'
		});
		laydate.render({
			elem: '#updatetime',
			type: 'datetime'
		});
		laydate.render({
			elem: '#createtime',
			type: 'datetime'
		});

		upload.render({
			elem: '#add_video'
			,url: setter.baseWorkerUrl + 'comjobs/upload_video'  //改成您自己的上传接口
			,accept: 'video' //视频
			,done: function(res){
				var src = res.data.src;
				sourceDom = $("<source src=\""+ src +"\">");
				// $("#video-box video").append(sourceDom);
				document.getElementById("videoid").src=src ;
				document.getElementById("videoid").play();

				var timer = setTimeout(function(){
					video_time = document.getElementById("videoid").duration;//视频时长
					if(Math.ceil(video_time) > 15){
						layer.msg('上传视频不能超过15秒', {icon: 2});
						$("#add_video").css('cssText','background-color:#e81313');
					}else{
						layer.msg('上传成功');
						$("#add_video").css('cssText','background-color:#009688');
						$("#new_video").val(src);

					}
					clearTimeout(timer);
				},1000);

			}
		});
		var map = new AMap.Map('maplocation', {
			center:[119.4556,25.98939],//地图中心位置
			zoom: 12,
		});
		$('#layuiadmin-map-lnglat').on('click', function() {
			var index = layer.open({
				type: 1,
				title: '点击获取地址坐标',
				area: ['500px', '550px'],
				content: $('#maplocation'),
				success: function() {
					//var map = new AMap.Map("maplocation", { resizeEnable: true });
					map.on('click', function(e) {
						$('input[name="longitude"]').val(e.lnglat.getLng());
						$('input[name="latitude"]').val(e.lnglat.getLat());
						layer.close(index);
					});
				}
			});
		});

		var auto = new AMap.Autocomplete({ input: "pickerInput" });
		var placeSearch = new AMap.PlaceSearch({ map: map });
		window.select = function (e) {
			console.log(e);
			placeSearch.setCity(e.poi.adcode);
			placeSearch.search(e.poi.name);
		};
		AMap.event.addListener(auto, "select", select);
		form.on('submit(LAY-comjobs-comjobsform-edit-submit)', function(obj) {

			if(video_time)
			{
				if(Math.ceil(video_time) >15)
				{
					layer.msg('视频不能超过15秒');
					return false;
				}
			}

			var index = parent.layer.getFrameIndex(window.name);
			admin.req({
				url: setter.baseAdminUrl + 'comjobs/editcomjobs',
				data: obj.field,
				type: 'post',
				done: function(res) {
					layer.msg("提交成功", {
						icon: 1
					});
					parent.layui.table.reload('LAY-comjobs-comjobslist-table'); //重载表格
					parent.layer.close(index);
				}
			});
		}); 
		
		
		$('.echo-attachment-image-list').on('click', '.attachmentdel', function() {
			$(this).parent().remove();
		});
		upload.render({
			elem: '.attachment-upload-images',
			url: setter.baseAdminUrl + 'attachment/tplfieldimage',
			accept: 'images',
			exits: 'jpg|png|jpeg',
			acceptMime: 'image/*',
			size: 2048,
			number: 1,
			method: 'post',
			before: function(obj) {
				var item = this.item;
				upload_input = $(item).data('input');
				upload_amount = $(item).data('amount');
				layer.load();
			},
			done: function(res, index, upload) {
				layer.closeAll('loading');
				var html = "";
				if (upload_amount == 1) {
					html += '<div> <input type="hidden" name="' + upload_input + '" value="' + res.data.src + '"> ';
					html += '<img src="' + res.data.src + '"></div>';
					$("#" + upload_input).html(html);
				} else {
					html += '<div> <input type="hidden" name="' + upload_input + '[]" value="' + res.data.src + '"> ';
					html += '<img src="' + res.data.src +
						'"> <button type="button" class="attachmentdel layui-btn layui-btn-primary layui-btn-xs layui-btn-fluid">删除</button></div>';
					$("#" + upload_input).append(html);
				}
			},
			error: function(index, upload) {
				layer.closeAll('loading');
			}
		});
		
		
	});
</script>