tbxx.html 14.1 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/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">
            <h2>转移类</h2>
            <p> 商品房移买卖登记(个人)</p>
        </div>
        <div class="content_area">
            <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="fileListName"></div>
                            </div>
                        </div>
                        <div class="certificate">登记申请书(2份)</div>
                    </div>
                    <div class="fileList_parent">
                        <img src="../staticImages/dui.png">
                        <table width="150px" class="file_list">
                            <tbody class="fileList">
                        </table>
                    </div>
                </div>
                <!-- 房屋所有权证书 -->
                <div class="img_update">
                    <div class="fileBox">
                        <div id="fileSpan1" class="vm">
                            <input type="file" multiple id="fileInput1" />
                            <div class="file_name">
                                <i class="layui-icon layui-icon-addition"></i>
                                <p>点击或拖拽文件上传</p>
                                <div class="fileListName1"></div>
                            </div>
                        </div>
                        <div class="certificate">房屋所有权证书(2份)</div>
                    </div>
                    <div class="fileList_parent1">
                        <img src="../staticImages/dui.png">
                        <table width="150px" class="file_list">
                            <tbody class="fileList1">
                        </table>
                    </div>
                </div>
    
                <!-- 询问笔录 -->
                <div class="img_update">
                    <div class="fileBox">
                        <div id="fileSpan3" class="vm">
                            <input type="file" multiple id="fileInput3" />
                            <div class="file_name">
                                <i class="layui-icon layui-icon-addition"></i>
                                <p>点击或拖拽文件上传</p>
                                <div class="fileListName3"></div>
                            </div>
                            <a class="record">下载模板</a>
                        </div>
                        <div class="certificate">询问笔录(1)份</div>
                    </div>
                    <div class="fileList_parent3">
                        <img src="../staticImages/dui.png">
                        <table width="150px" class="file_list">
                            <tbody class="fileList3">
                        </table>
                    </div>
                </div>
            </div>
            <!-- 领证方式 -->
            <div class="obtaining_license">
                <h3>领证方式</h3>
                <form class="layui-form" action="" lay-filter="example">
                    <div class="layui-form-item">
                        <label class="layui-form-label">领证方式</label>
                        <div class="layui-input-block">
                            <input type="radio" name="type" value="1" lay-filter="beshared" title="现场领证" checked="">
                            <input type="radio" name="type" value="2" lay-filter="beshared" title="快递到家">
                        </div>
                    </div>
                    <div class="shipping_method">
                        <div class="layui-form-item item_inline">
                            <div class="layui-inline">
                                <label class="layui-form-label">收件人</label>
                                <div class="layui-input-block">
                                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">手机号码</label>
                                <div class="layui-input-block">
                                    <input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off"
                                        placeholder="请输入手机号码" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">所在地区</label>
                            <div class="layui-input-block ssq">
                                <h2></h2>
                                <div class="layui-inline layui-select-default" style="margin-right: 10px;">
                                    <select name="province" class="Pselected" data-area="浙江省"" lay-filter="province">
                                        <option value="">选择省</option>
                                    </select>
                                </div>
                                <h2></h2>
                                <div class="layui-inline selected layui-select-default">
                                    <select name="city" class="Cselected" data-area="杭州市">
                                        <option value="">选择市</option>
                                    </select>
                                </div>
                                <h2></h2>
                                <div class="layui-inline selected layui-select-default">
                                    <select name="city" class="Cselected" data-area="西湖区" lay-filter="selectCity">
                                        <option value="">选择区</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">详细地址</label>
                            <div class="layui-input-block">
                                <textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea>
                            </div>
                        </div>
                        <div class="next_button">
                            <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
                                <a>
                                    下一步
                                </a>
                            </button>
                        </div>
                    </div>
                    <div class="next_button submitButton">
                        <button type="button" class="layui-btn layui-btn-normal">
                            <a href="./wshs.html">
                                下一步
                            </a>
                        </button>
                    </div>
                </form>
            </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/yysq.js"></script>
<script type="text/javascript" src="../staticJs/imageUpdate.js"></script>
<script type="text/javascript" src="../staticJs/imageUpdate1.js"></script>
<script type="text/javascript" src="../staticJs/imageUpdate3.js"></script>
<script type="text/javascript" src="../staticJs/city-picker.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="activeing"></p>
        <h5 class="activeingtext">{{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>