dataManage.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611
  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. .item{display: none;margin:0 12px 12px 0;width: 450px}
  9. .item .tit{display:inline-block;width:5em;text-align:right;}
  10. .item .removeItem{cursor:pointer;}
  11. .item .removeItem i:hover{color:#f00;}
  12. .tableCon .tit{line-height:16px;font-size:14px;padding-left:0.5em;border-left:3px solid #eee;margin:12px 0;}
  13. .tableCon table{table-layout: fixed;width:100%;}
  14. .tableCon table td{color:#333;border:1px solid #eee;padding:8px;}
  15. .tableCon table td.bg{background: #F5F7F9}
  16. </style>
  17. </head>
  18. <body layout:fragment="content">
  19. <article class="page-container">
  20. <form id="searchForm">
  21. <div class="text-l">
  22. <span class="select-box" style="width:150px">
  23. <select class="select type" id="dataType" name="dataType" size="1">
  24. <option value="0" selected="selected">街道</option>
  25. <option value="1" >园区</option>
  26. <option value="2" >企业</option>
  27. </select>
  28. </span>
  29. <input type="text" class="input-text" style="width:250px" placeholder="请输入" name="name">
  30. <button class="btn btn-primary" type="button" onclick="search(1)">搜索</button>
  31. <span id="searchCondition" class="select-box" data-type="0" style="width:150px;margin-bottom:0; display: none">
  32. <select id="searchOptions" class="select" size="1">
  33. <option value="0" selected="selected">高级搜索</option>
  34. <option value="1" >营业额</option>
  35. <option value="2" >申报资金</option>
  36. <option value="3" >注册资本</option>
  37. <option value="4" >注册时间</option>
  38. <option value="5" >公司面积</option>
  39. <option value="6" >所属级别</option>
  40. <option value="7" >区域</option>
  41. <option value="8" >行业代码</option>
  42. </select>
  43. </span>
  44. <button class="btn btn-primary" type="button" onclick="resetSearch()">重置</button>
  45. <!--<button class="btn btn-success" type="button">导出当前列表</button>-->
  46. </div>
  47. <div class="text-l itemCon" style="margin-top:12px; display: none">
  48. <span class="item" data-type="1">
  49. <span class="tit">营业额:</span>
  50. <input name="turnover_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
  51. <input name="turnover_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
  52. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span>
  53. </span>
  54. <span class="item" data-type="2">
  55. <span class="tit">申报资金:</span>
  56. <input name="declareFunds_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
  57. <input name="declareFunds_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
  58. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span>
  59. </span>
  60. <span class="item" data-type="3">
  61. <span class="tit">注册资本:</span>
  62. <input name="registerFunds_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
  63. <input name="registerFunds_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
  64. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span>
  65. </span>
  66. <span class="item" data-type="4">
  67. <span class="tit">注册时间:</span>
  68. <input name="registerTime_left" type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;">-
  69. <input name="registerTime_right" type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;">
  70. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span>
  71. </span>
  72. <span class="item" data-type="5">
  73. <span class="tit">公司面积:</span>
  74. <input name="compArea_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
  75. <input name="compArea_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
  76. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span>
  77. </span>
  78. <span class="item" data-type="6">
  79. <span class="tit">所属级别:</span>
  80. <span class="select-box" style="width:150px">
  81. <select class="select" name="ownerShip" size="1">
  82. <option value="" selected="selected">请选择</option>
  83. <option value="1">政府直属</option>
  84. <option value="2" >街道直属</option>
  85. <option value="3" >园区直属</option>
  86. </select>
  87. </span>
  88. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span></span>
  89. <span class="item" data-type="7">
  90. <span class="tit">区域:</span>
  91. <span class="select-box" style="width:150px">
  92. <select class="select" size="1" id="streetOptions" name="area_street">
  93. <option value="" selected="selected">请选择</option>
  94. <option th:value="*{street.id}" th:text="*{street.name}" th:each="street:${allStreet}">街道1</option>
  95. </select>
  96. </span>-
  97. <span class="select-box" style="width:150px">
  98. <select class="select" size="1" id="parkOptions" name="area_park">
  99. <option value="" selected="selected">请选择</option>
  100. </select>
  101. </span>
  102. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span></span>
  103. <span class="item" data-type="8">
  104. <span class="tit">行业代码:</span>
  105. <input name="industryCode" type="text" class="input-text" style="width:150px" placeholder="请输入街道名称">
  106. <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" >&#xe6a6;</i></span></span>
  107. <span class="item" data-type="9" style="width: 50px">
  108. <button class="btn btn-success" type="button" onclick="search(1)">高级搜索</button>
  109. </span>
  110. </div>
  111. </form>
  112. <div id="listContent">
  113. <div class="cl pd-5 bg-1 bk-gray mt-20">
  114. <span class="l">
  115. <a id="exportBtn" onclick="exportData(0)" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 导出Excel</a>
  116. </span>
  117. <span class="r">共有数据:<strong th:text="${streetData.obj.total}" id="total" >54</strong> 条</span><!-- -->
  118. </div>
  119. <table id="dataTable" class="table table-border table-bordered table-bg table-hover">
  120. <thead>
  121. <tr class="text-c">
  122. <th width="25" style="display: none">id</th>
  123. <th>属地名称</th>
  124. <th>土地面积(平方公里)</th>
  125. <th>剩余土地面积(平方公里)</th>
  126. <th>建筑面积(平方米)</th>
  127. <th >剩余建筑面积(平方公里)</th>
  128. <th >工业小区数量(个)</th>
  129. <th >总企业数(个)</th>
  130. <th >操作</th>
  131. </tr>
  132. </thead>
  133. <tbody>
  134. <tr class="text-c" th:each="model,iterStat:${streetData.obj.list}" th:object="${model}">
  135. <td class="id" th:text="*{streetId}" style="display: none">1</td>
  136. <td th:text="*{name}"></td>
  137. <td th:text="*{sumArea}"></td>
  138. <td th:text="*{sumRestArea}"></td>
  139. <td th:text="*{sumBuildArea}"></td>
  140. <td th:text="*{sumRestRentArea}"></td>
  141. <td th:text="*{parkNum}"></td>
  142. <td th:text="*{compNum}"></td>
  143. <td class="td-manage">
  144. <a title="查看" href="javascript:void(0);" onclick="look(1,$(this).closest('tr').find('.id').text(),null,1)" class="ml-5" style="text-decoration:none">查看</a>
  145. </td>
  146. </tr>
  147. </tbody>
  148. </table>
  149. <div th:replace="admin/common/page :: page"></div>
  150. </div>
  151. <div id="detailContent" class="tableCon" style="display: none;">
  152. <div class="cl pd-5 bg-1 bk-gray mt-20" id="exportBtnDiv">
  153. <span class="l">
  154. <a onclick="exportData(0)" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 导出Excel</a>
  155. </span>
  156. </div>
  157. <div class="tit">企业基本信息</div>
  158. <table>
  159. <tbody>
  160. <tr>
  161. <td class="bg">统一社会代码</td><td class="compInfo" name="uscc">内容</td>
  162. <td class="bg">组织机构代码</td><td class="compInfo" name="orgCode">内容</td>
  163. </tr>
  164. <tr>
  165. <td class="bg">企业名称</td><td class="compInfo" name="name">内容</td>
  166. <td class="bg">法人代表</td><td class="compInfo" name="legalRepresentative">内容</td>
  167. </tr>
  168. <tr>
  169. <td class="bg">法人职务</td><td class="compInfo" name="lrPosition">内容</td>
  170. <td class="bg">法人联系方式</td><td class="compInfo" name="lrTel">内容</td>
  171. </tr>
  172. <tr>
  173. <td class="bg">管理部门</td><td class="compInfo" name="relationName">内容</td>
  174. <td class="bg">区域</td><td class="compInfo" name="area">内容</td>
  175. </tr>
  176. <tr>
  177. <td class="bg">行业代码</td><td class="compInfo" name="industryCode">内容</td>
  178. <td class="bg">注册资本(万元)</td><td class="compInfo" name="registFunds">内容</td>
  179. </tr>
  180. <tr>
  181. <td class="bg">注册时间</td><td class="compInfo" name="registTime">内容</td>
  182. <td class="bg">地址</td><td class="compInfo" name="location">内容</td>
  183. </tr>
  184. <tr>
  185. <td class="bg">经营范围</td><td class="compInfo" name="business">内容</td>
  186. <td class="bg">公司面积(平方米)</td><td class="compInfo" name="compArea">内容</td>
  187. </tr>
  188. </tbody>
  189. </table>
  190. <div class="tit">企业联系人信息</div>
  191. <table>
  192. <tbody id="compContact">
  193. <tr>
  194. <td class="bg">第一联系人</td><td>CEO</td><td>13511111111</td>
  195. </tr>
  196. <tr>
  197. <td class="bg">第二联系人</td><td>CEO</td><td>13511111111</td>
  198. </tr>
  199. <tr>
  200. <td class="bg">第三联系人</td><td>CEO</td><td>13511111111</td>
  201. </tr>
  202. <tr>
  203. <td class="bg">其他联系人</td><td>CEO</td><td>13511111111</td>
  204. </tr>
  205. </tbody>
  206. </table>
  207. </div>
  208. </article>
  209. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  210. <script th:inline="javascript">
  211. $(function(){
  212. var currPage = [[${streetData.obj.pageNum}]];
  213. var pages = [[${streetData.obj.pages}]];
  214. $("#pageNum").val(currPage);
  215. $("#pages").val(pages);
  216. loadPage(null,null,null);
  217. })
  218. $(document).on("change","#streetOptions",function(){
  219. var streetId = $(this).val();
  220. if(streetId.length==0){
  221. streetId = "0000";
  222. }
  223. $.ajax({
  224. type: 'GET',
  225. url: pagePath+"/dataManage/allPark/"+streetId,
  226. dataType:"json",
  227. data:{},
  228. success: function(result){
  229. if(result.success){
  230. var parkList = result.obj;
  231. var options = '<option value="" selected="selected">请选择</option>';
  232. for(var i=0;i<parkList.length;i++){
  233. options+= '<option value="'+parkList[i].id+'">'+parkList[i].name+'</option>'
  234. }
  235. $("#parkOptions").html(options);
  236. }else {
  237. errorMessage(result.message);
  238. }
  239. },
  240. error: function () {
  241. errorMessage('系统错误!');
  242. }
  243. })
  244. })
  245. $(document).on("change",".type",function(){
  246. switch ($(this).val()){
  247. case "0":{
  248. $(".itemCon").css("display","none");
  249. $("#searchCondition").css("display","none");
  250. $("input[name=name]").attr("placeholder","请输入街道名称")
  251. break;
  252. }
  253. case "1":{
  254. $(".itemCon").css("display","block");
  255. $("#searchCondition").css("display","inline-block");
  256. $("#searchCondition option").each(function(){
  257. if($(this).val() == '0' || $(this).val() == '7' || $(this).val() == '9'){
  258. $(this).show();
  259. }else{
  260. $(this).hide();
  261. }
  262. })
  263. $("input[name=name]").attr("placeholder","请输入园区名称")
  264. break;
  265. }
  266. case "2":{
  267. $(".itemCon").css("display","block");
  268. $("#searchCondition").css("display","inline-block");
  269. $("#searchCondition option").each(function(){
  270. if($(this).val() == '2'){
  271. $(this).hide();
  272. }else{
  273. $(this).show();
  274. }
  275. })
  276. $("input[name=name]").attr("placeholder","请输入企业名称")
  277. break;
  278. }
  279. default:;
  280. }
  281. initSearchCondition();
  282. })
  283. //初始化高级筛选条件
  284. function initSearchCondition(){
  285. $("#searchForm input").each(function () {
  286. $(this).val("");
  287. })
  288. $("#searchOptions option").each(function () {
  289. if($(this).val() == '0'){
  290. $(this).attr("selected","selected");
  291. }else{
  292. $(this).removeAttr("selected");
  293. }
  294. })
  295. $("#streetOptions option").each(function (index){
  296. if(index==0){
  297. $(this).attr("selected","selected");
  298. }else{
  299. $(this).removeAttr("selected");
  300. }
  301. });
  302. $("#parkOptions option").each(function (index){
  303. if(index==0){
  304. $(this).attr("selected","selected");
  305. }else{
  306. $(this).removeAttr("selected");
  307. }
  308. });
  309. $("#searchForm input").each(function () {
  310. $(this).val("");
  311. })
  312. $(".removeItem").click();
  313. $(".itemCon .item[data-type='9']").css("display","none");
  314. }
  315. //重置筛选条件
  316. function resetSearch(){
  317. $(".type option").each(function () {
  318. if($(this).val() == "0"){
  319. $(this).attr("selected","selected");
  320. }else{
  321. $(this).removeAttr("selected");
  322. }
  323. })
  324. $("#searchCondition").css("display","none");
  325. initSearchCondition();
  326. }
  327. $(document).on("change","#searchOptions",function(){
  328. $(".itemCon .item[data-type='"+$(this).val()+"']").css("display","inline-block");
  329. $(".itemCon .item[data-type='9']").css("display","inline-block");
  330. })
  331. function look(dataType,id,streetId,pageNum){
  332. var data = {};
  333. data.dataType = dataType;
  334. data.pageNum = pageNum;
  335. if(dataType=="1"){
  336. data.streetId = id;
  337. }else if(dataType=="2"){
  338. data.parkId = id;
  339. data.streetId= streetId;
  340. }
  341. $.ajax({
  342. type: 'GET',
  343. url: pagePath+"/dataManage/streetStatistic",
  344. dataType:"json",
  345. data:data,
  346. success: function(result){
  347. if(result.success){
  348. var html = "";
  349. if(dataType == "0"){
  350. html = getStreetlistTable(result.obj.list);
  351. }else if(dataType == "1"){
  352. html = getParklistTable(result.obj.list);
  353. }else if(dataType == 2){
  354. html = getComplistTable(result.obj.list);
  355. }
  356. $("#dataTable").html(html);
  357. $("#total").text(result.obj.total);
  358. $("#pageNum").val(result.obj.pageNum);
  359. $("#pages").val(result.obj.pages);
  360. $("#detailContent").css("display","none");
  361. $("#listContent").css("display","block");
  362. $("#exportBtn").attr("onclick","exportData("+JSON.stringify(data)+")");
  363. loadPage(dataType,id,streetId);
  364. resetSearch();
  365. }else {
  366. errorMessage(result.message);
  367. }
  368. },
  369. error: function () {
  370. errorMessage('系统错误!');
  371. }
  372. })
  373. }
  374. function getStreetlistTable(streetList){
  375. var html = '<thead>' +
  376. ' <tr class="text-c">' +
  377. ' <th width="25" style="display: none">id</th>' +
  378. ' <th>属地名称</th>' +
  379. ' <th>土地面积(平方公里)</th>' +
  380. ' <th>剩余土地面积(平方公里)</th>' +
  381. ' <th>建筑面积(平方米)</th>' +
  382. ' <th >剩余建筑面积(平方米)</th>' +
  383. ' <th >工业小区数量(个)</th>' +
  384. ' <th >总企业数(个)</th>' +
  385. ' <th >操作</th></tr></thead><tbody>';
  386. for(var i=0;i<streetList.length;i++){
  387. html += '<tr class="text-c"> ' +
  388. '<td class="id" style="display: none">'+streetList[i].streetId+'</td>' +
  389. '<td>'+streetList[i].name+'</td>' +
  390. '<td>'+streetList[i].sumArea+'</td>' +
  391. '<td>'+streetList[i].sumRestArea+'</td>' +
  392. '<td>'+streetList[i].sumBuildArea+'</td>' +
  393. '<td>'+streetList[i].sumRestRentArea+'</td>' +
  394. '<td>'+streetList[i].parkNum+'</td>' +
  395. '<td>'+streetList[i].compNum+'</td>' +
  396. '<td class="td-manage">' +
  397. '<a title="查看" href="javascript:void(0);" onclick="look(1,'+streetList[i].streetId+',null,1)" class="ml-5" style="text-decoration:none">查看</a> ' +
  398. '</td></tr>';
  399. }
  400. html+='</tbody>';
  401. return html;
  402. }
  403. function getParklistTable(parkList){
  404. var html = '<thead>' +
  405. ' <tr class="text-c">' +
  406. ' <th width="25" style="display: none">id</th>' +
  407. ' <th width="25" style="display: none">streetId</th>' +
  408. ' <th>园区名称</th><th>土地面积(平方公里)</th>' +
  409. ' <th>剩余土地面积(平方公里)</th>' +
  410. ' <th>建筑面积(平方米)</th>' +
  411. ' <th >剩余建筑面积(平方米)</th>' +
  412. ' <th >总企业数(个)</th>' +
  413. ' <th >操作</th></tr></thead><tbody>';
  414. for(var i=0;i<parkList.length;i++){
  415. html += '<tr class="text-c"> ' +
  416. '<td class="id" style="display: none">'+parkList[i].id+'</td>' +
  417. '<td class="streetId" style="display: none">'+parkList[i].streetId+'</td>' +
  418. '<td>'+parkList[i].name+'</td>' +
  419. '<td>'+parkList[i].sumArea+'</td>' +
  420. '<td>'+parkList[i].sumRestArea+'</td>' +
  421. '<td>'+parkList[i].sumBuildArea+'</td>' +
  422. '<td>'+parkList[i].sumRestRentArea+'</td>' +
  423. '<td>'+parkList[i].compNum+'</td>' +
  424. '<td class="td-manage">' +
  425. '<a title="查看" href="javascript:void(0);" onclick="look(2,'+parkList[i].id+','+parkList[i].streetId+',1)" class="ml-5" style="text-decoration:none">查看</a> ' +
  426. '</td></tr>';
  427. }
  428. html+='</tbody>';
  429. return html;
  430. }
  431. function getComplistTable(compList){
  432. var html = '<thead>' +
  433. ' <tr class="text-c">' +
  434. ' <th width="25" style="display: none">id</th>' +
  435. ' <th>统一社会信用代码</th>' +
  436. ' <th>组织机构代码</th>' +
  437. ' <th>企业名称</th>' +
  438. ' <th>法人代表</th>' +
  439. ' <th >区域</th>' +
  440. ' <th >行业代码</th>' +
  441. ' <th >注册资本(万元)</th>' +
  442. ' <th >注册时间</th>' +
  443. ' <th >操作</th></tr></thead><tbody>';
  444. for(var i=0;i<compList.length;i++){
  445. html += '<tr class="text-c"> ' +
  446. '<td class="id" style="display: none">'+compList[i].id+'</td>' +
  447. '<td>'+(compList[i].creditCode==undefined?"":compList[i].creditCode)+'</td>' +
  448. '<td>'+(compList[i].orgCode==undefined?"":compList[i].orgCode)+'</td>' +
  449. '<td>'+(compList[i].name==undefined?"":compList[i].name)+'</td>' +
  450. '<td>'+(compList[i].legalRepresentative==undefined?"":compList[i].legalRepresentative)+'</td>' +
  451. '<td>'+(compList[i].area==undefined?"":compList[i].area)+'</td>' +
  452. '<td>'+(compList[i].indesturyCode==undefined?"":compList[i].indesturyCode)+'</td>' +
  453. '<td>'+(compList[i].registerFunds==undefined?"":compList[i].registerFunds)+'</td>' +
  454. '<td>'+(compList[i].registertTime==undefined?"":compList[i].registertTime)+'</td>' +
  455. '<td class="td-manage">' +
  456. '<a title="查看" href="javascript:void(0);" onclick="getCompDetailInfo('+compList[i].id+')" class="ml-5" style="text-decoration:none">查看</a> ' +
  457. '</td></tr>';
  458. }
  459. html+='</tbody>';
  460. return html;
  461. }
  462. function loadPage(dataType,id,streetId) {
  463. //显示分页的容器
  464. var paging = $("#paging");
  465. //当前页
  466. var pageNum = $("#pageNum").val();
  467. // //总页数
  468. var pages = $("#pages").val();
  469. //连续显示分页数
  470. var groups = 6;
  471. laypage({
  472. cont: paging, //容器,仅支持id名\原生DOM对象,jquery对象
  473. pages: pages, //总页数
  474. // skip:true, //是否开启跳页
  475. groups: groups, //连续显示分页数
  476. first:'首页', //首页
  477. last: '尾页', //尾页
  478. skin:'#1E9FFF', //皮肤
  479. curr: pageNum || 1, //当前页
  480. jump:function(obj,first){ //触发分页后的回调
  481. //触发分页后的回调,并传递当前页obj.cuur
  482. if(!first){
  483. if(id!=null && id.length!=0){
  484. look(dataType,id,streetId, obj.curr);
  485. }else{
  486. search(obj.curr);
  487. }
  488. }
  489. }
  490. });
  491. }
  492. function search(currPage){
  493. var data = $("#searchForm").toJSON();
  494. data.pageNum = currPage;
  495. var dataType = data.dataType;
  496. $.ajax({
  497. type: 'GET',
  498. url: pagePath+"/dataManage/streetStatistic",
  499. dataType:"json",
  500. data:data,
  501. success: function(result){
  502. if(result.success){
  503. var html = "";
  504. if(dataType == "0"){
  505. html = getStreetlistTable(result.obj.list);
  506. }else if(dataType == "1"){
  507. html = getParklistTable(result.obj.list);
  508. }else if(dataType == 2){
  509. html = getComplistTable(result.obj.list);
  510. }
  511. $("#dataTable").html(html);
  512. $("#total").text(result.obj.total);
  513. $("#pageNum").val(result.obj.pageNum);
  514. $("#pages").val(result.obj.pages);
  515. $("#detailContent").css("display","none");
  516. $("#listContent").css("display","block");
  517. $("#exportBtn").attr("onclick","exportData("+JSON.stringify(data)+")");
  518. loadPage(null,null,null);
  519. }else {
  520. errorMessage(result.message);
  521. }
  522. },
  523. error: function () {
  524. errorMessage('系统错误!');
  525. }
  526. })
  527. }
  528. function getCompDetailInfo(id){
  529. var data = {
  530. compId:id,
  531. dataType:"3"
  532. }
  533. $.ajax({
  534. type: 'GET',
  535. url: pagePath+"/dataManage/streetStatistic",
  536. dataType:"json",
  537. data:data,
  538. success: function(result){
  539. if(result.success){
  540. console.log(result.obj);
  541. var compDetai = result.obj;
  542. $("#listContent").css("display","none");
  543. $("#detailContent").css("display","block");
  544. $(".compInfo").each(function(){
  545. var value = compDetai[$(this).attr("name")];
  546. if(value == undefined){
  547. value=""
  548. }
  549. $(this).text(value);
  550. })
  551. var contactList = compDetai.comContact
  552. if(contactList.length>0){
  553. var html = "";
  554. for (var i=0;i<contactList.length;i++){
  555. var seq = "";
  556. var name = contactList[i].contact ==undefined?"":contactList[i].contact;
  557. var position = contactList[i].position==undefined?"":contactList[i].position;
  558. var phone = contactList[i].phone==undefined?"":contactList[i].phone;
  559. if(i==0){
  560. seq = "第一联系人";
  561. }else if(i==1){
  562. seq = "第二联系人";
  563. }else if(i==2){
  564. seq = "第三联系人";
  565. }else{
  566. seq = "其他联系人";
  567. }
  568. html+='<tr><td class="bg">'+seq+'</td><td>'+name+'</td><td>'+position+'</td><td>'+phone+'</td></tr>';
  569. }
  570. $("#compContact").html(html);
  571. }else{
  572. $("#compContact").html("");
  573. }
  574. $("#exportBtn").attr("onclick","exportData("+JSON.stringify(data)+")");
  575. $("#exportBtnDiv").css("display","none")
  576. }else {
  577. errorMessage(result.message);
  578. }
  579. },
  580. error: function () {
  581. errorMessage('系统错误!');
  582. }
  583. })
  584. }
  585. function exportData(data){
  586. var param = "?";
  587. if(!data){
  588. data = {dataType:0};
  589. }
  590. for (key in data){
  591. param += key+"="+data[key]+"&";
  592. }
  593. param = param.substr(0,param.length-1);
  594. window.open(pagePath + "/export/statics"+param);
  595. }
  596. </script>
  597. </body>
  598. </html>