<!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 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="certificate">房屋所有权证书（2份）</div>
<div class="fileListName1"></div>
</div>
</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="certificate">询问笔录(1)份</div>
<div class="fileListName3"></div>
</div>
<a class="record">下载模板</a>
</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>
</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="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>