home.html 52 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head >
  6. <title>园区信息</title>
  7. <style>
  8. .minHeight {
  9. min-height: 200px
  10. }
  11. .ml-170 {
  12. text-align: center;
  13. margin-top: 20px;
  14. }
  15. .ml-11 {
  16. text-align: center;
  17. }
  18. .ml-30 {
  19. color: #333333;
  20. font-size: 14px;
  21. fill: #333333;
  22. margin-left: 15px;
  23. }
  24. .mt-20 {
  25. margin-top: 20px;
  26. }
  27. .width-70px {
  28. width: 85px
  29. }
  30. .text-title {
  31. color: #333333;
  32. font-size: 18px;
  33. fill: #333333;
  34. }
  35. .red {
  36. color: red;
  37. }
  38. .title-box {
  39. line-height: 36px;
  40. background: #328ed7;
  41. color: #fff;
  42. padding: 0 15px;
  43. }
  44. .title-box a {
  45. color: #fff;
  46. }
  47. .pull-right {
  48. float: right;
  49. }
  50. .clearfix:after {
  51. content: "\20";
  52. display: block;
  53. height: 0;
  54. clear: both;
  55. visibility: hidden
  56. }
  57. .clearfix {
  58. zoom: 1
  59. }
  60. .tabBar {
  61. border-bottom: 2px solid #7DB4D8;
  62. background-color: #328ed7;
  63. }
  64. .tabBar a {
  65. margin-right: 10px;
  66. color: #fff;
  67. height: 36px;
  68. line-height: 36px;
  69. }
  70. .tabBar span {
  71. cursor: pointer;
  72. background-color: #328ed7;
  73. color: #fff;
  74. height: 36px;
  75. line-height: 36px;
  76. display: inline-block;
  77. padding: 0px 15px;
  78. font-weight: normal;
  79. }
  80. .tabBar span.current {
  81. background-color: #7DB4D8;;
  82. color: #fff;
  83. }
  84. .tabCon {
  85. display: none
  86. }
  87. .top-bg-box {
  88. background: #ebf1f5;
  89. padding: 10px 0;
  90. }
  91. .top-bg-box .iconfont {
  92. font-size: 40px;
  93. color: #2976d0;
  94. }
  95. .top-bg-box .ft-red {
  96. color: #f74f37;
  97. font-size: 26px;
  98. line-height: 1;
  99. }
  100. </style>
  101. </head>
  102. <body layout:fragment="content">
  103. <nav class="breadcrumb">
  104. <i class="Hui-iconfont">&#xe67f;</i>
  105. 首页
  106. <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  107. href="javascript:location.replace(location.href);" title="刷新">
  108. <i class="Hui-iconfont">&#xe68f;</i>
  109. </a>
  110. </nav>
  111. <div class="page-container">
  112. <div th:if="${user_type==0}" class="row clearfix" style="margin-bottom:20px;">
  113. <div class="col-sm-3 col-md-3 col-lg-3">
  114. <div class="top-bg-box clearfix">
  115. <div class="col-sm-2 col-md-2 col-lg-2">
  116. <i class="iconfont">&#xe622;</i>
  117. </div>
  118. <div class="col-sm-10 col-md-10 col-lg-10">
  119. <p>服务企业数</p>
  120. <p><span class="ft-red">[[${companyCount}]]</span> 个</p>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="col-sm-3 col-md-3 col-lg-3 topInfo">
  125. <div class="top-bg-box clearfix">
  126. <div class="col-sm-2 col-md-2 col-lg-2">
  127. <i class="iconfont">&#xe609;</i>
  128. </div>
  129. <div class="col-sm-10 col-md-10 col-lg-10">
  130. <p>载体总量</p>
  131. <p><span class="ft-red">[[${sumBuildCount}]]</span> 平方米</p>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="col-sm-3 col-md-3 col-lg-3 topInfo">
  136. <div class="top-bg-box clearfix">
  137. <div class="col-sm-2 col-md-2 col-lg-2">
  138. <i class="iconfont">&#xe690;</i>
  139. </div>
  140. <div class="col-sm-10 col-md-10 col-lg-10">
  141. <p>项目申报</p>
  142. <p><span class="ft-red">[[${projectCount}]]</span> 个</p>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="col-sm-3 col-md-3 col-lg-3 topInfo">
  147. <div class="top-bg-box clearfix">
  148. <div class="col-sm-2 col-md-2 col-lg-2">
  149. <i class="iconfont">&#xe6d2;</i>
  150. </div>
  151. <div class="col-sm-10 col-md-10 col-lg-10">
  152. <p>开展活动</p>
  153. <p><span class="ft-red">[[${activityCount}]]</span> 个</p>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <div th:if="${user_type==4}" class="row clearfix " style="margin-bottom:20px;">
  159. <div class="col-sm-3 col-md-3 col-lg-3">
  160. <div class="top-bg-box clearfix">
  161. <div class="col-sm-2 col-md-2 col-lg-2">
  162. <i class="iconfont">&#xe622;</i>
  163. </div>
  164. <div class="col-sm-10 col-md-10 col-lg-10">
  165. <p>服务企业数</p>
  166. <p><span class="ft-red">[[${companyCount}]]</span> 个</p>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="col-sm-3 col-md-3 col-lg-3 topInfo">
  171. <div class="top-bg-box clearfix">
  172. <div class="col-sm-2 col-md-2 col-lg-2">
  173. <i class="iconfont">&#xe609;</i>
  174. </div>
  175. <div class="col-sm-10 col-md-10 col-lg-10">
  176. <p>载体总量</p>
  177. <p><span class="ft-red">[[${sumBuildCount}]]</span> 平方米</p>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="col-sm-3 col-md-3 col-lg-3 topInfo">
  182. <div class="top-bg-box clearfix">
  183. <div class="col-sm-2 col-md-2 col-lg-2">
  184. <i class="iconfont">&#xe690;</i>
  185. </div>
  186. <div class="col-sm-10 col-md-10 col-lg-10">
  187. <p>项目申报</p>
  188. <p><span class="ft-red">[[${projectCount}]]</span> 个</p>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="col-sm-3 col-md-3 col-lg-3 topInfo">
  193. <div class="top-bg-box clearfix">
  194. <div class="col-sm-2 col-md-2 col-lg-2">
  195. <i class="iconfont">&#xe6d2;</i>
  196. </div>
  197. <div class="col-sm-10 col-md-10 col-lg-10">
  198. <p>参与活动</p>
  199. <p><span class="ft-red">[[${activityCount}]]</span> 个</p>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="row clearfix">
  205. <!-- 选项卡 -->
  206. <div class="col-sm-6 col-md-6 col-lg-6">
  207. <!-- <div class="title-box clearfix">通知公告<a class="pull-right" th:href="@{/home/informList/64}" target="_blank">更多</a></div>
  208. <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive dataTable no-footer">
  209. <thead>
  210. <tr>
  211. <th>标题</th>
  212. <th width="120">日期</th>
  213. </tr>
  214. </thead>
  215. <tbody>
  216. <tr th:each="m,iterStat:${infoContentList}">
  217. <td><a th:onclick="'javascript:gotoContentDetail(\''+${m.id}+'\');'" target="_blank" th:text="${m.title}"></a></td>
  218. <td th:text="${m.publish_time}"></td>
  219. </tr>
  220. </tbody>
  221. </table> -->
  222. <div id="tab_demo1" class="HuiTab">
  223. <div class="tabBar clearfix">
  224. <span>通知公告</span>
  225. <span>政策法规</span>
  226. <a id="more" class="pull-right" target="_blank">更多</a>
  227. </div>
  228. <div class="tabCon">
  229. <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive dataTable no-footer">
  230. <thead>
  231. <tr>
  232. <th>标题</th>
  233. <th width="120">日期</th>
  234. </tr>
  235. </thead>
  236. <tbody>
  237. <tr th:each="m,iterStat:${infoContentList}">
  238. <td><a th:onclick="'javascript:gotoContentDetail(\''+${m.id}+'\');'" target="_blank"
  239. th:text="${m.title}"></a></td>
  240. <td th:text="${m.publish_time}"></td>
  241. </tr>
  242. </tbody>
  243. </table>
  244. </div>
  245. <div class="tabCon">
  246. <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive dataTable no-footer">
  247. <thead>
  248. <tr>
  249. <th>标题</th>
  250. <th width="120">日期</th>
  251. </tr>
  252. </thead>
  253. <tbody>
  254. <tr th:each="m,iterStat:${policyContentList}">
  255. <td><a th:onclick="'javascript:gotoContentDetail(\''+${m.id}+'\');'" target="_blank"
  256. th:text="${m.title}"></a></td>
  257. <td th:text="${m.publish_time}"></td>
  258. </tr>
  259. </tbody>
  260. </table>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="col-sm-6 col-md-6 col-lg-6">
  265. <!-- <div class="title-box clearfix">政策法规<a class="pull-right" th:href="@{/home/informList/66}" target="_blank">更多</a></div> -->
  266. <div id="tab_demo" class="HuiTab">
  267. <div class="tabBar clearfix">
  268. <span>我的消息</span>
  269. <span id="myBacklog" th:if="${user_type}!=3" style="display: none">待我处理</span>
  270. <a id="more" class="pull-right">更多</a>
  271. </div>
  272. <div class="tabCon">
  273. <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive dataTable no-footer">
  274. <thead>
  275. <tr>
  276. <th>标题</th>
  277. <th width="120">日期</th>
  278. </tr>
  279. </thead>
  280. <tbody id="messageTBody">
  281. <tr class="text-c" th:each="model:${messageList}" th:object="${model}">
  282. <td>
  283. <a title="展开" style="text-decoration:none" th:text="*{title}"
  284. th:onclick="'javascript:show_message(\'消息详情\',\'/message/check/'+*{id}+'/'+*{message_detail_id}+'\');'"></a>
  285. </td>
  286. <td th:text="*{#dates.format(create_time, 'yyyy-MM-dd HH:mm:ss')}"></td>
  287. </tr>
  288. </tbody>
  289. </table>
  290. </div>
  291. <div class="tabCon">
  292. <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive dataTable no-footer">
  293. <thead>
  294. <tr>
  295. <th>标题</th>
  296. <th width="100">申请单号</th>
  297. <th width="50">操作</th>
  298. </tr>
  299. </thead>
  300. <tbody>
  301. <tr class="text-c" th:each="model:${todoList}" th:object="${model}">
  302. <td th:text="*{title}"></td>
  303. <td th:text="*{business_no}"></td>
  304. <td>
  305. <a th:onclick="'javascript:open_dialog(\''+*{title}+'\',\''+*{url}+'\',\'1000\',\'700\');'">处理</a>
  306. </td>
  307. </tr>
  308. </tbody>
  309. </table>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="row" style="margin-top: 20px;">
  315. <!-- 图表 -->
  316. <div class="col-sm-6 col-md-6 col-lg-6">
  317. <form th:if="${user_type==0}" class="form form-horizontal" th:action="@{/projectDeclaration/statistics}"
  318. th:method="get">
  319. <div class="chart_data mt-20 col-xs-12 col-sm-12" style="height: 400px; width: 650px;"
  320. id="container1"></div>
  321. </form>
  322. <form th:if="${user_type==4}" class="form form-horizontal" th:action="@{/projectDeclaration/statistics}"
  323. th:method="get">
  324. <div class="chart_data mt-20 col-xs-12 col-sm-12" style="height: 400px; width: 650px;"
  325. id="container1"></div>
  326. </form>
  327. </div>
  328. <div class="col-sm-6 col-md-6 col-lg-6">
  329. <form th:if="${user_type==0}" class="form form-horizontal" th:action="@{/projectDeclaration/statistics}"
  330. th:method="get">
  331. <div class="chart_data mt-20 col-xs-12 col-sm-12" style="height: 400px; width: 650px;"
  332. id="container2"></div>
  333. </form>
  334. <form th:if="${user_type==4}" class="form form-horizontal" th:action="@{/projectDeclaration/statistics}"
  335. th:method="get">
  336. <div class="chart_data mt-20 col-xs-12 col-sm-12" style="height: 400px; width: 650px;"
  337. id="container2"></div>
  338. </form>
  339. </div>
  340. </div>
  341. <!--<div class="page-container " th:if="${user_type==1}">-->
  342. <!--<div class="row cl">-->
  343. <!--<div class="col-xs-10 minHeight" style="width:48%;">-->
  344. <!--<table id="tenancyTb" class="table table-border table-bordered table-bg table-hover">-->
  345. <!--<thead>-->
  346. <!--<tr>-->
  347. <!--<th scope="col" colspan="5">租金未交企业</th>-->
  348. <!--</tr>-->
  349. <!--<tr class="text-c">-->
  350. <!--<th>客户名称</th>-->
  351. <!--<th>房租(元)</th>-->
  352. <!--<th>应缴费日期</th>-->
  353. <!--</tr>-->
  354. <!--</thead>-->
  355. <!--<tbody>-->
  356. <!--<tr class="text-c" th:each="model:${duetenancyList}" th:object="${model}">-->
  357. <!--<td th:text="*{company_name}"></td>-->
  358. <!--<td th:text="*{house_fee}"></td>-->
  359. <!--<td th:text="*{pay_time}"></td>-->
  360. <!--</tr>-->
  361. <!--<tr>-->
  362. <!--<td scope="col" colspan="5"><a th:href="@{/build/tenancy/list}" style="float:right;color:#06c">更多>>></a></td>-->
  363. <!--</tr>-->
  364. <!--</tbody>-->
  365. <!--</table>-->
  366. <!--<table id="electricWaterTb" class="table table-border table-bordered table-bg table-hover">-->
  367. <!--<thead>-->
  368. <!--<tr>-->
  369. <!--<th scope="col" colspan="4">水费未交租户</th>-->
  370. <!--</tr>-->
  371. <!--<tr class="text-c">-->
  372. <!--<th>客户名称</th>-->
  373. <!--<th>用水费用(元)</th>-->
  374. <!--<th>录入日期</th>-->
  375. <!--</tr>-->
  376. <!--</thead>-->
  377. <!--<tbody>-->
  378. <!--<tr class="text-c" th:each="model:${dueWaterFeeList}" th:object="${model}">-->
  379. <!--<td th:text="*{company_name}"></td>-->
  380. <!--<td th:text="*{water_fee}"></td>-->
  381. <!--<td th:text="*{#dates.format(create_time, 'yyyy-MM-dd')}"></td>-->
  382. <!--</tr>-->
  383. <!--<tr>-->
  384. <!--<td scope="col" colspan="4"><a th:href="@{/build/electricWater/waterFeeList}" style="float:right;color:#06c">更多>>></a>-->
  385. <!--</td>-->
  386. <!--</tr>-->
  387. <!--</tbody>-->
  388. <!--</table>-->
  389. <!--<table id="electricWaterTb" class="table table-border table-bordered table-bg table-hover">-->
  390. <!--<thead>-->
  391. <!--<tr>-->
  392. <!--<th scope="col" colspan="4">电费未交租户</th>-->
  393. <!--</tr>-->
  394. <!--<tr class="text-c">-->
  395. <!--<th>客户名称</th>-->
  396. <!--<th>用电费用(元)</th>-->
  397. <!--<th>录入日期</th>-->
  398. <!--</tr>-->
  399. <!--</thead>-->
  400. <!--<tbody>-->
  401. <!--<tr class="text-c" th:each="model:${dueElectricFeeList}" th:object="${model}">-->
  402. <!--<td th:text="*{company_name}"></td>-->
  403. <!--<td th:text="*{electric_fee}"></td>-->
  404. <!--<td th:text="*{#dates.format(create_time, 'yyyy-MM-dd')}"></td>-->
  405. <!--</tr>-->
  406. <!--<tr>-->
  407. <!--<td scope="col" colspan="4"><a th:href="@{/build/electricWater/electricFeeList}" style="float:right;color:#06c">更多>>></a>-->
  408. <!--</td>-->
  409. <!--</tr>-->
  410. <!--</tbody>-->
  411. <!--</table>-->
  412. <!--<table id="propertyTb" class="table table-border table-bordered table-bg table-hover">-->
  413. <!--<thead>-->
  414. <!--<tr>-->
  415. <!--<th scope="col" colspan="5">其他费未交企业</th>-->
  416. <!--</tr>-->
  417. <!--<tr class="text-c">-->
  418. <!--<th>客户名称</th>-->
  419. <!--<th>费用项</th>-->
  420. <!--<th>费用(元)</th>-->
  421. <!--<th>应缴费日期</th>-->
  422. <!--</tr>-->
  423. <!--</thead>-->
  424. <!--<tbody>-->
  425. <!--<tr class="text-c" th:each="model:${duePropertyList}" th:object="${model}">-->
  426. <!--<td th:text="*{company_name}"></td>-->
  427. <!--<td>-->
  428. <!--<span th:if="*{fee_type}==0">停车费</span>-->
  429. <!--<span th:if="*{fee_type}==1">物业费</span>-->
  430. <!--</td>-->
  431. <!--<td th:text="*{total_fee}"></td>-->
  432. <!--<td th:text="*{pay_time}"></td>-->
  433. <!--</tr>-->
  434. <!--<tr>-->
  435. <!--<td scope="col" colspan="5" ><a th:href="@{/build/contract/propertyList}" style="float:right;color:#06c">更多>>></a></td>-->
  436. <!--</tr>-->
  437. <!--</tbody>-->
  438. <!--</table>-->
  439. <!--</div>-->
  440. <!--<div class="col-xs-10 minHeight" style="width:48%;">-->
  441. <!--<table id="todoTb" class="table table-border table-bordered table-bg table-hover">-->
  442. <!--<thead>-->
  443. <!--<tr>-->
  444. <!--<th scope="col" colspan="2">待我处理</th>-->
  445. <!--</tr>-->
  446. <!--<tr class="text-c">-->
  447. <!--<th>主题</th>-->
  448. <!--<th>操作</th>-->
  449. <!--</tr>-->
  450. <!--</thead>-->
  451. <!--<tbody>-->
  452. <!--<tr class="text-c" th:each="model:${maintenanceList}" th:object="${model}">-->
  453. <!--<td th:text="*{company_name}+'维修处理'"></td>-->
  454. <!--<td><a th:href="@{'/build/maintenance/updateDetailInfo/'+*{id}}">处理</a></td>-->
  455. <!--</tr>-->
  456. <!--<tr class="text-c" th:each="model:${companyShowList}" th:object="${model}">-->
  457. <!--<td th:text="*{company_name}+'产品介绍'"></td>-->
  458. <!--<td><a th:href="@{'/build/companyShow/auditPage/'+*{id}}">审核</a></td>-->
  459. <!--</tr>-->
  460. <!--<tr>-->
  461. <!--<td scope="col" colspan="2">-->
  462. <!--<a th:href="@{/build/maintenance/list}" style="float:right;margin-left: 20px;color:#06c">更多维修>>></a>-->
  463. <!--<a th:href="@{/build/companyShow/list}" style="float:right;color:#06c">更多企业审核>>></a>-->
  464. <!--</td>-->
  465. <!--</tr>-->
  466. <!--</tbody>-->
  467. <!--</table>-->
  468. <!--<table id="notifyTb" class="table table-border table-bordered table-bg table-hover">-->
  469. <!--<thead>-->
  470. <!--<tr>-->
  471. <!--<th scope="col" colspan="1">通知公告</th>-->
  472. <!--</tr>-->
  473. <!--</thead>-->
  474. <!--<tbody>-->
  475. <!--<tr class="text-c" th:each="model:${latestBuildNotifyList}" th:object="${model}">-->
  476. <!--<td class="text-l">-->
  477. <!--<div>-->
  478. <!--<div><a th:href="@{'/government/notify/info/'+*{id}+'/'+*{notify_detail_id}}"-->
  479. <!--th:text="*{title}"></a></div>-->
  480. <!--<div th:text="*{notify_abstract}"></div>-->
  481. <!--<div class="text-r" th:text="*{create_time}"></div>-->
  482. <!--</div>-->
  483. <!--</td>-->
  484. <!--</tr>-->
  485. <!--<tr>-->
  486. <!--<td scope="col" colspan="1"><a th:href="@{/government/notify/list}" style="float:right;color:#06c">更多>>></a>-->
  487. <!--</td>-->
  488. <!--</tr>-->
  489. <!--</tbody>-->
  490. <!--</table>-->
  491. <!--<table id="contractTb" class="table table-border table-bordered table-bg table-hover">-->
  492. <!--<thead>-->
  493. <!--<tr>-->
  494. <!--<th scope="col" colspan="3">合同到期提醒</th>-->
  495. <!--</tr>-->
  496. <!--<tr class="text-c">-->
  497. <!--<th>客户名称</th>-->
  498. <!--<th>合同编号</th>-->
  499. <!--<th>合同到期日</th>-->
  500. <!--</tr>-->
  501. <!--</thead>-->
  502. <!--<tbody>-->
  503. <!--<tr class="text-c" th:each="model:${endContractList}" th:object="${model}">-->
  504. <!--<td th:text="*{company_name}"></td>-->
  505. <!--<td th:text="*{contract_no}"></td>-->
  506. <!--<td th:text="*{contract_end_date}"></td>-->
  507. <!--</tr>-->
  508. <!--<tr>-->
  509. <!--<td scope="col" colspan="3"><a th:href="@{/build/contract/endList}" style="float:right;color:#06c">更多>>></a>-->
  510. <!--</td>-->
  511. <!--</tr>-->
  512. <!--</tbody>-->
  513. <!--</table>-->
  514. <!--</div>-->
  515. <!--</div>-->
  516. <!--<div class="row cl">-->
  517. <!--<div class="col-xs-10 minHeight" style="width:48%;">-->
  518. <!--</div>-->
  519. <!--<div class="col-xs-10 minHeight" style="width:48%;">-->
  520. <!--</div>-->
  521. <!--</div>-->
  522. <!--</div>-->
  523. <!--<div class="page-container" th:if="${user_type==3}">-->
  524. <!--<div class="row cl">-->
  525. <!--<div class="col-xs-10" style="width:48%;">-->
  526. <!--<table id="todoTb" class="table table-border table-bordered table-bg table-hover">-->
  527. <!--<thead>-->
  528. <!--<tr>-->
  529. <!--<th scope="col" colspan="2">维修跟踪</th>-->
  530. <!--</tr>-->
  531. <!--<tr class="text-c">-->
  532. <!--<th>主题</th>-->
  533. <!--<th>状态</th>-->
  534. <!--</tr>-->
  535. <!--</thead>-->
  536. <!--<tbody>-->
  537. <!--<tr class="text-c" th:each="model:${maintenanceList}" th:object="${model}">-->
  538. <!--<td th:text="*{question_name}"></td>-->
  539. <!--<td class="td-status" th:switch="*{is_processed}" >-->
  540. <!--<span th:case="false" class="label radius" >待处理</span>-->
  541. <!--<span th:case="true" class="label radius label-success" >已处理</span>-->
  542. <!--</td>-->
  543. <!--</tr> -->
  544. <!--<tr>-->
  545. <!--<td scope="col" colspan="2" >-->
  546. <!--<a th:href="@{/build/maintenance/list}" style="float:right;">更多>>></a>-->
  547. <!--</td>-->
  548. <!--</tr>-->
  549. <!--</tbody>-->
  550. <!--</table>-->
  551. <!--</div>-->
  552. <!--<div class="col-xs-10" style="width:48%;">-->
  553. <!--<table id="tenancyTb" class="table table-border table-bordered table-bg table-hover">-->
  554. <!--<thead>-->
  555. <!--<tr>-->
  556. <!--<th scope="col" colspan="5">缴费提醒</th>-->
  557. <!--</tr>-->
  558. <!--<tr class="text-c">-->
  559. <!--<th>费用项</th>-->
  560. <!--<th>费用(元)</th>-->
  561. <!--<th>应缴费日期</th>-->
  562. <!--</tr>-->
  563. <!--</thead>-->
  564. <!--<tbody>-->
  565. <!--<tr class="text-c" th:each="model:${feeList}" th:object="${model}">-->
  566. <!--<td th:text="*{fee_type}" th:class="*{remind_count}>0? 'red'"></td>-->
  567. <!--<td th:text="*{total_fee}" th:class="*{remind_count}>0? 'red'"></td>-->
  568. <!--<td th:text="*{pay_time}" th:class="*{remind_count}>0? 'red'"></td>-->
  569. <!--</tr>-->
  570. <!--<tr>-->
  571. <!--<td scope="col" colspan="5" ><a th:href="@{/build/company/feeList}" style="float:right;">更多>>></a></td>-->
  572. <!--</tr>-->
  573. <!--</tbody>-->
  574. <!--</table>-->
  575. <!--</div>-->
  576. <!---->
  577. <!--</div>-->
  578. <!--<div class="row cl">-->
  579. <!--<div class="col-xs-10" style="width:48%;">-->
  580. <!--<table id="notifyTb" class="table table-border table-bordered table-bg table-hover">-->
  581. <!--<thead>-->
  582. <!--<tr>-->
  583. <!--<th scope="col" colspan="1">通知公告</th>-->
  584. <!--</tr>-->
  585. <!--</thead>-->
  586. <!--<tbody>-->
  587. <!--<tr class="text-c" th:each="model:${latestNotifyList}" th:object="${model}">-->
  588. <!--<td class="text-l">-->
  589. <!--<div>-->
  590. <!--<div><a th:href="@{'/government/notify/info/'+*{id}+'/'+*{notify_detail_id}}" th:text="*{title}"></a></div>-->
  591. <!--<div th:text="*{notify_abstract}"></div>-->
  592. <!--<div class="text-r" th:text="*{create_time}"></div>-->
  593. <!--</div>-->
  594. <!--</td>-->
  595. <!--</tr>-->
  596. <!--<tr>-->
  597. <!--<td scope="col" colspan="1" ><a th:href="@{/government/notify/list}" style="float:right;">更多>>></a></td>-->
  598. <!--</tr>-->
  599. <!--</tbody>-->
  600. <!--</table>-->
  601. <!--</div>-->
  602. <!---->
  603. <!--</div>-->
  604. <!---->
  605. <!--</div>-->
  606. <!--<div class="page-container" th:if="${user_type==0||user_type==4}">-->
  607. <!--<div class="row cl">-->
  608. <!--<div class="col-xs-12 col-sm-12" style="text-align: center">-->
  609. <!--<span class="select-box" style="width: 25%">-->
  610. <!--<select class="select build_list" onchange="selectData();"></select>-->
  611. <!--</span>-->
  612. <!--</div>-->
  613. <!--</div>-->
  614. <!--<div class="row cl">-->
  615. <!--<div class="col-xs-6 col-sm-6">-->
  616. <!--<div class="ml-170 col-xs-12 col-sm-12">-->
  617. <!--<span class="text-title">企业数据上报情况:</span>-->
  618. <!--<input type='text' class='width-70px ml-10 input-text' id='date' name='date'/>-->
  619. <!--</div>-->
  620. <!--<div class="company_data mt-20 col-xs-12 col-sm-12" style="height: 500px"></div>-->
  621. <!--<div class="mt-20 col-xs-12 col-sm-12">-->
  622. <!--<a th:href="@{/build/buildInfo/list}" style="float:right;color: #0c80fe">更多>>></a>-->
  623. <!--</div>-->
  624. <!--</div>-->
  625. <!--<div class="col-xs-6 col-sm-6" >-->
  626. <!--<div class="ml-170 col-xs-12 col-sm-12">-->
  627. <!--<span class="text-title">通知公告阅读情况:</span>-->
  628. <!--<input type='text' class='width-70px ml-10 input-text' id='pie_date' name='pie_date'/>-->
  629. <!--</div>-->
  630. <!--<div class=" ml-11 col-xs-12 col-sm-12" style="margin-top: 10px">-->
  631. <!--<label class="ml-30" >通告条数:<span class="notify_total"></span></label>-->
  632. <!--<label class="ml-30">推送企业数:<span class="push_total"></span></label>-->
  633. <!--<label class="ml-30">阅读企业数:<span class="read_total"></span></label>-->
  634. <!--<label class="ml-30">未阅企业数:<span class="unread_total"></span></label>-->
  635. <!--</div>-->
  636. <!--<div class="notify_data mt-20 col-xs-12 col-sm-12" style="height: 468px"></div>-->
  637. <!--<div class="mt-20 col-xs-12 col-sm-12">-->
  638. <!--<a th:href="@{/government/notify/list}" style="float:right;color: #0c80fe">更多>>></a>-->
  639. <!--</div>-->
  640. <!--</div>-->
  641. <!--</div>-->
  642. <!--</div>-->
  643. <!--<script type="text/javascript" th:if="${user_type==0||user_type==4}"-->
  644. <!--th:src="@{/js/build/index/build_index.js}"></script>-->
  645. <!--<script th:src="@{https://code.highcharts.com/5.0.12/highcharts.js}"></script>-->
  646. <!--<script th:src="@{https://code.highcharts.com/5.0.12/highcharts-more.js}"></script>-->
  647. <!--<script th:src="@{https://code.highcharts.com/maps/5.0.12/modules/map.js}"></script>-->
  648. <!--<script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts.js}"></script>-->
  649. <!--<script type="text/javascript" th:src="@{/js/lib/highcharts/exporting.js}"></script>-->
  650. <!--<script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts-zh_CN.js}"></script>-->
  651. <!--<script type="text/javascript">-->
  652. <!--$(function () {-->
  653. <!--var date=new Date;-->
  654. <!--var year=date.getFullYear();-->
  655. <!--var month=date.getMonth()+1;-->
  656. <!--month =(month<10 ? "0"+month:month);-->
  657. <!--var currentDate = (year.toString()+"-"+month.toString());-->
  658. <!--var userType = '[[${user_type}]]';-->
  659. <!--if (userType == 0 || userType == 4) {-->
  660. <!--$.ajax({-->
  661. <!--type: "get",-->
  662. <!--dataType: "json",-->
  663. <!--url: pagePath + "/admin/findBuildInfoList",-->
  664. <!--success: function (result) {-->
  665. <!--if (result.success) {-->
  666. <!--if (result.obj.length != 0) {-->
  667. <!--var html = "";-->
  668. <!--$.each(result.obj, function (index, item) {-->
  669. <!--html += "<option value='" + item.id + "'>" + item.name + "</option>";-->
  670. <!--});-->
  671. <!--$(".build_list").append(html);-->
  672. <!--initColumn(currentDate);-->
  673. <!--}-->
  674. <!--} else {-->
  675. <!--errorMessage(result.message);-->
  676. <!--}-->
  677. <!--},-->
  678. <!--error: function () {-->
  679. <!--errorMessage('系统错误!');-->
  680. <!--}-->
  681. <!--});-->
  682. <!--initPie(currentDate);-->
  683. <!--}-->
  684. <!--});-->
  685. <!--function initPie(value) {-->
  686. <!--$.ajax({-->
  687. <!--type: "get",-->
  688. <!--dataType: "json",-->
  689. <!--url: pagePath + "/admin/getPie/" + value,-->
  690. <!--success: function (result) {-->
  691. <!--if (result.success) {-->
  692. <!--$('.notify_data').highcharts({-->
  693. <!--chart: {-->
  694. <!--plotBackgroundColor: null,-->
  695. <!--plotBorderWidth: null,-->
  696. <!--plotShadow: false-->
  697. <!--},-->
  698. <!--title: {-->
  699. <!--text: null-->
  700. <!--},-->
  701. <!--colors:['#7cb5ec','#f7a35c'],-->
  702. <!--tooltip: {-->
  703. <!--headerFormat: '',-->
  704. <!--pointFormat: '{point.name}: <b>{point.y}</b>'-->
  705. <!--},-->
  706. <!--plotOptions: {-->
  707. <!--pie: {-->
  708. <!--allowPointSelect: true,-->
  709. <!--cursor: 'pointer',-->
  710. <!--dataLabels: {-->
  711. <!--enabled: true,-->
  712. <!--// 通过 format 或 formatter 来格式化数据标签显示-->
  713. <!--//format: '值: {point.y} 占比 {point.percentage} %',-->
  714. <!--formatter: function () {-->
  715. <!--//this 为当前的点(扇区)对象,可以通过 console.log(this) 来查看详细信息-->
  716. <!--return '<span"> ' + this.point.name + ':' + this.y + '</span>';-->
  717. <!--}-->
  718. <!--},-->
  719. <!--showInLegend: true // 显示在图例中-->
  720. <!--}-->
  721. <!--},-->
  722. <!--series: [{-->
  723. <!--type: 'pie',-->
  724. <!--name: '',-->
  725. <!--data: [-->
  726. <!--['已阅读', result.obj.read_total],-->
  727. <!--['未阅读', result.obj.unread_total],-->
  728. <!--]-->
  729. <!--}]-->
  730. <!--});-->
  731. <!--$(".notify_total").html(result.obj.total_notify);-->
  732. <!--$(".push_total").html(result.obj.push_total);-->
  733. <!--$(".read_total").html(result.obj.read_total);-->
  734. <!--$(".unread_total").html(result.obj.unread_total);-->
  735. <!--} else {-->
  736. <!--errorMessage(result.message);-->
  737. <!--}-->
  738. <!--},-->
  739. <!--error: function () {-->
  740. <!--errorMessage('系统错误!');-->
  741. <!--}-->
  742. <!--});-->
  743. <!--}-->
  744. <!--function initColumn(value) {-->
  745. <!--$.ajax({-->
  746. <!--type: "get",-->
  747. <!--dataType: "json",-->
  748. <!--data: {date: value},-->
  749. <!--url: pagePath + "/admin/getCompanyData/" + $(".build_list").val(),-->
  750. <!--success: function (result) {-->
  751. <!--if (result.success) {-->
  752. <!--$('.company_data').highcharts({-->
  753. <!--chart: {-->
  754. <!--type: 'column',-->
  755. <!--events: {-->
  756. <!--render: function () {-->
  757. <!--}-->
  758. <!--}-->
  759. <!--},-->
  760. <!--title: {-->
  761. <!--text: null-->
  762. <!--},-->
  763. <!--subtitle: {-->
  764. <!--text: null-->
  765. <!--},-->
  766. <!--xAxis: {-->
  767. <!--categories: ['入驻企业数量', '上报企业数量', '未上报企业数量'],-->
  768. <!--crosshair: true-->
  769. <!--},-->
  770. <!--yAxis: {-->
  771. <!--min: 0,-->
  772. <!--allowDecimals: false,-->
  773. <!--title: {-->
  774. <!--text: '数量 (个)',-->
  775. <!--align: 'high'-->
  776. <!--},-->
  777. <!--labels: {-->
  778. <!--overflow: 'justify'-->
  779. <!--}-->
  780. <!--},-->
  781. <!--tooltip: {-->
  782. <!--valueSuffix: ' 个'-->
  783. <!--},-->
  784. <!--plotOptions: {-->
  785. <!--column: {-->
  786. <!--pointPadding: 0.2,-->
  787. <!--borderWidth: 0-->
  788. <!--}-->
  789. <!--},-->
  790. <!--series: [{-->
  791. <!--name: $(".build_list").find("option:selected").html(),-->
  792. <!--data: [result.obj.company_num, result.obj.company_report_num, result.obj.company_not_report_num,]-->
  793. <!--}]-->
  794. <!--});-->
  795. <!--} else {-->
  796. <!--errorMessage(result.message);-->
  797. <!--}-->
  798. <!--},-->
  799. <!--error: function () {-->
  800. <!--errorMessage('系统错误!');-->
  801. <!--}-->
  802. <!--});-->
  803. <!--}-->
  804. <!--function selectData() {-->
  805. <!--initColumn($("#date").val());-->
  806. <!--}-->
  807. <!--laydate.render({-->
  808. <!--elem: '#date'-->
  809. <!--, type: 'month'-->
  810. <!--,value: new Date()-->
  811. <!--,btns: ['now', 'confirm']-->
  812. <!--// ,showBottom: false-->
  813. <!--,done: function(value ){//控件选择完毕后的回调---点击日期、清空、现在、确定均会触发。-->
  814. <!--initColumn(value);-->
  815. <!--}-->
  816. <!--});-->
  817. <!--laydate.render({-->
  818. <!--elem: '#pie_date'-->
  819. <!--, type: 'month'-->
  820. <!--,value: new Date()-->
  821. <!--,btns: ['now', 'confirm']-->
  822. <!--// ,showBottom: false-->
  823. <!--,done: function(value){//控件选择完毕后的回调---点击日期、清空、现在、确定均会触发。-->
  824. <!--initPie(value);-->
  825. <!--}-->
  826. <!--});-->
  827. <!--</script>-->
  828. <script th:src="@{https://code.highcharts.com/5.0.12/highcharts.js}"></script>
  829. <script th:src="@{https://code.highcharts.com/5.0.12/highcharts-more.js}"></script>
  830. <script th:src="@{https://code.highcharts.com/maps/5.0.12/modules/map.js}"></script>
  831. <!-- <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts.js}"></script> -->
  832. <script type="text/javascript" th:src="@{/js/lib/highcharts/exporting.js}"></script>
  833. <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts-zh_CN.js}"></script>
  834. <script th:inline="javascript">
  835. jQuery.Huitab = function (tabBar, tabCon, class_name, tabEvent, i) {
  836. var $tab_menu = $(tabBar);
  837. // 初始化操作
  838. $tab_menu.removeClass(class_name);
  839. $(tabBar).eq(i).addClass(class_name);
  840. $(tabCon).hide();
  841. $(tabCon).eq(i).show();
  842. $tab_menu.bind(tabEvent, function () {
  843. $tab_menu.removeClass(class_name);
  844. $(this).addClass(class_name);
  845. var index = $tab_menu.index(this);
  846. $(tabCon).hide();
  847. $(tabCon).eq(index).show()
  848. });
  849. }
  850. getWaitToDoPermission();
  851. $(document).ready(function () {
  852. //alert($("#tab_demo .tabBar span").length)
  853. //我的消息、待我处理
  854. $.Huitab("#tab_demo .tabBar span", "#tab_demo .tabCon", "current", "click", "0");
  855. //通知公告、政策法规
  856. $.Huitab("#tab_demo1 .tabBar span", "#tab_demo1 .tabCon", "current", "click", "0");
  857. });
  858. //我的消息、待我处理
  859. var $tab_menu = $("#tab_demo .tabBar span");
  860. var urls = pagePath + "/message/myMessage";
  861. var $mores = $("#tab_demo .tabBar a");
  862. $mores.attr("href", urls);
  863. $tab_menu.bind("click", function () {
  864. var index = $tab_menu.index(this);
  865. if (index == 0) {
  866. var url = pagePath + "/message/myMessage"
  867. var $more = $("#tab_demo .tabBar a");
  868. $more.attr("href", url);
  869. } else if (index == 1) {
  870. var url = pagePath + "/waitToDo/list"
  871. var $more = $("#tab_demo .tabBar a");
  872. $more.attr("href", url);
  873. }
  874. });
  875. //通知公告、政策法规
  876. var $tab_menu1 = $("#tab_demo1 .tabBar span");
  877. var urls = pagePath + "/home/informList/64"
  878. var $mores = $("#tab_demo1 .tabBar a");
  879. $mores.attr("href", urls);
  880. $tab_menu1.bind("click", function () {
  881. var index = $tab_menu.index(this);
  882. if (index == 0) {
  883. var url = pagePath + "/home/informList/64"
  884. var $more = $("#tab_demo1 .tabBar a");
  885. $more.attr("href", url);
  886. } else if (index == 1) {
  887. var url = pagePath + "/home/informList/66"
  888. var $more = $("#tab_demo1 .tabBar a");
  889. $more.attr("href", url);
  890. }
  891. });
  892. var url = localStorage.getItem("url");
  893. if (url) {
  894. localStorage.removeItem("url");
  895. var index = layer_show("企业信息", pagePath + url, 800, 600);
  896. layer.full(index);
  897. }
  898. $(function () {
  899. var userType = [[${user_type}]];
  900. $(".highlight a").click(function () {
  901. $(this).addClass("cur").parent().siblings().find("a").removeClass("cur")
  902. })
  903. if (userType == 4 || userType == 0) {
  904. streetDeclaerNum("");
  905. projectCategoryRate();
  906. }
  907. });
  908. function getWaitToDoPermission(){
  909. $.ajax({
  910. url: pagePath + "/home/getWaitToDoPermission",
  911. type: "get",
  912. dataType: "json",
  913. data: {
  914. timeStamp: new Date()
  915. },
  916. success: function (result) {
  917. if (result.success) {
  918. var flag = result.obj;
  919. if (flag) {
  920. $("#myBacklog").show();
  921. }
  922. }
  923. }
  924. });
  925. }
  926. /************************* 项目申报 *****************************/
  927. //初始化柱形图
  928. var initColumn = {
  929. chart: {
  930. renderTo: 'container1',
  931. type: 'column',
  932. events: {
  933. render: function () {
  934. }
  935. }
  936. },
  937. title: {
  938. text: '2019年街道申报项目数'
  939. },
  940. subtitle: {
  941. text: null
  942. },
  943. xAxis: {
  944. crosshair: true
  945. },
  946. yAxis: {
  947. min: 0,
  948. allowDecimals: false,
  949. title: {
  950. text: '',
  951. align: 'high'
  952. },
  953. labels: {
  954. overflow: 'justify'
  955. }
  956. },
  957. tooltip: {
  958. valueSuffix: ' 个'
  959. },
  960. plotOptions: {
  961. column: {
  962. pointPadding: 0.2,
  963. borderWidth: 0
  964. }
  965. },
  966. series: []
  967. };
  968. //初始化饼图
  969. var initPie = {
  970. chart: {
  971. renderTo: 'container2',
  972. plotBackgroundColor: null,
  973. plotBorderWidth: null,
  974. plotShadow: false
  975. },
  976. title: {
  977. text: '项目类别占比'
  978. },
  979. tooltip: {
  980. headerFormat: '',
  981. pointFormat: '{point.name}: <b>{point.y}</b> %'
  982. },
  983. plotOptions: {
  984. pie: {
  985. allowPointSelect: true,
  986. cursor: 'pointer',
  987. dataLabels: {
  988. enabled: true,
  989. // 通过 format 或 formatter 来格式化数据标签显示
  990. //format: '值: {point.y} 占比 {point.percentage} %',
  991. formatter: function () {
  992. //this 为当前的点(扇区)对象,可以通过 console.log(this) 来查看详细信息
  993. return '<span"> ' + this.point.name + ':' + this.y + '%</span>';
  994. }
  995. },
  996. showInLegend: true // 显示在图例中
  997. }
  998. },
  999. series: [{
  1000. type: 'pie',
  1001. name: ''
  1002. }]
  1003. };
  1004. //各街道申报数量
  1005. function streetDeclaerNum(type) {
  1006. //$("#chartType").val(1);
  1007. $.ajax({
  1008. type: "post",
  1009. dataType: "json",
  1010. data: {
  1011. begin_date: $("#begin_date").val(),
  1012. end_date: $("#end_date").val(),
  1013. type: type
  1014. },
  1015. url: pagePath + "/projectDeclaration/streetDeclaerNum/",
  1016. success: function (result) {
  1017. // console.log(result);
  1018. if (result.success) {
  1019. var chart = new Highcharts.Chart(initColumn);
  1020. var categoies = [];
  1021. var row1 = [];
  1022. var row2 = [];
  1023. var value = result.obj;
  1024. for (var j = 0; j < value.length; j++) {
  1025. categoies.push(value[j].street_name);
  1026. row1.push(value[j].declare_num);
  1027. row2.push(value[j].declare_success);
  1028. }
  1029. chart.xAxis[0].categories = categoies;
  1030. chart.addSeries({
  1031. name: "申报项目",
  1032. data: row1
  1033. });
  1034. chart.addSeries({
  1035. name: "申报成功",
  1036. data: row2
  1037. });
  1038. } else {
  1039. errorMessage(result.message);
  1040. }
  1041. },
  1042. error: function () {
  1043. errorMessage('系统错误!');
  1044. }
  1045. });
  1046. }
  1047. //项目类别占比
  1048. function projectCategoryRate(type) {
  1049. //$("#chartType").val(2);
  1050. $.ajax({
  1051. type: "post",
  1052. dataType: "json",
  1053. data: {
  1054. begin_date: $("#begin_date").val(),
  1055. end_date: $("#end_date").val(),
  1056. type: type
  1057. },
  1058. url: pagePath + "/projectDeclaration/projectCategoryRate",
  1059. success: function (result) {
  1060. // console.log(result);
  1061. if (result.success) {
  1062. var value = result.obj;
  1063. var data = [];
  1064. for (var j = 0; j < value.length; j++) {
  1065. data.push({"name": value[j].project_type_name, "y": value[j].category_rate});
  1066. }
  1067. // console.log(data);
  1068. var chart = new Highcharts.Chart(initPie);
  1069. chart.series[0].setData(data);
  1070. } else {
  1071. errorMessage(result.message);
  1072. }
  1073. },
  1074. error: function () {
  1075. errorMessage('系统错误!');
  1076. }
  1077. });
  1078. }
  1079. //项目发展趋势
  1080. function projectDevelopmentTrend(type) {
  1081. $("#chartType").val(3);
  1082. var initPolyline = Highcharts.chart('container2', {
  1083. title: {
  1084. text: '项目发展趋势',
  1085. x: -20 //center
  1086. },
  1087. // subtitle: {
  1088. // text: 'Source: WorldClimate.com',
  1089. // x: -20
  1090. // },
  1091. xAxis: {
  1092. categories: []
  1093. },
  1094. yAxis: {
  1095. title: {
  1096. text: '项目申请次数(次)'
  1097. },
  1098. plotLines: [{
  1099. value: 0,
  1100. width: 1,
  1101. color: '#808080'
  1102. }]
  1103. },
  1104. tooltip: {
  1105. valueSuffix: '次'
  1106. },
  1107. legend: {
  1108. layout: 'vertical',
  1109. align: 'right',
  1110. verticalAlign: 'middle',
  1111. borderWidth: 0
  1112. },
  1113. series: []
  1114. });
  1115. $.ajax({
  1116. type: "post",
  1117. dataType: "json",
  1118. data: {
  1119. begin_date: $("#begin_date").val(),
  1120. end_date: $("#end_date").val(),
  1121. type: type
  1122. },
  1123. url: pagePath + "/projectDeclaration/projectDevelopmentTrend",
  1124. success: function (result) {
  1125. // console.log(result);
  1126. if (result.success) {
  1127. var obj = result.obj;
  1128. var map = obj.polyline_data;
  1129. //x轴年份
  1130. var categories = obj.year_array;
  1131. initPolyline.xAxis[0].categories = categories;
  1132. //展示数据
  1133. for (var key in map) {
  1134. initPolyline.addSeries({
  1135. name: key,
  1136. data: map[key]
  1137. });
  1138. }
  1139. } else {
  1140. errorMessage(result.message);
  1141. }
  1142. },
  1143. error: function () {
  1144. errorMessage('系统错误!');
  1145. }
  1146. });
  1147. }
  1148. //各街道申报趋势
  1149. function streetReportingTrend(type) {
  1150. $("#chartType").val(4);
  1151. var initPolyline = Highcharts.chart('container1', {
  1152. title: {
  1153. text: '各街道申报趋势',
  1154. x: -20 //center
  1155. },
  1156. // subtitle: {
  1157. // text: 'Source: WorldClimate.com',
  1158. // x: -20
  1159. // },
  1160. xAxis: {
  1161. categories: []
  1162. },
  1163. yAxis: {
  1164. title: {
  1165. text: '申请次数(次)'
  1166. },
  1167. min: 0,
  1168. allowDecimals: false,
  1169. },
  1170. tooltip: {
  1171. valueSuffix: '次'
  1172. },
  1173. legend: {
  1174. layout: 'vertical',
  1175. align: 'right',
  1176. verticalAlign: 'middle',
  1177. borderWidth: 0
  1178. },
  1179. series: []
  1180. });
  1181. $.ajax({
  1182. type: "post",
  1183. dataType: "json",
  1184. data: {
  1185. begin_date: $("#begin_date").val(),
  1186. end_date: $("#end_date").val(),
  1187. type: type
  1188. },
  1189. url: pagePath + "/projectDeclaration/streetReportingTrend",
  1190. success: function (result) {
  1191. // console.log(result);
  1192. if (result.success) {
  1193. var obj = result.obj;
  1194. var map = obj.polyline_data;
  1195. //x轴年份
  1196. var categories = obj.year_array;
  1197. initPolyline.xAxis[0].categories = categories;
  1198. //展示数据
  1199. for (var key in map) {
  1200. initPolyline.addSeries({
  1201. name: key,
  1202. data: map[key]
  1203. });
  1204. }
  1205. } else {
  1206. errorMessage(result.message);
  1207. }
  1208. },
  1209. error: function () {
  1210. errorMessage('系统错误!');
  1211. }
  1212. });
  1213. }
  1214. //各类别项目申请情况
  1215. function filingSituation(type) {
  1216. $("#chartType").val(5);
  1217. $.ajax({
  1218. type: "post",
  1219. dataType: "json",
  1220. data: {
  1221. begin_date: $("#begin_date").val(),
  1222. end_date: $("#end_date").val(),
  1223. type: type
  1224. },
  1225. url: pagePath + "/projectDeclaration/filingSituation/",
  1226. success: function (result) {
  1227. // console.log(result);
  1228. if (result.success) {
  1229. var chart = new Highcharts.Chart(initColumn);
  1230. var categoies = [];
  1231. var row1 = [];
  1232. var row2 = [];
  1233. var value = result.obj;
  1234. for (var j = 0; j < value.length; j++) {
  1235. categoies.push(value[j].project_type_name);
  1236. row1.push(value[j].declare_num);
  1237. row2.push(value[j].declare_success);
  1238. }
  1239. chart.xAxis[0].categories = categoies;
  1240. chart.addSeries({
  1241. name: "申报项目",
  1242. data: row1
  1243. });
  1244. chart.addSeries({
  1245. name: "申报成功",
  1246. data: row2
  1247. });
  1248. } else {
  1249. errorMessage(result.message);
  1250. }
  1251. },
  1252. error: function () {
  1253. errorMessage('系统错误!');
  1254. }
  1255. });
  1256. }
  1257. function streetDeclaer() {
  1258. var chartType = $("#chartType").val();
  1259. if (chartType == 1) {
  1260. streetDeclaerNum();
  1261. }
  1262. if (chartType == 2) {
  1263. projectCategoryRate();
  1264. }
  1265. if (chartType == 3) {
  1266. projectDevelopmentTrend();
  1267. }
  1268. if (chartType == 4) {
  1269. streetReportingTrend();
  1270. }
  1271. if (chartType == 5) {
  1272. filingSituation();
  1273. }
  1274. }
  1275. function getDataByYear(type) {
  1276. var chartType = $("#chartType").val();
  1277. $("#begin_date").val("");
  1278. $("#end_date").val("");
  1279. if (chartType == 1) {
  1280. streetDeclaerNum(type);
  1281. }
  1282. if (chartType == 2) {
  1283. projectCategoryRate(type);
  1284. }
  1285. if (chartType == 3) {
  1286. projectDevelopmentTrend(type);
  1287. }
  1288. if (chartType == 4) {
  1289. streetReportingTrend(type);
  1290. }
  1291. if (chartType == 5) {
  1292. filingSituation(type);
  1293. }
  1294. }
  1295. /************************* 项目申报 *****************************/
  1296. laydate.render({
  1297. elem: '#begin_date', //指定元素
  1298. // min: 0
  1299. });
  1300. laydate.render({
  1301. elem: '#end_date', //指定元素
  1302. // min: 0
  1303. });
  1304. function gotoContentDetail(id) {
  1305. //top.location.href = pagePath + "/home/activityDetail/" + id;
  1306. window.open(pagePath + "/home/contentDetail/" + id);
  1307. }
  1308. function open_dialog(title, url, w, h) {
  1309. var index = layer_show(title, pagePath + url, w, h);
  1310. //默认全屏
  1311. layer.full(index);
  1312. }
  1313. //消息。
  1314. function show_message(title, url) {
  1315. layer_show(title, pagePath + url, "800", "500");
  1316. //reloadMessage();
  1317. }
  1318. //重新加载消息
  1319. function reloadMessage() {
  1320. $.ajax({
  1321. type: "get",
  1322. dataType: "json",
  1323. data: {},
  1324. url: pagePath + "/message/loadMyMessage",
  1325. success: function (result) {
  1326. if (result.success) {
  1327. //重新加载首页消息列表
  1328. messageList = result.obj.messageList;
  1329. if (messageList.length > 0) {
  1330. $("#messageTBody").find("tr").remove();
  1331. for (var i = 0; i < messageList.length; i++) {
  1332. /*
  1333. <tr class="text-c" th:each="model:${messageList}" th:object="${model}">
  1334. <td >
  1335. <a title="展开" style="text-decoration:none" th:text="*{title}"
  1336. th:onclick="'javascript:show_message(\'消息详情\',\'/message/check/'+*{id}+'/'+*{message_detail_id}+'\');'"></a>
  1337. </td>
  1338. <td th:text="*{#dates.format(create_time, 'yyyy-MM-dd HH:mm:ss')}"></td>
  1339. </tr>
  1340. */
  1341. var message = messageList[i];
  1342. var tr = '<tr class="text-c">';
  1343. tr += '<td><a title="展开" style="text-decoration:none" onclick="javascript:show_message(\'消息详情\',\'/message/check/' + message.id + '/' + message.message_detail_id + '\');">' + message.title + '</a></td>';
  1344. tr += '<td>' + message.create_time + '</td>';
  1345. tr += '</tr>';
  1346. $("#messageTBody").append(tr);
  1347. }
  1348. } else {
  1349. $("#messageTBody").find("tr").remove();
  1350. }
  1351. } else {
  1352. errorMessage(result.message);
  1353. }
  1354. },
  1355. error: function () {
  1356. errorMessage('系统错误!');
  1357. }
  1358. });
  1359. }
  1360. </script>
  1361. </body>
  1362. </html>