xxjy.html 9.83 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/progress.css">
    <link rel="stylesheet" type="text/css" href="../staticCss/bljy.css">
</head>

<body>
    <div class="navigation_crumbs">
        <div class="contentBox">
            <span class="layui-breadcrumb">
                <a href="../../index.html">首页</a>
                <a href="./wssq.html">网上申请</a>
                <a><cite>在线申请</cite></a>
            </span>
        </div>
    </div>
    <div class="content_box">
        <div class="name_title layui-bg-gray">
            <h2></h2>
            <p></p>
        </div>
        <div class="progressBar">
            <ul class="app_progress" id="app_progress">
            </ul>
        </div>
        <div class="input_search">
            <div class="form_title">
                <h2>信息校验</h2>
            </div>
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">权利人</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" required lay-verify="title" placeholder="请输权利人"
                                class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">身份证</label>
                        <div class="layui-input-block">
                            <input type="text" name="idcard" required lay-verify="identity" placeholder="请输身份证"
                                class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">联系方式</label>
                        <div class="layui-input-inline">
                            <input type="tel" name="phone" maxlength="11" id="tel" required lay-verify="phone"
                                placeholder="请输联系方式" class="layui-input">
                        </div>
                        <button type="button"
                            class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">验证码</label>
                        <div class="layui-input-block">
                            <input type="tel" name="code" required lay-verify="code" maxlength="6" placeholder="请输验证码"
                                class="layui-input">
                        </div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="reset" class="layui-btn layui-btn-primary">重 置</button>
                        <button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="demo1">
</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="seach_result">
            <!-- <div class="no_data">暂无数据</div> -->
            <ul class="appointment_list">
                <li>
                    <div class="item_content">
                        <div class="item_title success">
                            <h3>正常</h3>
                            <p>
                                查看
                                <i class="layui-icon layui-icon-right"></i>
                            </p>
                        </div>
                        <ul class="item_info">
                            <li>
                                <span>预约人:</span>
                                <p>任超</p>
                            </li>
                            <li>
                                <span>办事大厅:</span>
                                <p>米香园办事大厅</p>
                            </li>
                            <li>
                                <span>办理业务类型:</span>
                                <p>二手房交易</p>
                                <a href="">办事指南</a>
                            </li>
                            <li>
                                <span>预约日期:</span>
                                <p>2020-12-56 上午 16:13</p>
                            </li>
                            <li>
                                <span>预约流水号:</span>
                                <p>897987987987</p>
                            </li>
                        </ul>
                        <a class="cancel_reservation">取消预约</a>
                    </div>
                </li>
                <li>
                    <div class="item_content">
                        <div class="item_title overdue">
                            <h3>正常</h3>
                            <p>
                                查看
                                <i class="layui-icon layui-icon-right"></i>
                            </p>
                        </div>
                        <ul class="item_info">
                            <li>
                                <span>预约人:</span>
                                <p>任超</p>
                            </li>
                            <li>
                                <span>办事大厅:</span>
                                <p>米香园办事大厅</p>
                            </li>
                            <li>
                                <span>办理业务类型:</span>
                                <p>二手房交易</p>
                                <a href="">办事指南</a>
                            </li>
                            <li>
                                <span>预约日期:</span>
                                <p>2020-12-56 上午 16:13</p>
                            </li>
                            <li>
                                <span>预约流水号:</span>
                                <p>897987987987</p>
                            </li>
                        </ul>
                        <a class="cancel_reservation">取消预约</a>
                    </div>
                </li>
                <li>
                    <div class="item_content">
                        <div class="item_title cancel">
                            <h3>正常</h3>
                            <p>
                                查看
                                <i class="layui-icon layui-icon-right"></i>
                            </p>
                        </div>
                        <ul class="item_info">
                            <li>
                                <span>预约人:</span>
                                <p>任超</p>
                            </li>
                            <li>
                                <span>办事大厅:</span>
                                <p>米香园办事大厅</p>
                            </li>
                            <li>
                                <span>办理业务类型:</span>
                                <p>二手房交易</p>
                                <a href="">办事指南</a>
                            </li>
                            <li>
                                <span>预约日期:</span>
                                <p>2020-12-56 上午 16:13</p>
                            </li>
                            <li>
                                <span>预约流水号:</span>
                                <p>897987987987</p>
                            </li>
                        </ul>
                        <a class="cancel_reservation">取消预约</a>
                    </div>
                </li>
            </ul>
            <div class="next_button">
                <button type="button" class="layui-btn layui-btn-normal">
                    <a href="./tbxx.html">下一步</a>
                </button>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/bljy.js"></script>
<script id="progress" type="text/html">
    {{#  layui.each(d.progressList, function(index, item){ }}
    {{#  if(item.stepState==2){ }}
    <li class="item_proress">
        <p class="active"></p>
        <h5>{{item.stepName}}</h5>
    </li>
    <li class="layui-progress">
        <div class="layui-progress-bar" lay-percent="100%"></div>
    </li>
    {{#  } }}
    {{#  if(item.stepState==1){ }}
    <li class="item_proress">
        <p class="active"></p>
        <h5>{{item.stepName}}</h5>
    </li>
    {{#  if(index!=(d.progressList.length-1)){ }}
    <li class="layui-progress">
        <div class="layui-progress-bar" lay-percent="50%"></div>
    </li>
    {{#  } }}
    {{#  } }}
    {{#  if(item.stepState==0){ }}
    <li class="item_proress">
        <p></p>
        <h5>{{item.stepName}}</h5>
    </li>
    {{#  if(index!=(d.progressList.length-1)){ }}
    <li class="layui-progress">
        <div class="layui-progress-bar" lay-percent="0%"></div>
    </li>
    {{#  } }} 
    {{#  } }} 
    {{#  }); }}
</script>

</html>