xzqy.html 4.93 KB
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <style>
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的预约-选择区域</title>
    <script type="text/javascript" src="../staticJs/head.js"></script>
    <link rel="stylesheet" type="text/css" href="../staticCss/xzqy.css">
    <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css">
</head>

<body>
    <div class="main">
        <div class="navigation_crumbs">
            <div class="contentBox">
                <span class="layui-breadcrumb">
                    <a href="../index.html" title="首页">首页</a>
                    <a href="./grzx.html" title="个人中心">个人中心</a>
                    <a title="选择区域"><cite>选择区域</cite></a>
                </span>
            </div>
        </div>
        <div class="appointment_content">
            <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
            <div class="progressBar">
                <ul class="app_progress">
                    <li>
                        <p class="active"></p>
                        <h5>
                            预约须知
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar" lay-percent="100%"></div>
                    </div>
                    <li>
                        <p class="activeing"></p>
                        <h5 class="activeingtext">
                            选择区域
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar" lay-percent="50%"></div>
                    </div>
                    <li>
                        <p></p>
                        <h5>
                            预约业务
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar"></div>
                    </div>
                    <li>
                        <p></p>
                        <h5>
                            预约结果
                        </h5>
                    </li>
                </ul>
            </div>
            <!-- ---------------------------------------省市办事大厅选择------------------------------------------- -->
            <div class="selectCity">
                <h2 class="region_title">选择区域</h2>
                <form class="layui-form">
                    <h2 class="title"></h2>
                    <div class="layui-inline layui-select-default" style="margin-right: 10px;">
                        <select name="province" class="Pselected" disabled data-area="浙江省"" lay-filter=" province">
                            <option value="">选择省</option>
                        </select>
                    </div>
                    <h2></h2>
                    <div class="layui-inline selected layui-select-default">
                        <select name="city" class="Cselected" disabled data-area="杭州市" lay-filter="selectCity">
                            <option value="">选择市</option>
                        </select>
                    </div>
                </form>
                <div class="area_list_content">
                    <h2></h2>
                    <ul class="area_list">
                    </ul>
                </div>
            </div>
            <!-- ----------------------------------地图api--------------------------------------------------- -->
            <div class="map_content">
                <h2 class="region_title">选择办事大厅</h2>
                <ul class="office_halls"></ul>
                <div id="container" class="map"></div>
            </div>
            <div class="footer_button">
                <button type="button" class="layui-btn layui-btn-normal">
                    <a href="./yyxz.html" title="上一步">
                        上一步
                    </a>
                </button>
                <button type="button" id="nextButton" class="layui-btn nextButton layui-btn-normal layui-btn-disabled">
                    <a title="下一步">
                        下一步
                    </a>
                </button>
            </div>
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
<script type="text/javascript" src="../staticJs/city-picker.js"></script>
<script type="text/javascript" src="../staticJs/xzqy.js"></script>