${Styles.src("/zinc/css/design_2018102301.css")}
${Scripts.src("/zinc/js/design_2018102301.js")}
${Scripts.src("/zinc/js/zhiqim_search_auto_list.js")}
<script>
<!--
Z.onload(function()
{//定义搜索框
    doSearchAjax("1");
})


document.onkeydown = function(e)
{
    var keyword = Z("#searchinput").val();
    if(Z.V.isEmpty(keyword)){
        return;
    }
    
    if (e.keyCode == 13)
    {
       doSearchAjax("1");
    }
    
};

function doSearchAjax(page)
{//查询模板

	var designType = Z("#designType").val();
	
	var tr = document.getElementById("allTemplateTrId");
	if (designType == 3) {
    	tr.style.display = "table-row";
	}else {
		tr.style.display = "none";
	}
	
	var oddEven = Z("#oddEven").val();
    var keyword = Z("#searchinput").val() || "";
    var ajax = new Z.Ajax();
    ajax.setClassName("KeywordPresenter");
    ajax.setMethodName("doKeywordSearch");
    ajax.addParam("page", page);
    ajax.addParam("designType", designType);
    ajax.addParam("industryId", Z("#industryId").val());
    ajax.addParam("fileType", Z("#fileType").val());
    ajax.addParam("oddEven", oddEven);
    ajax.addParam("keyword", keyword);
    ajax.addParam("sort", Z("#sort").val());
    ajax.setCallback("resultWrap");
    ajax.setLoading("resultWrap");
    ajax.execute();
}
//名片手机库访问连接
function doCopyURLInfoPC()
{
     Z.copy("http://design.yangcai365.com/pcWorks.htm");
     top.Z.tips("复制成功");
}

function doOddEven(ele,oddEvenId) {
	Z("#oddEven").val(oddEvenId);
	Z(ele).addClass('z-active').siblings("button").removeClass("z-active");
	doSearchAjax("1");
}

</script>

${zhiqim_manager_breadcrumb_parent("/templateMy.htm", "我的模板", "所有模板")}
${zhiqim_manager_content()}

<#-- 导航栏 -->
<div class="z-tabnav-main z-blue z-mg-b20">
<nav>
<ul>
    <li onclick="Z.Location.href('templateDraftMy.htm');">我的草稿模板</li>
    <li onclick="Z.Location.href('templateOrderMy.htm');">我的订单模板</li>
    <li onclick="Z.Location.href('templateMy.htm');">我的模板</li>
    <li onclick="Z.Location.href('templateCollect.htm');">我收藏的</li>
    <li onclick="Z.Location.href('templateShare.htm');">分享给我的</li>
    <li class="z-active">所有模板</li>
    <!-- <li onclick="Z.Location.href('bestTemplate.htm');">精品模板</li> 
    <#if ZmrPathRule.check(request, "/templateAudit.htm")><li onclick="Z.Location.href('templateAudit.htm');">模板审核</li></#if>
    <#if ZmrPathRule.check(request, "/templateBestAudit.htm")><li onclick="Z.Location.href('templateBestAudit.htm');">精品审核</li></#if> 
    <#if ZmrPathRule.check(request, "/desTemplateLogList.htm")><li onclick="Z.Location.href('desTemplateLogList.htm');">模版日志</li></#if>-->
</ul>
</nav>
</div>

 
<#-- 关键词搜索 -->
<input type="hidden" id="designType" name="designType" value="">
<input type="hidden" id="industryId" name="industryId" value="">
<input type="hidden" id="fileType" name="fileType" value="">
<input type="hidden" id="sort" name="sort" value="0">
<input type="hidden" id="oddEven" name="oddEven" value="-1">

<table id="allTempalteTb" class="z-table z-bordered z-pd6" bgcolor="#FFFFFF">
<tr class="z-h40" bgcolor="${oddColor}">
    <td colspan="2">
    	<div class="z-h1 z-text-center" id="searchDiv">
			<span>
			    <input id="searchinput" class="z-input z-w600 zi-h40" placeholder="输入关键词 或 模板ID" value="" maxlength="60">
			    <button type="button" class="z-button z-w80 z-h40 zi-bd-rd0 z-orange" onclick="doSearchAjax('1');"><i class="z-font z-query"></i>搜索</button>
			</span>
			<span style="float:right;">
			   <button class="z-button z-blue z-small" onclick="doCopyURLInfoPC();"><i class="z-font z-text"></i>复制模板库链接</button>
			</span>
		</div>
    </td>
</tr>
<tr class="z-h40" bgcolor="${oddColor}">
    <td width="5%">类型：</td>
    <td width="*">
        <button id="nav_10086" type="button" data-options="group:prdType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#designType').val('');doSearchAjax('1');">全部</button>
        <#for item : DesignTypeDao.listTemmplate()>
            <button id="nav_${item.getTypeId()}" type="button" data-options="group:prdType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#designType').val('${item.getTypeId()}');doSearchAjax('1');">${item.getTypeName()}</button>
        </#for>
    </td>
</tr>
<tr class="z-h40">
    <td>行业：</td>
    <td>
        <button id="ind_10087" type="button" data-options="group:industry" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#industryId').val('');doSearchAjax('1');">全部</button>
        <#for item : Global.get(DesignIndustryCache.class).getIndustryList()>
           <button id="ind_${item.getIndustryId()}" type="button" data-options="group:industry"  class="z-button z-large z-bordered z-blue-bd z-mg-t3 z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#industryId').val('${item.getIndustryId()}');doSearchAjax('1');">${item.getIndustryName()}</button>
        </#for>
    </td>
 </tr>
<tr class="z-h40" bgcolor="${oddColor}">
    <td width="5%">文件格式：</td>
    <td width="*">
        <button type="button" data-options="group:fileType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#fileType').val('');doSearchAjax('1');">全部</button>
        <button type="button" data-options="group:fileType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#fileType').val('CDR');doSearchAjax('1');">CDR</button>
        <button type="button" data-options="group:fileType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#fileType').val('PSD');doSearchAjax('1');">PSD</button>
        <button type="button" data-options="group:fileType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#fileType').val('AI');doSearchAjax('1');">AI</button>
        <button type="button" data-options="group:fileType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#fileType').val('RAR');doSearchAjax('1');">RAR</button>
        <button type="button" data-options="group:fileType" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#fileType').val('PDF');doSearchAjax('1');">PDF</button>
    </td>
</tr>
<tr class="z-h40" bgcolor="${oddColor}">
    <td width="5%">排序：</td>
    <td width="*">
    	<!-- <button type="button" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#sort').val('0');doSearchAjax('1');">默认</button> -->
		        <button type="button" style="width:100px;" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#sort').val('3');doSearchAjax('1');">最热</button>
		        <button type="button" style="width:100px;" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#sort').val('1');doSearchAjax('1');">最新</button>
		        <button type="button" style="width:100px;" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#sort').val('4');doSearchAjax('1');">精品</button>
		        <!-- <button type="button" data-options="group:sort" class="z-button z-large z-bordered z-blue-bd z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#sort').val('2');doSearchAjax('1');">ID升序</button> -->
    </td>
</tr>
<tr id="allTemplateTrId" class="z-h40" bgcolor="${oddColor}" style="display:none">
	<td>模板版式：</td>
	<td width="*">
    	<button type="button"  data-options="group:oddEven" class="z-button z-large z-bordered z-blue-bd z-mg-t3 z-hover z-active" onclick="Z.EL.toggleClass(this,'z-active');Z('#oddEven').val('-1');doSearchAjax('1');">全部</button>
    	<button type="button"  data-options="group:oddEven" class="z-button z-large z-bordered z-blue-bd z-mg-t3 z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#oddEven').val('0');doSearchAjax('1');">横版</button>
    	<button type="button"  data-options="group:oddEven" class="z-button z-large z-bordered z-blue-bd z-mg-t3 z-hover" onclick="Z.EL.toggleClass(this,'z-active');Z('#oddEven').val('1');doSearchAjax('1');">竖版</button>
    </td>
</tr>
</table>

<div id="resultWrap" style="z-index:9999999px;"></div>

${zhiqim_manager_content_end()}