4.23号功能提交
zhengyongxing
4 years ago
parent
f2e56125fe
commit
671419882f
@ -0,0 +1,347 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/base.css" media="all">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/common.css" media="all">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/style.css" media="all">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/default_color.css" media="all">
|
||||
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
|
||||
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
|
||||
<script type="text/javascript" src="__JS__/select2.min.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/layer3/layer.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
|
||||
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
|
||||
charset="UTF-8"></script>
|
||||
<script src="__STATIC__/juicer-min.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<style>
|
||||
html {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0px 10px 150px;
|
||||
/* width: 960px; */
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
.tabcon1711 table {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
table {
|
||||
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.hidebox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.r {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.l {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single {
|
||||
color: #000;
|
||||
resize: none;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
|
||||
box-shadow: 0px 3px 3px #F7F8F9 inset;
|
||||
height: 35px;
|
||||
height: 28px;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
line-height: 35px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__arrow {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.select2-results__option[aria-selected] {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.input-list,
|
||||
.i_list {
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<!-- <div style="width: 100%;line-height: 100px;font-size: 25px;font-weight: 600;text-align: center;">
|
||||
海南万盟天下科技有限公司
|
||||
</div> -->
|
||||
|
||||
<div class="data_list box_mt" style="margin-top: 20px;">
|
||||
<div class="">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="border-right: solid 1px #b6cad2;">序号</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">合作公司</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">是否支付宝打款</th>
|
||||
|
||||
<th style="border-right: solid 1px #b6cad2;">户名</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">帐号</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">开户行</th>
|
||||
|
||||
<th style="border-right: solid 1px #b6cad2;">关联结算汇总单订单号</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">结算金额(元)</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">备注</th>
|
||||
<th style="border-right: solid 1px #b6cad2;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="statementShow">
|
||||
<foreach name="CompanyInfo" item="vo" >
|
||||
<if condition="$vo['pay_status'] neq 1">
|
||||
<tr>
|
||||
<td>{$key-0+1}</td>
|
||||
<td>{$vo.company_name}</td>
|
||||
<if condition="$vo['is_payment'] eq 1">
|
||||
<td>是</td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="ali_user" value="{$vo.company_info.ali_user}" placeholder="支付宝真实名称"></td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="ali_account" value="{$vo.company_info.ali_account}" placeholder="支付宝账号"></td>
|
||||
<td></td>
|
||||
<else />
|
||||
<td>否</td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="payee_name" value="{$vo.company_info.payee_name}" placeholder="银行帐户名"></td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="bank_account" value="{$vo.company_info.bank_account}" placeholder="银行帐号"></td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="opening_bank" value="{$vo.company_info.opening_bank}" placeholder="开户行"></td>
|
||||
</if>
|
||||
|
||||
<td>{$vo.statement_num}</td>
|
||||
<td>{$vo.statement_money}</td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="remark" value="{$vo.remark}" placeholder="备注"></td>
|
||||
<td><a class="add_one" href="#">新增</a></td>
|
||||
</tr>
|
||||
<else />
|
||||
<tr>
|
||||
<td>{$key-0+1}</td>
|
||||
<td>{$vo.company_name}</td>
|
||||
|
||||
<if condition="$vo['is_payment'] eq 1">
|
||||
<td>是</td>
|
||||
<td>{$vo.company_info.ali_user}</td>
|
||||
<td>{$vo.company_info.ali_account}</td>
|
||||
<td></td>
|
||||
<else />
|
||||
<td>否</td>
|
||||
<td>{$vo.company_info.payee_name}</td>
|
||||
<td>{$vo.company_info.bank_account}</td>
|
||||
<td>{$vo.company_info.opening_bank}</td>
|
||||
</if>
|
||||
<td>{$vo.statement_num}</td>
|
||||
<td>{$vo.statement_money}</td>
|
||||
<td>{$vo.remark}</td>
|
||||
<td><a class="add_one" href="#">新增</a></td>
|
||||
</tr>
|
||||
</if>
|
||||
|
||||
</foreach>
|
||||
<tr id="sum">
|
||||
<td colspan="2">合计:</td>
|
||||
<td colspan="8"><span>结算总金额:{$all_money}</span><span style="margin-left: 20px">剩余打款金额:</span><span class="surplusAmount">0</span></td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search_list" style="display:flex;justify-content:flex-end;width:100%;margin-top: 30px;">
|
||||
<div class="input-list" style="margin-left: 30px;float: right;">
|
||||
<a class="sch-btn" href="javascript:;" id="setPayment" style="width: 150px;">确认提交</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: none">
|
||||
<table>
|
||||
<thead>
|
||||
</thead>
|
||||
<tbody id="add_item">
|
||||
<foreach name="CompanyInfo" item="vo" >
|
||||
<if condition="$vo['pay_status'] neq 1">
|
||||
<tr>
|
||||
<td class="index_num">2</td>
|
||||
<td>{$vo.company_name}</td>
|
||||
<if condition="$vo['is_payment'] eq 1">
|
||||
<td>是</td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="ali_user" value="{$vo.company_info.ali_user}" placeholder="支付宝真实名称"></td>
|
||||
<td><input type="text" class="txt paymentset" data-id="{$vo.id}" name="ali_account" value="{$vo.company_info.ali_account}" placeholder="支付宝账号"></td>
|
||||
<td></td>
|
||||
<else />
|
||||
<td>否</td>
|
||||
<td><input data-index_num="2" type="text" class="txt paymentset" data-id="{$vo.id}" name="payee_name" value="{$vo.company_info.payee_name}" placeholder="银行帐户名"></td>
|
||||
<td><input data-index_num="2" type="text" class="txt paymentset" data-id="{$vo.id}" name="bank_account" value="{$vo.company_info.bank_account}" placeholder="银行帐号"></td>
|
||||
<td><input data-index_num="2" type="text" class="txt paymentset" data-id="{$vo.id}" name="opening_bank" value="{$vo.company_info.opening_bank}" placeholder="开户行"></td>
|
||||
</if>
|
||||
|
||||
<td>{$vo.statement_num}</td>
|
||||
<td><input data-index_num="2" value="0" style="width: 80px;" type="number" data-id="{$vo.id}" name="unpay_amount" class="unpay_amount"></td>
|
||||
<td><input data-index_num="2" type="text" class="txt paymentset unPayRemark" data-id="{$vo.id}" name="remark" value="" placeholder="备注"></td>
|
||||
<td><a class="del" href="#">删除</a></td>
|
||||
</tr>
|
||||
</if>
|
||||
|
||||
</foreach>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
$("#setPayment").on("click",function(){
|
||||
var sendObj = {};
|
||||
var url = "{:U('editPartPayment')}";
|
||||
$("input[name='ali_user'],input[name='ali_account'],input[name='remark'],input[name='payee_name'],input[name='bank_account'],input[name='opening_bank'],input[name='unpay_amount']").map(function(index,elem) {
|
||||
var index_num = $(elem).data("index_num");
|
||||
|
||||
var id = $(elem).data("id");
|
||||
var e = $(elem).attr("name");
|
||||
var v = $(elem).val();
|
||||
|
||||
if (!index_num) {
|
||||
if(id in sendObj){
|
||||
sendObj[id][e] = v;
|
||||
}else{
|
||||
sendObj[id] = {};
|
||||
sendObj[id][e] = v;
|
||||
}
|
||||
} else {
|
||||
|
||||
var parent = $(elem).parent().parent().parent().attr('id');
|
||||
|
||||
if (parent!="add_item") {
|
||||
if(index_num+id in sendObj){
|
||||
if (!(e in sendObj[index_num+id])) {
|
||||
sendObj[index_num+id][e] = v;
|
||||
}
|
||||
}else{
|
||||
sendObj[index_num+id] = {};
|
||||
sendObj[index_num+id][e] = v;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
layer.confirm("若支付宝账号及真实姓名不全的公司，将无法进行打款。请认真核对，点击取消返回",{title:false}, function(index){
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
dataType: 'json',
|
||||
async: false,
|
||||
data: {info:sendObj},
|
||||
success:function(data){
|
||||
layer.close(index);
|
||||
if(data.status==1){
|
||||
layer.msg("<font style='color:white'>" + data.info + "</font>");
|
||||
setTimeout(function(){
|
||||
window.parent.reload();
|
||||
},1000);
|
||||
}else{
|
||||
layer.msg("<font style='color:white'>" + data.info + "</font>");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(".add_one").on("click",function(){
|
||||
// $(this).parent().parent().html();
|
||||
$("#sum").before($("#add_item").html());
|
||||
var index_num = parseInt($("#add_item").find(".index_num").text());
|
||||
|
||||
$("#add_item").find(".index_num").text(index_num+1);
|
||||
$("#add_item").find(".unpay_amount").attr("data-index_num",index_num+1);
|
||||
$("#add_item").find(".unPayRemark").attr("data-index_num",index_num+1);
|
||||
|
||||
$("#add_item").find("[name=payee_name]").attr("data-index_num",index_num+1);
|
||||
$("#add_item").find("[name=bank_account]").attr("data-index_num",index_num+1);
|
||||
$("#add_item").find("[name=opening_bank]").attr("data-index_num",index_num+1);
|
||||
|
||||
addDel();
|
||||
unPayAmount();
|
||||
});
|
||||
//删除事件
|
||||
function addDel() {
|
||||
$(".del").off("click");
|
||||
$(".del").on("click",function() {
|
||||
$(this).parent().parent().remove();
|
||||
unPayAmountDetail();
|
||||
});
|
||||
}
|
||||
//计算剩余打款金额
|
||||
function unPayAmount() {
|
||||
$(".unpay_amount").off("blur");
|
||||
$(".unpay_amount").on("blur",function () {
|
||||
unPayAmountDetail();
|
||||
});
|
||||
}
|
||||
|
||||
function unPayAmountDetail() {
|
||||
var value = 0;
|
||||
|
||||
$(".unpay_amount").map(function(index,elem) {
|
||||
|
||||
value += parseFloat($(elem).val());
|
||||
|
||||
}).get();
|
||||
|
||||
$(".surplusAmount").text(value);
|
||||
}
|
||||
|
||||
function cancelPoolAjax(opurl,senddata){
|
||||
//执行
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: opurl,
|
||||
dataType: 'json',
|
||||
async: false,
|
||||
data: senddata,
|
||||
success:function(data){
|
||||
if(data.status==1){
|
||||
layer.msg("<font style='color:white'>" + data.info + "</font>");
|
||||
setTimeout(function(){
|
||||
window.location.reload();
|
||||
},1500);
|
||||
}else{
|
||||
layer.msg("<font style='color:white'>" + data.info + "</font>");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue