{template 'common/header'}
<ul class="we7-page-tab">
	<li {if $op == 'display'}class="active"{/if}><a href="{php echo $this->createWebUrl('feedback', array('op'=>'display','version_id'=>0));}">用户反馈</a></li>
</ul>
<style>
.img-responsive{height:38px;width: 38px;}
.label{cursor:pointer;}
.cwposter-site-maskc {position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,.5);width: 100%;height: 100%;top: 0;left: 0;}
.cwposter-site-maskc.active { z-index: 2001;opacity: 1;}
.cwposter-site-tplcoverc {width: 100%;height: 100%;display: flex;vertical-align: middle;text-align: center;flex-direction: column;justify-content: center;align-items: center;}
.cwposter-site-tplcoverc img {max-width: 90%;max-height: 80%;margin: 0 auto;}
</style>
<div class="panel panel-default">
	<div class="panel-heading">反馈列表</div>
	<table class="panel-body table-responsive table table-hover">
			<thead class="navbar-inner">
				<tr>
					<th style="text-align:center; width:60px;"></th>
					<th style="text-align:left; width:150px;">用户</th>
					<th style="text-align:left; width:150px;">反馈内容</th>
					<th style="text-align:left; width:100px;">图片</th>
					<th style="text-align:center; width:80px;">属性</th>
					<th style="text-align:right; width:60px;">操作</th>
				</tr>
			</thead>
			<tbody>
				{loop $feedbacks $id $p}
				<tr style="text-align:center;">
					<td style="width:60px;"><img src="{php echo tomedia($users[$p['zuid']]['avatar'])}" class="img-responsive" width="32" onerror="this.src='resource/images/noavatar_middle.gif'"/></td>
					<td class="text-left">{$users[$p['zuid']]['username']}<br>{$p['tel']}</td>
					<td class="text-left">{$p['content']}</td>
					<td class="text-left shenghe" >
					{loop $p['pics'] $pic}
						<img src="{php echo tomedia($pic)}" class="img-responsive" />
					{/loop}	
					</td>
					<td>
					{if $p['type']=='1'}
						<a href="#" class="label label-primary">乱价投诉</a>
					{elseif $p['type']=='15'}
						<a href="#" class="label label-primary">其它建议</a>
					{/if}
					</td>
					<td style="text-align:right;">
						<a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl('feedback', array('op'=>'delete', 'id'=>$id));}" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><i class="fa fa-times"></i></a>
					</td>
				</tr>
				{/loop}
				{if empty($feedbacks)}
				<tr><td colspan="6">尚未有用户反馈</td></tr>
				{/if}
			</tbody>
	</table>
	<div class="panel-footer" style="padding-top: 5px; padding-bottom: 0px;" align="center">{$pager}</div>
</div>
<div class="cwposter-site-maskc">
    <div class="cwposter-site-tplcoverc"><img src=""></div>
</div>
 <script type="text/javascript">
 	require(['bootstrap'],function($){
		$('[data-toggle="tooltip"]').tooltip();
	});
	
	
    $(function () {
        $(".shenghe img").off("click").on("click", function () {
            if (!$(".cwposter-site-maskc").hasClass("active")) {
                $(".cwposter-site-maskc").addClass("active");
            }
            $(".cwposter-site-tplcoverc").html("<img src=\"" + $(this).attr("src") + "\" />");
        });
        $(".cwposter-site-maskc").off("click").on("click", function () {
            if ($(".cwposter-site-maskc").hasClass("active")) {
                $(".cwposter-site-maskc").removeClass("active");
                $(".cwposter-site-tplcoverc").html("");
            }
        });
    });
</script>
{template 'common/footer'}