<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<form class="layui-form whitebg pb10 pt10" action="" id="data_form">
	<div class="tab-pane active">
		<div class="panel-body">
			<div class="wrapper wrapper-content">
				<div class="panel-form animated fadeInRight wp60 fc">
					<div class="layui-form-item dn	has-error">
						<label class="layui-form-label">id</label>
						<div class="layui-input-block">
							<input type="text" name="id" lay-verify="title"
								autocomplete="off" placeholder="请输入内容" class="layui-input"
								value="${suggest.id }">
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">意见内容</label>
						<div class="layui-input-block">
							<textarea placeholder="请输入内容" class="layui-textarea"
								readonly="readonly">${suggest.content }</textarea>
					<input type="hidden" name="picUrls" lay-verify="title" autocomplete="off" placeholder="请输入内容" class="layui-input"
							value="${suggest.picUrls }">
						</div>
					</div>
						<div class="layui-form-item 	has-error">
							<label class="layui-form-label">照片</label>
							<div class="layui-input-block">
								<c:forEach items="${suggest.picUrls }" var="pic">
										<img src="${pic}" class="mr10 w200 h100 dlblock enlarge mb10">
								</c:forEach>
							</div>
					   </div>
				</div>
			</div>
		</div>
</form>
<script>
	   layui.use('layer', function(){ 
		   var $ = layui.jquery, layer = layui.layer; 
		   
	   $(".enlarge").click(function(){
		   var url = this.src;
		   layer.open({
		        type: 1
		        ,title: '图片放大'
		        ,area: ['700px', '600px']
		        ,shade: 0
		        ,content: '<div class="ml10 mr10 mt10 m10 textc"><img src="'+url+'" style="max-width:100%"></div>'
		      });
	   })
   })
</script>
