123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=comment-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.css">
- <link rel="stylesheet" href="/static/dropload-gh-pages/dropload.css">
- <script type="text/javascript" src="/static/jquery-2.2.4.min.js"></script>
- <script type="text/javascript" src="/static/dropload-gh-pages/dropload.min.js"></script>
- <script type="text/javascript" src="/static/layer/layer.js"></script>
- <title>列表</title>
- <style>
- body{
- background-color: #F1F1F1;
- }
- .container{
- max-width: 750px;
- height: auto;
- margin: 0 auto;
- padding: 0px 6px;
- }
- .comment-lists{
- width: 100%;
- height: auto;
- margin-bottom: 54px;
- }
- .comment-info{
- width: 100%;
- height: 100px;
- border-radius: 10px;
- margin-top: 5px;
- background-color: #ffffff;
- padding: 0px 13px;
- }
- .comment-info-title{
- width: 100%;
- height: 40px;
- line-height: 40px;
- font-size: 15px;
- font-weight: 600;
- letter-spacing: 1px;
- color: #148d8f;
- border-bottom:1.2px solid #F1F1F1;
- }
- .comment-info-content{
- width: 100%;
- height: 60px;
- }
- .comment-info-user{
- width: 100%;
- height: 30px;
- line-height: 30px;
- }
- .left{
- width: 30%;
- height: 30px;
- line-height: 30px;
- display: inline-block;
- font-size: 14px;
- float: left;
- }
- .right{
- width: 66%;
- height: 30px;
- line-height: 30px;
- display: inline-block;
- float: right;
- font-size: 13px;
- color: #A9A9A9;
- overflow: hidden;
- text-align: right;
- }
- .comment-info-time{
- width: 100%;
- height: 30px;
- line-height: 30px;
- }
- .nulldata{
- width: 100%;
- height: 200px;
- text-align: center;
- position: fixed;
- top: 22%;
- }
- .nulldata img{
- width: 200px;
- height: 160px;
- text-align: center;
- }
- .nulldata-text{
- margin-top: 15px;
- font-size: 14px;
- letter-spacing: 2px;
- text-align: center;
- }
- .footer-back{
- position: fixed;
- z-index: 1000;
- width: 100%;
- height: 45px;
- line-height: 45px;
- background-color: #ffffff;
- bottom: 0;
- left: 0;
- box-shadow: 0px 0px 10px 0px rgba(26, 25, 26, 0.05);
- display: table-cell;
- vertical-align: middle;
- text-align: center;
- }
- .footer-back a img{
- width: 43px;
- height: 43px;
- }
- .pull-right{
- font-size: 15px;
- font-weight: 500;
- }
- .comment-info-title .color1{
- color: red !important;
- }
- </style>
- </head>
- <body>
- {if $list }
- <div class="container">
- <div class="comment-lists">
- {foreach $list as $k=>$v}
- <div class="comment-info" onclick="details(this)" data-id="{$v['id']}" data-orgId="{$v['org_id']}">
- <div class="comment-info-title">投诉 <text class="pull-right">{$v['statusTxt']}</text> </div>
- <div class="comment-info-content">
- <div class="comment-info-user">
- <div class="left">投诉用户:</div>
- <div class="right">{$v['user_name']}</div>
- </div>
- <div class="comment-info-time">
- <div class="left">投诉时间:</div>
- <div class="right">{$v['create_time']}</div>
- </div>
- </div>
- </div>
- {/foreach}
- </div>
- </div>
- {else /}
- <div class="nulldata">
- <img src="/img/nulldata.png" alt="">
- <div class="nulldata-text">空空如也 ~</div>
- </div>
- {/if}
- <div class="footer-back">
- <a href="javascript:;" onclick="javascript:history.back(-1);"><img src="/img/back.png"></a>
- </div>
- </body>
- </html>
- <script>
- function details(obj) {
- var id = $(obj).attr('data-id');
- var orgId = $(obj).attr('data-orgId');
- var url = "{:url('Statistics/complainDetail')}?id="+id+'&orgId='+orgId;
- window.location.href=url;
- }
- </script>
- <script>
- </script>
|