pcWorks.zml 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>扬彩设计模板库</title>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  8. <meta name="Keywords" content="秒绘设计 扬彩设计 作品库"/>
  9. <link rel="icon" type="image/x-icon" href="/favicon.ico">
  10. <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
  11. <link rel="stylesheet" type="text/css" href="/service/res/zhiqim_v1.5.0.r2019010101.css">
  12. <script src="https://zhiqim-org.oss-cn-shenzhen.aliyuncs.com/service/res/zhiqim_v1.5.0.r2019010101.min.js"></script>
  13. <link rel="stylesheet" type="text/css" href="/ztmpl/zhiqim_manager/00_default/default_2019010101.css">
  14. <script src="https://zhiqim-org.oss-cn-shenzhen.aliyuncs.com/ztmpl/zhiqim_manager/00_default/default_2019010101.js"></script>
  15. </head>
  16. <body>
  17. <div class="container">
  18. <div class="mainbody" style="margin-left:0;">
  19. <script>
  20. Z.onload(function()
  21. {//定义搜索框
  22. //获取url查询参数
  23. var prdTypeId = getQueryVariable("prdTypeId");
  24. var industryId = getQueryVariable("industryId");
  25. var keyword = getQueryVariable("keyword");
  26. if(prdTypeId != "")
  27. {
  28. Z("#prdTypeId").val(prdTypeId);
  29. }
  30. if(industryId != "")
  31. {
  32. Z("#industryId").val(industryId);
  33. }
  34. if(keyword != "")
  35. {
  36. Z("#searchinput").val(keyword);
  37. }
  38. doWorksSearch("1");
  39. })
  40. function getQueryVariable(variable)
  41. {
  42. var query = window.location.search.substring(1);
  43. var vars = query.split("&");
  44. for (var i=0;i<vars.length;i++) {
  45. var pair = vars[i].split("=");
  46. if(pair[0] == variable){
  47. return pair[1];
  48. }
  49. }
  50. return "";
  51. }
  52. function doWorksSearch(page)
  53. {
  54. Works.doSearchAjaxForPC(page);
  55. }
  56. //复制作品id
  57. function doCopyItemIDInfo(worksId)
  58. {
  59. Z.copy(Z("#worksId_"+worksId).val());
  60. top.Z.tips("复制成功");
  61. }
  62. </script>
  63. ${Styles.src("/zinc/css/design_2018102301.css")}
  64. ${Scripts.src("/zinc/js/works_20171030.js")}
  65. ${Scripts.src("/zinc/js/zhiqim_search_auto_list.js")}
  66. <div class="content">
  67. <#-- 关键词搜索 -->
  68. <div class="z-mg-t10 z-h1 z-text-center">
  69. <span style="float:center;">
  70. <input id="searchinput" class="z-input z-w700 zi-h40 zi-bd-r-none" placeholder="输入关键词" value="" maxlength="20"><button type="button" class="z-button z-w80 z-h40 zi-bd-rd0 z-orange" onclick="Works.doSearchAjaxForPC('1' , searchinput.value, 'BEST')"><i class="z-font z-query"></i>查询</button>
  71. </span>
  72. </div>
  73. <input id="industryId" type="hidden">
  74. <input id="prdTypeId" type="hidden">
  75. <input id="sort" type="hidden">
  76. <input id="oddEven" type="hidden">
  77. <table id="pcWorksTb" class="z-table z-bordered z-pd6">
  78. <tr class="z-h40" bgcolor="#FFFFFF">
  79. <td width="5%">类型:</td>
  80. <td width="*">
  81. <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('#prdTypeId').val('-1');Works.doSearchAjaxForPC('1');">全部</button>
  82. <#for item : DesignTypeDao.listTemmplate()>
  83. <button id="nav_${item.getTypeId()}" type="button" data-options="group:prdType" class="z-button z-large z-bordered z-blue-bd z-hover <#if item.getTypeId() == prdTypeId>z-active</#if>" onclick="Z.EL.toggleClass(this,'z-active');Z('#prdTypeId').val('${item.getTypeId()}');Works.doSearchAjaxForPC('1')">${item.getTypeName()}</button>
  84. </#for>
  85. </td>
  86. </tr>
  87. <tr class="z-h40" bgcolor="#FFFFFF">
  88. <td>所属行业:</td>
  89. <td>
  90. <button id="ind_10087" type="button" data-options="group:industry" class="z-button z-large z-bordered z-blue-bd z-hover <#if -1 == industryId>z-active</#if>" onclick="Z.EL.toggleClass(this,'z-active');Z('#industryId').val('-1');Works.doSearchAjaxForPC('1')">全部</button>
  91. <#for item : indList>
  92. <button id="ind_${item.getIndustryId()}" type="button" data-options="group:industry" class="z-button z-large z-bordered z-blue-bd z-hover <#if item.getIndustryId() == industryId>z-active</#if>" onclick="Z.EL.toggleClass(this,'z-active');Z('#industryId').val('${item.getIndustryId()}');Works.doSearchAjaxForPC('1')">${item.getIndustryName()}</button>
  93. </#for>
  94. </td>
  95. </tr>
  96. <tr class="z-h40" bgcolor="#FFFFFF">
  97. <td width="5%">排序:</td>
  98. <td width="*">
  99. <!-- <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> -->
  100. <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');Works.doSearchAjaxForPC('1');">最热</button>
  101. <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');Works.doSearchAjaxForPC('1');">最新</button>
  102. <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');Works.doSearchAjaxForPC('1');">精品</button>
  103. <!-- <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> -->
  104. </td>
  105. </tr>
  106. <tr id="pcWorksTrId" class="z-h40" bgcolor="#FFFFFF" style="display:none">
  107. <td>模板版式:</td>
  108. <td width="*">
  109. <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');Works.doSearchAjaxForPC('1');">全部</button>
  110. <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');Works.doSearchAjaxForPC('1');">横版</button>
  111. <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');Works.doSearchAjaxForPC('1');">竖版</button>
  112. </td>
  113. </tr>
  114. </table>
  115. <div id="resultWrap"></div>
  116. </div>
  117. </div>
  118. </div>
  119. </body>
  120. </html>