237 lines
9.3 KiB
Plaintext
237 lines
9.3 KiB
Plaintext
<%--
|
|
Document : list
|
|
Created on : 2017-8-14, 9:14:56
|
|
Author : Administrator
|
|
--%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<%@page contentType="text/html" pageEncoding="UTF-8"%>
|
|
<!DOCTYPE html>
|
|
<form id="updateform">
|
|
<table style="width:50%">
|
|
<colgroup><col width="30%">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<td align="right">支付宝：</td>
|
|
<td>
|
|
<input type="hidden" name="payeeId" id="payeeId" value="${payeeInfo.payeeId}">
|
|
<input type="text" name="accountNo" id="accountNo" value="${payeeInfo.accountNo}" class="col-xs-8" maxlength="50" disabled="disabled">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right">银行卡号：</td>
|
|
<td><input type="text" name="baknCard" id="baknCard" value="${payeeInfo.baknCard}" class="col-xs-8" maxlength="50" disabled="disabled"></td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right">户名：</td>
|
|
<td><input type="text" name="accountName" id="accountName" value="${payeeInfo.accountName}" class="col-xs-8" maxlength="50" disabled="disabled"></td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right">银行：</td>
|
|
<td><input type="text" name="bankName" id="bankName" value="${payeeInfo.bankName}" class="col-xs-8" maxlength="50" disabled="disabled"></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" align="center">
|
|
<button class="btn btn-sm btn-info" type="button" id="editBtn">编辑</button>
|
|
<button class="btn btn-sm btn-info" type="button" id="cancelBtn" style="display: none;">取消</button>
|
|
<button class="btn btn-sm btn-info" type="submit" onclick="updatePayeeInfo();" id="saveBtn" disabled="disabled">保存</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
<div id="searchDiv" style="float: left">
|
|
<label>电子厂：</label>
|
|
<select id="factoryCode" name="factoryCode" class="input-medium searchClass">
|
|
<option value="">请选择</option>
|
|
<c:forEach var="item" items="${factorylist}">
|
|
<option value="${item.factoryCode}">${item.factoryName}</option>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
<table class="dataTable cell-border" id="datatable" >
|
|
<thead>
|
|
<tr>
|
|
<th>电子厂</th>
|
|
<th>月份</th>
|
|
<th>授权数量</th>
|
|
<th>是否收税</th>
|
|
<th>支付金额</th>
|
|
<th>支付时间</th>
|
|
<th>支付状态</th>
|
|
<th>详情</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
<script>
|
|
|
|
function onoffCharge(code, month) {
|
|
$.ajax({
|
|
url: 'changePayStatus',
|
|
type: 'post',
|
|
data: {"code": code, "month": month},
|
|
success: function (data) {
|
|
console.log(data);
|
|
location.reload();
|
|
},
|
|
error: function (data) {
|
|
console.log(data);
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
function updatePayeeInfo() {
|
|
if (window.confirm('你确定要修改吗？')) {
|
|
$.ajax({
|
|
url: 'updatePayeeInfo',
|
|
type: 'post',
|
|
data: {"payeeId": $('#payeeId').val(), "accountNo": $('#accountNo').val(), "baknCard": $('#baknCard').val(), "accountName": $('#accountName').val(), "bankName": $('#bankName').val()},
|
|
success: function (data) {
|
|
location.reload();
|
|
},
|
|
error: function (data) {
|
|
console.log(data);
|
|
}
|
|
});
|
|
} else {
|
|
//alert("取消");
|
|
return false;
|
|
}
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
var table = $('#datatable').on('draw.dt', function () {
|
|
var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
|
|
elems.forEach(function (html) {
|
|
var switchery = new Switchery(html);
|
|
});
|
|
}).DataTable({
|
|
//记录用户状态
|
|
stateSave: true,
|
|
//中文自定义
|
|
language: {
|
|
"sProcessing": "处理中...",
|
|
"sLengthMenu": "显示 _MENU_ 项结果",
|
|
"sZeroRecords": "没有匹配结果",
|
|
"sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
|
|
"sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
|
|
"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
|
|
"sInfoPostFix": "",
|
|
"sSearch": "搜索:",
|
|
"sUrl": "",
|
|
"sEmptyTable": "表中数据为空",
|
|
"sLoadingRecords": "载入中...",
|
|
"sInfoThousands": ",",
|
|
"oPaginate": {
|
|
"sFirst": "首页",
|
|
"sPrevious": "上页",
|
|
"sNext": "下页",
|
|
"sLast": "末页"
|
|
},
|
|
"oAria": {
|
|
"sSortAscending": ": 以升序排列此列",
|
|
"sSortDescending": ": 以降序排列此列"
|
|
}
|
|
},
|
|
//是否显示排序
|
|
bSort: false,
|
|
//是否显示过滤搜索
|
|
bFilter: false,
|
|
//页脚展示风格
|
|
pagingType: "full_numbers",
|
|
//是否启动服务器数据处理
|
|
serverSide: true,
|
|
autoWidth: false,
|
|
"lengthChange": false,
|
|
//ajax获取服务器数据
|
|
ajax: {
|
|
url: 'paylistdata',
|
|
type: 'post',
|
|
data: function (d) {
|
|
d.factoryCode = $('#factoryCode').val();
|
|
}
|
|
},
|
|
//数据展示
|
|
columns: [
|
|
{
|
|
"data": "factoryName",
|
|
},
|
|
{
|
|
"data": "billMonth",
|
|
},
|
|
{
|
|
"data": "number",
|
|
},
|
|
{
|
|
"data": "isTax",
|
|
},
|
|
{
|
|
"data": "money",
|
|
},
|
|
{
|
|
"data": "payDate",
|
|
},
|
|
{
|
|
"data": "payStatus",
|
|
render: function (data, type, row, meta) {
|
|
var str = "";
|
|
if (row.payStatus === '0') {
|
|
str = '<span class="badge">未支付</span>';
|
|
} else {
|
|
str = '<span class="badge badge-success mr10 mb10" style="background-color: #71d398;">已支付</span>';
|
|
}
|
|
return str;
|
|
}
|
|
},
|
|
{
|
|
"data": "payStatus",
|
|
render: function (data, type, row, meta) {
|
|
var str = "";
|
|
if (row.payStatus === '0') {
|
|
str = "<a href='javascript:void(0);' onclick='onoffCharge(\"" + row.factoryCode + "\",\"" + row.billMonth + "\")' class='btn btn-xs btn-success'> <i class='im-tag'></i><span class='no-text-shadow'>收费</span></a>";
|
|
str += '<a href="paydetail?factoryCode=' + row.factoryCode + '&billMonth=' + row.billMonth + '" class="btn btn-xs btn-primary"><i class="im-tag"></i><span class="no-text-shadow">详情</span></a>'
|
|
} else {
|
|
str = '<a href="paydetail?factoryCode=' + row.factoryCode + '&billMonth=' + row.billMonth + '" class="btn btn-xs btn-primary"><i class="im-tag"></i><span class="no-text-shadow">详情</span></a>';
|
|
}
|
|
return str;
|
|
}
|
|
}
|
|
]
|
|
});
|
|
|
|
$('#factoryCode').change(function () {
|
|
table.ajax.reload(null, true);
|
|
});
|
|
|
|
$('#editBtn').click(function () {
|
|
$("*[name='accountNo']").removeAttr("disabled");
|
|
$("*[name='baknCard']").removeAttr("disabled");
|
|
$("*[name='accountName']").removeAttr("disabled");
|
|
$("*[name='bankName']").removeAttr("disabled");
|
|
$("*[name='cancelBtn']").removeAttr("disabled");
|
|
$('#saveBtn').removeAttr("disabled");
|
|
$('#editBtn').css("display", "none");
|
|
$('#cancelBtn').css("display", "inline-block");
|
|
});
|
|
|
|
$('#cancelBtn').click(function () {
|
|
$("*[name='accountNo']").attr("disabled", true);
|
|
$("*[name='baknCard']").attr("disabled", true);
|
|
$("*[name='accountName']").attr("disabled", true);
|
|
$("*[name='bankName']").attr("disabled", true);
|
|
$("*[name='cancelBtn']").attr("disabled", true);
|
|
$('#saveBtn').attr("disabled", true);
|
|
$('#editBtn').css("display", "inline-block");
|
|
$('#cancelBtn').css("display", "none");
|
|
});
|
|
|
|
$(document).keyup(function (event) {
|
|
if (event.keyCode == 13) {
|
|
table.ajax.reload(null, true);
|
|
}
|
|
});
|
|
});
|
|
</script>
|