help-detail.jsp 4.11 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>
</head>
<body>
	<jsp:include page="${ctx }/view/common/header.jsp" />
	<div class="bigbox">
		<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 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;">
						<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>


		</div>
		<div class="rightbox">
			<c:if test="${empty url}">
				<a class="returnback" href="${ctx}/help/searchCategory?categoryId=${categoryId}">返回问题列表</a>
			</c:if>
			<h2 style="margin-bottom: 20px; line-height: 2em;">${article.title }</h2>
			<p>${article.content}</p>
		</div>
		<div style="clear: both;"></div>
	</div>
	<jsp:include page="${ctx }/view/common/bottom.jsp" />
</body>
<script>
	$(function() {
		$("#help").css("color", "#f00");
	})
</script>
</html>