odd_job/app/worker/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="{}">-->
						<div class="layui-form-item">
							<label class="layui-form-label">劳务公司</label>
							<div class="layui-input-block">
								<input type="text" name="workertitle" value="{$title}" readonly
									   autocomplete="off" class="layui-input layui-disabled">
							</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="" 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="" 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="" 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}" >{$vo.title}</option>
									{/volist}
								</select>
							</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="" 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="" 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="" 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="" 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="" 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"></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"></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="按月" >
								<input type="radio" name="wtype" value="2" title="按时" >
								<input type="radio" name="wtype" value="3" title="按件" >
								<input type="radio" name="wtype" value="4" title="按项目" >
								<input type="radio" name="wtype" value="5" title="其他" >
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">基本工资</label>
							<div class="layui-input-block">
								<input type="text" name="bwagall" value="" 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="" 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="一次性">
								<input type="radio" name="ftype" value="2" title="小时工" >
								<input type="radio" name="ftype" value="3" title="管理费" >
								<input type="radio" name="ftype" value="4" title="其他">
							</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="" 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="telephone" value="" lay-verify="phone" 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"></textarea>
							</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: [],
			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) {
			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.baseWorkerUrl + '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>