index.html 11.8 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="" />
    <link rel="stylesheet" href="../../staticCss/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
    <link rel="stylesheet" type="text/css" href="./css/index.css">
</head>

<body>
    <div class="yysj_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="">法律法规</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="central_area">
            <div class="appointment_notice contentBox">
                <ul class="app_progress">
                    <li class="selected">
                        <span>1</span>
                        预约须知
                    </li>
                    <div class="line"></div>
                    <li class="selected">
                        <span>2</span>
                        选择区域
                    </li>
                    <div class="line"></div>
                    <li class="active">
                        <span>3</span>
                        预约时间
                    </li>
                    <div class="line"></div>
                    <li>
                        <span>4</span>
                        预约结果
                    </li>
                </ul>
            </div>
            <div class="appoint_time">
                <div class="swiper-container">
                    <div class="swiper-wrapper" id="swiperDate"></div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <!-- ----------------------------------业务选择start----------------------------------------------- -->
            <div class="business_choice contentBox">
                <div class="title">
                    <h2>选择业务</h2>
                    <p>(请选择您要办理的业务)</p>
                </div>
                <div class="site-title">
                    <fieldset>
                        <legend>
                            <a href="" name="fieldset">
                                国有房屋
                            </a>
                        </legend>
                    </fieldset>
                </div>
                <ul class="business_list">
                    <li>
                        <a title="二手房转移登记">
                            二手房转移登记
                        </a>
                    </li>
                    <li>
                        <a title="有证房抵押首次登记">
                            有证房抵押首次登记/注销登记
                        </a>
                    </li>
                    <li>
                        <a title="解封登记">
                            查封/解封登记
                        </a>
                    </li>
                    <li>
                        <a title="解封登记">
                            查封/解封登记
                        </a>
                    </li>
                    <li>
                        <a title="证房抵押首次登记">
                            证房抵押首次登记/注销登记
                        </a>
                    </li>
                    <li>
                        <a title="二手房转移登记">
                            二手房转移登记
                        </a>
                    </li>
                </ul>
            </div>
            <div class="layui-anim layui_anim_list" data-anim="layui-anim-scale">
                <h2>
                    <i class="layui-icon layui-icon-close" onclick="modleClose()"></i>
                </h2>
                <ul class="content_box">
                    <li id="view"></li>
                    <li id="view1"></li>
                </ul>
            </div>
            <div class="layui_anim_content"></div>
    
            <div class="next_button">
                <button type="button" class="layui-btn layui-btn-normal">
                    <a href="../xxqu/index.html" title="上一步">
                        上一步
                    </a>
                </button>
                <button type="button" class="layui-btn layui-btn-normal nextButton">
                    <a title="下一步">
                        下一步
                    </a>
                </button>
            </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 src="../../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../../staticJs/yysj.js"></script>

<script id="date" type="text/html">
    {{#  layui.each(d.dateList, function(index, item){ }}
    {{#  if(item.isSelect){ }}
    <ul class="swiper-slide layui-bg-gray active">
        <li>{{item.week}}</li>
        <li>{{item.date}}</li>
    </ul>
    {{#  } }}
    {{#  if(!item.isSelect){ }}
    <ul class="swiper-slide layui-bg-gray">
        <li>{{item.week}}</li>
        <li>{{item.date}}</li>
    </ul>
    {{#  } }} 
    {{#  }); }}
</script>


<script id="appoint_timeList" type="text/html">
    <ul class="appointment_time">
    {{#  layui.each(d.list, function(index, item){ }}
      <li class="layui-bg-gray">
        {{item}}
      </li>
    {{#  }); }}
    {{#  if(d.list.length === 0){ }}
      无数据
    {{#  } }} 
    </ul>
</script>

<script id="appint_detail" type="text/html">
    <ol class="appint_detail">
        {{#  layui.each(d.appint_detail, function(index, item){ }}
        {{#  if(item.total > 0){ }}
        <li class="able_appint">
            <span>可预约</span>
            <p>{{item.total}}</p>
        </li>
        {{#  } }} 
        {{#  if(item.total == 0){ }}
        <li class="layui-bg-gray">
            <p class="full_engagement">已约满</p>
        </li>
        {{#  } }} 
        {{#  }); }}
        {{#  if(d.list.length === 0){ }}
        无数据
        {{#  } }} 
    </ol>
</script>