notice.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9. <link rel="stylesheet" type="text/css" href="/Public/Static/css/base.css" />
  10. <link rel="stylesheet" type="text/css" href="/Public/Static/css/nologed.css" />
  11. <title>{$webname}</title>
  12. <style>
  13. ::-webkit-input-placeholder { /* WebKit browsers */
  14. color: #b5b5b5;
  15. font-size: 18px;
  16. }
  17. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  18. color: #b5b5b5;
  19. font-size: 18px;
  20. }
  21. input:focus{background:#F5F5F5;outline: 1px solid #F5F5F5;}
  22. a:hover,a:link,a:visited,a:active{color:#FCD535;text-decoration:none;}
  23. .bmbtn{width:100%;height:60px;position:fixed;bottom:0px;padding:10px;}
  24. .bmbtn_l{width:45%;height:40px;float:left;background:#ebecf0;border-radius:5px;line-height:40px;text-align:center;}
  25. .bmbtn_r{width:45%;height:40px;float:right;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:5px;line-height:40px;text-align:center;}
  26. .badge-light {
  27. background-color: #FCD535;
  28. position: relative;
  29. left: 15px;
  30. top: -35px;
  31. }
  32. .badge{
  33. line-height: 0.4;
  34. border-radius: .5rem;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <div class="container-fluid ctbox" style="padding:0px;width:100vw;">
  40. <div class="no_header" style="position: fixed;z-index: 9999;background: #fff;padding:0px 10px;top:0px;">
  41. <div class="fl allhg txtl" style="line-height:50px;width:10%;">
  42. <i class="bi bi-arrow-left fcc fw" onclick="goback()" style="font-size: 24px;"></i>
  43. </div>
  44. <div class="fl allhg" id="centerbox" style="width:80%;text-align:center;line-height:50px;display:none;">
  45. <span class="fcc fzmm">{:L('消息管理')}</span>
  46. </div>
  47. <div class="fr allhg txtr" style="line-height:50px;width:10%;">
  48. <i class="bi bi-pencil-square fcc fw" id="showid" style="font-size: 20px;"></i>
  49. <span class="fcy fzmm" id="hideid" style="display:none;">{:L('完成')}</span>
  50. </div>
  51. </div>
  52. <div class="no_content" style="width:90%;margin:60px auto;">
  53. <div class="no_title" id="h1title" style="height:50px;line-height:50px;">
  54. <span class="title_txt fcc">{:L('通知')}</span>
  55. </div>
  56. <div class="no_inbox">
  57. <empty name="list">
  58. <div style="width:100%;height:200px;line-height:200px;text-align:center;">
  59. <span class="fzmm fcc">{:L('没有通知记录')}</span>
  60. </div>
  61. <else />
  62. <foreach name="list" item="vo">
  63. <a href="{:U('Index/noticeinfo')}?id={$vo.id}">
  64. <div style="width:100%;height:90px;padding:5px 0px;margin-bottom:10px;">
  65. <div style="width:10%;height:80px;float:left;">
  66. <i class="bi bi-envelope fcc fw" style="font-size:20px;"></i>
  67. <if condition="$vo.status eq 1">
  68. <span class="badge badge-light" style="color:#FCD535;">.</span>
  69. </if>
  70. </div>
  71. <div style="width:90%;height:80px;float:right;">
  72. <div style="width:100%;height:20px">
  73. <span class="fzmmm fcc">{$vo.title}</span>
  74. </div>
  75. <div style="width:100%;height:40px;overflow: hidden;">
  76. <span class="fzm fcc">{$vo.content}</span>
  77. </div>
  78. <div style="width:100%;height:40px">
  79. <span class="fzm fcc">{$vo.addtime}</span>
  80. </div>
  81. </div>
  82. </div>
  83. </a>
  84. </foreach>
  85. </empty>
  86. </div>
  87. </div>
  88. <div class="bmbtn" id="bmbtn" style="display:none;">
  89. <div class="bmbtn_l" onclick="allread();">
  90. <span class="fzm fch">{:L('全部已读')}</span>
  91. </div>
  92. <div class="bmbtn_r" onclick="alldel();">
  93. <span class="fzm fch">{:L('清除全部')}</span>
  94. </div>
  95. </div>
  96. </div>
  97. </body>
  98. <body>
  99. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  100. <script type="text/javascript" src="/Public/Static/js/layer/layer.js" ></script>
  101. <script type="text/javascript">
  102. function alldel(){
  103. var st = 1;
  104. $.post("{:U('Index/delall')}",
  105. {'st' :st},
  106. function(data){
  107. if(data.code = 1){
  108. layer.msg(data.info);
  109. setTimeout(function(args){
  110. window.location.reload();
  111. },2000);
  112. }else{
  113. layer.msg(data.info);return false;
  114. }
  115. });
  116. }
  117. function allread(){
  118. var st = 1;
  119. $.post("{:U('Index/readall')}",
  120. {'st' :st},
  121. function(data){
  122. if(data.code = 1){
  123. layer.msg(data.info);
  124. setTimeout(function(args){
  125. window.location.reload();
  126. },2000);
  127. }else{
  128. layer.msg(data.info);return false;
  129. }
  130. });
  131. }
  132. </script>
  133. <script type="text/javascript">
  134. $("#showid").click(function(){
  135. $("#centerbox").show();
  136. $("#h1title").hide();
  137. $("#bmbtn").show();
  138. $("#hideid").show();
  139. $("#showid").hide();
  140. });
  141. $("#hideid").click(function(){
  142. $("#centerbox").hide();
  143. $("#h1title").show();
  144. $("#bmbtn").hide();
  145. $("#hideid").hide();
  146. $("#showid").show();
  147. });
  148. </script>
  149. <script type="text/javascript">
  150. function goback(){
  151. window.history.go(-1);
  152. }
  153. </script>
  154. </html>