index.html 9.16 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <title>选择区域</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
    <link rel='icon' href='favicon.ico' type='image/x-ico' />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=0NWXXsCSawnWID4UYI7Uhrl9WgtI2IGs"></script>
    <link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
    <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="./css/index.css">
</head>

<body>
    <div class="main">
        <div class="subject top-logo">
            <div class="top_logo_content">
                <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
                <div class="top_logo_search">
                    <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
                        autocomplete="off" class="layui-input">
                    <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
                </div>
                <ul class="login">
                    <li>登录</li>
                    <li>注册</li>
                </ul>
            </div>
        </div>
        <div class="navigation">
            <ul class="layui-nav layui-bg-blue" lay-filter="">
                <li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
                <li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
                <li class="layui-nav-item"><a href="">业务办理</a></li>
                <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">查验中心</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="">移动模块</a></dd>
                        <dd><a href="">后台模版</a></dd>
                        <dd><a href="">电商平台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">在线缴费</a></li>
                <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
            </ul>
        </div>
        <div class="navigation_crumbs">
            <div class="contentBox">
                <span class="layui-breadcrumb">
                    <a href="../../staticIndex.html">首页</a>
                    <a href="../grzx/index.html">个人中心</a>
                    <a><cite>我的预约</cite></a>
                </span>
            </div>
        </div>
        <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
        <div class="appointment_notice contentBox">
            <ul class="app_progress">
                <li>
                    <span>1</span>
                    预约须知
                </li>
                <div class="line"></div>
                <li class="active">
                    <span>2</span>
                    选择区域
                </li>
                <div class="line"></div>
                <li>
                    <span>3</span>
                    预约时间
                </li>
                <div class="line"></div>
                <li>
                    <span>4</span>
                    预约结果
                </li>
            </ul>
        </div>
        <!-- ---------------------------------------省市办事大厅选择------------------------------------------- -->
        <div class="selectCity">
            <form class="layui-form">
                <h2 class="title"></h2>
                <div class="layui-inline layui-select-default" style="margin-right: 10px;">
                    <select name="province" class="Pselected" 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" data-area="杭州市" lay-filter="selectCity">
                        <option value="">选择市</option>
                    </select>
                </div>
            </form>
            <div class="area_list_content">
                <h2></h2>
                <ul class="area_list">
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                    <li>新城区</li>
                </ul>
            </div>
        </div>
        <div class="select_officehall">
            <form class="layui-form">
                <h2>办事大厅</h2>
                <div class="layui-inline">
                    <select name="officehall" lay-filter="officehall">
                        <option value="">选择办事大厅</option>
                        <option value="1">北京</option>
                        <option value="2">上海</option>
                        <option value="3">杭州</option>
                    </select>
                </div>
            </form>
        </div>
        <!-- ----------------------------------地图api--------------------------------------------------- -->
        <div class="map_content contentBox">
            <div id="container" style="width: 100%;height: 500px;"></div>
        </div>
        <!-- ----------------------------------内容模块end-------------------------------------------------- -->
        <div class="footer">
            <div class="system_service">
                <ul class="">
                    <li>
                        <a href="">
                            <span>公示公告</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span>法律法规</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span>相应政策</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span>下载服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span>关于我们</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="subject">
                <div class="footer_logo">
                    <a href="">
                        <img src="./../../staticImages/jiguan.png">
                    </a>
                </div>
                <ul>
                    <li>
                        西安市自然资源和规划局
                    </li>
                    <li>
                        电话:028-456465
                    </li>
                    <li>
                        地址:西安市丰城8路
                    </li>
                    <li>
                        网站标识吗:87987987
                    </li>
                    <li>
                        备案:陕IPC456465465
                    </li>
                    <li>
                        陕公网备案:456465465
                    </li>
                </ul>
                <ol>
                    <li>
                        <img src="./../../staticImages/code.png">
                        <p>扫描关注公众号</p>
                    </li>
                    <li>
                        <img src="./../../staticImages/code.png">
                        <p>扫描关注公众号</p>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script type="text/javascript" src="./js/city-picker.js"></script>
<script type="text/javascript" src="../../staticJs/xzqy.js"></script>