decision.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=0.5">
  7. <link href="img/favicon.ico" rel="shortcut icon">
  8. <link rel="stylesheet" href="./layui/layui.css">
  9. <link rel="stylesheet" href="./css/newdecision.css">
  10. <title>重庆市南岸区人民政府--重大行政决策公开</title>
  11. <style type="text/css">
  12. body{
  13. min-width: 1280px;
  14. }
  15. /*chrome 和Safari*/
  16. body::-webkit-scrollbar {
  17. display: none;
  18. }
  19. /*IE 10+*/
  20. body {
  21. -ms-overflow-style: none !important;
  22. }
  23. .search {
  24. display: flex;
  25. justify-content: center;
  26. width: 30% !important;
  27. margin: 0 auto;
  28. margin-bottom: 50px;
  29. }
  30. .search input {
  31. width: 80%;
  32. height: 36px;
  33. border: 1px solid #F3D39B;
  34. padding-left: 10px;
  35. }
  36. .search input::placeholder {
  37. color: #ccc;
  38. }
  39. .search button {
  40. width: 20%;
  41. color: #fff;
  42. text-align: center;
  43. cursor: pointer;
  44. border: 1px solid #F3D39B;
  45. border-left: none;
  46. background-color: #F3D39B;
  47. }
  48. .bf-ds-ct {
  49. display: flex;
  50. justify-content: space-around;
  51. width: 27% !important;
  52. margin: 0 auto;
  53. }
  54. .bf-ds-ct p {
  55. cursor: pointer;
  56. }
  57. .ly-last {
  58. width: 58%;
  59. margin: 0 auto;
  60. margin-top: 50px;
  61. margin-bottom: 50px;
  62. }
  63. .ly-last img {
  64. width: 100%;
  65. }
  66. /*.bf-ds-ct {*/
  67. /* background-image: url("img/click-top2.bmp");*/
  68. /* background-size: 100% 100%;*/
  69. /* cursor: pointer;*/
  70. /*}*/
  71. .yearChioce {
  72. width: 1158px;
  73. margin: auto;
  74. height: 60px;
  75. position: relative;
  76. display: flex;
  77. align-items: center;
  78. justify-content: space-evenly;
  79. }
  80. .yearChioce .year {
  81. position: relative;
  82. display: flex;
  83. justify-content: center;
  84. font-size: 28px;
  85. font-family: Microsoft YaHei;
  86. color: #E3C285;
  87. }
  88. .active {
  89. font-size: 32px;
  90. font-weight: bold;
  91. font-style: italic;
  92. color: #B48D44 !important;
  93. }
  94. .yearChioce .num {
  95. position: absolute;
  96. top: -40px;
  97. cursor: pointer;
  98. }
  99. .yearChioce .diamond{
  100. z-index: 11;
  101. }
  102. .yearChioce .line {
  103. position: absolute;
  104. top: 50%;
  105. }
  106. .mainTable {
  107. width: 1159px;
  108. margin: auto;
  109. margin-bottom: 50px;
  110. }
  111. .title {
  112. width: 1159px;
  113. height: 75px;
  114. background: linear-gradient(90deg, #F9DDAB, #D4AB63);
  115. font-size: 28px;
  116. font-family: Microsoft YaHei;
  117. font-weight: bold;
  118. color: #AA843D;
  119. line-height: 72px;
  120. text-align: center;
  121. }
  122. .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
  123. background-color: #FAF6F0;
  124. }
  125. .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
  126. border-color: #EBE1D2;
  127. font-size: 18px;
  128. }
  129. .layui-table-view .layui-table td, .layui-table-view .layui-table th {
  130. padding: 15px 0;
  131. }
  132. .layui-table, .layui-table-view {
  133. margin: 0;
  134. }
  135. .layui-table-body tr td:last-child {
  136. color: #999999 !important;
  137. }
  138. .layui-table-cell, .layui-table-tool-panel li {
  139. overflow: inherit;
  140. text-overflow: revert;
  141. white-space: normal;
  142. }
  143. .layui-table-cell {
  144. height: auto;
  145. line-height: 20px;
  146. }
  147. </style>
  148. </head>
  149. <body>
  150. <div class="head"></div>
  151. <div class="process">
  152. <div class="bf-pc">决策流程</div>
  153. <div class="line"></div>
  154. <div class="pc-ct">
  155. <div class="ct">
  156. <div class="ct-1"></div>
  157. <div class="ct-tx">决策公示</div>
  158. </div>
  159. <div class="arrow-1"></div>
  160. <div class="ct">
  161. <div class="ct-2"></div>
  162. <div class="ct-tx">意见征集</div>
  163. </div>
  164. <div class="arrow-2"></div>
  165. <div class="ct">
  166. <div class="ct-3"></div>
  167. <div class="ct-tx">意见反馈</div>
  168. </div>
  169. <div class="arrow-3"></div>
  170. <div class="ct">
  171. <div class="ct-4"></div>
  172. <div class="ct-tx">决策完成</div>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="main" style="margin-bottom: 20px;">
  177. <div class="con">
  178. <div class="search">
  179. <input type="text" id="search" placeholder="请输入搜索内容">
  180. <button class="search-btn">全站搜索</button>
  181. </div>
  182. <!-- <div class="bf-ds-ct">-->
  183. <!-- <p data-id="1" style="width: 150px;height: 48px;"></p>-->
  184. <!-- <p data-id="2" style="width: 150px;height: 48px;"></p>-->
  185. <!-- </div>-->
  186. <ul class="yearChioce">
  187. <li class="year active" data-id="1">
  188. <div class="num">2022</div>
  189. <img class="diamond" src="img/lingxing-c.png">
  190. </li>
  191. <li class="year" data-id="2">
  192. <div class="num">2021</div>
  193. <img class="diamond" src="img/lingxing.png"></img>
  194. </li>
  195. <img class="line" src="img/line1.png" style="width: 1158px;height: 2px">
  196. </ul>
  197. <div class="ly-first layui-hide mainTable">
  198. <div class="title">2021年度重庆市南岸区人民政府重大行政决策事项目录</div>
  199. <table class="layui-hide" id="tableData1"></table>
  200. <!--<div id="decision_Content"></div>-->
  201. <div class="moreNullData" id="nulldata" style="display: none">无数据!</div>
  202. <!--<div class="more " id="moreConntent" onclick="addMoreContent()">更多>></div>-->
  203. </div>
  204. <div class="mainTable ly-last">
  205. <!-- <img alt="" src="/data/zdjc_ml/zdgk-index-table-v2-1.jpg">-->
  206. <div class="title">2022年度重庆市南岸区人民政府重大行政决策事项目录</div>
  207. <table class="layui-hide" id="tableData"></table>
  208. </div>
  209. <div class="foot"></div>
  210. </div>
  211. </div>
  212. <script type="text/javascript" src="./layui/layui.js"></script>
  213. <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
  214. <script type="text/javascript" src="../constans.js"></script>
  215. <script type="text/javascript" src="./js/decision.js"></script>
  216. <script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
  217. <script>
  218. function isMobileUserAgent() {
  219. return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
  220. window.navigator.userAgent.toLowerCase()
  221. );
  222. }
  223. </script>
  224. <script>
  225. layui.use(['table', 'layer'], function () {
  226. if (isMobileUserAgent()) {
  227. location.href = "decisionmobile.html";
  228. }
  229. var layer = layui.layer,
  230. table = layui.table;
  231. var opra = function (data) {
  232. var btn = "";
  233. btn += '<a style="color:#b48d44" href="details.html?id=' + data.id + '" target="_blank">' + data.postTitle
  234. + '</a>';
  235. return btn;
  236. }
  237. var timeFormat = function (data) {
  238. var date = data.opinionFeedbackEnd.split(" ")[0];
  239. var year = date.split("-")[0];
  240. var month = Number(date.split("-")[1]);
  241. var btn = "";
  242. btn += '<div>' + year + '年' + month + '月'
  243. + '</div>';
  244. return btn;
  245. }
  246. var typeFormat = function (data) {
  247. var conName = "";
  248. switch (data.type) {
  249. case 0:
  250. conName = '决策公示';
  251. break;
  252. case 1:
  253. conName = '意见征集';
  254. break;
  255. case 2:
  256. conName = '意见反馈';
  257. break;
  258. case 3:
  259. conName = '待公示';
  260. break;
  261. case 4:
  262. conName = '决策完成';
  263. break;
  264. default:
  265. conName = '';
  266. break;
  267. }
  268. return '<div>' + conName + '</div>';
  269. }
  270. //展示已知数据
  271. table.render({
  272. elem: '#tableData'
  273. ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2022'
  274. , width: 1158
  275. , cols: [[ //标题栏
  276. {type: 'numbers', title: '序号', width: 80,align:"center"}
  277. , {field: 'postTitle', title: '决策事项', templet: opra,align:"center"}
  278. , {field: 'deptName', title: '承办单位', width: 220,align:"center"}
  279. , {field: 'releaseTime', title: '决策时间', width: 150, templet: timeFormat,align:"center"}
  280. , {field: 'type', title: '决策状态', width: 120, templet: typeFormat,align:"center"}
  281. ]]
  282. //,skin: 'line' //表格风格
  283. , even: true
  284. //,page: true //是否显示分页
  285. //,limits: [5, 7, 10]
  286. //,limit: 5 //每页默认显示的数量
  287. });
  288. table.render({
  289. elem: '#tableData1'
  290. ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2021'
  291. , width: 1158
  292. , cols: [[ //标题栏
  293. {type: 'numbers', title: '序号', width: 80,align:"center"}
  294. , {field: 'postTitle', title: '决策事项', templet: opra,align:"center"}
  295. , {field: 'deptName', title: '承办单位', width: 220,align:"center"}
  296. , {field: 'releaseTime', title: '决策时间', width: 150, templet: timeFormat,align:"center"}
  297. , {field: 'type', title: '决策状态', width: 120, templet: typeFormat,align:"center"}
  298. ]]
  299. //,skin: 'line' //表格风格
  300. , even: true
  301. //,page: true //是否显示分页
  302. //,limits: [5, 7, 10]
  303. //,limit: 5 //每页默认显示的数量
  304. });
  305. });
  306. </script>
  307. </body>
  308. </html>