@layout("/common/_container.html"){
|
<style>
|
.avatar-uploader .el-upload {
|
border: 1px dashed #d9d9d9;
|
border-radius: 6px;
|
cursor: pointer;
|
position: relative;
|
height: 100px;
|
width: 100px;
|
overflow: hidden;
|
}
|
|
.avatar-uploader .el-upload:hover {
|
border-color: #409EFF;
|
}
|
.avatar-uploader-icon {
|
font-size: 28px;
|
color: #8c939d;
|
width: 100px;
|
height: 100px;
|
line-height: 100px;
|
margin-top: 32px;
|
text-align: center;
|
}
|
.avatar {
|
width: 100px;
|
height: 100px;
|
display: block;
|
}
|
|
.col-sm-12 {
|
margin-top: 20px;
|
}
|
|
.col-sm-12 select {
|
height: 33px;
|
}
|
#app1{
|
margin-left: 255px;
|
}
|
|
|
</style>
|
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=77b37f0753049c4e712ea79a24e0719c"></script>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="carInfoForm">
|
<h2>商户信息</h2>
|
<div style="display: flex">
|
<span>运营商名称：</span><span>${data.name}</span>
|
<span>管理员姓名：</span><span>${user.name}</span>
|
<span>管理员电话：</span><span>${user.phone}</span>
|
</div>
|
<h2>商户号信息</h2>
|
</br>
|
</br>
|
<input hidden id="id" value="${id}">
|
<div class="row">
|
<div class="col-lg-6" style="">
|
<div class="form-group">
|
<label class="col-sm-4 control-label" >
|
商户类型：<input checked type="radio" name="bodyType" value="2" onclick="updateHalf(2)">企业
|
<input type="radio" name="bodyType" value="4" onclick="updateHalf(1)">个人
|
</label>
|
</div>
|
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*法人姓名：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" id="legalPerson" value="${item.legalPerson}" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*法人身份证号：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.leagleNumber}" id="leagleNumber" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<#avatar id="IDCardImg" name="*法人身份证正面照" avatarImg="${item.legalFront}" />
|
</div>
|
<div class="form-group">
|
<#avatar id="IDCardImg1" name="*法人身份证背面照" avatarImg="${item.legalBack}" />
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*身份证开始时间：</label>
|
<div class="col-sm-9" style="display: flex">
|
<input style="width: 300px" class="form-control" id="IDCardTime" value="${item.legalTerm}" name="IDCardTime" type="date">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*身份证结束时间：</label>
|
<div class="col-sm-9" style="display: flex">
|
<input style="width: 300px" class="form-control" value="${item.legalEnd}" id="IDCardEnd" name="IDCardTime" type="date">
|
<input type="checkbox" style="margin-left: 10px" id="IDCardE" value="0" onchange="TSite.tradeYse(this)">长期</input>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*证件居住地址：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.legalAddress}" id="legalAddress" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*法人邮箱：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.legalEmail}" id="email" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*法人电话：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.legalPhone}" id="legalPhone" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<#avatar id="license" name="*营业执照" avatarImg="${item.businessPicture}" />
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*营业执照注册号：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" id="businessNumber" value="${item.businessNumber}" placeholder="请输入营业执照注册号" type="text">
|
</div>
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*商户名称(一般与证件名称相同)：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.businessName}" id="businessName" placeholder="请输入商户名称" type="text">
|
</div>
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*商户别名(微信账单显示的商户名称)：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.aliasName}" id="aliasName" placeholder="请输入商户别名" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*营业期限(开始)：</label>
|
<div class="col-sm-9" style="display: flex">
|
<input style="width: 300px" class="form-control" id="tradeTime" value="${item.businessTerm}" name="tradeTime" type="date">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*营业期限(结束)：</label>
|
<div class="col-sm-9" style="display: flex">
|
<input style="width: 300px" class="form-control" value="${item.businessEnd}" id="endTime" name="endTime" type="date">
|
<input type="checkbox" style="margin-left: 10px" id="tradeE" value="0" onchange="TSite.tradeYse(this)">长期</input>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*营业执照注册地址：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.registerAddress}" id="companyAddress" placeholder="请输入" type="text">
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" style="">
|
<div id="banks">
|
<div class="form-group">
|
<label class="col-sm-4 control-label" >
|
账号使用类型：<input checked type="radio" name="useType" value="74" >对公
|
<input type="radio" name="useType" value="75" >对私
|
</label>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*开户银行：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" id="bankName" value="${item.bank}" placeholder="请输入(例:中国农业银行)" type="text">
|
</div>
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*开户银行联行号：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" id="bankCardTwo" value="${item.bankCardTwo}" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*开户名称：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" id="bankUserName" value="${item.accountName}" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*开户银行全称(含支行)：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" id="bankName1" value="${item.bankName}" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group" >
|
<label class="col-sm-3 control-label">*银行账号：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" id="bankCard" value="${item.bankNumber}" placeholder="请输入" type="text">
|
</div>
|
</div>
|
|
<div class="form-group" id="provinceCode">
|
<label class="col-sm-3 control-label">*开户行所在省：</label>
|
<div class="col-sm-9">
|
<select style="width: 300px" class="form-control" id="pCode" name="pCode" onchange="TSite.oneChange2(this)">
|
@for(obj in list4){
|
<option style="width: 300px" value="${obj.code}" ${obj.code == item.provinceCode ? 'selected=selected' : ''}>${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group" id="cityCode">
|
<label class="col-sm-3 control-label">*开户行所在市：</label>
|
<div class="col-sm-9">
|
<select style="width: 300px" class="form-control" id="cCode" name="cCode" >
|
@for(obj in list5){
|
<option style="width: 300px" value="${obj.code}" ${obj.code == item.cityCode ? 'selected=selected' : ''}>${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="row" id="benefit">
|
|
<div class="form-group">
|
<label class="col-sm-4 control-label" >
|
法人是否为受益人：<input type="radio" checked name="type" value="true" onclick="updateHalf1(1)">是
|
<input type="radio" name="type" value="false" onclick="updateHalf1(0)">否
|
</label>
|
</div>
|
<div hidden id="benefitInfo">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*受益人姓名：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" value="${item.benefitsName}"class="form-control" id="bName" name="bName" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*受益人身份证地址：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control"value="${item.benefitsAddress}" id="bAddress" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*受益人身份证有效期：</label>
|
<div class="col-sm-9">
|
<input style="width: 300px" class="form-control" value="${item.benefitsStartTime}" id="bTime" name="bTime" type="date">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*受益人身份证结束时间：</label>
|
<div class="col-sm-9" style="display: flex">
|
<input style="width: 300px" class="form-control" value="${item.benefitsEndTime}" id="bEnd" name="IDCardTime" type="date">
|
<input type="checkbox" style="margin-left: 10px" id="bIDCardT" value="0" onchange="TSite.tradeYse(this)">长期</input>
|
</div>
|
</div>
|
<div class="form-group">
|
<#avatar id="bImg1" name="受益人身份证正面照" avatarImg="${item.benefitsFront}" />
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*受益人身份证号：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" value="${item.benefitsNumber}" id="bIDNumber" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*受益人证件居住地址：</label>
|
<div class="col-sm-9" >
|
<input style="width: 300px" class="form-control" value="${item.benefitsAddress}" id="bIDAddress" placeholder="请输入" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<#avatar id="bImg2" name="受益人身份证背面照" avatarImg="${item.benefitsBack}"/>
|
|
</div>
|
</div>
|
</div>
|
<div class="row" id="applyment_state">
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*申请状态：</label>
|
<div class="col-sm-9">
|
<h3 style="color: red">${applymentState}</h3>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row" hidden id="account">
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*付款户名：</label>
|
<div class="col-sm-9">
|
<h3>${accountName}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*付款卡号：</label>
|
<div class="col-sm-9">
|
<h3>${accountNo}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*需要汇款的金额(单位：分)：</label>
|
<div class="col-sm-9">
|
<h3>${payAmount}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*收款账户的卡号：</label>
|
<div class="col-sm-9">
|
<h3>${destinationAccountNumber}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*收款账户名：</label>
|
<div class="col-sm-9">
|
<h3>${destinationAccountName}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*收款账户的开户银行名称：</label>
|
<div class="col-sm-9">
|
<h3>${destinationAccountBank}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*收款账户的省市：</label>
|
<div class="col-sm-9">
|
<h3>${city}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*商户汇款时，需要填写的备注信息：</label>
|
<div class="col-sm-9">
|
<h3>${remark}</h3>
|
</div>
|
</div>
|
</div>
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*请在此时间前完成汇款：</label>
|
<div class="col-sm-9">
|
<h3>${deadline}</h3>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-group" hidden id="sign_url">
|
<label class="col-sm-3 control-label">*签约链接(需让申请单-管理者用微信扫码打开，完成签约)：</label>
|
<div class="col-sm-9" >
|
<img src="https://we-park-life.oss-cn-beijing.aliyuncs.com/img/10e7c7ec88c14cb9970910ad642b4ad5.png" width="200px" height="200px" alt="二维码">
|
</div>
|
</div>
|
<div class="form-group" hidden id="legal_validation_url">
|
<label class="col-sm-3 control-label">*法人验证链接(商户法人用微信扫码打开，完成账户验证)：</label>
|
<div class="col-sm-9" >
|
<img src="https://we-park-life.oss-cn-beijing.aliyuncs.com/img/10e7c7ec88c14cb9970910ad642b4ad5.png" width="200px" height="200px" alt="二维码">
|
</div>
|
</div>
|
|
<div class="row" hidden id="sign_state">
|
<div class="col-lg-6" >
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*签约状态：</label>
|
<div class="col-sm-9">
|
<h3 style="color: red">${signState}</h3>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5" >
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TSite.addSubmit1()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TSite.close()"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script src="${ctxPath}/modular/system/operatorUser/operatorUser.js"></script>
|
<script src="${ctxPath}/js/vue/vue.js"></script>
|
<script src="${ctxPath}/js/elementui/index.js"></script>
|
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">
|
<script>
|
function updateHalf1(e) {
|
if(e==0){
|
// 法人不是受益人
|
$("#benefitInfo").show()
|
}else {
|
// 法人是受益人
|
$("#benefitInfo").hide()
|
}
|
}
|
// function updateHalf(e) {
|
// if(e==3){
|
// console.log("展示")
|
// $("#banks").show()
|
// $("#aliNumber").hide()
|
// }else if (e==4){
|
// // 结算到支付宝账号
|
// console.log("隐藏")
|
// $("#banks").hide()
|
// $("#aliNumber").show()
|
// }
|
// }
|
|
window.onload = function(){
|
var state="${state}"
|
if(state=="FINISH"){
|
$("#sign_url").show()
|
}
|
var signState="${signState}"
|
if(signState!= 0){
|
$("#sign_url").show()
|
}
|
var applymentState="${applymentState}"
|
var legalValidationUrl="${item.legalValidationUrl}"
|
if(applymentState== "待账户验证"){
|
$("#account").show()
|
if (legalValidationUrl !=null && legalValidationUrl != ""){
|
$("#legal_validation_url").show()
|
}
|
}
|
// 如果state为finish 才展示二维码链接
|
var idCardEnd="${item.legalEnd}"
|
var businessEnd="${item.businessEnd}"
|
var benefitsEndTime="${item.benefitsEndTime}"
|
var tradeT = document.getElementById('tradeE');
|
var IDCardTime = document.getElementById('IDCardTime');
|
var endTime = document.getElementById('endTime');
|
var IDCardT = document.getElementById('IDCardE');
|
var IDCardTime = document.getElementById('IDCardEnd');
|
var IDCardE = document.getElementById('IDCardE');
|
var IDCardTime = document.getElementById('IDCardEnd');
|
var IDCardE = document.getElementById('IDCardE');
|
var bEnd = document.getElementById('bEnd');
|
console.log("进入")
|
|
console.log("身份证结束时间")
|
console.log(idCardEnd)
|
if (idCardEnd == "长期"){
|
IDCardE.checked = true;
|
IDCardTime.disabled = true;
|
}
|
console.log("营业结束时间")
|
console.log(businessEnd)
|
if (businessEnd == "长期"){
|
tradeT.checked = true;
|
endTime.disabled = true;
|
}
|
if (benefitsEndTime == "长期"){
|
bIDCardT.checked = true;
|
bEnd.disabled = true;
|
}
|
console.log("${item.accountType}")
|
var accountType = "${item.accountType}";
|
var OBJradio=document.getElementsByName("useType")
|
if(accountType=="74"){
|
OBJradio[0].checked=true
|
}else {
|
OBJradio[1].checked=true
|
}
|
|
}
|
</script>
|
@}
|
