odd_job/app/admin/view/appcenter/form/logdetail.html

<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-card-header">记录详情</div>
		<div class="layui-card-body">

			<fieldset class="layui-elem-field layui-field-title" style="margin-bottom: 30px;">
				<legend>基本信息</legend>
			</fieldset>
			<ul class="layui-timeline">
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis"></i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">
							{$log.form.title}
						</h3>
					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis"></i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">
							{$log.user.realname} - {$log.user.mobile}
						</h3>
					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis"></i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">
							备注信息
						</h3>
						<div class="layui-form" lay-filter="logdetail-edit">
							<blockquote class="layui-elem-quote">
								<textarea placeholder="请输入..." class="layui-textarea" name="remark">{$log.remark}</textarea>
							</blockquote>
							<input type="hidden" name="id" value="{$log.id}">
							<input type="button" lay-submit lay-filter="logdetail-edit-submit" value="确认提交" class="layui-btn">
						</div>
						
					</div>
				</li>
			</ul>
			
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px; margin-bottom: 30px;">
				<legend>提交信息</legend>
			</fieldset>
			<ul class="layui-timeline">
				{volist name="itemlist" id="vo"}
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis"></i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">
							{$vo.title} 【{$vo.itype_text}】
						</h3>
						{if is_array($logvallist[$vo.id]['ivalue']) && $vo.itype==5}
							{volist name="logvallist[$vo.id]['ivalue']" id="ivo"}
							<p>{$ivo}</p>
							{/volist}
						{elseif is_array($logvallist[$vo.id]['ivalue']) && $vo.itype==8 /}
							{volist name="logvallist[$vo.id]['ivalue']" id="ivo"}
							<a target="_blank" href="{$ivo}">
								<img style="max-height: 350px; border: 1px solid #666; margin-right: 10px;" src="{$ivo}" />
							</a>
							{/volist}
						{else /}
						<p>{$logvallist[$vo.id]['ivalue']}</p>
						{/if}
					</div>
				</li>
				{/volist}
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis"></i>
					<div class="layui-timeline-content layui-text">
						<div class="layui-timeline-title">已加载完 </div>
					</div>
				</li>
			</ul>


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


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

		form.on('submit(logdetail-edit-submit)', function(obj) {
			var index = parent.layer.getFrameIndex(window.name);
			admin.req({
				url: setter.baseAdminUrl + 'form/editlog',
				data: obj.field,
				done: function(res) {
					layer.msg("提交成功", {
						icon: 1
					});
					parent.layui.table.reload('loglist-table');
					parent.layer.close(index);
				}
			});
		});

	});
</script>