odd_job/app/agent/view/report/orderdetails.html

<div class="layui-fluid">
	<div class="layui-card layui-tab  layui-tab-brief" lay-filter="linktab">
		<ul class="layui-tab-title">
			<li class="layui-this" lay-id="logform">更新记录</li>
			<li lay-id="loglist">订单详情</li>
		</ul>
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
				<div class="layui-card-body">
					<table id="LAY-report-loglist-table" lay-filter="LAY-report-loglist-table"></table>
				</div>
			</div>

			<div class="layui-tab-item">
				<div class="layui-card-body">
					<div class="layui-form layui-form-pane" lay-filter="LAY-report-orderform-edit">
						<input type="hidden" name="id" value="{$order.id}">
						<div class="layui-form-item">
							<label class="layui-form-label">招聘工厂</label>
							<div class="layui-input-block">
								<input type="text" name="factorytitle" value="{$order.report_factory.title}" autocomplete="off" class="layui-input"
								 readonly>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">订单标题</label>
							<div class="layui-input-block">
								<input type="text" name="title" value="{$order.title}" autocomplete="off" class="layui-input" readonly>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">招聘日期</label>
							<div class="layui-input-block">
								<input type="text" name="startdate" value="{$order.startdate}" autocomplete="off" class="layui-input" readonly>
							</div>
						</div>
						<div class="layui-form-item" pane>
							<label class="layui-form-label">返费模式</label>
							<div class="layui-input-block">
								<input type="radio" name="reftype" disabled="disabled" value="1" title="小时工" {eq name="order.reftype|default=1"
								 value="1" }checked{/eq} />
								<input type="radio" name="reftype" disabled="disabled" value="2" title="一次性" {eq name="order.reftype" value="2"
								 }checked{/eq} />
								<input type="radio" name="reftype" disabled="disabled" value="3" title="管理费" {eq name="order.reftype" value="3"
								 }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">
								<textarea name="employ" lay-verify="required" rows="12" placeholder="请输入录用条件" class="layui-textarea" readonly>{$order.employ}</textarea>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">温馨提示</label>
							<div class="layui-input-block">
								<textarea name="prompt" rows="12" placeholder="请输入温馨提示" class="layui-textarea" readonly>{$order.prompt}</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" disabled="disabled" value="2" title="招聘中" {eq name="order.status" value="2"
								 }checked{/eq} />
								<input type="radio" name="status" disabled="disabled" value="3" title="已停招" {eq name="order.status" value="3"
								 }checked{/eq} />
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">添加时间</label>
							<div class="layui-input-block">
								<input type="text" name="createtime" value="{$order.createtime}" autocomplete="off" class="layui-input"
								 readonly>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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

		table.render({
			elem: '#LAY-report-loglist-table',
			url: setter.baseAgentUrl + 'report/listorderlog',
			where: { orderid: '{$order.id}' },
			cols: [
				[
					{ field: 'id', width: 80, title: '表ID', sort: true },
					{ field: 'refpolicy', title: '返费政策' },
					{ field: 'remark', title: '备注信息' },
					{ field: 'createtime', title: '更新时间', width: 200, sort: true }
				]
			],
			page: true,
			limit: 50,
			toolbar: true,
			defaultToolbar: ['filter', 'print'],
			cellMinWidth: 150,
			text: '对不起，加载出现异常！'
		});

		//Hash地址的定位
		var layid = location.hash.replace(/^#linktab=/, '');
		element.tabChange('linktab', layid);

		element.on('tab(linktab)', function(elem) {
			location.hash = 'linktab=' + $(this).attr('lay-id');
		});


	});
</script>