sz.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>四平市政府</title>
  6. <link rel="stylesheet" href="css/basic.css" />
  7. <link rel="stylesheet" href="trscss/images/mui.min.css" />
  8. <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
  9. <script type="text/javascript" src="js/basic.js" ></script>
  10. <script type="text/javascript" src="js/unslider-min.js" ></script>
  11. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  12. <script src="js/mui.min.js"></script>
  13. <script src="js/webviewGroup.js"></script>
  14. <script src="js/main.js"></script>
  15. <style>
  16. .mui-slider-title {
  17. font-size: 1.9rem;
  18. height: 60px;
  19. line-height: 60px;
  20. background: #000;
  21. position: absolute;
  22. bottom: 0px;
  23. width: 100%;
  24. opacity: .8;
  25. color: white;
  26. }
  27. </style>
  28. <script type="text/javascript">
  29. var pageStyle={top:'0px', bottom:'0px'};
  30. $(function(){
  31. var typeid="szjj";
  32. var gzid = dicContainer['app'].toValue('szdgz');
  33. mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  34. channel_id:gzid,
  35. data_star:'0',
  36. data_end:'1'
  37. },function(data){
  38. if(data.success == true){
  39. var json =data.data;
  40. for(var i = 0; i<json.length; i++){
  41. var industry = json[i];
  42. $('#'+typeid).append("<dt><img src='"+industry.picurl+"'></dt>");
  43. $('#wdjl').attr('name',industry.docid);
  44. }
  45. }
  46. },'json'
  47. );
  48. var Cid = dicContainer['app'].toValue(typeid); //数据词典输出,toValue();这个方法就是获取子项ID
  49. mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  50. channel_id:Cid,
  51. data_star:'0',
  52. data_end:'1'
  53. },function(data){
  54. if(data.success == true){
  55. var json =data.data;
  56. for(var i = 0; i<json.length; i++){
  57. var industry = json[i];
  58. $('#'+typeid).append("<dd><h3>胡斌</h3><p>"+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;男,汉族,中共党员,1976年5月出生,江西南昌人,1998年7月参加工作,1997年6月加入中国共产党。中国科学技术大学近代物理系近代物理核技术专业毕业,在职研究生学历,经济学博士学位。</br>"+industry.doccontent+"</p></dd>");
  59. $('#wdfg').attr('name',industry.docid);
  60. }
  61. }
  62. },'json'
  63. );
  64. mui.plusReady(function() {
  65. //获得slider插件对象
  66. var gallery = mui('.mui-slider');
  67. gallery.slider({
  68. interval: 5000 //自动轮播周期,若为0则不自动播放,默认为0;
  69. });
  70. });
  71. /**
  72. * 轮播图 循环输出
  73. */
  74. mui(".mui-slider").each(function() {
  75. var Cid = dicContainer['sz'].toValue(this.id); //数据词典输出,toValue();这个方法就是获取子项ID
  76. mui.post(projectUrl + 'trsdataAction!query_index_data.action', {
  77. channel_id: Cid,
  78. data_star: '0',
  79. data_end: '5'
  80. }, function(data) {
  81. if(data.success == true) {
  82. var json = data.data;
  83. for(var i = 0; i < json.length; i++) {
  84. var industry = json[i];
  85. $("#li" + (i + 1)).html('<a id="' + industry.docid + '"><img src="' + industry.picurl + '" /><p class="mui-slider-title">' + industry.doctitle + '</p></a>');
  86. }
  87. $("#li6").html('<a id="' + json[0].docid + '"><img src="' + json[0].picurl + '" /><p class="mui-slider-title">' + json[0].doctitle + '</p></a>');
  88. $("#li7").html('<a id="' + json[1].docid + '"><img src="' + json[1].picurl + '" /><p class="mui-slider-title">' + json[1].doctitle + '</p></a>');
  89. }
  90. }, 'json');
  91. });
  92. //图片视频循环输出
  93. mui(".tplistul").each(function() {
  94. var typeid = this.id;
  95. var Cid = dicContainer['app'].toValue(this.id); //数据词典输出,toValue();这个方法就是获取子项ID
  96. mui.post(projectUrl + 'trsdataAction!query_index_data.action', {
  97. channel_id: Cid,
  98. data_star: '0',
  99. data_end: '2'
  100. }, function(data) {
  101. if(data.success == true) {
  102. var json = data.data;
  103. var tp1 = json[0];
  104. var tp2 = json[1];
  105. var toc = tp1.doctitle.substring(0, 10) + "...";
  106. var toc1 = tp2.doctitle.substring(0, 10) + "...";
  107. $('#' + typeid).append("<li id='" + tp1.docid + "' wdlx='"+tp1.doctype+"' dizhi='"+tp1.docpuburl+"' class='fl'><a href=''><img src='" + tp1.picurl + "' /> </a><h6>" + toc + "</h6></li>");
  108. $('#' + typeid).append("<li id='" + tp2.docid + "' wdlx='"+tp2.doctype+"' dizhi='"+tp2.docpuburl+"' class='fr'><a href=''><img src='" + tp2.picurl + "' /> </a><h6>" + toc1 + "</h6></li>");
  109. if(data.allData > 5) {
  110. mui('#' + typeid)[0].insertAdjacentHTML('afterEnd', '<p id="' + Cid + '_more" name="imglist.html?channel_id=' + Cid + '&count=' + data.allData + '" class="more"><a>查看更多></a></p>');
  111. }
  112. }
  113. }, 'json');
  114. });
  115. //
  116. var wdgz='wdgz';
  117. var Cid = dicContainer['sz'].toValue(wdgz);//数据词典输出,toValue();这个方法就是获取子项ID
  118. mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  119. channel_id:Cid,
  120. data_star:'0',
  121. data_end:'5'
  122. },function(data){
  123. if(data.success == true){
  124. var json =data.data;
  125. for(var i = 0; i<json.length; i++){
  126. var industry = json[i];
  127. $('#'+wdgz).append(" <li id='"+industry.docid+"' ><a href='javascript:click1()'>"+industry.doctitle+"</a><p>"+industry.docreltime.substring(0,10)+"</p></li>");
  128. }
  129. $('#wdgz_tip a').attr('id',Cid);
  130. $('#wdgz_tip a').attr('name','list.html?channel_id='+Cid+'&count='+data.allData);
  131. if(data.allData>5){
  132. mui('#'+wdgz)[0].insertAdjacentHTML('afterEnd', '<p id="'+Cid+'_more" name="list.html?&channel_id='+Cid+'&count='+data.allData+'" class="more"><a>查看更多></a></p>');
  133. }
  134. }
  135. },'json'
  136. );
  137. var wdtp='wdtp';
  138. var wdtpid = dicContainer['sz'].toValue(wdtp);//数据词典输出,toValue();这个方法就是获取子项ID
  139. mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  140. channel_id:wdtpid,
  141. data_star:'0',
  142. data_end:'5'
  143. },function(data){
  144. if(data.success == true){
  145. $('#wdtp a').attr('id',wdtpid);
  146. $('#wdtp a').attr('name','imglist.html?channel_id='+wdtpid+'&count='+data.allData);
  147. }
  148. },'json'
  149. );
  150. })
  151. function initss(){
  152. //绑定点击事件
  153. mui(".dtlistul").on("tap","li",function click1(e){
  154. var id=$(this).attr("id");
  155. var url = 'news.html';
  156. mui.openWindow({
  157. url: url+'?doc_id='+id,
  158. id:id,
  159. styles:pageStyle,
  160. createNew:true
  161. });
  162. });
  163. //绑定点击事件
  164. mui("#wdtpf").on("tap","a",function(e){
  165. var id=$(this).attr("id");
  166. var url = 'news.html';
  167. mui.openWindow({
  168. url: url+'?doc_id='+id,
  169. id:id,
  170. styles:pageStyle,
  171. createNew:true
  172. });
  173. })
  174. //绑定点击事件
  175. mui(".tplistul").on("tap","li",function(e){
  176. var id=$(this).attr("id");
  177. var wdlx = $(this).attr("wdlx");
  178. var dizhi = $(this).attr("dizhi");
  179. var url = '';
  180. if(wdlx == '30'){
  181. url = dizhi;
  182. mui.openWindowWithTitle({
  183. url: url,
  184. id:id,
  185. styles:{top:'0px', bottom:'0px'},
  186. createNew:true
  187. }, {
  188. backgroundColor:"#ffffff",//导航栏背景色
  189. title:{//标题配置
  190. text:"文章内容",//标题文字
  191. styles:{color:"#1A8FD6"}
  192. },back:{//左上角返回箭头
  193. image:{
  194. base64Data:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAb1BMVEUAAAAAev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8Aev8AAACubimgAAAAI3RSTlMAGfUTGfQTGPMSGPIYGhgaGBsXGxcbFxwXHBccFhwWHRYdHWufDPQAAAABYktHRACIBR1IAAAAB3RJTUUH4QETEBwooeTlkQAAAJVJREFUSMft1EkSgkAQRNFGUXFWHBDBibr/HTUwD5B/48Ig1y+io7u6MqUhf5hsNEY+j5hMgZ/FJ8Xc9ovos3T96utjbfqN/Nb0O/m96Uv5g+mP8ifTn+Ur01/ka9Nf5RvTt/I309/lH6Z/yr9Mn+Q71/MT8B34K/E58Enzv8R/K98HvnF8p3lr8F7izce7lbf3kJ/lDQp9HdBhgg3PAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTAxLTE5VDE2OjI4OjQwKzA4OjAwpTDFwQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wMS0xOVQxNjoyODo0MCswODowMNRtfX0AAAAASUVORK5CYII='
  195. },
  196. click: function() {
  197. mui.plusReady(function() {
  198. plus.webview.getWebviewById(id).evalJS("plus.key.addEventListener('backbutton',function(){plus.webview.getWebviewById('detail').close();})"); //重写返回事件
  199. })
  200. var wev = plus.webview.getWebviewById(id);
  201. console.log('guanbi');
  202. wev.close();
  203. }}
  204. });
  205. }else{
  206. url = 'news.html';
  207. mui.openWindow({
  208. url: url+'?doc_id='+id,
  209. id:id,
  210. styles:pageStyle,
  211. createNew:true
  212. });
  213. }
  214. });
  215. //绑定点击事件
  216. mui(".wdts p").on("tap","a",function(e){
  217. var id=$(this).attr("id");
  218. var url = 'ldjj.html';
  219. mui.openWindow({
  220. url: url+'?ld_id='+id,
  221. id:id,
  222. styles:{top:'0px', bottom:'0px'},
  223. createNew:true
  224. });
  225. });
  226. //绑定点击事件
  227. mui(".wz").on("tap","a",function(e){
  228. var id=$(this).attr("name");
  229. var url = 'news.html';
  230. mui.openWindow({
  231. url: url+'?doc_id='+id,
  232. id:id,
  233. styles:{top:'0px', bottom:'0px'},
  234. createNew:true
  235. });
  236. });
  237. /**
  238. * 2017/11/6
  239. * lining
  240. * 绑定查看更多点击事件
  241. */
  242. mui(".mo").on("tap","p",function(e){
  243. var id=$(this).attr("id");
  244. var url =$(this).attr("name");
  245. mui.openWindow({
  246. url: url,
  247. id:id,
  248. styles:{top:'0px', bottom:'0px'},
  249. createNew:true
  250. });
  251. })
  252. /**
  253. * 2017/11/9
  254. * lining
  255. * 我的工作,我的图片点击事件
  256. */
  257. mui(".wz1").on("tap","a",function(e){
  258. var url=$(this).attr("name");
  259. var id=$(this).attr("id");
  260. mui.openWindow({
  261. url: url,
  262. id:id,
  263. styles:{top:'0px', bottom:'0px'},
  264. createNew:true
  265. });
  266. });
  267. }
  268. </script>
  269. </head>
  270. <body onload="initss()">
  271. <!--头部-->
  272. <div class="clear mo"></div>
  273. <!--轮播图-->
  274. <!--<div id="wdtpf" class="mui-slider" >
  275. <div class="mui-slider-group mui-slider-loop">
  276. 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播)
  277. <div class="mui-slider-item mui-slider-item-duplicate" id='li1'>
  278. </div>
  279. <div class="mui-slider-item" id='li2'>
  280. </div>
  281. <div class="mui-slider-item" id='li3'>
  282. </div>
  283. <div class="mui-slider-item" id='li4'>
  284. </div>
  285. <div class="mui-slider-item" id='li5'>
  286. </div>
  287. <div class="mui-slider-item" id='li6'>
  288. </div>
  289. 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播)
  290. <div class="mui-slider-item mui-slider-item-duplicate" id='li7'>
  291. </div>
  292. </div>
  293. <div class="mui-slider-indicator mui-text-right">
  294. <div class="mui-indicator mui-active"></div>
  295. <div class="mui-indicator"></div>
  296. <div class="mui-indicator"></div>
  297. <div class="mui-indicator"></div>
  298. <div class="mui-indicator"></div>
  299. </div>
  300. </div>-->
  301. <!--轮播图结束-->
  302. <div class="line mo"></div>
  303. <!--市长-->
  304. <div class="tydiv sz mo">
  305. <h2>市长</h2>
  306. <dl id="szjj"></dl>
  307. <ul >
  308. <li class="fl wz"><a id="wdjl" href="#"><img src="images/sz_07.png" alt="" /></a></li>
  309. <li class="fr wz"><a id="wdfg" href="#"><img src="images/sz_09.png" alt="" /></a></li>
  310. <li id="wdgz_tip" class="fl wz1"><a href="#"><img src="images/sz_14.png" alt="" /></a></li>
  311. <!--<li id="wdtp" class="fr wz1" ><a href="#"><img src="images/sz_16.png" alt="" /></a></li>-->
  312. </ul>
  313. </div>
  314. <!--市长-->
  315. <div class="line mo"></div>
  316. <!--我的同事-->
  317. <div class="tydiv wdts mo">
  318. <p class="clearfix"><b>市&nbsp; &nbsp; &nbsp; &nbsp; 长</b><a id="glj" href="#">胡斌</a></p>
  319. <!--<p><b>常务副市长</b><a id="zkm" href="#">张凯明</a></p>-->
  320. <!--<p class="clearfix"><b style="line-height:1.5em;">市政府党组成员</b><a id="ywl" href="#">杨维林</a></p>-->
  321. <p class="clearfix"><b>副&nbsp; 市&nbsp; 长</b>
  322. <a id="cq" href="#">陈强</a>
  323. <a id="cw" href="#">曹武</a>
  324. <a id="wyl" href="#" class="">王有利</a>
  325. <a id="xh" href="#" class="">许辉</a>
  326. <!--<a id="rxl" href="#" >任小龙</a>
  327. <a id="zj" href="#">张军</a>
  328. <a id="zcy" href="#">褚春彦</a>
  329. <a id="hgt" href="#">侯国田</a>-->
  330. <a id="wbz" href="#">王柏仲</a>
  331. <a id="zym" href="#">郑一明</a>
  332. <a id="lq" href="#">刘琦</a>
  333. </p>
  334. <p class="clearfix"><b>秘 &nbsp;书 &nbsp;长</b><a id="zjm" href="#">左今明</a></p>
  335. <p class="clearfix"><b style="line-height:1.5em;">市政府党组成员(副秘书长)</b><a id="cly" href="#">陈蕾妍</a></p>
  336. </div>
  337. <div class="line mo"></div>
  338. <!--我的同事-->
  339. <!--我的工作-->
  340. <div class="tydiv mo">
  341. <h2>我的工作</h2>
  342. <ul id="wdgz" class="dtlistul mo">
  343. <!--<li><a href="">我市召开确保全省推进现代农业三大体系建设典型现场会在我市顺利召开调度会 </a><p>09-14 四平日报</p></li>
  344. <li><a href="">省安全生产大检查综合督查组对我市企业开展随机抽查</a><p>07-03</p></li>
  345. <li><a href="">张伯君来平开展环保宣讲活动</a><p>07-03</p></li>
  346. <li><a href="">四平金华两市对口合作座谈会在平举行</a><p>07-03</p></li>-->
  347. </ul>
  348. <br>
  349. </div>
  350. <!--我的工作-->
  351. <div class="line mo"></div>
  352. <br />
  353. <br />
  354. <br />
  355. <!--<div class="tydiv" style="padding-bottom: 250px;">
  356. 图片、视频
  357. <div class="tptabtit "><a class="on">图片</a> <a>视频</a>
  358. </div>
  359. <div class="clear"></div>
  360. <div class="tptabcont mo" >
  361. <ul class="tplistul mo" id="tpmk">
  362. </ul>
  363. </div>-->
  364. <!--<div class="tptabcont mo">
  365. <ul class="tplistul mo" id="spmk">
  366. </ul>
  367. </div>
  368. </div>-->
  369. <div class="line"></div>
  370. <div class="clear"></div>
  371. </body>
  372. </html>