ArticleDoctorList.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit" />
  7. <title>文章管理</title>
  8. <link rel="stylesheet" href="../cross/css/cross.css" type="text/css" />
  9. <link rel="stylesheet" href="../cross/css/cross.ui.css" type="text/css" />
  10. <link rel="stylesheet" href="../css/health-edu.css" type="text/css" />
  11. </head>
  12. <body>
  13. <div class="p20">
  14. <h2 class="c-f16 c-666 c-normal pb20 c-border-b">文章名称: 卫计委健康宣教1</h2>
  15. <ul class="tags-list pt50">
  16. <li>
  17. <div class="tit">
  18. <h3>下属单位</h3>
  19. <span class="tag tag-hollow tag-all">全部</span>
  20. </div>
  21. <div id="sCompany"></div>
  22. </li>
  23. <li>
  24. <div class="tit">
  25. <h3>性别</h3>
  26. <span class="tag tag-hollow tag-all">全部</span>
  27. </div>
  28. <div class="con">
  29. <span class="tag tag-hollow">男</span>
  30. <span class="tag tag-hollow">女</span>
  31. </div>
  32. </li>
  33. <li>
  34. <div class="tit">
  35. <h3>服务类型</h3>
  36. <span class="tag tag-hollow tag-all">全部</span>
  37. </div>
  38. <div id="secondLevel"></div>
  39. <!-- <div class="con">
  40. <span class="tag tag-hollow">高血压</span>
  41. <span class="tag tag-hollow">心脏病</span>
  42. <span class="tag tag-hollow">感冒</span>
  43. <span class="tag tag-hollow">骨折</span>
  44. <span class="tag tag-hollow">帕金森综合症</span>
  45. <span class="tag tag-hollow">狂犬病</span>
  46. <span class="tag tag-hollow">高血压</span>
  47. <span class="tag tag-hollow">心脏病</span>
  48. <span class="tag tag-hollow">感冒</span>
  49. <span class="tag tag-hollow">骨折</span>
  50. <span class="tag tag-hollow">帕金森综合症</span>
  51. <span class="tag tag-hollow c-hide">狂犬病</span>
  52. <span class="tag tag-hollow c-hide">高血压</span>
  53. <span class="tag tag-hollow c-hide">心脏病</span>
  54. <span class="tag tag-hollow c-hide">感冒</span>
  55. <span class="tag tag-hollow c-hide">骨折</span>
  56. <div class="get-more"><a href="javascript:;">展开查看全部</a></div>
  57. </div> -->
  58. </li>
  59. <li>
  60. <div class="tit">
  61. <h3>疾病类型</h3>
  62. <span class="tag tag-hollow tag-all">全部</span>
  63. </div>
  64. <div class="con">
  65. <span class="tag tag-hollow">高血压</span>
  66. <span class="tag tag-hollow">心脏病</span>
  67. <span class="tag tag-hollow">感冒</span>
  68. <span class="tag tag-hollow">骨折</span>
  69. <span class="tag tag-hollow">帕金森综合症</span>
  70. </div>
  71. </li>
  72. <li>
  73. <div class="tit">
  74. <h3>健康情况</h3>
  75. <span class="tag tag-hollow tag-all">全部</span>
  76. </div>
  77. <div class="con">
  78. <span class="tag tag-hollow">高血压</span>
  79. <span class="tag tag-hollow">心脏病</span>
  80. <span class="tag tag-hollow">感冒</span>
  81. <span class="tag tag-hollow">骨折</span>
  82. <span class="tag tag-hollow">帕金森综合症</span>
  83. </div>
  84. </li>
  85. </ul>
  86. <div class="c-border-t c-t-center ptb50">
  87. <a id="sendBtn" href="javascript:;" class="c-btn c-btn-blue btn-w90">发送</a>
  88. <a href="#" class="c-btn c-btn-white btn-w90 ml10">取消并返回</a>
  89. </div>
  90. </div>
  91. <script type="text/javascript" src="../cross/js/jquery/1.8.3/jquery.js"></script>
  92. <script type="text/javascript" src="../cross/js/cross.ui.js"></script>
  93. <script type="text/javascript" src="../widget/placeholder/2.0.7/js/jquery.placeholder.js"></script>
  94. <link rel="stylesheet" href="../widget/artDialog/4.1.7/css/artDialog.min.css" type="text/css" />
  95. <script type="text/javascript" src="../widget/artDialog/4.1.7/js/artDialog.min.js"></script>
  96. <script type="text/javascript">
  97. $(function(){
  98. showSecondLevel();
  99. showSCompany();
  100. //标签选中
  101. $('.tags-list .tag').click(function(){
  102. var tag = $(this).parents('li').find('.tag').not('.tag-all');
  103. var tagAll = $(this).parents('li').find('.tag-all');
  104. if($(this).hasClass('tag-all')){
  105. $(this).toggleClass('curr');
  106. if($(this).hasClass('curr')){
  107. tag.addClass('curr');
  108. }else{
  109. tag.removeClass('curr');
  110. }
  111. }else{
  112. if(tagAll.hasClass('curr')){
  113. tagAll.removeClass('curr');
  114. $(this).toggleClass('curr');
  115. }else{
  116. $(this).toggleClass('curr');
  117. var tagCurr = $(this).parents('li').find('.con').find('.curr');
  118. if(tagCurr.length == tag.length){
  119. tagAll.addClass('curr');
  120. }
  121. }
  122. }
  123. });
  124. //展开查看全部
  125. $('.get-more a').click(function(){
  126. $(this).parent().siblings('.c-hide').removeClass('c-hide');
  127. $('.get-more').hide();
  128. });
  129. //发送
  130. $('#sendBtn').click(function(){
  131. art.dialog({
  132. lock: true,
  133. artIcon:'ask',
  134. opacity:0.4,
  135. width: 400,
  136. overflow:true,
  137. title:'推送文章',
  138. content: '<p class="c-f14">将文章发送给 <em class="c-0090ff">1324543</em> 个用户?</p>',
  139. cancelVal:'拒绝',
  140. ok: function () {
  141. },
  142. cancel: function () {
  143. }
  144. });
  145. });
  146. });
  147. //服务类型
  148. function showSecondLevel(){
  149. var tempArr =new Array();
  150. $.ajax({
  151. dataType: "json",
  152. type: "POST",
  153. cache:false,
  154. data : {
  155. "CategoryLevel":"1"
  156. },
  157. url: "/JkEdu/articlePc/queryCategory",
  158. success : function(result) {
  159. console.info(result);
  160. if (result.Code == 10000) {
  161. if (result.Code==10000){
  162. $('#secondLevel').html("");
  163. var data = result.result;
  164. var html = "";
  165. serviceId_temp = "";
  166. html += '<div class="con">';
  167. $.each(data,function(i,row){
  168. var sId = row.firstlevelid;
  169. var sName = row.categoryname;
  170. html += '<span class="tag tag-hollow">'+(sName==undefined?'':sName)+'</span>';
  171. });
  172. html += '</div><div class="get-more"><a href="javascript:;">展开查看全部</a></div>';
  173. $('#secondLevel').html(html);
  174. } else {
  175. $('#secondLevel').html("");
  176. ask(result.Message);
  177. }
  178. }
  179. }
  180. });
  181. }
  182. //下属单位
  183. function showSCompany(){
  184. var tempArr =new Array();
  185. $.ajax({
  186. dataType: "json",
  187. type: "POST",
  188. cache:false,
  189. data : {
  190. typeName : "sCompany"
  191. },
  192. url: "/JkEdu/configDict/getDict",
  193. success : function(result) {
  194. if (result.Code == 10000) {
  195. if (result.Code==10000){
  196. $('#sCompany').html("");
  197. var data = result.result;
  198. var html = "";
  199. serviceId_temp = "";
  200. html += '<div class="con">';
  201. $.each(data,function(i,row){
  202. var sId = row.code;
  203. var sName = row.codeName;
  204. html += '<span class="tag tag-hollow">'+(sName==undefined?'':sName)+'</span>';
  205. });
  206. html += '</div><div class="get-more"><a href="javascript:;">展开查看全部</a></div>';
  207. $('#sCompany').html(html);
  208. } else {
  209. $('#sCompany').html("");
  210. ask(result.Message);
  211. }
  212. }
  213. }
  214. });
  215. }
  216. function ask(message){
  217. art.dialog({
  218. lock : true,
  219. artIcon : 'ask',
  220. opacity : 0.4,
  221. width : 250,
  222. title : '提示',
  223. content : message,
  224. ok : function() {
  225. }
  226. });
  227. }
  228. </script>
  229. </body>
  230. </html>