You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
195 lines
6.8 KiB
HTML
195 lines
6.8 KiB
HTML
4 years ago
|
<!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>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody id="statementShow">
|
||
|
<foreach name="CompanyInfo" item="vo" >
|
||
|
<tr>
|
||
|
<td>{$key-0+1}</td>
|
||
|
<td>{$vo.company_name}</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>{$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>
|
||
|
</tr>
|
||
|
</foreach>
|
||
|
<tr>
|
||
|
<td colspan="2">合计:</td>
|
||
|
<td colspan="5">打款总金额:{$CompanyInfo[0]['all_money']}</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>
|
||
|
|
||
|
<script>
|
||
|
$("#setPayment").on("click",function(){
|
||
|
var sendObj = {};
|
||
|
$("input[name='ali_user']").map(function(index,elem) {
|
||
|
var id = $(elem).data("id");
|
||
|
var to = {
|
||
|
"ali_user":$(elem).val(),
|
||
|
"ali_account":'',
|
||
|
"remark":''
|
||
|
}
|
||
|
sendObj[id]=to;
|
||
|
});
|
||
|
$("input[name='ali_account']").map(function(index,elem) {
|
||
|
var id = $(elem).data("id");
|
||
|
|
||
|
if(id in sendObj){
|
||
|
sendObj[id]['ali_account']=$(elem).val();
|
||
|
}else{
|
||
|
var to = {
|
||
|
"ali_account":$(elem).val(),
|
||
|
"ali_user":'',
|
||
|
"remark":''
|
||
|
}
|
||
|
sendObj[id]=to;
|
||
|
}
|
||
|
|
||
|
});
|
||
|
$("input[name='remark']").map(function(index,elem) {
|
||
|
var id = $(elem).data("id");
|
||
|
|
||
|
if(id in sendObj){
|
||
|
sendObj[id]['remark']=$(elem).val();
|
||
|
}else{
|
||
|
var to = {
|
||
|
"remark":$(elem).val(),
|
||
|
"ali_user":'',
|
||
|
"ali_account":''
|
||
|
}
|
||
|
sendObj[id]=to;
|
||
|
}
|
||
|
});
|
||
|
layer.confirm("若支付宝账号及真实姓名不全的公司,将无法进行打款。请认真核对,点击取消返回",{title:false}, function(index){
|
||
|
// _doAgreeApply();
|
||
|
layer.close(index);
|
||
|
});
|
||
|
|
||
|
})
|
||
|
|
||
|
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
|
||
|
</html>
|