<!DOCTYPE html>
<html lang="en">
<head>
<title>店主信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../../resources/css/loanDetail.css" />
</head>
<body>
<input type="hidden" id="projectId" value="${projectId}"></input>
<input type="hidden" id="bossinfoId"></input>
<input type="hidden" id="propertyId"></input>
<input type="hidden" id="carId"></input>
<div id="wrapper">
<!-- Navigation -->
<jsp:include page="/page/common/menu.jsp" >
<jsp:param value="2" name="menu"/>
<jsp:param value="1" name="index"/>
</jsp:include>
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
</h1>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="container-fluid">
<!--修改的内容-->
<div class="contain-table">
<div >
基本信息
<!--点击添加的标签-->
<span class="add-basic"><i class="add-info cancel"></i><i class="change-cont">添加</i></span>
</div>
<div class="complete-info" id="complete-info">
<div class="table-basic">
<table border="1" class="basic-info" id="basic">
<tr>
<th>信息项</th>
<th>信息内容</th>
</tr>
<tr>
<td>姓名</td>
<td><input type="text" placeholder="请输入" id="name"/></td>
</tr>
<tr>
<td>电话</td>
<td><input type="text" placeholder="请输入" id = "phone"/></td>
</tr>
<tr>
<td>股份占比</td>
<td> <input type="text" placeholder="请输入" id = "shares"/></td>
</tr>
<tr>
<td>身份证号</td>
<td><input type="text" placeholder="请输入" id = "identityCard"/></td>
</tr>
<tr>
<td>身份证正面</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "identityCardFrontPic"/></a>
</div>
</td>
</tr>
<tr>
<td>身份证背面</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "identityCardBackPic"/></a>
</div>
</td>
</tr>
<tr>
<td>现在住址</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "livingAddress"/>
</div>
</td>
</tr>
<tr>
<td>户口所在地</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "residenceAddress"/>
</div>
</td>
</tr>
<tr>
<td>学历</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "education"/>
</div>
</td>
</tr>
<tr>
<td>毕业院校</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "school"/>
</div>
</td>
</tr>
<tr>
<td>毕业证</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "diplomaPic"/></a>
</div>
</td>
</tr>
<tr>
<td>学位证</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "degreePic"/></a>
</div>
</td>
</tr>
<tr>
<td>专业</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "major"/>
</div>
</td>
</tr>
<tr>
<td>是否缴纳社保</td>
<td>
<div class="table-td">
<input type="radio" name="socialSecurity" value="yes"/><label class="one">是</label>
<input type="radio" name="socialSecurity" value="no"/><label class="two">否</label>
</div>
</td>
</tr>
<tr>
<td>缴纳社保年限</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "socialSecurityYear"/>
</div>
</td>
</tr>
<tr>
<td>婚姻情况</td>
<td>
<div class="table-td">
<input type="radio" name="marriage" value="married"/><label class="one">已婚</label>
<input type="radio" name="marriage" value="single"/><label class="two">未婚</label>
<input type="radio" name="marriage" value="divorced"/><label class="two">离异</label>
</div>
</td>
</tr>
<tr>
<td>结婚证</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "marriageCertificatePic"/></a>
</div>
</td>
</tr>
<tr>
<td>配偶姓名</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "spouseName"/>
</div>
</td>
</tr>
<tr>
<td>配偶联系方式</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "spouseContact"/>
</div>
</td>
</tr>
<tr>
<td>配偶身份证号</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "spouseIDCard"/>
</div>
</td>
</tr>
<tr>
<td>配偶身份证正面</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "spouseIDCardFrontPic"/></a>
</div>
</td>
</tr>
<tr>
<td>配偶身份证背面</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "spouseIDCardBackPic"/></a>
</div>
</td>
</tr>
<tr>
<td>是否生育</td>
<td>
<div class="table-td">
<input type="radio" name="giveBirth" value="yes"/><label class="one">是</label>
<input type="radio" name="giveBirth" value="no"/><label class="two">否</label>
</div>
</td>
</tr>
<tr>
<td>子女数量</td>
<td>
<div class="table-td">
<input type="number" placeholder="请输入" id = "childrenNum"/><span>人</span>
</div>
</td>
</tr>
<tr>
<td>子女户口页资料</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "childrenResidencePic"/></a>
</div>
</td>
</tr>
<tr>
<td>全国法院被执行人信息查询</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "executionInfo"/>
</div>
</td>
</tr>
<tr>
<td>被执行人信息查询照片</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "executionInfoPic"/></a>
</div>
</td>
</tr>
<tr>
<td>深圳法院网上诉讼平台查询</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "litigationInfo"/>
</div>
</td>
</tr>
<tr>
<td>诉讼信息查询照片</td>
<td>
<div class="table-td">
<input type="file" accept="image/*"/>
<a><img class = "verifyPic" src="http://file.88mmmoney.com/49536eb9-1aff-477a-8d43-e08910819608" id = "litigationInfoPic"/></a>
</div>
</td>
</tr>
<tr>
<td>从业经历</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "workingExperience"/>
</div>
</td>
</tr>
</table>
<button type="button" id="submit">保存</button>
</div>
<div class="house" id="realEstate">
<div class="">
房产/其他资产
<span class="add-house"><i class="add-info cancel-house"></i><i class="change-cont">添加</i></span>
</div>
<div class="table-house" id="house-info">
<table border="1" class="house-info">
<tr>
<td>类型</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "propertyType"/>
</div>
</td>
</tr>
<tr>
<td>物业名称</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "propertyName"/>
</div>
</td>
</tr>
<tr>
<td>物业地址</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "propertyAddress"/>
</div>
</td>
</tr>
<tr>
<td>面积</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "propertyArea"/>
</div>
</td>
</tr>
<tr>
<td>购入日期</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "propertyPurchaseDate"/>
</div>
</td>
</tr>
<tr>
<td>购买价</td>
<td>
<div class="table-td">
<input type="number" placeholder="请输入" id = "propertyPurchasePrice"/>
</div>
</td>
</tr>
<tr>
<td>评估价</td>
<td>
<div class="table-td">
<input type="number" placeholder="请输入" id = "propertyEvaluatePrice"/>
</div>
</td>
</tr>
<tr>
<td>抵质押、借款情况</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "propertyPledge"/>
</div>
</td>
</tr>
</table>
<button type="button" id="submit">保存</button>
</div>
</div>
<div class="car">
<!--// 车产信息-->
<div class="">
车产
<span class="add-car"><i class="add-info cancel"></i><i class="change-cont">添加</i></span>
</div>
<div class="table-car" id="carProperty">
<table border="1" class="car-info">
<tr>
<td>品牌</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carBrand"/>
</div>
</td>
</tr>
<tr>
<td>型号</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carModel"/>
</div>
</td>
</tr>
<tr>
<td>车牌号</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carLicensePlate"/>
</div>
</td>
</tr>
<tr>
<td>发动机号</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carEngineNum"/>
</div>
</td>
</tr>
<tr>
<td>车架号</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carChassisNum"/>
</div>
</td>
</tr>
<tr>
<td>购入日期</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carPurchaseDate"/>
</div>
</td>
</tr>
<tr>
<td>购买价</td>
<td>
<div class="table-td">
<input type="number" placeholder="请输入" id = "carPurchasePrice"/>
</div>
</td>
</tr>
<tr>
<td>评估价</td>
<td>
<div class="table-td">
<input type="number" placeholder="请输入" id = "carEvaluatePrice"/>
</div>
</td>
</tr>
<tr>
<td>抵质押、借款情况</td>
<td>
<div class="table-td">
<input type="text" placeholder="请输入" id = "carPledge"/>
</div>
</td>
</tr>
</table>
<button type="button" id="submit">保存</button>
</div>
</div>
</div>
</div>
<div >
<div >
<input type="button" id="prev" value="<<上一页"/>
<button type="button" id="next">下一页>></button>
</div>
</div>
<br/>
<br/>
</div>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
</body>
<!--<%@include file="/page/common/foot.jsp" %>-->
<!--<script src="${pageContext.request.contextPath}/resources/js/loanproject/bossinfo.js" type="text/javascript" charset="utf-8"></script>-->
<script src="../../resources/js/loanproject/bossinfo.js" type="text/javascript" charset="utf-8"></script>
<script src="../../resources/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
init();
//给新表单中所有的input标签的id加上数字
var completeId = 1;
var houseId = 1;
var carId = 1;
var houseCount = 1;
var basicCount = 1;
var carCount = 1;
//添加基本信息表单
$('span.add-basic').click(function(){
var basicIdName = "complete-info"+completeId;
$(".contain-table").append($(".complete-info").eq(0).clone().attr('id',basicIdName));
$('#'+basicIdName+' input').val('');
$('#'+basicIdName+' input').each(function(){
var inputId = $(this).attr('id')+basicCount;
$(this).attr('id',inputId);
})
basicCount += 1;
completeId += 1;
})
//添加房产信息表单
$('span.add-house').click(function(){
var houseIdName = "house-info"+houseId;
$(".house").append($(".table-house").eq(0).clone().attr('id',houseIdName));
$('#'+houseIdName+' input').val('');
$('#'+houseIdName+' input').each(function(){
var houseInputId = $(this).attr('id')+houseCount;
$(this).attr('id',houseInputId);
})
houseCount += 1;
houseId += 1;
})
//添加车产信息表单
$('span.add-car').click(function(){
var carIdName = "house-info"+carId;
$(".car").append($(".table-car").eq(0).clone().attr('id',carIdName));
$('#'+carIdName+' input').val('');
$('#'+carIdName+' input').each(function(){
var carInputId = $(this).attr('id')+carCount;
$(this).attr('id',carInputId);
})
carCount += 1;
carId += 1;
})
$('span.add-car').click(function(){
var carIdName = "house-info"+carId;
$(".car").append($(".table-car").eq(0).clone().attr('id',carIdName));
$('#'+carIdName+' input').val('');
$('#'+carIdName+' input').each(function(){
var carInputId = $(this).attr('id')+carCount;
$(this).attr('id',carInputId);
})
carCount += 1;
carId += 1;
})
console.log($("input[type='radio']").length);
});
</script>
</html>