Ver código fonte

UU助手后台消息界面

hangb 8 anos atrás
pai
commit
3b7752d1db

+ 204 - 4
jpress-web-admin/src/main/webapp/WEB-INF/admin/comment/index.html

@@ -65,14 +65,214 @@ function reply(id){
  
  }
  
-</#macro> 
+</#macro>
+<style>
+	.navUas{
+		margin-top: 20px;
+		color: #333;
+		font-size: 18px;
+		border-bottom: 1px solid #d9d2de;
+	}
+	.navUas a{
+		display: inline-block;
+		text-align: center;
+		padding-bottom: 50px;
+		width: 120px;
+		height: 40px;
+		line-height: 40px;
+		margin-right: 30px;
+		color: #333;
+	}
+	.navUas a.active,.navUas a:hover{
+		border-bottom: 3px solid #1ba047;
+	}
+	/*table表格*/
+	.box-content .box-message{
+		border-top: none;
+		margin-top: 40px;
+	}
+	.box-content .box-message table thead tr{
+		background: #f1f1f1;
+	}
+	.box-content .box-message table thead tr th.chooseCount span{
+		color: #9d9d9d;
+	}
+	.bodyUas .messageContent{
+		overflow: hidden;
+		width: 240px;
+	}
+	.bodyUas .messageContent .leftImg{
+		width: 65px;
+		height: 50px;
+		float: left;
+	}
+	.bodyUas .messageContent .leftImg img{
+		max-width: 65px;
+		max-height: 50px;
+	}
+	.bodyUas .messageContent .rightContent{
+		float: left;
+		margin-left: 10px;
+	}
+	.bodyUas .messageContent .rightContent p{
+		font-size: 16px;
+		color: #333;
+	}
+	.bodyUas .messageContent .rightContent span{
+		font-size: 16px;
+		color: #9d9d9d;
+	}
+	.bodyUas .messageTime{
+		font-size: 16px;
+		color: #333;
+	}
+	.bodyUas .handleMessage a{
+		margin-right: 20px;
+		font-size: 14px;
+		color: #0a44ff;
+        width: 50px;
+        display: inline-block;
+	}
+	.bodyUas .handleMessage a.showInfo{
+		background:  url('${CPATH}/static/jpress/admin/image/xiala.png') no-repeat 35px 8px;
+        color: #0a44ff;
+    }
+	.box-content .box-message .table tbody.bodyUas tr {
+		background-color: #fff;
+	}
+	.box-content .box-message .table tbody.bodyUas tr td{
+		vertical-align: middle;
+		height: 70px;
+	}
+	.box-content .box-message .table tbody.bodyUas tr:last-child{
+		border-bottom: 3px solid #000;
+	}
+	.box-content .box-message .messageNav{
+		margin-bottom: 15px;
+	}
+	.box-content .box-message .messageNav ul{
+		overflow: hidden;
+		height: 40px;
+	}
+	.box-content .box-message .messageNav ul li{
+		float: left;
+		width: 140px;
+		height: 40px;
+		line-height: 40px;
+		text-align: center;
+
+		list-style: none;
+	}
+	.box-content .box-message .messageNav ul li a{
+		display: inline-block;
+		width: 140px;
+		height: 40px;
+		color: #333;
+		border-radius: 5px;
+		border: 1px solid #797979;
+	}
+	.box-content .box-message .messageNav ul li:hover a,.box-content .box-message .messageNav ul li.active a{
+		border: none;
+		background: #379bd5;
+		color: #fff;
+	}
+	.content-wrapper{
+		background-color: #fff!important;
+	}
+</style>
 <@layout active_id=p child_active_id=c>
 
 <#if module ?? && module.name=="uuhelper">
-
 	<!-- 留言管理 头页面 -->
-
-
+	<section class="content-header">
+		<h1>留言管理</h1>
+	</section>
+	<section class="content-header">
+		<div class="navUas">
+			<a class="active">留言管理</a><a>群发消息管理</a>
+		</div>
+	</section>
+	<!-- Main content -->
+	<section class="content box-content">
+		<div class="box box-message">
+			<div class="messageNav">
+				<ul>
+					<li><a>已显示</a></li>
+					<li><a>未显示</a></li>
+					<li><a>已回复</a></li>
+					<li><a>未回复</a></li>
+				</ul>
+			</div>
+			<!-- /.box-header -->
+			<div class="box-body">
+				<form action="" method="POST" id="form">
+					<input type="hidden" name="ucode" value="${ucode}">
+					<table class="table table-striped" style="word-break:break-all">
+						<thead>
+						<tr>
+							<th style="padding-left: 40px;" width="25"><input type="checkbox"></th>
+							<th width="500" class="chooseCount">留言 <span>(已选中 <span>0</span>条)</span></th>
+							<th width="400">留言时间</th>
+							<th width="400">操作</th>
+						</tr>
+						</thead>
+						<tbody class="bodyUas">
+						<tr>
+							<td style="padding-left: 40px;"><input type="checkbox"></td>
+							<td>
+								<div class="messageContent">
+									<div class="leftImg">
+										<img src="${CPATH}/static/jpress/admin/image/nothumbnail.jpg" alt="">
+									</div>
+									<div class="rightContent">
+										<p>电量十足</p>
+										<span>赞</span>
+									</div>
+								</div>
+							</td>
+							<td class="messageTime">
+								2017-08-26 17:24:23
+							</td>
+							<td class="handleMessage">
+								<a class="showInfo">显示</a><a>置顶</a><a>回复</a><a>删除</a>
+							</td>
+						</tr>
+						<tr>
+							<td style="padding-left: 40px;"><input type="checkbox"></td>
+							<td>
+								<div class="messageContent">
+									<div class="leftImg">
+										<img src="${CPATH}/static/jpress/admin/image/nothumbnail.jpg" alt="">
+									</div>
+									<div class="rightContent">
+										<p>电量十足</p>
+										<span>赞</span>
+									</div>
+								</div>
+							</td>
+							<td class="messageTime">
+								2017-08-26 17:24:23
+							</td>
+							<td class="handleMessage">
+								<a class="showInfo">显示</a><a>置顶</a><a>回复</a><a>删除</a>
+							</td>
+						</tr>
+						</tbody>
+					</table>
+				</form>
+			</div>
+			<!-- /.box-body -->
+		</div>
+		<div class="cf">
+			<div class="pull-right " >
+				<#if page??>
+					<#include "../_inc/_paginate.html" />
+					<@paginate currentPage=page.pageNumber totalPage=page.totalPage actionUrl="?p="+(p!)+"&c="+(c!)+"&m="+(m!)+"&t="+(t!)+"&s="+(s!)+"&k="+(k!)+"&tids="+(tids!)+"&page="/>
+				</#if>
+			</div>
+		</div>
+		<!-- /.row -->
+	</section>
 <#else>
 	<section class="content-header">
 		<h1>所有内容</h1>

+ 147 - 1
jpress-web-admin/src/main/webapp/WEB-INF/admin/comment/uuHelperCommentList.html

@@ -1 +1,147 @@
-<div> 留言管理(1)页面</div>
+<style>
+    /*table表格*/
+    .box-content .box-message{
+        border-top: none;
+        margin-top: 40px;
+    }
+    .box-content .box-message table thead tr{
+        background: #f1f1f1;
+    }
+    .bodyUas  table tbody td{
+        vertical-align: middle;
+        height: 70px;
+    }
+    .bodyUas .messageContent{
+        overflow: hidden;
+        width: 240px;
+        border-bottom: 1px solid #d9d2de;
+        padding-left: 30px;
+    }
+    .bodyUas .messageContent .leftImg{
+        width: 65px;
+        height: 50px;
+        float: left;
+    }
+    .bodyUas .messageContent .leftImg img{
+        max-width: 65px;
+        max-height: 50px;
+    }
+    .bodyUas .messageContent .rightContent{
+        float: left;
+        margin-left: 10px;
+    }
+    .bodyUas .messageContent .rightContent p{
+        font-size: 16px;
+        color: #333;
+    }
+    .bodyUas .messageContent .rightContent span{
+        font-size: 16px;
+        color: #9d9d9d;
+    }
+    .bodyUas .messageTitle{
+        font-size: 18px;
+        color: #000;
+    }
+    .bodyUas .messageTime,.bodyUas .isShowMessage{
+        font-size: 16px;
+        color: #333;
+    }
+    .bodyUas .handleMessage a{
+        font-size: 16px;
+        color: #333;
+        margin-right: 20px;
+    }
+    .bodyUas .handleMessage a.replay{
+        color: #0a44ff;
+    }
+    .box-content .box-message .table tbody.bodyUas tr {
+        background-color: #fff;
+    }
+    .box-content .box-message .table tbody.bodyUas tr td{
+        vertical-align: middle;
+        height: 70px;
+    }
+    .content-wrapper{
+        background-color: #fff!important;
+    }
+</style>
+<!-- Main content -->
+<section class="content box-content">
+    <div class="box box-message">
+        <!-- /.box-header -->
+        <div class="box-body">
+            <form action="" method="POST" id="form">
+                <input type="hidden" name="ucode" value="${ucode}">
+                <table class="table table-striped" style="word-break:break-all">
+                    <thead>
+                    <tr>
+                        <th width="450" style="padding-left: 40px;">留言</th>
+                        <th width="330">文章标题</th>
+                        <th width="260">时间</th>
+                        <th width="230">是否显示</th>
+                        <th width="200">操作</th>
+                    </tr>
+                    </thead>
+                    <tbody class="bodyUas">
+                    <tr>
+                        <td>
+                            <div class="messageContent">
+                                <div class="leftImg">
+                                    <img src="${CPATH}/static/jpress/admin/image/nothumbnail.jpg" alt="">
+                                </div>
+                                <div class="rightContent">
+                                    <p>电量十足</p>
+                                    <span>赞</span>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="messageTitle">UU助手上线啦</td>
+                        <td class="messageTime">
+                            2017-08-26 17:24:23
+                        </td>
+                        <td class="isShowMessage">
+                            不显示
+                        </td>
+                        <td class="handleMessage">
+                            <a>回复</a><a>删除</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <div class="messageContent">
+                                <div class="leftImg">
+                                    <img src="${CPATH}/static/jpress/admin/image/nothumbnail.jpg" alt="">
+                                </div>
+                                <div class="rightContent">
+                                    <p>电量十足</p>
+                                    <span>赞</span>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="messageTitle">UU助手上线啦</td>
+                        <td class="messageTime">
+                            2017-08-26 17:24:23
+                        </td>
+                        <td class="isShowMessage">
+                            不显示
+                        </td>
+                        <td class="handleMessage">
+                            <a class="replay">已回复</a><a>删除</a>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </form>
+        </div>
+        <!-- /.box-body -->
+    </div>
+    <div class="cf">
+        <div class="pull-right " >
+            <#if page??>
+                <#include "../_inc/_paginate.html" />
+                <@paginate currentPage=page.pageNumber totalPage=page.totalPage actionUrl="?p="+(p!)+"&c="+(c!)+"&m="+(m!)+"&t="+(t!)+"&s="+(s!)+"&k="+(k!)+"&tids="+(tids!)+"&page="/>
+            </#if>
+        </div>
+    </div>
+    <!-- /.row -->
+</section>

+ 170 - 1
jpress-web-admin/src/main/webapp/WEB-INF/admin/comment/uuHelperGroupDetail.html

@@ -1 +1,170 @@
-<div> 留言管理(3)页面</div>
+<style>
+    /*table表格*/
+    .box-content .box-message{
+        border-top: none;
+        margin-top: 40px;
+    }
+    .box-content .box-message table thead tr{
+        background: #f1f1f1;
+    }
+    .box-content .box-message table thead tr th.chooseCount span{
+        color: #9d9d9d;
+    }
+    .bodyUas .messageContent{
+        overflow: hidden;
+        width: 240px;
+    }
+    .bodyUas .messageContent .leftImg{
+        width: 65px;
+        height: 50px;
+        float: left;
+    }
+    .bodyUas .messageContent .leftImg img{
+        max-width: 65px;
+        max-height: 50px;
+    }
+    .bodyUas .messageContent .rightContent{
+        float: left;
+        margin-left: 10px;
+    }
+    .bodyUas .messageContent .rightContent p{
+        font-size: 16px;
+        color: #333;
+    }
+    .bodyUas .messageContent .rightContent span{
+        font-size: 16px;
+        color: #9d9d9d;
+    }
+    .bodyUas .messageTime{
+        font-size: 16px;
+        color: #333;
+    }
+    .bodyUas .handleMessage a{
+        margin-right: 20px;
+        font-size: 14px;
+        color: #0a44ff;
+    }
+    .box-content .box-message .table tbody.bodyUas tr {
+        background-color: #fff;
+    }
+    .box-content .box-message .table tbody.bodyUas tr td{
+        vertical-align: middle;
+        height: 70px;
+    }
+    .box-content .box-message .table tbody.bodyUas tr:last-child{
+        border-bottom: 3px solid #000;
+    }
+    .box-content .box-message .messageNav{
+        margin-bottom: 15px;
+    }
+    .box-content .box-message .messageNav ul{
+        overflow: hidden;
+        height: 40px;
+    }
+    .box-content .box-message .messageNav ul li{
+        float: left;
+        width: 140px;
+        height: 40px;
+        line-height: 40px;
+        text-align: center;
+
+        list-style: none;
+    }
+    .box-content .box-message .messageNav ul li a{
+        display: inline-block;
+        width: 140px;
+        height: 40px;
+        color: #333;
+        border-radius: 5px;
+        border: 1px solid #797979;
+    }
+    .box-content .box-message .messageNav ul li:hover a,.box-content .box-message .messageNav ul li.active a{
+        border: none;
+        background: #379bd5;
+        color: #fff;
+    }
+    .content-wrapper{
+        background-color: #fff!important;
+    }
+</style>
+<!-- Main content -->
+<section class="content box-content">
+    <div class="box box-message">
+        <div class="messageNav">
+            <ul>
+                <li><a>已显示</a></li>
+                <li><a>未显示</a></li>
+                <li><a>已回复</a></li>
+                <li><a>未回复</a></li>
+            </ul>
+        </div>
+        <!-- /.box-header -->
+        <div class="box-body">
+            <form action="" method="POST" id="form">
+                <input type="hidden" name="ucode" value="${ucode}">
+                <table class="table table-striped" style="word-break:break-all">
+                    <thead>
+                    <tr>
+                        <th style="padding-left: 40px;" width="25"><input type="checkbox"></th>
+                        <th width="500" class="chooseCount">留言 <span>(已选中 <span>0</span>条)</span></th>
+                        <th width="400">留言时间</th>
+                        <th width="400">操作</th>
+                    </tr>
+                    </thead>
+                    <tbody class="bodyUas">
+                    <tr>
+                        <td style="padding-left: 40px;"><input type="checkbox"></td>
+                        <td>
+                            <div class="messageContent">
+                                <div class="leftImg">
+                                    <img src="${CPATH}/static/jpress/admin/image/nothumbnail.jpg" alt="">
+                                </div>
+                                <div class="rightContent">
+                                    <p>电量十足</p>
+                                    <span>赞</span>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="messageTime">
+                            2017-08-26 17:24:23
+                        </td>
+                        <td class="handleMessage">
+                            <a>显示</a><a>置顶</a><a>回复</a><a>删除</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td style="padding-left: 40px;"><input type="checkbox"></td>
+                        <td>
+                            <div class="messageContent">
+                                <div class="leftImg">
+                                    <img src="${CPATH}/static/jpress/admin/image/nothumbnail.jpg" alt="">
+                                </div>
+                                <div class="rightContent">
+                                    <p>电量十足</p>
+                                    <span>赞</span>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="messageTime">
+                            2017-08-26 17:24:23
+                        </td>
+                        <td class="handleMessage">
+                            <a>显示</a><a>置顶</a><a>回复</a><a>删除</a>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </form>
+        </div>
+        <!-- /.box-body -->
+    </div>
+    <div class="cf">
+        <div class="pull-right " >
+            <#if page??>
+                <#include "../_inc/_paginate.html" />
+                <@paginate currentPage=page.pageNumber totalPage=page.totalPage actionUrl="?p="+(p!)+"&c="+(c!)+"&m="+(m!)+"&t="+(t!)+"&s="+(s!)+"&k="+(k!)+"&tids="+(tids!)+"&page="/>
+            </#if>
+        </div>
+    </div>
+    <!-- /.row -->
+</section>

+ 95 - 1
jpress-web-admin/src/main/webapp/WEB-INF/admin/comment/uuHelperGroupList.html

@@ -1 +1,95 @@
-<div> 留言管理(2)页面</div>
+<style>
+    /*table表格*/
+    .box-content .box-message{
+        border-top: none;
+        margin-top: 40px;
+    }
+    .box-content .box-message table thead tr{
+        background: #f1f1f1;
+    }
+    .bodyUas .messageTitle{
+        font-size: 18px;
+        color: #000;
+        padding-left: 30px;
+    }
+    .bodyUas .messageTime{
+        font-size: 16px;
+        color: #333;
+    }
+    .bodyUas .isOpenMessage{
+        font-size: 16px;
+        color: #333;
+    }
+    .bodyUas .handleMessage a.replay{
+        margin-right: 20px;
+        font-size: 16px;
+        color: #0a44ff;
+    }
+    .box-content .box-message .table tbody.bodyUas tr {
+        background-color: #fff;
+    }
+    .box-content .box-message .table tbody.bodyUas tr td{
+        vertical-align: middle;
+        height: 70px;
+    }
+    .content-wrapper{
+        background-color: #fff!important;
+    }
+</style>
+<!-- Main content -->
+<section class="content box-content">
+    <div class="box box-message">
+        <!-- /.box-header -->
+        <div class="box-body">
+            <form action="" method="POST" id="form">
+                <input type="hidden" name="ucode" value="${ucode}">
+                <table class="table table-striped" style="word-break:break-all">
+                    <thead>
+                    <tr>
+                        <th width="330" style="padding-left: 40px;">文章标题</th>
+                        <th width="260">时间</th>
+                        <th width="230">是否开启</th>
+                        <th width="200">操作</th>
+                    </tr>
+                    </thead>
+                    <tbody class="bodyUas">
+                    <tr>
+                        <td class="messageTitle">UU助手上线啦</td>
+                        <td class="messageTime">
+                            2017-08-26 17:24:23
+                        </td>
+                        <td class="isOpenMessage">
+                            开启
+                        </td>
+                        <td class="handleMessage">
+                            <a class="replay">查看</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="messageTitle">UU助手上线啦</td>
+                        <td class="messageTime">
+                            2017-08-26 17:24:23
+                        </td>
+                        <td class="isOpenMessage">
+                            开启
+                        </td>
+                        <td class="handleMessage">
+                            <a class="replay">查看</a>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </form>
+        </div>
+        <!-- /.box-body -->
+    </div>
+    <div class="cf">
+        <div class="pull-right " >
+            <#if page??>
+                <#include "../_inc/_paginate.html" />
+                <@paginate currentPage=page.pageNumber totalPage=page.totalPage actionUrl="?p="+(p!)+"&c="+(c!)+"&m="+(m!)+"&t="+(t!)+"&s="+(s!)+"&k="+(k!)+"&tids="+(tids!)+"&page="/>
+            </#if>
+        </div>
+    </div>
+    <!-- /.row -->
+</section>

BIN
jpress-web-core/src/main/webapp/static/jpress/admin/image/xiala.png