index.html 9.7 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" title="西安市不动产登记平台"><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>
                        <a href="" title="登录">
                            登录
                        </a>
                    </li>
                    <li>
                        <a href="" title="注册">
                            注册
                        </a>
                    </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" title="首页">首页</a>
                    <a href="../grzx/index.html" title="个人中心">个人中心</a>
                    <a title="我的预约"><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="" title="公示公告">
                            <span>公示公告</span>
                        </a>
                    </li>
                    <li>
                        <a href="" title="法律法规">
                            <span>法律法规</span>
                        </a>
                    </li>
                    <li>
                        <a href="" title="相应政策">
                            <span>相应政策</span>
                        </a>
                    </li>
                    <li>
                        <a href="" title="下载服务">
                            <span>下载服务</span>
                        </a>
                    </li>
                    <li>
                        <a href="" title="关于我们">
                            <span>关于我们</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="subject">
                <div class="footer_logo">
                    <a href="" title="党政机关">
                        <img src="./../../staticImages/jiguan.png" alt="党政机关" />
                    </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" alt="公众号" />
                        <p>扫描关注公众号</p>
                    </li>
                    <li>
                        <img src="./../../staticImages/code.png" alt="公众号" />
                        <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>