help.jsp 5.44 KB
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib  uri="http://java.sun.com/jsp/jstl/fmt"   prefix="fmt" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<jsp:include page="${ctx }/view/common/meta.jsp" />
	<link href="${ctx }/resource/css/auth.css" rel="stylesheet" type="text/css" />
	<link href="${ctx }/resource/css/help.css" rel="stylesheet" type="text/css" />
	<script src="${ctx }/resource/js/help/help.js" ></script>
	<link href="${ctx }/resource/css/page.css" rel="stylesheet" type="text/css" />
	<script src="${ctx}/resource/js/pager.js"></script>
</head>
<body onload="initPager(${params.total},10, 'pager')">
<jsp:include page="${ctx }/view/common/header.jsp" />
 <div class="bigbox">
		 <input type="hidden" id="cid" value="${params.categoryId}"></input>
         <input type="hidden" id="page" value="${params._page}"></input> 
		 <input type="hidden" id="toPage" value="helps"></input>
		 <input type="hidden" id="categoryId" value="${categoryId }"/>
		 <input type="hidden" id="url"/>
        <div class="leftbox">
            <h2>帮助中心</h2>
            <ul id="help_menu">
				<c:forEach items="${categorys}" var="category">
					<li>
					<c:choose>
						<c:when test="${empty category.url}">
							<a href="${ctx}/help/searchCategory?categoryId=${category.id}"
								<c:if test="${category.id == categoryId }"> class="selected"</c:if>>${category.name }</a>
						</c:when>
						<c:otherwise>
							<a href="${category.url}&url=${category.url}"
								<c:if test="${category.id == categoryId }"> class="selected"</c:if>>${category.name }</a>
						</c:otherwise>
					</c:choose>
					</li>
				</c:forEach>
			</ul>
            <div style="clear:both;"></div>
        </div>
        <div class="rightbox0">
        	<div class="rightBox_head">
        		<ul>
        			<li><img src='${ctx }/resource/images/phone.png' />客服电话 : 400-969-0800</li>
        			<li><img src='${ctx }/resource/images/clock.png'/>工作日 : 9:00-18:00</li>
        			<!-- <li><img src='${ctx }/resource/images/qqRed.png'/>客服QQ群 : 365508150</li> -->
        		</ul>
        		<div style="clear:both;"></div>
        	</div>
        	<div class="rightBox_content">
        	 <ul>
        	    <c:forEach items="${articles}" var="article">
                <li class="contentbox">
	                <div class="title"><a href="${ctx}/help/searchArticle?categoryId=${article.categoryId}&id=${article.id}">${article.title}</a></div>
	            </li>
                </c:forEach>
               </ul>
                <div class="yema" id="pager" style="width:745px;position: absolute;right:20px;bottom:15px;"></div>
            </div>
             
            </div>
           
         </div>
        <div class="clear"></div>
        
       <div class="to-top" id="to_top">
          <div id="show_QR">
          	<img src="${ctx }/resource/images/xuanfukuang/weixin-logo.png" alt="" />
          </div>
          <div class="QR" id="QR">
          	<img src="${ctx }/resource/images/QR.png" alt="" />
          </div>
          <div id="mail">
          	<img src="${ctx }/resource/images/xuanfukuang/mail.png" alt="" />
          	<a>意见反馈</a>
          </div>
          <div id="top" style="display:none;">
          	<img src="${ctx }/resource/images/xuanfukuang/top.png" alt="" />
          	<a>返回顶部</a>
          </div>
       </div>
       
       
       
       <!-- 意见反馈弹窗 -->
       	<div class="easyDialog_wrapper feedback-popup" id="feedback_popup">
		<div class="easyDialog_content feedback-content" style="border-top:3px solid #d81e31;">
			<div class="easyDialog_text feedback-txt" >
				<h4 class="easyDialog_title" >意见反馈</h4>
				<textarea id="status" name="status"  placeholder="您的宝贵意见将帮助我们不断改进!" ></textarea>
				<p >
					<span id="recommend"  style="float:left; display:inline-block;"></span>
					<span style="float:right;display:inline-block;"><i  id="counter">200</i>/200</span>
					<div style="clear:both;"></div>
				</p>
			</div>
			<div class="easyDialog_footer" style="text-align: center;margin-top:20px;">
				<button class="btn_highlight btn" onclick="userFeedback.getUserFeedback()" style="">提交</button>
				<button class="btn_highlight btn" onclick="userFeedback.reload()" style="margin: 0px 0 0 60px;" >取消</button>
				
			</div>
		</div>
	    </div>
       
       <!-- 意见反馈成功弹窗 -->
       	<div class="easyDialog_wrapper success-popup" id="success_popup">
		<div class="easyDialog_content" style="border-top:3px solid #d81e31;">
			<div class="easyDialog_text"  style="text-align: center;">
				<p>您的意见已经成功反馈到我们的服务人员,我们会尽快和您联系。</p>
				<p>感谢您的反馈,您的支持是我们最大的动力!</p>
			</div>
			<div class="easyDialog_footer" style="text-align: center;">
				<button class="btn_highlight"	onclick="userFeedback.reload()" style="float: none;background: #d81e31; border: 0;border-radius: 3px;width: 100px;">确定</button>
			</div>
		</div>
	    </div>
 <jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
<script>
$(function(){
	$("#help").css("color","#f00");
})
</script>
</html>