227 lines
11 KiB
HTML
227 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>供应商对账</title>
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/dataTables.bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../layui-v2.8.3/layui/css/layui.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../css/work/publicStyles.css">
|
|
|
|
<style type="text/css">
|
|
th,td{
|
|
text-align:center;
|
|
}
|
|
|
|
.table>thead>tr>th{
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
|
|
line-height: revert;
|
|
}
|
|
.layui-table-header .layui-table-cell, thead tr{
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
.layui-input, .layui-textarea{
|
|
width: 100%;
|
|
border: 0px;
|
|
}
|
|
|
|
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
|
|
border: 2px solid #CFCFCF;
|
|
}
|
|
|
|
#my-icon {
|
|
font-size: 40px !important;
|
|
cursor: pointer;
|
|
color: #1E9FFF;
|
|
float: right;
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
#my-tooltip {
|
|
display: none;
|
|
position: absolute;
|
|
top: 50px;
|
|
right:10px;
|
|
width: 660px;
|
|
height: 370px;
|
|
background-color: #87CEEB;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
button{
|
|
border-radius: 7px !important;
|
|
}
|
|
|
|
#exportBt{
|
|
background-color: #f2f2f2 !important;
|
|
color: #000000 !important;
|
|
border: 1px solid #ababab !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
|
|
<header style="height: 100%">
|
|
<div align="left">
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td>
|
|
<form class="form-inline layui-form" onsubmit="return false" style="text-align: left">
|
|
<div class="form-group">
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<input id="gysmc" name="gysmc" type="text" class="layui-input" style="width: 200px;border: 1px solid #D2D2D2;" placeholder="请输入供应商名称">
|
|
</div>
|
|
|
|
<div class="layui-input-inline">
|
|
<input id="startTime" name="startTime" type="text" class="layui-input" style="border: 1px solid #D2D2D2;" readonly placeholder="请选择开始时间">
|
|
</div>
|
|
|
|
<div class="layui-input-inline">
|
|
<input id="endTime" name="endTime" type="text" class="layui-input" style="border: 1px solid #D2D2D2;" readonly placeholder="请选择结束时间">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<button id="searchBt" class="layui-btn" style="margin-top: -0.3%; margin-left: 15px;">
|
|
搜索
|
|
</button>
|
|
<button id="exportBt" class="layui-btn" style="margin-top: -0.3%; " >
|
|
下载
|
|
</button>
|
|
</div>
|
|
<div id="icon" style="float: right">
|
|
<div>
|
|
<i id="my-icon" class="layui-icon"></i>
|
|
</div>
|
|
<div id="my-tooltip" >
|
|
<p>计算规则：</p>
|
|
<p>期初应付款：供应商所有的期初欠款</p>
|
|
<p>本期应付款：查询起止时间的应付录入的金额</p>
|
|
<p>本期已付款：查询起止时间的付款明细的付款金额</p>
|
|
<p>本期剩余应付款：本期应付款 - 本期已付款</p>
|
|
<p>累计剩余应付款：供应商所有的应付款 - 所有的已付款 + 期初应付款</p>
|
|
<p>上期结转：查询开始时间之前的，供应商所有的应付款 - 所有的已付款 + 期初应付款</p>
|
|
<p>应付金额：应付录入的金额</p>
|
|
<p>已付金额：付款明细的付款金额</p>
|
|
<p>总欠款：当前付款日期及之前的应付金额 - 已付金额 + 期初应付款</p>
|
|
<p>本月合计-应付金额：本月份的所有应付金额</p>
|
|
<p>本月合计-已付金额：本月份的所有已付金额</p>
|
|
<p>本月合计-总欠款：截止到当前月的应付金额 - 已付金额 + 上期结转</p>
|
|
<p>本年累计-应付金额：本年份的所有应付金额</p>
|
|
<p>本年累计-已付金额：本年份的所有已付金额</p>
|
|
<p>本年累计-总欠款：截止到当前月的今年的应付金额 - 已付金额 + 期初应付款</p>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="exportdata">
|
|
<div class="widget-body no-padding" >
|
|
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%" >
|
|
<thead>
|
|
<tr>
|
|
<th>供应商名称:</th>
|
|
<th colspan="2">
|
|
<input type="text" id="gysmcs" name="gysmcs" readonly class="layui-input">
|
|
</th>
|
|
<th>起始日期:</th>
|
|
<th colspan="2">
|
|
<input type="text" name="startTimes" id="startTimes" readonly class="layui-input">
|
|
</th>
|
|
<th>截止日期:</th>
|
|
<th colspan="2">
|
|
<input type="text" name="endTimes" id="endTimes" readonly class="layui-input">
|
|
</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>期初应付款:</th>
|
|
<th colspan="2">
|
|
<input type="text" name="qcyfk" id="qcyfk" readonly class="layui-input">
|
|
</th>
|
|
<th>本期应付款:</th>
|
|
<th colspan="2">
|
|
<input type="text" name="bqyfk" id="bqyfk" readonly class="layui-input">
|
|
</th>
|
|
<th>本期已付款:</th>
|
|
<th colspan="2">
|
|
<input type="text" name="paid" id="paid" readonly class="layui-input">
|
|
</th>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th>本期剩余应付款:</th>
|
|
<th colspan="2">
|
|
<input type="text" name="bqsyyfk" id="bqsyyfk" readonly class="layui-input">
|
|
</th>
|
|
<th>累计剩余应付款:</th>
|
|
<th colspan="5">
|
|
<input type="text" name="ljsyyfk" id="ljsyyfk" readonly class="layui-input">
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th style="background-color: #81D3F8 !important;" colspan="3">组织机构</th>
|
|
<th style="background-color: #81D3F8 !important;" colspan="3">合同名称 (项目名称)</th>
|
|
<th style="background-color: #81D3F8 !important;">应付金额</th>
|
|
<th style="background-color: #81D3F8 !important;">已付金额</th>
|
|
<th style="background-color: #81D3F8 !important;">总欠款</th>
|
|
</tr>
|
|
|
|
<!-- <tr style="background-color: #81D3F8 !important;">-->
|
|
<!-- <th>单号 (凭证号)</th>-->
|
|
<!-- <th>日期</th>-->
|
|
<!-- <th>合同名称 (项目名称)</th>-->
|
|
<!-- <th>摘要</th>-->
|
|
<!-- <th>商品编号</th>-->
|
|
<!-- <th>商品名称</th>-->
|
|
<!-- <th>应付金额</th>-->
|
|
<!-- <th>已付金额</th>-->
|
|
<!-- <th>总欠款</th>-->
|
|
<!-- </tr>-->
|
|
|
|
<tr id="lastBalance">
|
|
<th colspan="5">上期结余</th>
|
|
<th colspan="4" >
|
|
<input type="text" name="sqjz" id="sqjz" readonly class="layui-input" style="text-align: center">
|
|
</th>
|
|
</tr>
|
|
|
|
</thead>
|
|
<tbody id="dd-table">
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
<script type="text/javascript" src="../../js/libs/jquery-3.6.0.min.js"></script>
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
|
<script type="text/javascript" src="../../js/plugin/datatables/jquery.dataTables.min.js"></script>
|
|
<script type="text/javascript" src="../../js/plugin/datatables/dataTables.bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="../../layui-v2.8.3/layui/layui.js"></script>
|
|
<script type="text/javascript" src="../../js/my/permission.js"></script>
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
|
<script type="text/javascript" src="../../js/common_methon.js"></script>
|
|
<script type="text/javascript" src="../../js/work/supplierReconciliation.js"></script>
|
|
<!--<script type="text/javascript" src="../../js/xlsx.core.min.js"></script>-->
|
|
<script type="text/javascript" src="../../js/xlsx.bundle.js"></script>
|
|
|