staticViews/tbxx.html

<!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/yysq.css">
    <link rel="stylesheet" type="text/css" href="../staticCss/progress.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="acceptance_information">
            <h3>房屋信息</h3>
            <ul>
                <li>
                    <span>不动产单元号：</span>
                    <p>450101 450002 GB 00740W00000000</p>
                </li>
                <li>
                    <span>产权证号：</span>
                    <p>70205004005GB10030</p>
                </li>
                <li>
                    <span>坐落：</span>
                    <p>
                        XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
                    </p>
                </li>
                <li>
                    <span>面积：</span>
                    <p>526</p>
                </li>
                <li>
                    <span>合同备案号：</span>
                    <p>YS000000000001</p>
                </li>
            </ul>
        </div>
        <!-----------------买方信息------------------ -->
        <div class="person_info">
            <div class="title">
                <h3>买方信息</h3>
                <input type="radio" class="radioInfo" name="1" value="1" checked>
                <p>单独所有</p>
                <input type="radio" class="radioInfo" name="1" value="2">
                <p>按份所有</p>
                <input type="radio" class="radioInfo" name="1" value="3">
                <p>共同所有</p>
            </div>
            <form class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-input-block">
                            <input type="text" name="name" required lay-verify="name" placeholder="请输权利人"
                                class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline idCard">
                        <label class="layui-form-label">身份证类型</label>
                        <div class="layui-input-block">
                            <select lay-filter="typeId">
                                <option value="1">身份证</option>
                                <option value="2">军官证</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">证件号码</label>
                        <div class="layui-input-block">
                            <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码"
                                class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">联系方式</label>
                        <div class="layui-input-block">
                            <input type="tel" name="phone" maxlength="11" required lay-verify="phone"
                                placeholder="请输联系方式" class="layui-input">
                        </div>
                    </div><i class="layui-icon layui-icon-reduce-circle"></i>
                </div>
            </form>
            <div class="add_form layui-bg-gray">
                <i class="layui-icon layui-icon-addition"></i>
                <p>添加个人信息</p>
            </div>
        </div>
        <!-----------------资料上传------------------ -->
        <div class="data_upload">
            <h3>资料上传</h3>
            <div class="img_update">
                <div class="fileBox">
                    <div id="fileSpan" class="vm">
                        <input type="file" multiple id="fileInput" />
                        <div class="file_name">
                            <i class="layui-icon layui-icon-addition"></i>
                            <p>点击或拖拽文件上传</p>
                            <div class="certificate">登记申请书（2份）</div>
                            <div class="fileListName"></div>
                        </div>
                    </div>
                </div>
                <div class="fileList_parent">
                    <img src="../staticImages/dui.png">
                    <table width="150px" class="file_list">
                        <tbody class="fileList">
                    </table>
                </div>
            </div>
        </div>

        <div class="next_button">
            <button type="button" class="layui-btn layui-btn-normal">
                <a href="./wshs.html">
                    下一步
                </a>
            </button>
        </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/yysq.js"></script>
<script type="text/html" id="barDemo">
    <i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i>
</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>