parkingguidance.html 6.06 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>停车诱导</title>
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--IE=edge:保持使用最高级别模式显示内容-->
    <meta name="renderer" content="webkit"><!--360浏览器-->
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <!--<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />-->
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/guidance.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /></head>
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=cuMSxNl5LOY6sf1M3nDGtG6tGXl5a0Bb"></script>
    <script type="text/javascript" src="../js/lib/maplib.js"></script>
    <script type="text/javascript" src="../js/lib/textIconOverlay.js"></script>
</head>
<body>
<!--地图部分 sta -->
<div id="allmap"></div>
<!--地图部分 end -->
<!--头部 sta -->
<div id="model-top" class="model-top">

</div>
<!--头部 end -->

<!--侧栏 sta -->
<div id="model-left" class="model-left">
    <div class="ser_title">诱导屏查询</div>
    <div class="search_con">
        <div style="display:inline-block;width: 88px;height: 36px">
            <select class="select01" id="select01">
                <!--<option value="923">红山区</option>
                <option value="925">松山区</option>
                <option value="923,924,925,926,927,928,929,930,931,932,933,934">全部</option>
                <option value="924,926,927,928,929,930,931,932,933,934">其他</option>-->
            </select>
        </div>
        <div style="display:inline-block;width: 88px;height: 36px">
            <select class="select02" id="select02">
                <option value="04">诱导级别</option>
                <option value="01">一级诱导</option>
                <option value="02">二级诱导</option>
                <option value="03">三级诱导</option>
            </select>
        </div>
        <div style="display:inline-block;width: 186px;height: 36px;position: relative;vertical-align: top;">
            <input type="text" placeholder="地点名称,诱导屏名称" class="ser_text" id="ser_text" maxlength="30">
            <div class="ser_btn" id="ser_btn">确定</div>
        </div>

    </div>
    <ul class="guide_con" id="guide_con">
        <li>
            <span class="guide_number_one guide_number" id="guide_number_1">0</span>
            <span class="guide_name">一级诱导</span>
        </li>
        <li class="margin04">
            <span class="guide_number_two guide_number" id="guide_number_2">0</span>
            <span class="guide_name">二级诱导</span>
        </li>
        <li>
            <span class="guide_number_three guide_number" id="guide_number_3">0</span>
            <span class="guide_name">三级诱导</span>
        </li>
    </ul>
    <div class="list_wrap" id="list_wrap">
        <ul class="list_con" id="list_con">
            <!--   <li>
                  <span class="coordinate_x" style="display: none">123,222</span>
                  <span class="coordinate_y" style="display: none">123,222</span>
                  <ul class="fl list_item_ul">
                     <li>
                          <span class="space_span"></span>
                           水岸天街
                      </li>
                      <li>
                          <span class="space_span"></span>
                              停车场数:
                             3
                      </li>
                      <li>
                          <span class="space_span"></span>
                          空闲车位总数:312
                      </li>
                      <li>
                          <span class="space_span"></span>
                          诱导级别:一级
                      </li>
                  </ul>
                  <div class="fl list_item_img">
                      <img src="../img/body_bg.png">
                  </div>

              </li>
  -->
        </ul>

        <div style="display: none" id="nodataInfo" class="nodataInfo">


            <span>没有搜索到相关的车位诱导屏。</span><br>
            <br>
            <span>温馨提示:</span><br>
            <span>• 请检查输入的关键字是否正确。</span><br>
            <span>• 如问题未解决,请联系平台管理员。</span><br>

        </div>
        <div class="page_main_wrap">
            <div class="guide_total" id="guide_total"></div>
            <div id="callBackPager" class="callBackPager"></div>
        </div>
    </div>

</div>
<!--侧栏 end -->
<!--诱导图弹窗 sta -->
<!--1级弹窗 sta-->

<!--1级弹窗 end-->
<!--2级弹窗 sta-->

<!--2级弹窗 end-->
<!--3级弹窗1 sta-->

<!--3级弹窗1 end-->
<!--诱导图弹窗 end -->
<!--右下角图例 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>车位不多:<=30%</li>
        <li class="freespace-msg"><span class="msg-common msg-bgeough"></span>车位充足:>30%</li>
    </ul>
</div>
<!--右下角图例 end -->
<!--底部 sta -->
<div id="model-foot" class="model-foot">

</div>
<!--底部 end-->
<script src="../js/lib/jquery.min.js"></script>
<script src="../js/lib/scroll.js"></script>
<script src="../js/lib/bootstrap.min.js"></script>

<!--<script src="../js/lib/echarts.min.js"></script>-->
<!--<script src="../js/lib/chifeng.js"></script>-->
<script src="../js/common/header-footer.js"></script>
<script src="../js/common/common.js"></script>
<script src="../js/common/unit.js"></script>
<script src="../js/pagejs/guidance.js"></script>
</body>
</html>