activity_push.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>活动收藏</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <article class="page-container">
  10. <form>
  11. <div style="text-align: right; border-bottom: solid 1px #dadada; padding-bottom: 20px; margin-bottom: 20px;">
  12. <input type="text" class="input-text" style="width:200px" placeholder="请输入活动标题" th:name="activity_title"
  13. th:value="${activity.activity_title}"/>
  14. <button type="submit" class="btn btn-primary">
  15. 搜索
  16. </button>
  17. <a class="btn btn-primary j-senior">
  18. 高级查询
  19. </a>
  20. <div class="j-senior-box" style="margin-top: 10px; display: none;">
  21. <label>活动级别:</label>
  22. <span class="select-box" style="width:200px; margin-right: 20px;">
  23. <select class="select" th:name="push_level">
  24. <option value="0" th:selected="${activity.push_level}==0">普通</option>
  25. <option value="1" th:selected="${activity.push_level}==1">务必参加</option>
  26. </select>
  27. </span>
  28. <label>活动状态:</label>
  29. <span class="select-box" style="width:200px; margin-right: 20px;">
  30. <select class="select" th:name="activity_state">
  31. <option value="1" th:selected="${activity.activity_state}==1">报名中</option>
  32. <option value="2" th:selected="${activity.activity_state}==2">失效</option>
  33. </select>
  34. </span>
  35. </div>
  36. </div>
  37. <div class="activity-list">
  38. <ul>
  39. <li class="clearfix" th:each="m,iterStat:${pushList}">
  40. <div class="notice-img-box">
  41. <!--<img th:src="${m.fileDown.download_uri} +${m.fileDown.file_url}" class="notice-img"/>-->
  42. <img id="preImg" th:src="${fileUrl} +${m.fileDown.file_url}"
  43. class="notice-img"/>
  44. </div>
  45. <div class="activity-left">
  46. <span th:if="${m.push_level=='1'}" class="import-tip btn btn-warning">重要</span>
  47. <h2 class="activity-title" th:text="${m.activity_title}">
  48. 2018第二届苏州国际定位技术与应用高峰论坛
  49. </h2>
  50. <p><i class="iconfont">&#xe62d;</i>
  51. [[${#strings.substring(m.activity_starttime,0,4)}]]年[[${#strings.substring(m.activity_starttime,5,7)}]]月[[${#strings.substring(m.activity_starttime,8,10)}]]日[[${#strings.substring(m.activity_starttime,10,16)}]]
  52. [[${#strings.substring(m.activity_endtime,0,4)}]]年[[${#strings.substring(m.activity_endtime,5,7)}]]月[[${#strings.substring(m.activity_endtime,8,10)}]]日[[${#strings.substring(m.activity_endtime,10,16)}]]
  53. </p>
  54. <p><i class="iconfont">&#xe6e5;</i> [[${m.activity_location}]]</p>
  55. <div>
  56. <a th:onclick="'javascript:gotoDetail(\''+${m.id}+'\');'"
  57. th:if="${m.activity_deadline=='0'}" class="btn btn-success radius"
  58. th:id="${m.id}">参与报名</a>
  59. <a th:onclick="'javascript:gotoDetail(\''+${m.id}+'\');'"
  60. th:if="${m.activity_deadline=='1'}" class="btn btn-success radius"
  61. th:id="${m.id}">活动详情</a>
  62. <span>本活动推送于 [[${#strings.substring(m.activity_publishtime,0,4)}]]年[[${#strings.substring(m.activity_publishtime,5,7)}]]月[[${#strings.substring(m.activity_publishtime,8,10)}]]日[[${#strings.substring(m.activity_publishtime,10,16)}]]</span>
  63. </div>
  64. </div>
  65. </li>
  66. </ul>
  67. </div>
  68. <div>
  69. <p class="activity-tj-title">活动推荐</p>
  70. <div class="activty-tj-list">
  71. <ul>
  72. <li th:each="m,iterStat:${recommendList}">
  73. <a th:onclick="'javascript:gotoDetail(\''+${m.id}+'\');'">
  74. <!-- ${m.fileDown.download_uri} -->
  75. <img id="preImg" th:src="${fileUrl} +${m.fileDown.file_url}"
  76. class="notice-img"/>
  77. <p class="ellipse" th:text="${m.activity_title}">2018第二届苏州国际定位技术与应用高峰论坛</p>
  78. </a>
  79. </li>
  80. </ul>
  81. </div>
  82. </div>
  83. </form>
  84. </article>
  85. <script th:inline="javascript">
  86. $(function () {
  87. $(".j-senior").on("click", function () {
  88. if (!$(this).hasClass("active")) {
  89. $(this).addClass("active");
  90. $(".j-senior-box").show();
  91. }
  92. else {
  93. $(this).removeClass("active");
  94. $(".j-senior-box").hide();
  95. }
  96. })
  97. })
  98. function gotoDetail(id) {
  99. //top.location.href = pagePath + "/home/activityDetail/" + id;
  100. window.open(pagePath + "/index/#/activityDetail?id=" + id);
  101. }
  102. </script>
  103. </body>
  104. </html>