PushArticle.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  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" id = "articleTitle"> </h2>
  15. <ul class="tags-list pt50">
  16. <li class="xsdwCss">
  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 class="xbCss">
  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" id = "nan" >男</span>
  30. <span class="tag tag-hollow" id = "nv" >女</span>
  31. </div>
  32. </li>
  33. <li class="fwlxCss" >
  34. <div class="tit">
  35. <h3>服务类型</h3>
  36. <span class="tag tag-hollow tag-all">全部</span>
  37. </div>
  38. <div id="secondLevel"></div>
  39. </li>
  40. <li class="jblxCss" >
  41. <div class="tit">
  42. <h3>疾病类型</h3>
  43. <span class="tag tag-hollow tag-all">全部</span>
  44. </div>
  45. <div class="con">
  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 curr">帕金森综合症</span>
  51. </div>
  52. </li>
  53. <li>
  54. <div class="tit">
  55. <h3>健康情况</h3>
  56. <span class="tag tag-hollow tag-all">全部</span>
  57. </div>
  58. <div class="con">
  59. <span class="tag tag-hollow">高血压</span>
  60. <span class="tag tag-hollow">心脏病</span>
  61. <span class="tag tag-hollow">感冒</span>
  62. <span class="tag tag-hollow">骨折</span>
  63. <span class="tag tag-hollow">帕金森综合症</span>
  64. </div>
  65. </li>
  66. </ul>
  67. <div class="c-border-t c-t-center ptb50">
  68. <a href="javascript:Push();" class="c-btn c-btn-blue btn-w90">确定</a>
  69. <a href="#" class="c-btn c-btn-white btn-w90 ml10">取消并返回</a>
  70. </div>
  71. </div>
  72. <!-- 发送文章 start -->
  73. <div id="Pushdiv" style="display:none;">
  74. <input type="hidden" id="p_testcaseid">
  75. <input type="hidden" id="f_methodid">
  76. <form id="form_add">
  77. <div class="control-group">
  78. <tr>
  79. <th colspan="14" class="c-t-center" style="font-size:14px;"
  80. rowspan="1"><span>文章名称:</span> <span style="font-size:14px;"
  81. id="pushArticletitle"></span> </th>
  82. </tr>
  83. </div>
  84. <div class="control-group">
  85. <tr>
  86. <th colspan="14" class="c-t-center" style="font-size:14px;"
  87. rowspan="1"><span>发送居民范围:</span> </th>
  88. </tr>
  89. </div>
  90. <div class="control-group">
  91. <tr>
  92. <th colspan="14" class="c-t-center" style="font-size:14px;"
  93. rowspan="1"><span>下属单位:</span> <span style="font-size:14px;"
  94. id="xsdwId"></span> </th>
  95. </tr>
  96. </div>
  97. <div class="control-group">
  98. <tr>
  99. <th colspan="14" class="c-t-center" style="font-size:14px;"
  100. rowspan="1"><span>性别:</span> <span style="font-size:14px;"
  101. id="xbId"></span> </th>
  102. </tr>
  103. </div>
  104. <div class="control-group">
  105. <tr>
  106. <th colspan="14" class="c-t-center" style="font-size:14px;"
  107. rowspan="1"><span>服务类型:</span> <span style="font-size:14px;"
  108. id="fwlxId"></span> </th>
  109. </tr>
  110. </div>
  111. <div class="control-group">
  112. <tr>
  113. <th colspan="14" class="c-t-center" style="font-size:14px;"
  114. rowspan="1"><span>疾病类型:</span> <span style="font-size:14px;"
  115. id="jblxId"></span> </th>
  116. </tr>
  117. </div>
  118. <div class="control-group">
  119. <tr>
  120. <th colspan="14" class="c-t-center" style="font-size:14px;"
  121. rowspan="1"><span>健康情况:</span> <span style="font-size:14px;"
  122. id="p_yearE"></span> </th>
  123. </tr>
  124. </div>
  125. <div class="control-group">
  126. <tr>
  127. <th colspan="14" class="c-t-center" style="font-size:14px;"
  128. rowspan="1"><span>发送用户数:</span> <span style="font-size:14px;"
  129. id="p_yearE"></span> </th>
  130. </tr>
  131. </div>
  132. <div class="form-layout form-inline">
  133. <div id="innerfm"></div>
  134. </div>
  135. <div class="c-t-center mt10">
  136. <a href="javascript:sendOut();" id="addBtn" class="c-btn c-btn-blue">发送</a>
  137. </div>
  138. </form>
  139. </div>
  140. <!-- 发送文章 -->
  141. <script type="text/javascript" src="../cross/js/jquery/1.8.3/jquery.js"></script>
  142. <script type="text/javascript" src="../cross/js/cross.ui.js"></script>
  143. <script type="text/javascript" src="../widget/placeholder/2.0.7/js/jquery.placeholder.js"></script>
  144. <link rel="stylesheet" href="../widget/artDialog/4.1.7/css/artDialog.min.css" type="text/css" />
  145. <script type="text/javascript" src="../widget/artDialog/4.1.7/js/artDialog.min.js"></script>
  146. <script type="text/javascript">
  147. var articleid = null;
  148. articleid = getUrlParam("articleid");
  149. var articletitle = "";
  150. var jblx = new Array();
  151. var fwlx = new Array();
  152. var xb = new Array();
  153. var xsdw = new Array();
  154. $(function(){
  155. queryCardInfo();
  156. showSecondLevel();
  157. showSCompany();
  158. $('.tags-list').on('click','.tag-hollow',function(){
  159. var all = $(this).hasClass('tag-all');
  160. var curr = $(this).hasClass('curr');
  161. $('.tag-all').siblings('.c-hide').removeClass('c-hide');
  162. if(all){
  163. if(curr){
  164. $(this).removeClass('curr');
  165. $(this).parent().siblings().find('.tag-hollow').removeClass('curr');
  166. }else{
  167. $(this).addClass('curr');
  168. $(this).parent().siblings().find('.tag-hollow').addClass('curr');
  169. }
  170. }else{
  171. if(curr){
  172. $(this).removeClass('curr');
  173. $(this).parent().siblings().find('.tag-all').removeClass('curr');
  174. }else{
  175. $(this).addClass('curr');
  176. }
  177. }
  178. });
  179. //展开查看全部
  180. $('.get-more a').click(function(){
  181. $(this).parent().siblings('.c-hide').removeClass('c-hide');
  182. $('.get-more').hide();
  183. });
  184. //发送
  185. $('#sendBtn').click(function(){
  186. art.dialog({
  187. lock: true,
  188. artIcon:'ask',
  189. opacity:0.4,
  190. width: 400,
  191. overflow:true,
  192. title:'推送文章',
  193. content: '<p class="c-f14">将文章发送给 <em class="c-0090ff">1324543</em> 个用户?</p>',
  194. cancelVal:'拒绝',
  195. ok: function () {
  196. },
  197. cancel: function () {
  198. }
  199. });
  200. });
  201. });
  202. function class2(){
  203. $('.tags-list').on('click','.tag-hollow',function(){
  204. var all = $(this).hasClass('tag-all');
  205. var curr = $(this).hasClass('curr');
  206. $('.tag-all').siblings('.c-hide').removeClass('c-hide');
  207. if(all){
  208. if(curr){
  209. $(this).removeClass('curr');
  210. $(this).parent().siblings().find('.tag-hollow').removeClass('curr');
  211. }else{
  212. $(this).addClass('curr');
  213. $(this).parent().siblings().find('.tag-hollow').addClass('curr');
  214. }
  215. }else{
  216. if(curr){
  217. $(this).removeClass('curr');
  218. $(this).parent().siblings().find('.tag-all').removeClass('curr');
  219. }else{
  220. $(this).addClass('curr');
  221. }
  222. }
  223. });
  224. //展开查看全部
  225. $('.get-more a').click(function(){
  226. $(this).parent().siblings('.c-hide').removeClass('c-hide');
  227. $('.get-more').hide();
  228. });
  229. }
  230. //下属单位
  231. function showSCompany(){
  232. $.ajax({
  233. dataType: "json",
  234. type: "POST",
  235. cache:false,
  236. data : {
  237. typeName : "sCompany"
  238. },
  239. url: "/JkEdu/configDict/getDict",
  240. success : function(result) {
  241. if (result.Code == 10000) {
  242. if (result.Code==10000){
  243. $('#sCompany').html("");
  244. var data = result.result;
  245. var html = "";
  246. serviceId_temp = "";
  247. html += '<div class="con">';
  248. var s = "";
  249. $.each(data,function(i,row){
  250. var sId = row.code;
  251. var sName = row.codeName;
  252. s=i;
  253. if(i<7){
  254. html += '<span class="tag tag-hollow">'+(sName==undefined?'':sName)+'</span>';
  255. }else{
  256. html += '<span class="tag tag-hollow c-hide ">'+(sName==undefined?'':sName)+'</span>';
  257. }
  258. });
  259. if (s>7){
  260. html += '</div><div class="get-more xsdw"><a href="javascript:;">展开查看全部1</a></div>';
  261. }
  262. $('#sCompany').html(html);
  263. //展开查看全部
  264. $('.xsdw a').click(function(){
  265. $(this).parent().siblings().find('.c-hide').removeClass('c-hide');
  266. $('.xsdw').hide();
  267. });
  268. } else {
  269. $('#sCompany').html("");
  270. ask(result.Message);
  271. }
  272. }
  273. }
  274. });
  275. }
  276. //服务类型(新)
  277. function showSecondLevel(labelType){
  278. $.ajax({
  279. dataType: "json",
  280. type: "POST",
  281. cache:false,
  282. data : {
  283. "CategoryLevel":"1"
  284. },
  285. url: "/JkEdu/articlePc/queryCategory",
  286. success : function(result) {
  287. if (result.Code == 10000) {
  288. if (result.Code==10000){
  289. $('#secondLevel').html("");
  290. var data = result.result;
  291. var html = "";
  292. serviceId_temp = "";
  293. html += '<div class="con">';
  294. $.each(data,function(i,row){
  295. var sId = row.firstlevelid;
  296. var sName = row.categoryname;
  297. if(i<7){
  298. html += '<span class="tag tag-hollow oo">'+(sName==undefined?'':sName)+'</span>';
  299. }else{
  300. html += '<span class="tag tag-hollow c-hide oo">'+(sName==undefined?'':sName)+'</span>';
  301. }
  302. });
  303. if (s>7){
  304. html += '</div><div class="get-more fwclass"><a href="javascript:;">展开查看全部</a></div>';
  305. }
  306. $('#secondLevel').html(html);
  307. //展开查看全部
  308. $('.fwclass a').click(function(){
  309. $(this).parent().siblings().find('.c-hide').removeClass('c-hide');
  310. $('.fwclass').hide();
  311. });
  312. } else {
  313. $('#secondLevel').html("");
  314. ask(result.Message);
  315. }
  316. }
  317. }
  318. });
  319. }
  320. //发送弹框
  321. function Push() {
  322. $("#addBtn").show();
  323. var $this = $(".xbCss").find('.tag').parents('li').find('.con').find('.curr');
  324. for (var i = 0; i < $this.length; i++) {
  325. xb[i] = $this[i].innerHTML;
  326. //console.info($this[i].id);
  327. }
  328. //console.info($this);
  329. if ($.inArray("男", xb)==0&&$.inArray("女", xb)==1){
  330. $("#xbId").text("不限");//性别
  331. }else {
  332. $("#xbId").text(xb);//性别
  333. }
  334. var $this = $(".fwlxCss").find('.tag').parents('li').find('.con').find('.curr');
  335. for (var i = 0; i < $this.length; i++) {
  336. fwlx[i] = $this[i].innerHTML;
  337. }
  338. $("#fwlxId").text(fwlx);//服务类型
  339. var $this = $(".jblxCss").find('.tag').parents('li').find('.con').find('.curr');
  340. for (var i = 0; i < $this.length; i++) {
  341. jblx[i] = $this[i].innerHTML;
  342. }
  343. $("#jblxId").text(jblx);//疾病类型
  344. var $this = $(".xsdwCss").find('.tag').parents('li').find('.con').find('.curr');
  345. for (var i = 0; i < $this.length; i++) {
  346. xsdw[i] = $this[i].innerHTML;
  347. }
  348. $("#xsdwId").text(xsdw);//下属单位
  349. $("#pushArticletitle").text(articletitle);
  350. var contents=$('#Pushdiv').get(0);
  351. popAdd = art.dialog({
  352. lock: true,
  353. opacity:0.4,
  354. width: 500,
  355. height : 250,
  356. overflow:true,
  357. title:'',
  358. content: contents,
  359. fixed : false,
  360. ok : null,
  361. cancel : null,
  362. quickClose : true
  363. });
  364. }
  365. function getUrlParam(name) {
  366. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  367. var r = window.location.search.substr(1).match(reg);
  368. if (r!=null) return decodeURI(r[2]); return "";
  369. }
  370. function queryCardInfo(){
  371. $.ajax({
  372. dataType: "json",
  373. type: "POST",
  374. cache:false,
  375. url: '/JkEdu/articlePc/queryArticlePcId',
  376. data: {
  377. articleid : articleid
  378. },
  379. beforeSend: function(){
  380. artLoading=art.dialog({
  381. lock: true,
  382. content: '<img src="../widget/artDialog/4.1.7/images/loading.gif" class="mr10" />数据加载中,请稍候...',
  383. tips:true
  384. });
  385. },
  386. success: function(data){
  387. artLoading.close();
  388. if(data.Code==10000){
  389. if(typeof(data.result) != "undefined"){
  390. setTimeout(function(){
  391. articletitle = data.result.articletitle;
  392. var html = "";
  393. html += '文章名称:';
  394. html += articletitle;
  395. $('#articleTitle').html(html);
  396. }, 300);
  397. }
  398. }else{
  399. ask(data.Message);
  400. }
  401. },
  402. error: function () {
  403. artLoading.close();
  404. var artBox=art.dialog({
  405. lock: true,
  406. artIcon:'error',
  407. opacity:0.4,
  408. width: 250,
  409. title:'提示',
  410. content: '数据加载失败!请联系管理员',
  411. ok: function () {
  412. }
  413. });
  414. }
  415. });
  416. }
  417. //根据标签类型和子标签code获取医生签约的患者列表
  418. function querySignPatientsByLabel(labelType,labelCode){
  419. var teamCode = $('#tdlbId').formSelect('getDataKey');
  420. var labelCodes=labelCode.substring(0,labelCode.length-1);
  421. $.ajax({
  422. dataType: "json",
  423. type: "POST",
  424. cache:false,
  425. url: '/JkEdu/articleDoctorPc/querySignPatientsByLabel',
  426. data: {
  427. labelType : labelType,
  428. teamCode : teamCode,
  429. labelCode :labelCodes
  430. },
  431. success: function(data){
  432. artLoading.close();
  433. if(data.Code==10000){
  434. if(typeof(data.result) != "undefined"){
  435. setTimeout(function(){
  436. var html = "";
  437. for(var i=0;i<data.result.result.length;i++){
  438. var code = data.result.result[i].code;
  439. var name = data.result.result[i].name;
  440. if(i<7){
  441. html += '<span class="tag tag-hollow oo">'+(name==undefined?'':name)+'</span>';
  442. }else{
  443. html += '<span class="tag tag-hollow c-hide oo">'+(sName==undefined?'':name)+'</span>';
  444. }
  445. }
  446. html += ' ';
  447. if (s>7){
  448. html += '</div><div class="get-more fwclass"><a href="javascript:;">展开查看全部</a></div>';
  449. }
  450. $('#secondLevel').html(html);
  451. //展开查看全部
  452. $('.fwclass a').click(function(){
  453. $(this).parent().siblings().find('.c-hide').removeClass('c-hide');
  454. $('.fwclass').hide();
  455. });
  456. }, 300);
  457. }
  458. }else{
  459. ask(data.Message);
  460. }
  461. },
  462. error: function () {
  463. artLoading.close();
  464. var artBox=art.dialog({
  465. lock: true,
  466. artIcon:'error',
  467. opacity:0.4,
  468. width: 250,
  469. title:'提示',
  470. content: '数据加载失败!请联系管理员',
  471. ok: function () {
  472. }
  473. });
  474. }
  475. });
  476. }
  477. function ask(message){
  478. art.dialog({
  479. lock : true,
  480. artIcon : 'ask',
  481. opacity : 0.4,
  482. width : 250,
  483. title : '提示',
  484. content : message,
  485. ok : function() {
  486. }
  487. });
  488. }
  489. </script>
  490. </body>
  491. </html>