123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta name="renderer" content="webkit" />
- <title>文章管理</title>
- <link rel="stylesheet" href="../cross/css/cross.css" type="text/css" />
- <link rel="stylesheet" href="../cross/css/cross.ui.css" type="text/css" />
- <link rel="stylesheet" href="../css/health-edu.css" type="text/css" />
- </head>
- <body>
- <div class="p20">
- <h2 class="c-f16 c-666 c-normal pb20 c-border-b">文章名称: 卫计委健康宣教1</h2>
- <ul class="tags-list pt50">
- <li>
- <div class="tit">
- <h3>下属单位</h3>
- <span class="tag tag-hollow tag-all">全部</span>
- </div>
- <div id="sCompany"></div>
-
- </li>
- <li>
- <div class="tit">
- <h3>性别</h3>
- <span class="tag tag-hollow tag-all">全部</span>
- </div>
- <div class="con">
- <span class="tag tag-hollow">男</span>
- <span class="tag tag-hollow">女</span>
- </div>
- </li>
- <li>
- <div class="tit">
- <h3>服务类型</h3>
- <span class="tag tag-hollow tag-all">全部</span>
- </div>
- <div id="secondLevel"></div>
-
- <!-- <div class="con">
- <span class="tag tag-hollow">高血压</span>
- <span class="tag tag-hollow">心脏病</span>
- <span class="tag tag-hollow">感冒</span>
- <span class="tag tag-hollow">骨折</span>
- <span class="tag tag-hollow">帕金森综合症</span>
- <span class="tag tag-hollow">狂犬病</span>
- <span class="tag tag-hollow">高血压</span>
- <span class="tag tag-hollow">心脏病</span>
- <span class="tag tag-hollow">感冒</span>
- <span class="tag tag-hollow">骨折</span>
- <span class="tag tag-hollow">帕金森综合症</span>
- <span class="tag tag-hollow c-hide">狂犬病</span>
- <span class="tag tag-hollow c-hide">高血压</span>
- <span class="tag tag-hollow c-hide">心脏病</span>
- <span class="tag tag-hollow c-hide">感冒</span>
- <span class="tag tag-hollow c-hide">骨折</span>
- <div class="get-more"><a href="javascript:;">展开查看全部</a></div>
- </div> -->
- </li>
- <li>
- <div class="tit">
- <h3>疾病类型</h3>
- <span class="tag tag-hollow tag-all">全部</span>
- </div>
- <div class="con">
- <span class="tag tag-hollow">高血压</span>
- <span class="tag tag-hollow">心脏病</span>
- <span class="tag tag-hollow">感冒</span>
- <span class="tag tag-hollow">骨折</span>
- <span class="tag tag-hollow">帕金森综合症</span>
- </div>
- </li>
- <li>
- <div class="tit">
- <h3>健康情况</h3>
- <span class="tag tag-hollow tag-all">全部</span>
- </div>
- <div class="con">
- <span class="tag tag-hollow">高血压</span>
- <span class="tag tag-hollow">心脏病</span>
- <span class="tag tag-hollow">感冒</span>
- <span class="tag tag-hollow">骨折</span>
- <span class="tag tag-hollow">帕金森综合症</span>
- </div>
- </li>
- </ul>
- <div class="c-border-t c-t-center ptb50">
- <a id="sendBtn" href="javascript:;" class="c-btn c-btn-blue btn-w90">发送</a>
- <a href="#" class="c-btn c-btn-white btn-w90 ml10">取消并返回</a>
- </div>
- </div>
- <script type="text/javascript" src="../cross/js/jquery/1.8.3/jquery.js"></script>
- <script type="text/javascript" src="../cross/js/cross.ui.js"></script>
- <script type="text/javascript" src="../widget/placeholder/2.0.7/js/jquery.placeholder.js"></script>
- <link rel="stylesheet" href="../widget/artDialog/4.1.7/css/artDialog.min.css" type="text/css" />
- <script type="text/javascript" src="../widget/artDialog/4.1.7/js/artDialog.min.js"></script>
- <script type="text/javascript">
- $(function(){
-
- showSecondLevel();
- showSCompany();
- //标签选中
- $('.tags-list .tag').click(function(){
- var tag = $(this).parents('li').find('.tag').not('.tag-all');
- var tagAll = $(this).parents('li').find('.tag-all');
- if($(this).hasClass('tag-all')){
- $(this).toggleClass('curr');
- if($(this).hasClass('curr')){
- tag.addClass('curr');
- }else{
- tag.removeClass('curr');
- }
- }else{
- if(tagAll.hasClass('curr')){
- tagAll.removeClass('curr');
- $(this).toggleClass('curr');
- }else{
- $(this).toggleClass('curr');
- var tagCurr = $(this).parents('li').find('.con').find('.curr');
- if(tagCurr.length == tag.length){
- tagAll.addClass('curr');
- }
- }
- }
- });
- //展开查看全部
- $('.get-more a').click(function(){
- $(this).parent().siblings('.c-hide').removeClass('c-hide');
- $('.get-more').hide();
- });
-
- //发送
- $('#sendBtn').click(function(){
- art.dialog({
- lock: true,
- artIcon:'ask',
- opacity:0.4,
- width: 400,
- overflow:true,
- title:'推送文章',
- content: '<p class="c-f14">将文章发送给 <em class="c-0090ff">1324543</em> 个用户?</p>',
- cancelVal:'拒绝',
- ok: function () {
-
- },
- cancel: function () {
-
- }
- });
- });
- });
-
- //服务类型
- function showSecondLevel(){
-
- var tempArr =new Array();
- $.ajax({
- dataType: "json",
- type: "POST",
- cache:false,
- data : {
- "CategoryLevel":"1"
- },
- url: "/JkEdu/articlePc/queryCategory",
- success : function(result) {
- console.info(result);
- if (result.Code == 10000) {
- if (result.Code==10000){
-
-
- $('#secondLevel').html("");
- var data = result.result;
-
- var html = "";
- serviceId_temp = "";
- html += '<div class="con">';
- $.each(data,function(i,row){
-
- var sId = row.firstlevelid;
- var sName = row.categoryname;
- html += '<span class="tag tag-hollow">'+(sName==undefined?'':sName)+'</span>';
-
- });
- html += '</div><div class="get-more"><a href="javascript:;">展开查看全部</a></div>';
- $('#secondLevel').html(html);
-
- } else {
- $('#secondLevel').html("");
- ask(result.Message);
- }
- }
- }
- });
- }
-
- //下属单位
- function showSCompany(){
-
- var tempArr =new Array();
- $.ajax({
- dataType: "json",
- type: "POST",
- cache:false,
- data : {
- typeName : "sCompany"
- },
- url: "/JkEdu/configDict/getDict",
- success : function(result) {
- if (result.Code == 10000) {
- if (result.Code==10000){
-
- $('#sCompany').html("");
- var data = result.result;
-
- var html = "";
- serviceId_temp = "";
- html += '<div class="con">';
- $.each(data,function(i,row){
-
- var sId = row.code;
- var sName = row.codeName;
- html += '<span class="tag tag-hollow">'+(sName==undefined?'':sName)+'</span>';
-
- });
- html += '</div><div class="get-more"><a href="javascript:;">展开查看全部</a></div>';
- $('#sCompany').html(html);
-
- } else {
- $('#sCompany').html("");
- ask(result.Message);
- }
- }
- }
- });
- }
-
-
- function ask(message){
- art.dialog({
- lock : true,
- artIcon : 'ask',
- opacity : 0.4,
- width : 250,
- title : '提示',
- content : message,
- ok : function() {
-
- }
- });
-
- }
- </script>
- </body>
- </html>
|