odd_job/app/admin/view/demand/demandform.html

<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-demand-demandform-edit">
						<input type="hidden" name="id" value="{$demand.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}" {$demand.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="{$demand.title}" 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="num" value="{$demand.num|default=1}" lay-verify="number" placeholder="请输入..."
									   autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item" id="video-box">
							<input type="hidden" id="old_video" value="{$demand.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="{$demand.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}" {$demand.cateid==$vo.id ? 'selected' : '' }>{$vo.title}</option>
									{/volist}
								</select>
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">类型</label>
							<div class="layui-input-block">
								<input type="radio" name="type" value="1" title="代招" {eq name="demand.type|default=1" value="1"}checked{/eq}>
								<input type="radio" name="type" value="2" title="劳务派遣" {eq name="demand.type" value="2"}checked{/eq}>
							</div>
						</div>
						<div class="layui-form-item" id="LAY-demand-demandform-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="{$demand.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="{$demand.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="{$demand.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="agegroup" value="{$demand.agegroup}" 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">
								<div class="tags" id="tags">
									<input type="text" name="" id="inputTags" placeholder="回车生成标签" autocomplete="off">
								</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="enddate" id="enddate" value="{$demand.enddate}" 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="requirement" placeholder="请输入..." rows="6" class="layui-textarea">{$demand.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">{$demand.comdetails}</textarea>
							</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="demand.wtype|default=1" value="1"}checked{/eq}>
								<input type="radio" name="wtype" value="2" title="按时" {eq name="demand.wtype" value="2"}checked{/eq}>
								<input type="radio" name="wtype" value="3" title="按件" {eq name="demand.wtype" value="3"}checked{/eq}>
								<input type="radio" name="wtype" value="4" title="按项目" {eq name="demand.wtype" value="4"}checked{/eq}>
								<input type="radio" name="wtype" value="5" title="其他" {eq name="demand.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="bwagall" value="{$demand.bwagall}" 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="zwagall" value="{$demand.zwagall}" placeholder="请输入...."
								 autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">返费类型</label>
							<div class="layui-input-block">
								<input type="radio" name="ftype" value="1" title="一次性" {eq name="demand.ftype|default=1" value="1"}checked{/eq}>
								<input type="radio" name="ftype" value="2" title="小时工" {eq name="demand.ftype" value="2"}checked{/eq}>
								<input type="radio" name="ftype" value="3" title="管理费" {eq name="demand.ftype" value="3"}checked{/eq}>
								<input type="radio" name="ftype" value="4" title="其他" {eq name="demand.ftype" value="4"}checked{/eq}>
							</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="fwagall" value="{$demand.fwagall}" 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="telephone" value="{$demand.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">{$demand.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="demand.status|default=1" value="1"}checked{/eq}>
								<input type="radio" name="status" value="2" title="待审核" {eq name="demand.status" value="2"}checked{/eq}>
								<input type="radio" name="status" value="3" title="已上架" {eq name="demand.status" value="3"}checked{/eq}>
								<input type="radio" name="status" value="4" title="已停招" {eq name="demand.status" value="4"}checked{/eq}>
								<input type="radio" name="status" value="5" title="已下架" {eq name="demand.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="isfree" value="1" title="否" {eq name="demand.isfree|default=1" value="1"}checked{/eq}>
								<input type="radio" name="isfree" value="2" title="是" {eq name="demand.isfree" value="2"}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" {$demand.priority===0 ? 'selected' : '' }>不推荐</option>
									<option value="1" {$demand.priority===1 ? 'selected' : '' }>推荐一</option>
									<option value="2" {$demand.priority===2 ? 'selected' : '' }>推荐二</option>
									<option value="3" {$demand.priority===3 ? 'selected' : '' }>推荐三</option>
									<option value="4" {$demand.priority===4 ? 'selected' : '' }>推荐四</option>
									<option value="5" {$demand.priority===5 ? 'selected' : '' }>推荐五</option>
									<option value="6" {$demand.priority===6 ? 'selected' : '' }>推荐六</option>
									<option value="7" {$demand.priority===7 ? 'selected' : '' }>推荐七</option>
									<option value="8" {$demand.priority===8 ? 'selected' : '' }>推荐八</option>
									<option value="9" {$demand.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="{$demand.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="{$demand.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="{$demand.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-demand-demandform-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($demand.tags)} == null ? [] : {:json_encode($demand.tags)},
			aldaBtn: true,
			count: 6,
			done: function(value) {}
		});
		
		layarea.render({
			elem: '#LAY-demand-demandform-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);

			}
		});

		form.on('submit(LAY-demand-demandform-edit-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
			admin.req({
				url: setter.baseAdminUrl + 'demand/editdemand',
				data: obj.field,
				type: 'post',
				done: function(res) {
					layer.msg("提交成功", {
						icon: 1
					});
					parent.layui.table.reload('LAY-demand-demandlist-table'); //重载表格
					parent.layer.close(index);
				}
			});
		});
	});
</script>