home.html 52 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445
  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_menu1.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 url = pagePath + "/home/policyList?lb=3"
  889. var $more = $("#tab_demo1 .tabBar a");
  890. $more.attr("href", url);
  891. }
  892. });
  893. var url = localStorage.getItem("url");
  894. if (url) {
  895. localStorage.removeItem("url");
  896. var index = layer_show("企业信息", pagePath + url, 800, 600);
  897. layer.full(index);
  898. }
  899. $(function () {
  900. var userType = [[${user_type}]];
  901. $(".highlight a").click(function () {
  902. $(this).addClass("cur").parent().siblings().find("a").removeClass("cur")
  903. })
  904. if (userType == 4 || userType == 0) {
  905. streetDeclaerNum("");
  906. projectCategoryRate();
  907. }
  908. });
  909. function getWaitToDoPermission(){
  910. $.ajax({
  911. url: pagePath + "/home/getWaitToDoPermission",
  912. type: "get",
  913. dataType: "json",
  914. data: {
  915. timeStamp: new Date()
  916. },
  917. success: function (result) {
  918. if (result.success) {
  919. var flag = result.obj;
  920. if (flag) {
  921. $("#myBacklog").show();
  922. }
  923. }
  924. }
  925. });
  926. }
  927. /************************* 项目申报 *****************************/
  928. //初始化柱形图
  929. var initColumn = {
  930. chart: {
  931. renderTo: 'container1',
  932. type: 'column',
  933. events: {
  934. render: function () {
  935. }
  936. }
  937. },
  938. title: {
  939. text: '2019年街道申报项目数'
  940. },
  941. subtitle: {
  942. text: null
  943. },
  944. xAxis: {
  945. crosshair: true
  946. },
  947. yAxis: {
  948. min: 0,
  949. allowDecimals: false,
  950. title: {
  951. text: '',
  952. align: 'high'
  953. },
  954. labels: {
  955. overflow: 'justify'
  956. }
  957. },
  958. tooltip: {
  959. valueSuffix: ' 个'
  960. },
  961. plotOptions: {
  962. column: {
  963. pointPadding: 0.2,
  964. borderWidth: 0
  965. }
  966. },
  967. series: []
  968. };
  969. //初始化饼图
  970. var initPie = {
  971. chart: {
  972. renderTo: 'container2',
  973. plotBackgroundColor: null,
  974. plotBorderWidth: null,
  975. plotShadow: false
  976. },
  977. title: {
  978. text: '项目类别占比'
  979. },
  980. tooltip: {
  981. headerFormat: '',
  982. pointFormat: '{point.name}: <b>{point.y}</b> %'
  983. },
  984. plotOptions: {
  985. pie: {
  986. allowPointSelect: true,
  987. cursor: 'pointer',
  988. dataLabels: {
  989. enabled: true,
  990. // 通过 format 或 formatter 来格式化数据标签显示
  991. //format: '值: {point.y} 占比 {point.percentage} %',
  992. formatter: function () {
  993. //this 为当前的点(扇区)对象,可以通过 console.log(this) 来查看详细信息
  994. return '<span"> ' + this.point.name + ':' + this.y + '%</span>';
  995. }
  996. },
  997. showInLegend: true // 显示在图例中
  998. }
  999. },
  1000. series: [{
  1001. type: 'pie',
  1002. name: ''
  1003. }]
  1004. };
  1005. //各街道申报数量
  1006. function streetDeclaerNum(type) {
  1007. //$("#chartType").val(1);
  1008. $.ajax({
  1009. type: "post",
  1010. dataType: "json",
  1011. data: {
  1012. begin_date: $("#begin_date").val(),
  1013. end_date: $("#end_date").val(),
  1014. type: type
  1015. },
  1016. url: pagePath + "/projectDeclaration/streetDeclaerNum/",
  1017. success: function (result) {
  1018. // console.log(result);
  1019. if (result.success) {
  1020. var chart = new Highcharts.Chart(initColumn);
  1021. var categoies = [];
  1022. var row1 = [];
  1023. var row2 = [];
  1024. var value = result.obj;
  1025. for (var j = 0; j < value.length; j++) {
  1026. categoies.push(value[j].street_name);
  1027. row1.push(value[j].declare_num);
  1028. row2.push(value[j].declare_success);
  1029. }
  1030. chart.xAxis[0].categories = categoies;
  1031. chart.addSeries({
  1032. name: "申报项目",
  1033. data: row1
  1034. });
  1035. chart.addSeries({
  1036. name: "申报成功",
  1037. data: row2
  1038. });
  1039. } else {
  1040. errorMessage(result.message);
  1041. }
  1042. },
  1043. error: function () {
  1044. errorMessage('系统错误!');
  1045. }
  1046. });
  1047. }
  1048. //项目类别占比
  1049. function projectCategoryRate(type) {
  1050. //$("#chartType").val(2);
  1051. $.ajax({
  1052. type: "post",
  1053. dataType: "json",
  1054. data: {
  1055. begin_date: $("#begin_date").val(),
  1056. end_date: $("#end_date").val(),
  1057. type: type
  1058. },
  1059. url: pagePath + "/projectDeclaration/projectCategoryRate",
  1060. success: function (result) {
  1061. // console.log(result);
  1062. if (result.success) {
  1063. var value = result.obj;
  1064. var data = [];
  1065. for (var j = 0; j < value.length; j++) {
  1066. data.push({"name": value[j].project_type_name, "y": value[j].category_rate});
  1067. }
  1068. // console.log(data);
  1069. var chart = new Highcharts.Chart(initPie);
  1070. chart.series[0].setData(data);
  1071. } else {
  1072. errorMessage(result.message);
  1073. }
  1074. },
  1075. error: function () {
  1076. errorMessage('系统错误!');
  1077. }
  1078. });
  1079. }
  1080. //项目发展趋势
  1081. function projectDevelopmentTrend(type) {
  1082. $("#chartType").val(3);
  1083. var initPolyline = Highcharts.chart('container2', {
  1084. title: {
  1085. text: '项目发展趋势',
  1086. x: -20 //center
  1087. },
  1088. // subtitle: {
  1089. // text: 'Source: WorldClimate.com',
  1090. // x: -20
  1091. // },
  1092. xAxis: {
  1093. categories: []
  1094. },
  1095. yAxis: {
  1096. title: {
  1097. text: '项目申请次数(次)'
  1098. },
  1099. plotLines: [{
  1100. value: 0,
  1101. width: 1,
  1102. color: '#808080'
  1103. }]
  1104. },
  1105. tooltip: {
  1106. valueSuffix: '次'
  1107. },
  1108. legend: {
  1109. layout: 'vertical',
  1110. align: 'right',
  1111. verticalAlign: 'middle',
  1112. borderWidth: 0
  1113. },
  1114. series: []
  1115. });
  1116. $.ajax({
  1117. type: "post",
  1118. dataType: "json",
  1119. data: {
  1120. begin_date: $("#begin_date").val(),
  1121. end_date: $("#end_date").val(),
  1122. type: type
  1123. },
  1124. url: pagePath + "/projectDeclaration/projectDevelopmentTrend",
  1125. success: function (result) {
  1126. // console.log(result);
  1127. if (result.success) {
  1128. var obj = result.obj;
  1129. var map = obj.polyline_data;
  1130. //x轴年份
  1131. var categories = obj.year_array;
  1132. initPolyline.xAxis[0].categories = categories;
  1133. //展示数据
  1134. for (var key in map) {
  1135. initPolyline.addSeries({
  1136. name: key,
  1137. data: map[key]
  1138. });
  1139. }
  1140. } else {
  1141. errorMessage(result.message);
  1142. }
  1143. },
  1144. error: function () {
  1145. errorMessage('系统错误!');
  1146. }
  1147. });
  1148. }
  1149. //各街道申报趋势
  1150. function streetReportingTrend(type) {
  1151. $("#chartType").val(4);
  1152. var initPolyline = Highcharts.chart('container1', {
  1153. title: {
  1154. text: '各街道申报趋势',
  1155. x: -20 //center
  1156. },
  1157. // subtitle: {
  1158. // text: 'Source: WorldClimate.com',
  1159. // x: -20
  1160. // },
  1161. xAxis: {
  1162. categories: []
  1163. },
  1164. yAxis: {
  1165. title: {
  1166. text: '申请次数(次)'
  1167. },
  1168. min: 0,
  1169. allowDecimals: false,
  1170. },
  1171. tooltip: {
  1172. valueSuffix: '次'
  1173. },
  1174. legend: {
  1175. layout: 'vertical',
  1176. align: 'right',
  1177. verticalAlign: 'middle',
  1178. borderWidth: 0
  1179. },
  1180. series: []
  1181. });
  1182. $.ajax({
  1183. type: "post",
  1184. dataType: "json",
  1185. data: {
  1186. begin_date: $("#begin_date").val(),
  1187. end_date: $("#end_date").val(),
  1188. type: type
  1189. },
  1190. url: pagePath + "/projectDeclaration/streetReportingTrend",
  1191. success: function (result) {
  1192. // console.log(result);
  1193. if (result.success) {
  1194. var obj = result.obj;
  1195. var map = obj.polyline_data;
  1196. //x轴年份
  1197. var categories = obj.year_array;
  1198. initPolyline.xAxis[0].categories = categories;
  1199. //展示数据
  1200. for (var key in map) {
  1201. initPolyline.addSeries({
  1202. name: key,
  1203. data: map[key]
  1204. });
  1205. }
  1206. } else {
  1207. errorMessage(result.message);
  1208. }
  1209. },
  1210. error: function () {
  1211. errorMessage('系统错误!');
  1212. }
  1213. });
  1214. }
  1215. //各类别项目申请情况
  1216. function filingSituation(type) {
  1217. $("#chartType").val(5);
  1218. $.ajax({
  1219. type: "post",
  1220. dataType: "json",
  1221. data: {
  1222. begin_date: $("#begin_date").val(),
  1223. end_date: $("#end_date").val(),
  1224. type: type
  1225. },
  1226. url: pagePath + "/projectDeclaration/filingSituation/",
  1227. success: function (result) {
  1228. // console.log(result);
  1229. if (result.success) {
  1230. var chart = new Highcharts.Chart(initColumn);
  1231. var categoies = [];
  1232. var row1 = [];
  1233. var row2 = [];
  1234. var value = result.obj;
  1235. for (var j = 0; j < value.length; j++) {
  1236. categoies.push(value[j].project_type_name);
  1237. row1.push(value[j].declare_num);
  1238. row2.push(value[j].declare_success);
  1239. }
  1240. chart.xAxis[0].categories = categoies;
  1241. chart.addSeries({
  1242. name: "申报项目",
  1243. data: row1
  1244. });
  1245. chart.addSeries({
  1246. name: "申报成功",
  1247. data: row2
  1248. });
  1249. } else {
  1250. errorMessage(result.message);
  1251. }
  1252. },
  1253. error: function () {
  1254. errorMessage('系统错误!');
  1255. }
  1256. });
  1257. }
  1258. function streetDeclaer() {
  1259. var chartType = $("#chartType").val();
  1260. if (chartType == 1) {
  1261. streetDeclaerNum();
  1262. }
  1263. if (chartType == 2) {
  1264. projectCategoryRate();
  1265. }
  1266. if (chartType == 3) {
  1267. projectDevelopmentTrend();
  1268. }
  1269. if (chartType == 4) {
  1270. streetReportingTrend();
  1271. }
  1272. if (chartType == 5) {
  1273. filingSituation();
  1274. }
  1275. }
  1276. function getDataByYear(type) {
  1277. var chartType = $("#chartType").val();
  1278. $("#begin_date").val("");
  1279. $("#end_date").val("");
  1280. if (chartType == 1) {
  1281. streetDeclaerNum(type);
  1282. }
  1283. if (chartType == 2) {
  1284. projectCategoryRate(type);
  1285. }
  1286. if (chartType == 3) {
  1287. projectDevelopmentTrend(type);
  1288. }
  1289. if (chartType == 4) {
  1290. streetReportingTrend(type);
  1291. }
  1292. if (chartType == 5) {
  1293. filingSituation(type);
  1294. }
  1295. }
  1296. /************************* 项目申报 *****************************/
  1297. laydate.render({
  1298. elem: '#begin_date', //指定元素
  1299. // min: 0
  1300. });
  1301. laydate.render({
  1302. elem: '#end_date', //指定元素
  1303. // min: 0
  1304. });
  1305. function gotoContentDetail(id) {
  1306. //top.location.href = pagePath + "/home/activityDetail/" + id;
  1307. // window.open(pagePath + "/home/contentDetail/" + id);
  1308. window.open(pagePath + "/home/policyDetail?bno=" + id);
  1309. }
  1310. function open_dialog(title, url, w, h) {
  1311. var index = layer_show(title, pagePath + url, w, h);
  1312. //默认全屏
  1313. layer.full(index);
  1314. }
  1315. //消息。
  1316. function show_message(title, url) {
  1317. layer_show(title, pagePath + url, "800", "500");
  1318. //reloadMessage();
  1319. }
  1320. //重新加载消息
  1321. function reloadMessage() {
  1322. $.ajax({
  1323. type: "get",
  1324. dataType: "json",
  1325. data: {},
  1326. url: pagePath + "/message/loadMyMessage",
  1327. success: function (result) {
  1328. if (result.success) {
  1329. //重新加载首页消息列表
  1330. messageList = result.obj.messageList;
  1331. if (messageList.length > 0) {
  1332. $("#messageTBody").find("tr").remove();
  1333. for (var i = 0; i < messageList.length; i++) {
  1334. /*
  1335. <tr class="text-c" th:each="model:${messageList}" th:object="${model}">
  1336. <td >
  1337. <a title="展开" style="text-decoration:none" th:text="*{title}"
  1338. th:onclick="'javascript:show_message(\'消息详情\',\'/message/check/'+*{id}+'/'+*{message_detail_id}+'\');'"></a>
  1339. </td>
  1340. <td th:text="*{#dates.format(create_time, 'yyyy-MM-dd HH:mm:ss')}"></td>
  1341. </tr>
  1342. */
  1343. var message = messageList[i];
  1344. var tr = '<tr class="text-c">';
  1345. tr += '<td><a title="展开" style="text-decoration:none" onclick="javascript:show_message(\'消息详情\',\'/message/check/' + message.id + '/' + message.message_detail_id + '\');">' + message.title + '</a></td>';
  1346. tr += '<td>' + message.create_time + '</td>';
  1347. tr += '</tr>';
  1348. $("#messageTBody").append(tr);
  1349. }
  1350. } else {
  1351. $("#messageTBody").find("tr").remove();
  1352. }
  1353. } else {
  1354. errorMessage(result.message);
  1355. }
  1356. },
  1357. error: function () {
  1358. errorMessage('系统错误!');
  1359. }
  1360. });
  1361. }
  1362. </script>
  1363. </body>
  1364. </html>