yyjg.html 4.97 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/yyjg.css">
    <link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css">
</head>

<body>
    <div class="yysj_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="central_area">
            <div class="progressBar contentBox">
                <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="active"></p>
                        <h5>
                            选择区域
                        </h5>
                    </li>
                    <div class="layui-progress">
                        <div class="layui-progress-bar" lay-percent="100%"></div>
                    </div>
                    <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>
                </ul>
            </div>
            <!-- ---------------------预约状态------------------------- -->
            <div class="appointment_status contentBox">
                <div class="status_info">
                    <div class="title">
                        <h3>
                            预约成功!您的预约号:
                            <span>952567654</span>
                        </h3>
                        <p>请记录下您的预约号,以便后续的预约服务。</p>
                    </div>
                    <ul>
                        <li>1.您曾经失约(0)次,请留意您本次的预约时间和业务类型,切勿迟到或失约。</li>
                        <li>2.如确需取消预约,请提前1天登陆系统办理</li>
                        <li>3.请凭预约号及相关证件,按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
                    </ul>
                </div>
            </div>
            <div class="appointment_info_content contentBox">
                <div class="appointment_info">
                    <ul>
                        <li>
                            <span>姓名:</span>
                            <p>任超</p>
                        </li>
                        <li>
                            <span>身份证号:</span>
                            <p>6101245646546</p>
                        </li>
                        <li>
                            <span>办事大厅:</span>
                            <p>碑林区办事大厅</p>
                        </li>
                        <li>
                            <span>预约业务:</span>
                            <p>二手房过户</p>
                        </li>
                        <li>
                            <span>预约时间:</span>
                            <p>2020年10月16日上午   11:00</p>
                        </li>
                    </ul>
                </div>
                <div id="container" style="width: 100%;height: 500px;"></div>
            </div>
        </div>
    </div>
</body>

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