puti
/
snd-escloud


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021
							<!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="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_street">
				<option value="" selected="selected">请选择</option>
			</select>
		</span>
            <!--<span class="tit">载体是否可用：</span>-->
            <!--<span class="select-box" style="width:100px">-->
            <!--<select class="select" id="isStartOptions" name="is_start" size="1">-->
            <!--<option value="" selected="selected">请选择</option>-->
            <!--<option value="1" >是</option>-->
            <!--<option value="0" >否</option>-->
            <!--</select>-->
            <!--</span>-->
            <span class="tit">面积：</span>
            <span>
			<input type="text" class="input-text" style="width:150px" placeholder="请输入" name="minArea">
		</span>-
            <span>
			<input type="text" class="input-text" style="width:150px" placeholder="请输入" name="maxArea">
		</span>
            <span class="tit">合同期限：</span>
            <span class="select-box" style="width:150px">
			<select class="select" id="timeOptions" name="contract_time" size="1">
				<option value="" selected="selected">请选择</option>
				<option value="3">三个月内</option>
				<option value="6">六个月内</option>
				<option value="12">十二月内</option>
			</select>
		</span>
            <!--<span class="select-box" style="width:150px">-->
            <!--<select class="select type" 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="searchCarrier(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" hidden>-->
        <!--<span class="tit">合同期限：</span>-->
        <!--<span class="select-box" style="width:150px">-->
        <!--<select class="select" id="timeOptions" name="contract_time" size="1">-->
        <!--<option value="" selected="selected">请选择</option>-->
        <!--<option value="3" >三个月内</option>-->
        <!--<option value="6" >六个月内</option>-->
        <!--<option value="12" >十二月内</option>-->
        <!--</select>-->
        <!--</span>-->
        <!--</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">&#xe6a6;</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">&#xe6a6;</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">&#xe6a6;</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">&#xe6a6;</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">&#xe6a6;</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">&#xe6a6;</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">&#xe6a6;</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">&#xe6a6;</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">
            <input type="hidden" id="dataType" style="display: none;"/>
            <input type="hidden" id="parkId" style="display: none;"/>
            <input type="hidden" id="streetId" style="display: none;"/>
            <span class="l">
                <a id="exportBtn" onclick="exportData(0)" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 导出Excel</a>
				<a href="javascript:;" onclick="comeback(1)" class="btn btn-info radius" id="backBtn"
                   style="display: none"> 返回</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>
            </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="*{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>-->
				<a href="javascript:;" onclick="comeback(3)" class="btn btn-info radius"> 返回</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>

    <div id="carrierContent" class="tableCon" style="display: none;">
        <div class="cl pd-5 bg-1 bk-gray mt-20" id="exportBtnDiv1">
            <span class="l">
                <a onclick="exportData(0)" class="btn btn-primary radius"><i class="Hui-iconfont"></i> 导出Excel</a>
				<a href="javascript:;" onclick="comeback(4)" class="btn btn-info radius"> 返回</a>
            </span>
        </div>
        <div class="tit">载体基本信息</div>
        <table>
            <tbody>
            <tr>
                <td class="bg">所属街道</td>
                <td class="carrierInfo" name="streetName">内容</td>
                <td class="bg">所属园区</td>
                <td class="carrierInfo" name="parkName">内容</td>
            </tr>
            <tr>
                <td class="bg">楼栋</td>
                <td class="carrierInfo" name="buildNumber">内容</td>
                <td class="bg">楼层</td>
                <td class="carrierInfo" name="floorNum">内容</td>
            </tr>
            <tr>
                <td class="bg">是否可用</td>
                <td class="carrierInfo" name="is_use">内容</td>
                <td class="bg">厂房类型</td>
                <td class="carrierInfo" name="plant_nature">内容</td>
            </tr>
            <tr>
                <td class="bg">是否有卸货平台</td>
                <td class="carrierInfo" name="landing_platform_count">内容</td>
                <td class="bg">柱间距</td>
                <td class="carrierInfo" name="intercolumniation">内容</td>
            </tr>
            <tr>
                <td class="bg">货梯承重</td>
                <td class="carrierInfo" name="lift_load_bearing">内容</td>
                <td class="bg">合同到期日</td>
                <td class="carrierInfo" name="contractEndDate">内容</td>
            </tr>
            </tbody>
        </table>

        <table id="carrierTable" class="table table-border table-bordered table-bg table-hover">
            <thead>
            <tr class="text-c">
                <th>租户名称</th>
                <th>楼栋</th>
                <th>楼层</th>
                <th>租住面积（平方米）</th>
                <th>合同到期日</th>
            </tr>
            </thead>
            <tbody>
            </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(0, null, null);
    })
    $(document).on("change", "#streetOptions", function () {
        var streetId = $(this).val();
        if (streetId.length == 0) {
            streetId = "0000";
        }
        $.ajax({
            type: 'GET',
            url: pagePath + "/carrierManage/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");
            }
        });
        $("#isStartOptions option").each(function (index) {
            if (index == 0) {
                $(this).attr("selected", "selected");
            } else {
                $(this).removeAttr("selected");
            }
        });
        $("#timeOptions 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) {
        $("#backBtn").show();
        var data = {};
        data.dataType = dataType;
        data.pageNum = pageNum;
        if (dataType == "1") {
            data.streetId = id;
            $("#dataType").val(0);
            $("#streetId").val(id);
        } else if (dataType == "2") {
            data.parkId = id;
            data.streetId = streetId;
            $("#dataType").val(1);
            $("#parkId").val(id);
            $("#streetId").val(streetId);
        }
        $.ajax({
            type: 'GET',
            url: pagePath + "/carrierManage/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 getCarrierTable(cattierList) {
        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 < cattierList.length; i++) {
            html += '<tr class="text-c"> ' +
                '<td class="id" style="display: none">' + cattierList[i].id + '</td>' +
                '<td class="streetId" style="display: none">' + cattierList[i].streetId + '</td>' +
                '<td>' + cattierList[i].streetName + '</td>' +
                '<td>' + cattierList[i].parkName + '</td>' +
                '<td>' + cattierList[i].buildNumber + '</td>' +
                '<td>' + cattierList[i].floorNum + '</td>' +
                '<td>' + cattierList[i].contractEndDate + '</td>' +
                '<td>' + cattierList[i].remainArea + '</td>' +
                '<td class="td-manage">' +
                '<a title="查看" href="javascript:void(0);" onclick="carrierInfo(' + cattierList[i].streetId + ',' + cattierList[i].parkId + ',' + cattierList[i].id + ')" class="ml-5" style="text-decoration:none">查看</a> ' +
                '</td></tr>';
        }
        html += '</tbody>';
        return html;
    }

    function getParklistTable(parkList) {
        var totalBuileArea = 0;
        var totalRestRentArea = 0;
        var totalCompNum = 0;
        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++) {
            totalBuileArea = totalBuileArea * 1 + parkList[i].sumBuildArea * 1;
            totalRestRentArea = totalRestRentArea * 1 + parkList[i].sumRestRentArea * 1;
            totalCompNum += parkList[i].compNum;
            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 += '<tr class="text-c">' +
            '<th width="25" style="display: none">id</th>' +
            '<th width="25" style="display: none">streetId</th>' +
            '<th>汇总</th>' +
            '<th>' + totalBuileArea.toFixed(2) + ' </th>' +
            '<th>' + totalRestRentArea.toFixed(2) + ' </th>' +
            '<th>' + totalCompNum + ' </th>' +
            '<th></th></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>' +
            /*'			<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>' + (compList[i].location == undefined ? "" : compList[i].location) + '</td>' +
                '<td>' + (compList[i].leaseArea == undefined ? "" : compList[i].leaseArea) + '</td>' +
                '<td>' + (compList[i].contractStartDate == undefined ? "" : compList[i].contractStartDate) + '</td>' +
                '<td>' + (compList[i].contractEndDate == undefined ? "" : compList[i].contractEndDate) + '</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 if (dataType.length != 0) {
                        look(dataType, id, streetId, obj.curr);
                    } else {
                        searchCarrier(obj.curr);
                    }
                }
            }
        });
    }

    function search(currPage) {
        var data = $("#searchForm").toJSON();
        data.pageNum = currPage;
        var dataType = data.dataType;
        $.ajax({
            type: 'GET',
            url: pagePath + "/carrierManage/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 searchCarrier(currPage) {
        var data = $("#searchForm").toJSON();
        data.pageNum = currPage;
        data.area_street = $("#streetOptions").val();
        data.area_park = $("#parkOptions").val();
        console.log(data);
        $.ajax({
            type: 'GET',
            url: pagePath + "/carrierManage/carrierStatistics",
            dataType: "json",
            data: data,
            success: function (result) {
                if (result.success) {
                    var html = "";
                    html = getCarrierTable(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");
                    $("#carrierContent").css("display", "none");
                    $("#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 + "/carrierManage/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")
                    $("#dataType").val(3);
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        })
    }

    function carrierInfo(streetId, parkId, id) {
        var data = {
            streetId: streetId,
            dataparkIdType: parkId,
            id: id
        }
        $.ajax({
            type: 'post',
            url: pagePath + "/carrierManage/carrierInfo",
            dataType: "json",
            data: data,
            success: function (result) {
                if (result.success) {
                    console.log(result.obj);
                    var carrierDetail = result.obj;
                    $("#listContent").css("display", "none");
                    $("#carrierContent").css("display", "block");
                    $(".carrierInfo").each(function () {
                        var value = carrierDetail[$(this).attr("name")];
                        console.log($(this).attr("name") + ":" + value);
                        if (value == undefined) {
                            value = ""
                        }
                        if ($(this).attr("name") == "is_use") {
                            if (value == 1) {
                                value = "是"
                            }
                            else {
                                value = "否"
                            }
                        }
                        if ($(this).attr("name") == "landing_platform_count") {
                            if (value > 0) {
                                value = "是"
                            }
                            else {
                                value = "否"
                            }
                        }
                        if ($(this).attr("name") == "plant_nature") {
                            if (value == "ELECTRONIC") {
                                value = "电子厂房"
                            }
                            else {
                                value = "机械厂房"
                            }
                        }

                        $(this).text(value);
                    })
                    var contactList = carrierDetail.companyDetails
                    if (contactList.length > 0) {
                        var html = '<thead>' +
                            '			<tr class="text-c">' +
                            '			<th>租户名称</th>' +
                            '			<th>楼栋</th>' +
                            '			<th>楼层</th>' +
                            '			<th>租住面积（平方米）</th>' +
                            '			<th >合同到期日</th>' +
                            '			</tr></thead><tbody>';
                        for (var i = 0; i < contactList.length; i++) {
                            html += '<tr class="text-c"> ' +
                                '<td>' + contactList[i].name + '</td>' +
                                '<td>' + contactList[i].buildNumber + '</td>' +
                                '<td>' + contactList[i].floorNum + '</td>' +
                                '<td>' + contactList[i].area + '</td>' +
                                '<td>' + contactList[i].contractEndDate + '</td>' +
                                '</td></tr>';
                        }
                        html += '</tbody>';

                        $("#carrierTable").html(html);
                    } else {
                        $("#carrierTable").html("");
                    }
                    $("#exportBtn").attr("onclick", "exportData(" + JSON.stringify(data) + ")");
                    $("#exportBtnDiv").css("display", "none")
                    $("#dataType").val(4);
                } 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);
    }

    function comeback(type) {
        var dataType = $("#dataType").val();
        var parkId = $("#parkId").val();
        var streetId = $("#streetId").val();
        if (dataType == 0) {
            window.location.href = pagePath + "/carrierManage/streetData";
        }
        if (dataType == 1) {
            console.log("streetId:" + streetId);
            console.log("dataType:" + dataType);
            console.log("parkId:" + parkId);
            look(1, streetId, null, 1);
        }
        // if(type == 1){
        //   window.location.href=pagePath + "/carrierManage/streetData";
        // }
        if (dataType == 4) {
            $("#carrierContent").css("display", "none");
            $("#detailContent").css("display", "none");
            $("#listContent").css("display", "block");
            $("#dataType").val(0);
        }
        if (dataType == 3) {
            console.log("streetId:" + streetId);
            console.log("dataType:" + dataType);
            console.log("parkId:" + parkId);
            look(2, parkId, streetId, 1);
        }
    }
</script>
</body>
</html>