odd_job/app/admin/view/comjobsreport/reportimport.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="reportimport-edit">
						<div class="layui-form-item">
							<label class="layui-form-label">招聘订单</label>
							<div class="layui-input-block">
								<select name="comjobsid" lay-filter="comjobsid" lay-search>
									<option value="">请选择招聘信息（可搜索）</option>
									{volist name="comjobslist" id="vo"}
									<option value="{$vo['id']}">{$vo['title']}</option>
									{/volist}
								</select>
								<div class="layui-form-mid layui-word-aux">优先级：表格文件中“招聘订单ID”  >> 此处选择。</div>
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">返费模式</label>
							<div class="layui-input-block" id="refundbox">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">返费形式</label>
							<div class="layui-input-block">
								<input type="text" name="comtype" id="comtype" 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="comprice" id="comprice" 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="comremark" id="comremark" 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">
								<select name="agentid" lay-filter="agentid" lay-search>
									<option value="">请选择代理门店（可搜索）</option>
									{volist name="agentlist" id="vo"}
									<option value="{$vo['id']}">{$vo['realname']}</option>
									{/volist}
								</select>
								<div class="layui-form-mid layui-word-aux">优先级：表格文件中“代理门店ID”  >> 此处选择。</div>
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label"><span style="color:#f90c05;">*</span>导入文件</label>
							<div class="layui-input-block">
								<div class="layui-input-inline">
									<input type="text" name="execlfile" id="execlfile" value="" readonly lay-verify="required" placeholder="请上传Execl文件" autocomplete="off" class="layui-input">
								</div>
								<div class="layui-upload">
									<button type="button" class="layui-btn" id="attachment-upload-file"><i class="layui-icon"></i>上传文件</button>
									<a type="button" class="layui-btn layui-btn-primary" href="/static/table/report.xls">模板样表下载</a>
									<div class="layui-inline layui-word-aux">只能导入 xls、xlsx 文件</div>
								</div>
							</div>
						</div>
						
						<div class="layui-form-item">
							<div class="layui-input-block">
								<input type="button" lay-submit lay-filter="reportimport-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', 'selectN', 'selectM'], function() {
		var $ = layui.$,
			setter = layui.setter,
			admin = layui.admin,
			layedit = layui.layedit,
			laydate = layui.laydate,
			form = layui.form,
			inputTags = layui.inputTags,
			upload = layui.upload,
			selectN = layui.selectN,
			selectM = layui.selectM;
		form.render();
		
		var comjobslist = {$comjobslist|raw};
		form.on('select(comjobsid)', function(data){
			for(var i=0;i<comjobslist.length;i++){
				if (data.value==comjobslist[i].id){
					var refund = comjobslist[i].comjobsRefund;
					var html = ""
					for(var reti=0;reti<refund.length;reti++){
						html += '<input type="radio" lay-filter="reportrefund" name="reportrefund" data-type="'+refund[reti].reftype+'" data-price="'+refund[reti].refprice+'" data-remark="'+refund[reti].refremark+'" value="'+reti+'" title="'+refund[reti].reftype +"【"+ refund[reti].agentGroups.title+'】" />';
					}
					$('#refundbox').html(html);
				}
			} 
			form.render();
		});
		form.on('radio(reportrefund)',function (obj) {
			$("#comtype").val( $(this).data('type') );
			$("#comprice").val( $(this).data('price') );
			$("#comremark").val( $(this).data('remark') );
		});
		
		upload.render({
			elem: '#attachment-upload-file',
			url: setter.baseAdminUrl + 'attachment/tplfieldfile',
			accept: 'file',
			exts: 'xls|xlsx',
			done: function(res){
				$('#execlfile').val(res.data.path);
				console.log(res)
			}
		});
		
		form.on('submit(reportimport-edit-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
			admin.req({
				url: setter.baseAdminUrl + 'report/importreport',
				data: obj.field,
				type: 'GET',
				done: function(res) {
					layer.msg("导入操作成功，成功 "+res.sucnumber+"条，失败 "+res.errnumber+"条。失败序号："+res.errarr, {
						icon: 1
					});
					parent.layui.table.reload('reportlist-table');
					parent.layer.close(index);
				}
			});
		});
		
	});
</script>