guidemonitoring.html 11.1 KB

<div class="container">
    <!--/*搜索*/-->
    <div class="main-wrap" id="main-wrap">
        <div class="main-left float-left">
            <div id="main-left"></div>
        </div>
        <div class="main-right float-left" id="main-right">
            <div class="ser-inp">
                <input type="text" maxlength="30" placeholder="诱导屏名称,地点" class="ser-input" id="ser-input"><span class="bg-blue" id="ser-button"></span>
                <div class="cancelBtn" title="清除"></div>
            </div>
            <div class="ser-resPanel" id="ser-resPanel"></div>
            <div class="ser-inp-effect" id="ser-inp-effect">
                没有搜到相关内容
            </div>
            <div class="ser-wrap ser-Res ser-wrap-panel" id="ser-wrap">
                <div class="ser-main">
                    <div class="content float-left">
                        <div class="select">
                            <p data-value="">全部</p>
                            <ul>
                                <li data-value="" class="Selected">全部</li>
                                <li data-value="1">西城区</li>
                                <li data-value="2">东城区</li>
                            </ul>
                        </div>
                    </div>
                    <div class="content float-left">
                        <div class="select1">
                            <p data-value="">诱导级别</p>
                            <ul style="overflow-y: auto;width: 123px;left: -6px;height: 125px;">
                                <li data-value="" class="Selected">全部</li>
                                <li data-value="01">一级诱导</li>
                                <li data-value="02">二级诱导</li>
                                <li data-value="03">三级诱导</li>
                            </ul>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="guidance-level" id="guidance-level">
                        <div class="level">
                            <div id="guidance-level_1">0</div>
                            <div>一级诱导</div>
                        </div>
                        <div class="level">
                            <div id="guidance-level_2">0</div>
                            <div>二级诱导</div>
                        </div>
                        <div class="level">
                            <div id="guidance-level_3">0</div>
                            <div>三级诱导</div>
                        </div>
                    </div>

                    <ul class="ser-result-wrap" id="guide_result">
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>10.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                        <li>
                            <div class="float-left ser-result-l">
                                <div>1.创业路南口</div>
                                <div>停车场数:5</div>
                                <div>空闲车位总数:50000</div>
                                <div>诱导级别:一级</div>
                            </div>
                            <div class="img-wrap float-right"></div>
                        </li>
                    </ul>
                    <div id="pageGro" class="pageGro">
                        <div class="pageUp">《上一页</div>
                        <div class="pageList">
                            <ul>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                        </div>
                        <div class="pageDown">下一页》</div>
                    </div>

                </div>
            </div>
        </div>

    </div>



    <!--/*地图*/-->
    <div class="map-wrap" id="allmap"></div>
    <!--停车场弹窗-->

    <!--右下角图例 sta -->
   <!-- <div class="freespace">
        <div class="freespace-tit">车位饱和状态</div>
        <ul class="freespace-content">
            <li class="freespace-msg"><span class="msg-common msg-bgfull"></span>车位已满:0</li>
            <li class="freespace-msg"><span class="msg-common msg-bgfew"></span>车位不多:1-30%</li>
            <li class="freespace-msg"><span class="msg-common msg-bgeough"></span>车位充足:>30%</li>
        </ul>
    </div>-->
    <!--右下角图例 end -->
    <!--一级诱导弹窗-->
    <!--<div class="guidance1-pop" id="guidance1-pop pop-common">
        <img src="http://61.177.139.228:18038/group1/M00/00/00/wKiBiVmUFauAH5JyAAA6mT2lmXk447.png" alt="">
    </div>-->
    <!--二级诱导弹窗-->
    <!--<div class="guidance2-pop pop-common" id="guidance2-pop">
        <div class="guidance2-poptopbar">
        </div>
        <div class="pop-bottomcontent">
            <ul class="pop-bottomUl">
                <li class="bottom-style">
                    <div id=" " class="bot-tit">万达B区</div>
                    <div class="bot-right">
                        <div id=" " class="right-icon"></div>
                        <div class="height20"></div>
                        <div id=" " class="bot-num space-firstnum fontgreen">123</div>
                    </div>
                </li>
                <li class="bottom-style">
                    <div id=" " class="bot-tit">嘉华东路</div><div class="bot-right"><div id=" " class="run-icon"></div><div class="height20"></div>
                    <div id=" " class="bot-num space-firstnum fontblue">22</div> </div>
                </li>
                <li class="bottom-style">
                    <div id=" " class="bot-tit">嘉华西路</div><div class="bot-right"><div id=" " class="left-icon"></div><div class="height20"></div>
                    <div id=" " class="bot-num space-firstnum fontorange">0</div> </div>
                </li>
                <li class="bottom-style">
                    <div id="bot-tit1" class="bot-tit">嘉华北路</div><div class="bot-right"><div id=" " class="around-icon"></div><div class="height20"></div>
                    <div id=" " class="bot-num space-firstnum fontorange">0</div> </div>
                </li>
            </ul>
        </div>
    </div>-->
    <!--三级诱导弹窗-->
    <!--<div class="guidance3-pop pop-common" id="guidance3-pop">
        <div class="guidance3-poptopbar">
            <span class="pop_parkName align-center-vertical">水岸天街</span>
        </div>
        <div class="guidance3-mid">
            <div class="guidance3-plies float-left"><span id="upper-case" class="upper-case">A1</span>层</div>
            <div class="plies-tit float-left">空闲</div>
            <div class="plies-Num float-left fontgreen">678</div>
        </div>
        <div class="time-hour"><div class="time-num1">07:0021:00</div></div>
    </div>-->
</div>

<script src='../../assets/pages/scripts/operMonFile/guideMon/guidemonitoring.js'></script>