| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>数据管理</title>
- <style>
- .item{display: none;margin:0 12px 12px 0;width: 450px}
- .item .tit{display:inline-block;width:5em;text-align:right;}
- .item .removeItem{cursor:pointer;}
- .item .removeItem i:hover{color:#f00;}
- .tableCon .tit{line-height:16px;font-size:14px;padding-left:0.5em;border-left:3px solid #eee;margin:12px 0;}
- .tableCon table{table-layout: fixed;width:100%;}
- .tableCon table td{color:#333;border:1px solid #eee;padding:8px;}
- .tableCon table td.bg{background: #F5F7F9}
- </style>
- </head>
- <body layout:fragment="content">
- <article class="page-container">
- <form id="searchForm">
- <div class="text-l">
- <span class="select-box" style="width:150px">
- <select class="select type" id="dataType" name="dataType" size="1">
- <option value="0" selected="selected">街道</option>
- <option value="1" >园区</option>
- <option value="2" >企业</option>
- </select>
- </span>
- <input type="text" class="input-text" style="width:250px" placeholder="请输入" name="name">
- <button class="btn btn-primary" type="button" onclick="search(1)">搜索</button>
- <span id="searchCondition" class="select-box" data-type="0" style="width:150px;margin-bottom:0; display: none">
- <select id="searchOptions" class="select" size="1">
- <option value="0" selected="selected">高级搜索</option>
- <option value="1" >营业额</option>
- <option value="2" >申报资金</option>
- <option value="3" >注册资本</option>
- <option value="4" >注册时间</option>
- <option value="5" >公司面积</option>
- <option value="6" >所属级别</option>
- <option value="7" >区域</option>
- <option value="8" >行业代码</option>
- </select>
- </span>
- <button class="btn btn-primary" type="button" onclick="resetSearch()">重置</button>
- <!--<button class="btn btn-success" type="button">导出当前列表</button>-->
- </div>
- <div class="text-l itemCon" style="margin-top:12px; display: none">
- <span class="item" data-type="1">
- <span class="tit">营业额:</span>
- <input name="turnover_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
- <input name="turnover_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span>
- </span>
- <span class="item" data-type="2">
- <span class="tit">申报资金:</span>
- <input name="declareFunds_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
- <input name="declareFunds_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span>
- </span>
- <span class="item" data-type="3">
- <span class="tit">注册资本:</span>
- <input name="registerFunds_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
- <input name="registerFunds_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span>
- </span>
- <span class="item" data-type="4">
- <span class="tit">注册时间:</span>
- <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;">-
- <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;">
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span>
- </span>
- <span class="item" data-type="5">
- <span class="tit">公司面积:</span>
- <input name="compArea_left" type="text" class="input-text" style="width:150px" placeholder="请输入">—
- <input name="compArea_right" type="text" class="input-text" style="width:150px" placeholder="请输入">
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span>
- </span>
- <span class="item" data-type="6">
- <span class="tit">所属级别:</span>
- <span class="select-box" style="width:150px">
- <select class="select" name="ownerShip" size="1">
- <option value="" selected="selected">请选择</option>
- <option value="1">政府直属</option>
- <option value="2" >街道直属</option>
- <option value="3" >园区直属</option>
- </select>
- </span>
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span></span>
- <span class="item" data-type="7">
- <span class="tit">区域:</span>
- <span class="select-box" style="width:150px">
- <select class="select" size="1" id="streetOptions" name="area_street">
- <option value="" selected="selected">请选择</option>
- <option th:value="*{street.id}" th:text="*{street.name}" th:each="street:${allStreet}">街道1</option>
- </select>
- </span>-
- <span class="select-box" style="width:150px">
- <select class="select" size="1" id="parkOptions" name="area_park">
- <option value="" selected="selected">请选择</option>
- </select>
- </span>
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span></span>
- <span class="item" data-type="8">
- <span class="tit">行业代码:</span>
- <input name="industryCode" type="text" class="input-text" style="width:150px" placeholder="请输入街道名称">
- <span class="removeItem" onClick="$(this).parent().hide();"><i class="Hui-iconfont" ></i></span></span>
- <span class="item" data-type="9" style="width: 50px">
- <button class="btn btn-success" type="button" onclick="search(1)">高级搜索</button>
- </span>
- </div>
- </form>
- <div id="listContent">
- <div class="cl pd-5 bg-1 bk-gray mt-20">
- <span class="l">
- <a id="exportBtn" onclick="exportData(0)" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 导出Excel</a>
- </span>
- <span class="r">共有数据:<strong th:text="${streetData.obj.total}" id="total" >54</strong> 条</span><!-- -->
- </div>
- <table id="dataTable" class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th width="25" style="display: none">id</th>
- <th>属地名称</th>
- <th>土地面积(平方公里)</th>
- <th>剩余土地面积(平方公里)</th>
- <th>建筑面积(平方米)</th>
- <th >剩余建筑面积(平方公里)</th>
- <th >工业小区数量(个)</th>
- <th >总企业数(个)</th>
- <th >操作</th>
- </tr>
- </thead>
- <tbody>
- <tr class="text-c" th:each="model,iterStat:${streetData.obj.list}" th:object="${model}">
- <td class="id" th:text="*{streetId}" style="display: none">1</td>
- <td th:text="*{name}"></td>
- <td th:text="*{sumArea}"></td>
- <td th:text="*{sumRestArea}"></td>
- <td th:text="*{sumBuildArea}"></td>
- <td th:text="*{sumRestRentArea}"></td>
- <td th:text="*{parkNum}"></td>
- <td th:text="*{compNum}"></td>
- <td class="td-manage">
- <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>
- </td>
- </tr>
- </tbody>
- </table>
- <div th:replace="admin/common/page :: page"></div>
- </div>
- <div id="detailContent" class="tableCon" style="display: none;">
- <div class="cl pd-5 bg-1 bk-gray mt-20" id="exportBtnDiv">
- <span class="l">
- <a onclick="exportData(0)" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 导出Excel</a>
- </span>
- </div>
- <div class="tit">企业基本信息</div>
- <table>
- <tbody>
- <tr>
- <td class="bg">统一社会代码</td><td class="compInfo" name="uscc">内容</td>
- <td class="bg">组织机构代码</td><td class="compInfo" name="orgCode">内容</td>
- </tr>
- <tr>
- <td class="bg">企业名称</td><td class="compInfo" name="name">内容</td>
- <td class="bg">法人代表</td><td class="compInfo" name="legalRepresentative">内容</td>
- </tr>
- <tr>
- <td class="bg">法人职务</td><td class="compInfo" name="lrPosition">内容</td>
- <td class="bg">法人联系方式</td><td class="compInfo" name="lrTel">内容</td>
- </tr>
- <tr>
- <td class="bg">管理部门</td><td class="compInfo" name="relationName">内容</td>
- <td class="bg">区域</td><td class="compInfo" name="area">内容</td>
- </tr>
- <tr>
- <td class="bg">行业代码</td><td class="compInfo" name="industryCode">内容</td>
- <td class="bg">注册资本(万元)</td><td class="compInfo" name="registFunds">内容</td>
- </tr>
- <tr>
- <td class="bg">注册时间</td><td class="compInfo" name="registTime">内容</td>
- <td class="bg">地址</td><td class="compInfo" name="location">内容</td>
- </tr>
- <tr>
- <td class="bg">经营范围</td><td class="compInfo" name="business">内容</td>
- <td class="bg">公司面积(平方米)</td><td class="compInfo" name="compArea">内容</td>
- </tr>
- </tbody>
- </table>
- <div class="tit">企业联系人信息</div>
- <table>
- <tbody id="compContact">
- <tr>
- <td class="bg">第一联系人</td><td>CEO</td><td>13511111111</td>
- </tr>
- <tr>
- <td class="bg">第二联系人</td><td>CEO</td><td>13511111111</td>
- </tr>
- <tr>
- <td class="bg">第三联系人</td><td>CEO</td><td>13511111111</td>
- </tr>
- <tr>
- <td class="bg">其他联系人</td><td>CEO</td><td>13511111111</td>
- </tr>
- </tbody>
- </table>
- </div>
- </article>
- <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
- <script th:inline="javascript">
- $(function(){
- var currPage = [[${streetData.obj.pageNum}]];
- var pages = [[${streetData.obj.pages}]];
- $("#pageNum").val(currPage);
- $("#pages").val(pages);
- loadPage(null,null,null);
- })
- $(document).on("change","#streetOptions",function(){
- var streetId = $(this).val();
- if(streetId.length==0){
- streetId = "0000";
- }
- $.ajax({
- type: 'GET',
- url: pagePath+"/dataManage/allPark/"+streetId,
- dataType:"json",
- data:{},
- success: function(result){
- if(result.success){
- var parkList = result.obj;
- var options = '<option value="" selected="selected">请选择</option>';
- for(var i=0;i<parkList.length;i++){
- options+= '<option value="'+parkList[i].id+'">'+parkList[i].name+'</option>'
- }
- $("#parkOptions").html(options);
- }else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- })
- })
- $(document).on("change",".type",function(){
- switch ($(this).val()){
- case "0":{
- $(".itemCon").css("display","none");
- $("#searchCondition").css("display","none");
- $("input[name=name]").attr("placeholder","请输入街道名称")
- break;
- }
- case "1":{
- $(".itemCon").css("display","block");
- $("#searchCondition").css("display","inline-block");
- $("#searchCondition option").each(function(){
- if($(this).val() == '0' || $(this).val() == '7' || $(this).val() == '9'){
- $(this).show();
- }else{
- $(this).hide();
- }
- })
- $("input[name=name]").attr("placeholder","请输入园区名称")
- break;
- }
- case "2":{
- $(".itemCon").css("display","block");
- $("#searchCondition").css("display","inline-block");
- $("#searchCondition option").each(function(){
- if($(this).val() == '2'){
- $(this).hide();
- }else{
- $(this).show();
- }
- })
- $("input[name=name]").attr("placeholder","请输入企业名称")
- break;
- }
- default:;
- }
- initSearchCondition();
- })
- //初始化高级筛选条件
- function initSearchCondition(){
- $("#searchForm input").each(function () {
- $(this).val("");
- })
- $("#searchOptions option").each(function () {
- if($(this).val() == '0'){
- $(this).attr("selected","selected");
- }else{
- $(this).removeAttr("selected");
- }
- })
- $("#streetOptions option").each(function (index){
- if(index==0){
- $(this).attr("selected","selected");
- }else{
- $(this).removeAttr("selected");
- }
- });
- $("#parkOptions option").each(function (index){
- if(index==0){
- $(this).attr("selected","selected");
- }else{
- $(this).removeAttr("selected");
- }
- });
- $("#searchForm input").each(function () {
- $(this).val("");
- })
- $(".removeItem").click();
- $(".itemCon .item[data-type='9']").css("display","none");
- }
- //重置筛选条件
- function resetSearch(){
- $(".type option").each(function () {
- if($(this).val() == "0"){
- $(this).attr("selected","selected");
- }else{
- $(this).removeAttr("selected");
- }
- })
- $("#searchCondition").css("display","none");
- initSearchCondition();
- }
- $(document).on("change","#searchOptions",function(){
- $(".itemCon .item[data-type='"+$(this).val()+"']").css("display","inline-block");
- $(".itemCon .item[data-type='9']").css("display","inline-block");
- })
- function look(dataType,id,streetId,pageNum){
- var data = {};
- data.dataType = dataType;
- data.pageNum = pageNum;
- if(dataType=="1"){
- data.streetId = id;
- }else if(dataType=="2"){
- data.parkId = id;
- data.streetId= streetId;
- }
- $.ajax({
- type: 'GET',
- url: pagePath+"/dataManage/streetStatistic",
- dataType:"json",
- data:data,
- success: function(result){
- if(result.success){
- var html = "";
- if(dataType == "0"){
- html = getStreetlistTable(result.obj.list);
- }else if(dataType == "1"){
- html = getParklistTable(result.obj.list);
- }else if(dataType == 2){
- html = getComplistTable(result.obj.list);
- }
- $("#dataTable").html(html);
- $("#total").text(result.obj.total);
- $("#pageNum").val(result.obj.pageNum);
- $("#pages").val(result.obj.pages);
- $("#detailContent").css("display","none");
- $("#listContent").css("display","block");
- $("#exportBtn").attr("onclick","exportData("+JSON.stringify(data)+")");
- loadPage(dataType,id,streetId);
- resetSearch();
- }else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- })
- }
- function getStreetlistTable(streetList){
- var html = '<thead>' +
- ' <tr class="text-c">' +
- ' <th width="25" style="display: none">id</th>' +
- ' <th>属地名称</th>' +
- ' <th>土地面积(平方公里)</th>' +
- ' <th>剩余土地面积(平方公里)</th>' +
- ' <th>建筑面积(平方米)</th>' +
- ' <th >剩余建筑面积(平方米)</th>' +
- ' <th >工业小区数量(个)</th>' +
- ' <th >总企业数(个)</th>' +
- ' <th >操作</th></tr></thead><tbody>';
- for(var i=0;i<streetList.length;i++){
- html += '<tr class="text-c"> ' +
- '<td class="id" style="display: none">'+streetList[i].streetId+'</td>' +
- '<td>'+streetList[i].name+'</td>' +
- '<td>'+streetList[i].sumArea+'</td>' +
- '<td>'+streetList[i].sumRestArea+'</td>' +
- '<td>'+streetList[i].sumBuildArea+'</td>' +
- '<td>'+streetList[i].sumRestRentArea+'</td>' +
- '<td>'+streetList[i].parkNum+'</td>' +
- '<td>'+streetList[i].compNum+'</td>' +
- '<td class="td-manage">' +
- '<a title="查看" href="javascript:void(0);" onclick="look(1,'+streetList[i].streetId+',null,1)" class="ml-5" style="text-decoration:none">查看</a> ' +
- '</td></tr>';
- }
- html+='</tbody>';
- return html;
- }
- function getParklistTable(parkList){
- var html = '<thead>' +
- ' <tr class="text-c">' +
- ' <th width="25" style="display: none">id</th>' +
- ' <th width="25" style="display: none">streetId</th>' +
- ' <th>园区名称</th><th>土地面积(平方公里)</th>' +
- ' <th>剩余土地面积(平方公里)</th>' +
- ' <th>建筑面积(平方米)</th>' +
- ' <th >剩余建筑面积(平方米)</th>' +
- ' <th >总企业数(个)</th>' +
- ' <th >操作</th></tr></thead><tbody>';
- for(var i=0;i<parkList.length;i++){
- html += '<tr class="text-c"> ' +
- '<td class="id" style="display: none">'+parkList[i].id+'</td>' +
- '<td class="streetId" style="display: none">'+parkList[i].streetId+'</td>' +
- '<td>'+parkList[i].name+'</td>' +
- '<td>'+parkList[i].sumArea+'</td>' +
- '<td>'+parkList[i].sumRestArea+'</td>' +
- '<td>'+parkList[i].sumBuildArea+'</td>' +
- '<td>'+parkList[i].sumRestRentArea+'</td>' +
- '<td>'+parkList[i].compNum+'</td>' +
- '<td class="td-manage">' +
- '<a title="查看" href="javascript:void(0);" onclick="look(2,'+parkList[i].id+','+parkList[i].streetId+',1)" class="ml-5" style="text-decoration:none">查看</a> ' +
- '</td></tr>';
- }
- html+='</tbody>';
- return html;
- }
- function getComplistTable(compList){
- var html = '<thead>' +
- ' <tr class="text-c">' +
- ' <th width="25" style="display: none">id</th>' +
- ' <th>统一社会信用代码</th>' +
- ' <th>组织机构代码</th>' +
- ' <th>企业名称</th>' +
- ' <th>法人代表</th>' +
- ' <th >区域</th>' +
- ' <th >行业代码</th>' +
- ' <th >注册资本(万元)</th>' +
- ' <th >注册时间</th>' +
- ' <th >操作</th></tr></thead><tbody>';
- for(var i=0;i<compList.length;i++){
- html += '<tr class="text-c"> ' +
- '<td class="id" style="display: none">'+compList[i].id+'</td>' +
- '<td>'+(compList[i].creditCode==undefined?"":compList[i].creditCode)+'</td>' +
- '<td>'+(compList[i].orgCode==undefined?"":compList[i].orgCode)+'</td>' +
- '<td>'+(compList[i].name==undefined?"":compList[i].name)+'</td>' +
- '<td>'+(compList[i].legalRepresentative==undefined?"":compList[i].legalRepresentative)+'</td>' +
- '<td>'+(compList[i].area==undefined?"":compList[i].area)+'</td>' +
- '<td>'+(compList[i].indesturyCode==undefined?"":compList[i].indesturyCode)+'</td>' +
- '<td>'+(compList[i].registerFunds==undefined?"":compList[i].registerFunds)+'</td>' +
- '<td>'+(compList[i].registertTime==undefined?"":compList[i].registertTime)+'</td>' +
- '<td class="td-manage">' +
- '<a title="查看" href="javascript:void(0);" onclick="getCompDetailInfo('+compList[i].id+')" class="ml-5" style="text-decoration:none">查看</a> ' +
- '</td></tr>';
- }
- html+='</tbody>';
- return html;
- }
- function loadPage(dataType,id,streetId) {
- //显示分页的容器
- var paging = $("#paging");
- //当前页
- var pageNum = $("#pageNum").val();
- // //总页数
- var pages = $("#pages").val();
- //连续显示分页数
- var groups = 6;
- laypage({
- cont: paging, //容器,仅支持id名\原生DOM对象,jquery对象
- pages: pages, //总页数
- // skip:true, //是否开启跳页
- groups: groups, //连续显示分页数
- first:'首页', //首页
- last: '尾页', //尾页
- skin:'#1E9FFF', //皮肤
- curr: pageNum || 1, //当前页
- jump:function(obj,first){ //触发分页后的回调
- //触发分页后的回调,并传递当前页obj.cuur
- if(!first){
- if(id!=null && id.length!=0){
- look(dataType,id,streetId, obj.curr);
- }else{
- search(obj.curr);
- }
- }
- }
- });
- }
- function search(currPage){
- var data = $("#searchForm").toJSON();
- data.pageNum = currPage;
- var dataType = data.dataType;
- $.ajax({
- type: 'GET',
- url: pagePath+"/dataManage/streetStatistic",
- dataType:"json",
- data:data,
- success: function(result){
- if(result.success){
- var html = "";
- if(dataType == "0"){
- html = getStreetlistTable(result.obj.list);
- }else if(dataType == "1"){
- html = getParklistTable(result.obj.list);
- }else if(dataType == 2){
- html = getComplistTable(result.obj.list);
- }
- $("#dataTable").html(html);
- $("#total").text(result.obj.total);
- $("#pageNum").val(result.obj.pageNum);
- $("#pages").val(result.obj.pages);
- $("#detailContent").css("display","none");
- $("#listContent").css("display","block");
- $("#exportBtn").attr("onclick","exportData("+JSON.stringify(data)+")");
- loadPage(null,null,null);
- }else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- })
- }
- function getCompDetailInfo(id){
- var data = {
- compId:id,
- dataType:"3"
- }
- $.ajax({
- type: 'GET',
- url: pagePath+"/dataManage/streetStatistic",
- dataType:"json",
- data:data,
- success: function(result){
- if(result.success){
- console.log(result.obj);
- var compDetai = result.obj;
- $("#listContent").css("display","none");
- $("#detailContent").css("display","block");
- $(".compInfo").each(function(){
- var value = compDetai[$(this).attr("name")];
- if(value == undefined){
- value=""
- }
- $(this).text(value);
- })
- var contactList = compDetai.comContact
- if(contactList.length>0){
- var html = "";
- for (var i=0;i<contactList.length;i++){
- var seq = "";
- var name = contactList[i].contact ==undefined?"":contactList[i].contact;
- var position = contactList[i].position==undefined?"":contactList[i].position;
- var phone = contactList[i].phone==undefined?"":contactList[i].phone;
- if(i==0){
- seq = "第一联系人";
- }else if(i==1){
- seq = "第二联系人";
- }else if(i==2){
- seq = "第三联系人";
- }else{
- seq = "其他联系人";
- }
- html+='<tr><td class="bg">'+seq+'</td><td>'+name+'</td><td>'+position+'</td><td>'+phone+'</td></tr>';
- }
- $("#compContact").html(html);
- }else{
- $("#compContact").html("");
- }
- $("#exportBtn").attr("onclick","exportData("+JSON.stringify(data)+")");
- $("#exportBtnDiv").css("display","none")
- }else {
- errorMessage(result.message);
- }
- },
- error: function () {
- errorMessage('系统错误!');
- }
- })
- }
- function exportData(data){
- var param = "?";
- if(!data){
- data = {dataType:0};
- }
- for (key in data){
- param += key+"="+data[key]+"&";
- }
- param = param.substr(0,param.length-1);
- window.open(pagePath + "/export/statics"+param);
- }
- </script>
- </body>
- </html>
|