geodynamiczzl.html 9.15 KB
<!--周转次数content-->
<div id="geo-cont-main" class="geo-cont">
    <!--搜索查询 sta-->
    <div class="row">
        <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-20 margin-bottom-24 ">
            <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                <div class="row ">
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                        <select id="zzl-plAreaBlockIds" class="selectpicker" data-width="100%" data-size="5"
                                data-live-search="true">
                        </select>
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                        <select id="zzl-parkIds" class="selectpicker" data-width="100%" data-size="5"
                                data-live-search="true">
                        </select>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                        <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14" >日期</span>
                        <div class="input-group  zzl-input78" id="zzl-daterange-btn">
                            <input type="text" class="form-control ITD-daterange-bg" readonly="" placeholder="日期选择">
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="float-right">
                            <div class="ITD-common-searchbtn" id="zzl-qerBtn">查询</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--搜索查询 end-->
    <div class="geocard-cont">
        <!-- 图表 echarts 全部停车场 办事处 -->
        <div class="geocard-normal row">
            <div class="col-md-5 col-sm-5 col-xs-5 ITD-padding-common padding-right">
                <div class="ITD-box-shadow ITD-border-radius padding0-14">
                    <div class="ITD-common-title ITD-common-color070 pos-rel">
                        <span >设备周转占比</span>
                        <div class="btn-actions pos-abs">
                            <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="openparkAll" title="查看详情">
                                <i class="fa ITD-panelicon-detail"></i>详情
                            </button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <!--全部停车场-->
                        <div class="zzl-qbtcc-box">
                            <div id="zzl-parkAll-chart" class="zzl-qbtcc-chart"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-7 col-sm-7 col-xs-7 ITD-padding-common padding-left">
                <div class="ITD-box-shadow ITD-border-radius padding0-14">
                    <div class="ITD-common-title ITD-common-color070 pos-rel">
                        <span>设备厂商周转占比</span>
                        <div class="btn-actions pos-abs">
                            <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="openbscAll" title="查看详情">
                                <i class="fa ITD-panelicon-detail"></i>详情
                            </button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="zzl-qbtcc-box">
                            <div id="zzl-topright-echarts" class="zzl-qbtcc-chart"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 单个停车场 table -->
        <div class="geocard-normal row">
            <div class="col-md-12 col-lg-12 ITD-padding-common margin-top-24">
                <div class="ITD-box-shadow ITD-border-radius padding0-14 panel-bottom">
                    <ul class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070">
                        <li class="float-left">单个停车场</li>
                        <li class="float-right">
                            <input type="button" class="ITD-export-btn" id="exportPark" value="导出">
                        </li>
                    </ul>
                    <div class="portlet-body">
                        <div class="dc-normal">
                            <div class="turnover-table">
                                <table id="zzlrecordtable" class="common-tableh47 ITD-fix-table"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--提示弹窗 sta-->
<div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog blue-modal">
        <div class="modal-content">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
            </div>
            <div class="modal-body">
                <div class="ITD-alertmodel-contentmsg"></div>
            </div>
        </div>
    </div>
</div>
<!--提示弹窗 end-->
<!--地磁周转详细记录 弹窗-->
<div class="modal fade" id="zzldetailParkmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog ITD-model-1020">
        <div class="modal-content">
            <div class="modal-header ITD-model-header">
                <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">设备周转次数详细记录</span>
            </div>
            <div class="modal-body zzl-ITD-model-contbody">
                <div class="ITD-padding-24 pos-rel ITD-common-color070" >
                    <div class="row margin-bottom-10 blue-top-width88">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <!--<label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">停车场 </label>-->
                            <select id="parkIds1" class="selectpicker" data-width="100%"  data-size="5">
                                <option value="">不限制</option>
                            </select>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <!--<label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">泊位区间 </label>-->
                            <select id="regionArea" class="selectpicker" data-width="100%"  data-size="5">
                                <option value="">不限制</option>
                            </select>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <!--<label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">分布区间 </label>-->
                            <select id="zzl-number" class="selectpicker" data-width="100%"  data-size="5">
                                <option value="">不限制</option>
                            </select>
                        </div>
                    </div>
                    <div  class="ITD-common-searchbtn pos-abs" style="top: 24px;right: 24px;" id="queryBtnedit">
                        查询
                    </div>
                    <div class="row blue-top-width88">
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                            <label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">时间段 </label>
                            <div class="input-group ITD-daterange-btn ITD-input-055" id="daterangeedit-btn">
                                <input type="text" class="form-control ITD-daterange-bg" readonly="" placeholder="日期选择">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="zzlfoot-opentable">
                    <table id="turnoveroentab" class="ITD-fix-table common-tableh47"></table>
                </div>
            </div>

        </div>
    </div>
</div>
<!--错误提示-->
<div class="modal fade" id="errormodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="ITD-modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div id="error_title"></div>
            </div>

        </div>
    </div>
</div>
<script src="../../assets/pages/scripts/public/common-select.js"></script>
<script src='../../assets/pages/scripts/deviceanaFile/geozzlFile/geodynamiczzl.js'></script>