zyy
/
ziqim


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<#def title = "扬彩帮助中心"/>
<#def keywords = "帮助中心"/>
<#def desc = "扬彩帮助中心"/>
<#--头部起始-->
<!DOCTYPE html>
<html>
<head>
<title>扬彩知识库</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<meta name="Keywords" content="知识库" />
<meta name="Description" content="扬彩知识库" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
${Styles.src(zhiqim.css)}
${Scripts.src(zhiqim.js)}
${Styles.src(context.getRootPath("/zinc/css/yangcai_question_main_v1.4.0R2018031701.css"))}
${Scripts.src(context.getRootPath("/zinc/css/zhiqim_search_auto_list_v1.4.0R2018031701.js"))}
</head>

</div>
<!--固定的111margin-->
<div style="margin-top:10px"></div>
<script>
Z.onload(function()
{
    //左侧分类列表点击事件
    Z(".sidebar p").click(function()
    {
        var $thisUl = Z(this).next("ul");
        var hasChild = ($thisUl.find("li").length > 0)?(1):(0);
        if (hasChild)
        {
            var $ulDisplay = $thisUl.css("display");
            var $thisIcon = Z(this).find(".z-font");
            $thisUl.slideToggle().siblings("ul").slideUp();
            if ($ulDisplay == "block")
                return Z(".sidebar p>.z-font").removeClass("z-arrowhead-up").addClass("z-arrowhead-down");
            Z(".sidebar p>.z-font").removeClass("z-arrowhead-up").addClass("z-arrowhead-down");
            $thisIcon.removeClass("z-arrowhead-down").addClass("z-arrowhead-up");
        }
        else
            selectCategory(Z(this).attr("data-id"));
    });
    
    //定义搜索框
    var search = new Z.SearchAutoList();
    search.elem = "searchinput";
    search.className = "SearchPresenter";
    search.methodName = "search";
    search.callback = function(){doSearchAjax(this.value);};
    search.execute();
})

//分类选择
function selectCategory(id){
    window.location.href = "/question.htm?categoryId=" + id;
}

//文章显示
function getArticle(categoryId,articleId)
{
    window.location.href = "/question.htm?categoryId=" + categoryId + "&articleId=" + articleId;
}

//执行搜索
function doSearchAjax(str)
{
    window.location.href = "/search.htm?keyword=" + str;
}

</script>

<#--容器开始-->
    <!-- 左边导航 -->
    <div class="sidebar" style="position: fixed;left: 0;top:0;bottom: 0;width:15%;margin-top:10px">
        <p data-id="0" class="<#if categoryId == 0>z-selected</#if>">热门问题</p>
        <#for category : categoryList>
        <#if category.getCategoryLevel() == 2>
        <p data-id="${category.getCategoryId()}" class="<#if category.getCategoryId()==categoryId>z-selected</#if>">
            <#if parentList.get(categoryList.indexOf(category))><i class="z-font <#if selectedList.get(categoryList.indexOf(category))>z-arrowhead-up<#else>z-arrowhead-down</#if> z-float-left z-mg-r10"></i></#if>${category.getCategoryName()}
        </p>
        <ul style="display:<#if selectedList.get(categoryList.indexOf(category))>block<#else>none</#if>;">
        <#for child : childrenList>
            <#if child.getParentId() == category.getCategoryId()>
            <li <#if categoryId == child.getCategoryId()>class="z-selected"</#if> onclick="selectCategory(${child.getCategoryId()})">${child.getCategoryName()}</li>
            </#if>
        </#for>
        </ul>
        </#if>
        </#for>
    </div>
    
    <!-- 右边主体 -->
    <div class="mainbody" style="width:84%;" >
    <!-- 搜索框 -->
        <div class="mainsearch">
            <span class="z-show-ib" id="search_wrap">
                <input id="searchinput" placeholder="输入问题关键词" type="text" class="z-input z-xlarge"><button onclick="doSearchAjax(searchinput.value)" class="z-button">&#xf004;</button>
            </span>
        </div>
        <div class="questionbody" id="questionbody">
            <!-- 显示文章 -->
            <#if articleStr != null>
            <div class="article">
                ${articleStr}</br>
            </div>
            <div class="article" >
             ${content}
             </div>
            <!-- 显示列表 -->
            <#elseif !articleList.isEmpty()>
            <dl class="article-list">
                <#for article : articleList>
                <dd><a href="javascript:{getArticle(${article.getCategoryId()},${article.getArticleId()})}">${article.getArticleTitle()}</a><span style="float:right">${article.getArticleTime().toString().substring(0, article.getArticleTime().toString().length() - 2)}</span></dd>
                </#for>
            </dl>
            <#else>
            <h2 style="font-weight:normal;">没有找到相关项目</h2>
            </#if>
        </div>
    </div>
</body>
</html>