|
@@ -123,20 +123,25 @@
|
|
|
.pay-status label:first-child {
|
|
|
margin-left: 10px
|
|
|
}
|
|
|
- .controls{
|
|
|
+
|
|
|
+ .controls {
|
|
|
font-size: 0;
|
|
|
}
|
|
|
- .controls .conList{
|
|
|
+
|
|
|
+ .controls .conList {
|
|
|
display: inline-block;
|
|
|
margin-right: 15px;
|
|
|
}
|
|
|
- .conList .btn:nth-of-type(1){
|
|
|
+
|
|
|
+ .conList .btn:nth-of-type(1) {
|
|
|
margin-left: 25px;
|
|
|
}
|
|
|
+
|
|
|
.upload-content {
|
|
|
margin-top: -70px;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
+
|
|
|
.upload-content .conList .btn:nth-of-type(1) {
|
|
|
width: 90px;
|
|
|
height: 100px;
|
|
@@ -144,19 +149,23 @@
|
|
|
background: #fff;
|
|
|
position: relative;
|
|
|
}
|
|
|
- .upload-content .conList .btn:nth-of-type(1)>div {
|
|
|
+
|
|
|
+ .upload-content .conList .btn:nth-of-type(1) > div {
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
color: #666;
|
|
|
}
|
|
|
+
|
|
|
.upload-content .conList .btn:nth-of-type(1) span {
|
|
|
font-size: 35px;
|
|
|
}
|
|
|
+
|
|
|
.upload-content .conList .btn:nth-of-type(1) h5 {
|
|
|
color: #666;
|
|
|
}
|
|
|
+
|
|
|
.cancel-upload {
|
|
|
background: transparent;
|
|
|
border: none;
|
|
@@ -167,6 +176,7 @@
|
|
|
cursor: pointer;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
+
|
|
|
.upload-content .conList ol li {
|
|
|
width: 114px;
|
|
|
min-height: 80px;
|
|
@@ -176,41 +186,42 @@
|
|
|
top: 120px;
|
|
|
margin-left: 2px;
|
|
|
}
|
|
|
+
|
|
|
.hide-pic {
|
|
|
display: none !important;
|
|
|
}
|
|
|
</style>
|
|
|
<script type="text/javascript">
|
|
|
- $(document).ready(function() {
|
|
|
- $("#inputForm").validate({
|
|
|
- ignore:"",
|
|
|
- submitHandler: function (form) {
|
|
|
- var shopOtherFee = $("#shopOtherFee").val();
|
|
|
- var brokerage = ${brokerage};
|
|
|
- if (brokerage < shopOtherFee) {
|
|
|
- top.$.jBox.confirm("付第三方的值不合理,导致佣金为负,确认继续吗?", '提示', function (v, h, f) {
|
|
|
- if (v == true) {
|
|
|
- loading('正在提交,请稍等...');
|
|
|
- form.submit();
|
|
|
- }
|
|
|
- return;
|
|
|
- }, {buttons: {'取消': false, '确定': true}});
|
|
|
- } else {
|
|
|
- loading('正在提交,请稍等...');
|
|
|
- form.submit();
|
|
|
- }
|
|
|
- },
|
|
|
- errorContainer: "#messageBox",
|
|
|
- errorPlacement: function(error, element) {
|
|
|
- $("#messageBox").text("输入有误,请先更正。");
|
|
|
- if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
|
|
|
- error.appendTo(element.parent().parent());
|
|
|
- } else {
|
|
|
- error.insertAfter(element);
|
|
|
- }
|
|
|
+ $(document).ready(function () {
|
|
|
+ $("#inputForm").validate({
|
|
|
+ ignore: "",
|
|
|
+ submitHandler: function (form) {
|
|
|
+ var shopOtherFee = $("#shopOtherFee").val();
|
|
|
+ var brokerage = ${brokerage};
|
|
|
+ if (brokerage < shopOtherFee) {
|
|
|
+ top.$.jBox.confirm("付第三方的值不合理,导致佣金为负,确认继续吗?", '提示', function (v, h, f) {
|
|
|
+ if (v == true) {
|
|
|
+ loading('正在提交,请稍等...');
|
|
|
+ form.submit();
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }, {buttons: {'取消': false, '确定': true}});
|
|
|
+ } else {
|
|
|
+ loading('正在提交,请稍等...');
|
|
|
+ form.submit();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ errorContainer: "#messageBox",
|
|
|
+ errorPlacement: function (error, element) {
|
|
|
+ $("#messageBox").text("输入有误,请先更正。");
|
|
|
+ if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
|
|
|
+ error.appendTo(element.parent().parent());
|
|
|
+ } else {
|
|
|
+ error.insertAfter(element);
|
|
|
}
|
|
|
- });
|
|
|
+ }
|
|
|
});
|
|
|
+ });
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
@@ -218,10 +229,13 @@
|
|
|
<li><a href="${ctx}/order/cmPayShop">付款列表</a></li>
|
|
|
<li><a href="${ctx}/shopOrder/payOrderList?operatingMode=1">申请付款</a></li>
|
|
|
<li><a href="${ctx}/shopOrder/payOrderList?operatingMode=3">已付款子订单</a></li>
|
|
|
- <li class="active"><a href="${ctx}/order/cmPayShop/shopOtherFeeForm?shopOrderId=${payShopOther.shopOrderId}">付第三方</a></li>
|
|
|
+ <li class="active"><a
|
|
|
+ href="${ctx}/order/cmPayShop/shopOtherFeeForm?shopOrderId=${payShopOther.shopOrderId}&payType=${payType}">付第三方</a></li>
|
|
|
</ul>
|
|
|
-<form:form id="inputForm" modelAttribute="payShopOther" action="${ctx}/order/cmPayShop/saveShopOtherFee" method="post" class="form-horizontal">
|
|
|
+<form:form id="inputForm" modelAttribute="payShopOther" action="${ctx}/order/cmPayShop/saveShopOtherFee" method="post"
|
|
|
+ class="form-horizontal">
|
|
|
<form:hidden path="shopOrderId"/>
|
|
|
+ <input style="display: none" name="payType" value="${payType}"/>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label"><font color='red'>*</font>付款单名称:</label>
|
|
|
<div class="controls">
|
|
@@ -231,72 +245,96 @@
|
|
|
<div class="control-group">
|
|
|
<label class="control-label"><font color='red'>*</font>付第三方金额:</label>
|
|
|
<div class="controls">
|
|
|
- <input type="number" id="shopOtherFee" required name="shopOtherFee" min="0" value="${payShopOther.shopOtherFee}" onchange="changeShouldPay(this)"/>
|
|
|
+ <input type="number" id="shopOtherFee" required name="shopOtherFee" min="0"
|
|
|
+ value="${payShopOther.shopOtherFee}" onchange="changeShouldPay(this)"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="control-group">
|
|
|
- <label class="control-label"><font color='red'>*</font>开户名:</label>
|
|
|
- <form:input path="bankAccountName" htmlEscape="false" maxlength="100" class="input-xlarge required"/>
|
|
|
- <label><font color='red'>*</font>账号:</label>
|
|
|
- <form:input path="bankAccount" htmlEscape="false" maxlength="100" class="input-xlarge required"/>
|
|
|
- </div>
|
|
|
- <div class="control-group">
|
|
|
- <label class="control-label"><font color='red'>*</font>开户行:</label>
|
|
|
- <form:input path="bankName" htmlEscape="false" maxlength="100" class="input-xlarge required"/>
|
|
|
- <label><font color='red'>*</font>账户类型:</label>
|
|
|
- <form:select path="type" class="select-ele input-xlarge required">
|
|
|
- <form:option value="0" label="公账"/>
|
|
|
- <form:option value="1" label="私账"/>
|
|
|
- </form:select>
|
|
|
- </div>
|
|
|
+ <c:if test="${payType ne 2}">
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label"><font color='red'>*</font>开户名:</label>
|
|
|
+ <form:input path="bankAccountName" htmlEscape="false" maxlength="100" class="input-xlarge required"/>
|
|
|
+ <label><font color='red'>*</font>账号:</label>
|
|
|
+ <form:input path="bankAccount" htmlEscape="false" maxlength="100" class="input-xlarge required"/>
|
|
|
+ </div>
|
|
|
+ <div class="control-group">
|
|
|
+ <label class="control-label"><font color='red'>*</font>开户行:</label>
|
|
|
+ <form:input path="bankName" htmlEscape="false" maxlength="100" class="input-xlarge required"/>
|
|
|
+ <label><font color='red'>*</font>账户类型:</label>
|
|
|
+ <form:select path="type" class="select-ele input-xlarge required">
|
|
|
+ <form:option value="0" label="公账"/>
|
|
|
+ <form:option value="1" label="私账"/>
|
|
|
+ </form:select>
|
|
|
+ </div>
|
|
|
+ </c:if>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label"><font color='red'>*</font>备注内容:</label>
|
|
|
<div class="controls">
|
|
|
- <textarea type="text" name="remark" placeholder="请详细说明修改的原因,不超过500字" style="position: relative;height: 100px; width: 450px;" maxlength="500" required ></textarea>
|
|
|
+ <textarea type="text" name="remark" placeholder="请详细说明修改的原因,不超过500字"
|
|
|
+ style="position: relative;height: 100px; width: 450px;" maxlength="500" required></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="control-group">
|
|
|
<label class="control-label">图片:</label>
|
|
|
<div class="controls upload-content" style="margin: -91px 0px 0px 16px;" id="remarkImageBox">
|
|
|
<div class="conList">
|
|
|
- <form:hidden id="remarkImage1" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage1" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage1" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage1" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage2" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage2" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage2" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage2" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage3" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage3" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage3" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage3" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage4" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage4" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage4" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage4" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage5" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage5" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage5" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage5" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage6" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage6" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage6" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage6" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage7" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage7" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage7" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage7" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage8" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage8" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage8" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage8" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage9" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage9" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage9" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage9" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
<div class="conList hide-pic">
|
|
|
- <form:hidden id="remarkImage10" path="remarkImages" htmlEscape="false" maxlength="255" class="input-xlarge"/>
|
|
|
- <sys:ckfinder input="remarkImage10" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
|
|
|
+ <form:hidden id="remarkImage10" path="remarkImages" htmlEscape="false" maxlength="255"
|
|
|
+ class="input-xlarge"/>
|
|
|
+ <sys:ckfinder input="remarkImage10" type="images" uploadPath="/photo" selectMultiple="false"
|
|
|
+ maxWidth="100" maxHeight="100"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -315,61 +353,61 @@
|
|
|
$('.upload-content .conList').find('.cancel-upload').hide();
|
|
|
var observeEle = document.getElementsByClassName('upload-content')[0];
|
|
|
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
|
|
|
- var MutationObserverConfig={
|
|
|
+ var MutationObserverConfig = {
|
|
|
childList: true,
|
|
|
subtree: true,
|
|
|
characterData: true
|
|
|
};
|
|
|
- var observer = new MutationObserver(function(mutations){
|
|
|
- $.each(mutations, function(index,item) {
|
|
|
+ var observer = new MutationObserver(function (mutations) {
|
|
|
+ $.each(mutations, function (index, item) {
|
|
|
if (item.type === 'childList') {
|
|
|
// 在创建新的 element 时调用
|
|
|
var target = $(item.target),
|
|
|
thisWrapper = target.closest('.conList'),
|
|
|
nextEle = thisWrapper.next();
|
|
|
- thisWrapper.find('li').css('z-index',99);
|
|
|
+ thisWrapper.find('li').css('z-index', 99);
|
|
|
thisWrapper.find('.cancel-upload').show();
|
|
|
- if(nextEle.hasClass('hide-pic')) {
|
|
|
+ if (nextEle.hasClass('hide-pic')) {
|
|
|
nextEle.removeClass('hide-pic');
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
- observer.observe(observeEle,MutationObserverConfig);
|
|
|
+ observer.observe(observeEle, MutationObserverConfig);
|
|
|
|
|
|
- $('body').on('click','.upload-content li',function() {
|
|
|
+ $('body').on('click', '.upload-content li', function () {
|
|
|
var index = $(this).closest('.conList').index() + 1,
|
|
|
- str = 'remarkImage'+index+'FinderOpen';
|
|
|
- eval(str+'()');
|
|
|
+ str = 'remarkImage' + index + 'FinderOpen';
|
|
|
+ eval(str + '()');
|
|
|
});
|
|
|
- $('body').on('click', '.cancel-upload',function() {
|
|
|
+ $('body').on('click', '.cancel-upload', function () {
|
|
|
var wrapper = $(this).closest('.conList');
|
|
|
- wrapper.find('li').css('z-index','-1');
|
|
|
+ wrapper.find('li').css('z-index', '-1');
|
|
|
wrapper.find('input').val('');
|
|
|
$(this).hide();
|
|
|
if ($('.cancel-upload:visible').length < 9) {
|
|
|
wrapper.addClass("hide-pic");
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
wrapper.removeClass("hide-pic");
|
|
|
}
|
|
|
wrapper.parent().append(wrapper.clone());
|
|
|
wrapper.remove();
|
|
|
- $(".conList").each(function(i,ele){
|
|
|
- if($(ele).find("input.input-xlarge").val()){
|
|
|
+ $(".conList").each(function (i, ele) {
|
|
|
+ if ($(ele).find("input.input-xlarge").val()) {
|
|
|
$(ele).next().removeClass("hide-pic")
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
- $(window).on("load", function(){
|
|
|
- setTimeout(function(){
|
|
|
- $("#remarkImageBox").find("input.input-xlarge").each(function(i,ele){
|
|
|
- if($(ele).val()){
|
|
|
- $(ele).next().find("li").css("z-index","99");
|
|
|
+ $(window).on("load", function () {
|
|
|
+ setTimeout(function () {
|
|
|
+ $("#remarkImageBox").find("input.input-xlarge").each(function (i, ele) {
|
|
|
+ if ($(ele).val()) {
|
|
|
+ $(ele).next().find("li").css("z-index", "99");
|
|
|
$(ele).parents(".conList").find(".cancel-upload").show();
|
|
|
$(ele).parents(".conList").next().removeClass("hide-pic")
|
|
|
}
|
|
|
})
|
|
|
- },500);
|
|
|
+ }, 500);
|
|
|
});
|
|
|
});
|
|
|
|