yyjg.html 5.43 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 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="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>
                </ul>
            </div>
            <!-- ---------------------预约状态------------------------- -->
            <div class="appointment_status">
                <div class="status_info">
                    <div class="title">
                        <div class="title-left">
                            <h3>
                                <img src="../staticImages/Yes.png">
                                预约成功!您的预约号:
                                <span id='reservationNumber'></span>
                            </h3>
                            <p>请记录下您的预约号,以便后续的预约服务</p>
                        </div>
                        <div class="qrcode">
                            <img src="">
                            <p>扫描 查看预约信息</p>
                        </div>
                    </div>
                    <h2 class="region_title">注意事项</h2>
                    <ul style="margin-bottom: 20px;">
                        <li>1.您曾经失约<span id='renegeCount'></span>次,请留意您本次的预约时间和业务类型,切勿迟到或失约。</li>
                        <li>2.如确需取消预约,请提前1天登陆系统办理</li>
                        <li>3.请凭预约号及相关证件,按预约时间提前10分钟到选定的不动产登记中心办理业务</li>
                    </ul>
                    <h2 class="region_title">预约信息</h2>
                </div>
            </div>
            <div class="appointment_info_content">
                <div class="appointment_info">
                    <ul>
                        <li>
                            <span>姓名:</span>
                            <p id="username"></p>
                        </li>
                        <li>
                            <span>身份证号:</span>
                            <p id='zjhm'></p>
                        </li>
                        <li>
                            <span>办事大厅:</span>
                            <p id="orgName"></p>
                        </li>
                        <li>
                            <span>预约业务:</span>
                            <p id="hbShortname"></p>
                        </li>
                        <li>
                            <span>预约时间:</span>
                            <p id="yysj"></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>