mula
/
fourcal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

表头固定

master
suhang_max@163.com 2022-10-18 15:28:43 +08:00
parent 23fa27838b
commit 4bbe0d2c7c
5 changed files with 1294 additions and 1288 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/main/resources/static/assets/js/project_budget_cost.js
View File

@ -170,6 +170,7 @@ $(function () {
$("#costAddBtn").click(function () {
appendTrCost();
$("#costAddBtn").blur();
});
//绑定其他其他的输入框
@ -240,7 +241,7 @@ function appendTrCost() {
'<td width="100px"><input type="text" class="number am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-pay-amount-cost" ></td>\n' +
'<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" ></td>\n' +
'<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" ></td>\n' +
'<td><button type="button" style="margin-top: 10px" class="am-btn am-btn-danger am-btn-xs am-round am-modal-line-delete"><span class="am-icon-minus"></span></button></td>'+
'<td width="60px"><button type="button" style="margin-top: 10px" class="am-btn am-btn-danger am-btn-xs am-round am-modal-line-delete"><span class="am-icon-minus"></span></button></td>'+
'</tr>';
$("#costTotal").before(template);
@ -258,6 +259,10 @@ function appendTrCost() {
bindTypeSelectChange();
//绑定数字输入框保留两位小数
bindNumberInput();
if ($('#costTable').find('tbody') && $('#costTable').find('tbody')[0]) {
$('#costTable').find('tbody')[0].scrollTop = $('#costTable').find('tbody')[0].scrollHeight
}
}
/**

31
src/main/resources/static/assets/js/project_budget_cost_project_manage.js
View File

@ -105,6 +105,7 @@ $(function () {
$("#costProjectManageAddBtn").click(function () {
appendTrCostProjectManage();
$("#costProjectManageAddBtn").blur();
});
bindTypeSelectChangeManager();
//绑定项目管理明细输入框
@ -119,8 +120,8 @@ $(function () {
*/
function appendTrCostProjectManage() {
var template = '<tr>\n' +
' <td width="60px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-budget-num" readonly></td>\n' +
' <td width="100px">\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-budget-num" readonly></td>\n' +
' <td>\n' +
' <select style="float: left;" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage am-modal-prompt-input-cost-project-manage-type">\n' +
' <option value="xxxx" disabled selected>--请选择--</option>\n' +
' <option value="1" >人工成本</option>\n' +
@ -129,7 +130,7 @@ function appendTrCostProjectManage() {
' <option value="4" >保证金</option>\n' +
' </select>\n' +
' </td>\n' +
' <td width="180px">\n' +
' <td>\n' +
' <select style="float: left;" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage am-modal-prompt-input-cost-project-manage-category">\n' +
' <option value="xxxx" disabled selected>--请选择--</option>\n' +
' <option value="1" >人工费</option>\n' +
@ -142,16 +143,16 @@ function appendTrCostProjectManage() {
' </select>\n' +
' <input type="hidden" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage am-modal-prompt-input-cost-project-manage-category2"/>\n' +
' </td>\n' +
' <td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td width="80px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td width="100px"><input type="number" min="0" max="99999999" step="1" maxlength="8" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage"></td>\n' +
' <td width="100px"><input type="text" min="0.00" max="9999999999.99" step="0.01" maxlength="19" class="price am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage"></td>\n' +
' <td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-project-manage" readonly></td>\n' +
' <td width="130px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" data-am-datepicker></td>\n' +
' <td width="100px"><input type="text" class="number am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-pay-amount-project-manage"></td>\n' +
' <td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td><input type="number" min="0" max="99999999" step="1" maxlength="8" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage"></td>\n' +
' <td><input type="text" min="0.00" max="9999999999.99" step="0.01" maxlength="19" class="price am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage"></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-project-manage" readonly></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" data-am-datepicker></td>\n' +
' <td><input type="text" class="number am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-pay-amount-project-manage"></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"></td>\n' +
' <td><button type="button" style="margin-top: 10px" class="am-btn am-btn-danger am-btn-xs am-round am-modal-line-delete"><span class="am-icon-minus"></span></button>' +
' <input type="hidden" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="1"></td>\n' +
' </tr>';
@ -167,6 +168,10 @@ function appendTrCostProjectManage() {
bindTypeSelectChangeManager();
//绑定数字输入框保留两位小数
bindNumberInput();
if ($('#costProjectManageTable').find('tbody') && $('#costProjectManageTable').find('tbody')[0]) {
$('#costProjectManageTable').find('tbody')[0].scrollTop = $('#costProjectManageTable').find('tbody')[0].scrollHeight
}
}
/**

5
src/main/resources/static/assets/js/project_budget_income.js
View File

@ -82,6 +82,7 @@ $(function () {
});
$("#incomeAddBtn").click(function () {
appendTrIncome();
$("#incomeAddBtn").blur();
});
});
@ -191,6 +192,10 @@ function appendTrIncome() {
bindIncomeTotal();
//绑定数字输入框保留两位小数
bindNumberInput();
if ($('#incomeTable').find('tbody') && $('#incomeTable').find('tbody')[0]) {
$('#incomeTable').find('tbody')[0].scrollTop = $('#incomeTable').find('tbody')[0].scrollHeight
}
}
/**

5
src/main/resources/static/assets/js/project_budget_income_plan.js
View File

@ -40,6 +40,7 @@ $(function () {
});
$("#incomePlanAddBtn").click(function () {
appendTrIncomePlan();
$("#incomePlanAddBtn").blur();
});
$(".am-modal-line-delete").click(function () {
//删除自己对应的tr
@ -80,6 +81,10 @@ function appendTrIncomePlan() {
bindIncomePlanTotal();
//绑定数字输入框保留两位小数
bindNumberInput();
if ($('#incomePlanTable').find('tbody') && $('#incomePlanTable').find('tbody')[0]) {
$('#incomePlanTable').find('tbody')[0].scrollTop = $('#incomePlanTable').find('tbody')[0].scrollHeight
}
}
/**

522
src/main/resources/templates/admin/project_budget_edit.ftl
View File

@ -31,18 +31,147 @@
word-break:break-all
}
/* 页面相关样式 */
.project_budget {
height: 100%;
}
.project_budget .page-header {
height: 60px;
display: flex;
align-items: center;
}
.project_budget .page-content {
height: calc(100% - 60px);
overflow: hidden;
}
/* 全局样式 */
/* 切换组件tabs start */
.palm-tabs {
height: calc(100% - 60px);
margin: 0 1.6rem;
}
.palm-tabs .palm-tabs-nav {
height: 35px;
line-height: 35px;
}
.palm-tabs .palm-tabs-bd {
height: calc(100% - 35px);
overflow: hidden;
}
.palm-tabs .palm-tabs-bd .am-tab-panel {
height: 100%;
overflow: auto;
}
/* 切换组件tabs end */
/* 固定表头的table样式 start */
.fixed-section {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.fixed-section .am-modal-bd {
flex: 1 1 auto;
height: 10px;
overflow: hidden;
}
/* 顶部操作行样式 */
.fixed-section .fixed-actions {
height: 45px;
}
/* table主体样式 */
.fixed-section .fixed-table {
height: calc(100% - 26px);
}
.fixed-section .fixed-table.has-actions {
height: calc(100% - 71px);
}
/* 按钮行样式 */
.fixed-section .fixed-btns-row {
margin-top: 5px;
height: 26px;
}
/* 底部样式 */
.fixed-section .am-modal-footer {
flex: 0 0 44px;
}
/* 滚动条宽度 */
::-webkit-scrollbar {
width: 8px;
background-color: transparent;
}
/* 滚动条颜色 */
::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
}
.fixed-table table {
display: block;
width: 100%;
max-height: 100%;
border-spacing: 0px;
border-collapse: collapse;
border: none;
overflow-y: hidden;
overflow-x: auto;
margin: 0;
}
.fixed-table.is-vertical-scroll table tbody {
max-height: calc(100% - 71px);
}
.fixed-table table>thead>tr>th {
height: 40px;
text-align: center;
vertical-align: middle;
}
.fixed-table table td {
height: 55px;
text-align: center;
}
.fixed-table table tbody {
display: block;
width: 100%;
max-height: calc(100% - 45px);
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.fixed-table table tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
.fixed-table table tr {
table-layout: fixed;
display: table;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.fixed-table table thead tr {
width: calc(100% - 8px);
border-top: 1px solid #ddd;
border-bottom: none;
}
.fixed-table table tbody tr {
width: 100%;
}
.fixed-table table tbody tr:first-child>td {
border-top: none;
}
.fixed-table table tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
/* 固定表头的table样式 end */
</style>
<div class="admin-content">
<div class="admin-content-body">
<div class="am-cf am-padding">
<div class="project_budget">
<div class="page-header am-padding">
<div style="word-wrap:break-word; word-break:break-all; " class="am-fl am-cf"><strong class="am-text-primary am-text-lg">项目预算表</strong> / <small>${project.name}</small></div>
</div>
<form method="post" class="am-form" id="pmsForm" action="${base}/project/budgetEditSave">
<form method="post" class="page-content am-form" id="pmsForm" action="${base}/project/budgetEditSave">
<!--选项卡（tabs）begin-->
<div class="am-tabs am-margin" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs">
<div class="am-tabs palm-tabs" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs palm-tabs-nav">
<li class="am-active"><a href="#tab1">项目立项（概算）基本信息</a></li>
<li><a href="#tab2">项目立项（概算）其他信息</a></li>
<li><a href="#tab3">收入明细表</a></li>
@ -52,8 +181,8 @@
<li><a href="#tab6">资金计划表</a></li>
<li><a href="#tab7">项目预算信息</a></li>
</ul>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
<div class="am-tabs-bd palm-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active palm-tab-panel" id="tab1">
<input name="id" id="id" type="hidden" value="${project.id}" />
<input name="projectContributionProfitRateThreshold" id="projectContributionProfitRateThreshold" type="hidden" value="${Utils.format(project.projectContributionProfitRateThreshold)}" />
<!--验证表单元素（validate) begin-->
@ -363,9 +492,6 @@
</div>
<!--验证表单元素（validate end-->
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab2">
<div class="am-g am-form-group am-margin-top">
@ -473,158 +599,11 @@
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
</div>
</div>
<#-- <span>收入</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr>-->
<#-- <td>类别</td>-->
<#-- <td>费用</td>-->
<#-- <td>含税金额（元）</td>-->
<#-- <td>不含税金额（元）</td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>收入</td>-->
<#-- <td>设备类</td>-->
<#-- <td><input type="text" class="number" name="incomeDeviceTaxInclude1" value="${Utils.format(estimateBean.incomeDeviceTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="incomeDeviceTaxExclude1" value="${Utils.format(estimateBean.incomeDeviceTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>收入</td>-->
<#-- <td>工程类</td>-->
<#-- <td><input type="text" class="number" name="incomeEngineerTaxInclude1" value="${Utils.format(estimateBean.incomeEngineerTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="incomeEngineerTaxExclude1" value="${Utils.format(estimateBean.incomeEngineerTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>收入</td>-->
<#-- <td>服务类</td>-->
<#-- <td><input type="text" class="number" name="incomeServiceTaxInclude1" value="${Utils.format(estimateBean.incomeServiceTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="incomeServiceTaxExclude1" value="${Utils.format(estimateBean.incomeServiceTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>合计</td>-->
<#-- <td></td>-->
<#-- <td><input type="text" class="number" name="incomeTotalTaxInclude1" value="${Utils.format(estimateBean.incomeTotalTaxInclude)}" readonly readonly title="此列累计"></td>-->
<#-- <td><input type="text" class="number" name="incomeTotalTaxExclude1" value="${Utils.format(estimateBean.incomeTotalTaxExclude)}" readonly readonly title="此列累计"></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- <span>成本</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr>-->
<#-- <td>类别</td>-->
<#-- <td>费用</td>-->
<#-- <td>费用项目</td>-->
<#-- <td>含税金额（元）</td>-->
<#-- <td>不含税金额（元）</td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>设备</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseDeviceTaxInclude1" value="${Utils.format(estimateBean.costPurchaseDeviceTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseDeviceTaxExclude1" value="${Utils.format(estimateBean.costPurchaseDeviceTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>施工</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseBuildTaxInclude1" value="${Utils.format(estimateBean.costPurchaseBuildTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseBuildTaxExclude1" value="${Utils.format(estimateBean.costPurchaseBuildTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>服务</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseServiceTaxInclude1" value="${Utils.format(estimateBean.costPurchaseServiceTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseServiceTaxExclude1" value="${Utils.format(estimateBean.costPurchaseServiceTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>其他</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseOtherTaxInclude1" value="${Utils.format(estimateBean.costPurchaseOtherTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseOtherTaxExclude1" value="${Utils.format(estimateBean.costPurchaseOtherTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>项目管理成本</td>-->
<#-- <td>项目管理成本</td>-->
<#-- <td><input type="text" class="number" name="costProjectManageTaxInclude1" value="${Utils.format(estimateBean.costProjectManageTaxExclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="costProjectManageTaxExclude1" value="${Utils.format(estimateBean.costProjectManageTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>其他</td>-->
<#-- <td style="width: 300px" class="huanhang">${project.otherName!}</td>-->
<#-- <td><input type="text" class="number" name="costOtherOtherTaxInclude1" value="${Utils.format(estimateBean.costOtherOtherTaxInclude)}" readonly></td>-->
<#-- <td><input type="text" class="number" name="costOtherOtherTaxExclude1" value="${Utils.format(estimateBean.costOtherOtherTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>合计</td>-->
<#-- <td></td>-->
<#-- <td></td>-->
<#-- <td><input type="text" class="number" name="costTotalTaxInclude1" value="${Utils.format(estimateBean.costTotalTaxInclude)}" readonly readonly title="此列累计"></td>-->
<#-- <td><input type="text" class="number" name="costTotalTaxExclude1" value="${Utils.format(estimateBean.costTotalTaxExclude)}" readonly readonly title="此列累计"></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- <span>管理</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr>-->
<#-- <td>类别</td>-->
<#-- <td>费用项目</td>-->
<#-- <td>不含税金额（元）</td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>财务费用</td>-->
<#-- <td>资金占用成本</td>-->
<#-- <td><input type="text" class="number" name="costExpropriationTaxExclude1" value="${Utils.format(estimateBean.costExpropriationTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>公司管理费用</td>-->
<#-- <td></td>-->
<#-- <td><input type="text" class="number" name="costCompanyManageTaxExclude1" value="${Utils.format(estimateBean.costCompanyManageTaxExclude)}" readonly></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- <span>利润率计算</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr>-->
<#-- <td>类别</td>-->
<#-- <td></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目毛利（元）</td>-->
<#-- <td><input type="text" class="number" name="projectGrossProfit1" value="${Utils.format(estimateBean.projectGrossProfit)}" readonly title="收入总计（不含税）-成本总计（不含税）-财务费用总计（不含税）"></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目毛利率（%）</td>-->
<#-- <td><input type="text" class="number" name="projectGrossProfitRate1" value="${Utils.format(estimateBean.projectGrossProfitRate)}" readonly title="毛利（不含税）/收入总计（不含税）"></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目贡献利润（元）</td>-->
<#-- <td><input type="text" class="number" name="projectContributionProfit1" value="${Utils.format(estimateBean.projectContributionProfit)}" readonly title="项目毛利（不含税）-公司管理费用总计（不含税）"></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目贡献利润率（%）</td>-->
<#-- <td><input type="text" class="number" name="projectContributionProfitRate1" value="${Utils.format(estimateBean.projectContributionProfitRate)}" readonly title="贡献利润（不含税）/收入总计（不含税）"></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- </div>-->
<#-- <!--验证表单元素（validate end&ndash;&gt;-->
<#-- </div>-->
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab3">
<div class="fixed-section">
<div class="am-modal-bd">
<div class="am-u-sm-12 am-u-md-12" style="padding:0 1.6rem 1.6rem 1rem;margin:0;">
<div class="am-btn-toolbar" style="padding-left:.5rem;">
<div class="fixed-actions">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<div class="am-btn-group am-btn-group-xs am-form-file">
<button type="button" id="bt_import" class="am-btn am-btn-default">
@ -640,22 +619,24 @@
</div>
</div>
</div>
<div class="fixed-table has-actions">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;" id="incomeTable">
<tbody>
<thead>
<tr>
<td>序号</td>
<td>类别</td>
<td>名称</td>
<td>单位</td>
<td>数量</td>
<td>单价</td>
<td>税率（%）</td>
<td>含税总金额（元）</td>
<td>不含税金额（元）</td>
<td>税金（元）</td>
<td>操作</td>
<th>序号</th>
<th width="100px">类别</th>
<th>名称</th>
<th>单位</th>
<th>数量</th>
<th>单价</th>
<th>税率（%）</th>
<th>含税总金额（元）</th>
<th>不含税金额（元）</th>
<th>税金（元）</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<#if incomeDetails??>
<#list incomeDetails as incomeDetail>
<tr>
@ -695,7 +676,9 @@
</tbody>
</table>
<button type="button" id="incomeAddBtn" class="am-btn am-btn-primary am-btn-xs am-round"><span class="am-icon-plus"></span></button>
</div>
<button type="button" id="incomeAddBtn" class="am-btn am-btn-primary am-btn-xs am-round fixed-btns-row"><span class="am-icon-plus"></span></button>
</div>
<div class="am-modal-footer">
<#--<span class="am-modal-btn" data-am-modal-cancel>取消</span>-->
@ -703,20 +686,21 @@
</div>
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab8">
<div class="fixed-section">
<div class="am-modal-bd">
<div class="fixed-table">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;" id="incomePlanTable">
<tbody>
<thead>
<tr>
<td>序号</td>
<td>收款节点</td>
<td>收款时间</td>
<td>收款金额（元）</td>
<td>操作</td>
<th>序号</th>
<th>收款节点</th>
<th>收款时间</th>
<th>收款金额（元）</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<#if incomePlanDetails??>
<#list incomePlanDetails as incomePlanDetail>
<tr>
@ -738,7 +722,8 @@
</tbody>
</table>
<button type="button" id="incomePlanAddBtn" class="am-btn am-btn-primary am-btn-xs am-round"><span class="am-icon-plus"></span></button>
</div>
<button type="button" id="incomePlanAddBtn" class="am-btn am-btn-primary am-btn-xs am-round fixed-btns-row"><span class="am-icon-plus"></span></button>
</div>
<div class="am-modal-footer">
<#--<span class="am-modal-btn" data-am-modal-cancel>取消</span>-->
@ -746,12 +731,11 @@
</div>
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab4">
<div class="fixed-section">
<div class="am-modal-bd">
<div class="am-u-sm-12 am-u-md-12" style="padding:0 1.6rem 1.6rem 1rem;margin:0;">
<div class="am-btn-toolbar" style="padding-left:.5rem;">
<div class="fixed-actions">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<div class="am-btn-group am-btn-group-xs am-form-file">
<button type="button" id="bt_import" class="am-btn am-btn-default">
@ -767,30 +751,32 @@
</div>
</div>
</div>
<div class="fixed-table has-actions is-vertical-scroll">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;" id="costTable">
<tbody>
<thead style="display:block;width: 1810px;">
<tr>
<td>序号</td>
<td>大类</td>
<td>类别</td>
<td>名称</td>
<td>单位</td>
<td>数量</td>
<td>单价</td>
<td>税率（%）</td>
<td>含税总金额（元）</td>
<td>不含税金额（元）</td>
<td>税金（元）</td>
<td>签约方</td>
<td>是否垫资</td>
<td>预估垫资金额(元)</td>
<td>支出时间</td>
<td>支出金额(元)</td>
<td>付款方式</td>
<td>备注</td>
<td>操作</td>
<th width="60px">序号</th>
<th width="70px">大类</th>
<th width="150px">类别</th>
<th width="100px">名称</th>
<th width="80px">单位</th>
<th width="100px">数量</th>
<th width="100px">单价</th>
<th width="100px">税率（%）</th>
<th width="100px">含税总金额（元）</th>
<th width="100px">不含税金额（元）</th>
<th width="100px">税金（元）</th>
<th width="100px">签约方</th>
<th width="60px">是否垫资</th>
<th width="100px">预估垫资金额(元)</th>
<th width="130px">支出时间</th>
<th width="100px">支出金额(元)</th>
<th width="100px">付款方式</th>
<th width="100px">备注</th>
<th width="60px">操作</th>
</tr>
</thead>
<tbody style="width: 1819px;">
<#if costDetails??>
<#list costDetails as costDetail>
<tr>
@ -839,12 +825,12 @@
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-pay-amount-cost" value="${Utils.format(costDetail.payAmount,'0')}"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.payWay!}"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.remark!}"></td>
<td><button type="button" style="margin-top: 10px" class="am-btn am-btn-danger am-btn-xs am-round am-modal-line-delete"><span class="am-icon-minus"></span></button></td>
<td width="60px"><button type="button" style="margin-top: 10px" class="am-btn am-btn-danger am-btn-xs am-round am-modal-line-delete"><span class="am-icon-minus"></span></button></td>
</tr>
</#list>
</#if>
<tr class="total-new" id="costTotal">
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="总计" readonly></td>
<td width="60px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="总计" readonly></td>
<td width="70px"></td>
<td width="150px"></td>
<td width="100px"></td>
@ -862,46 +848,50 @@
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-total-pay-amount-cost" value="${Utils.format(costPayAmountTotal,'0.00')}" readonly></td>
<td width="100px"></td>
<td width="100px"></td>
<td></td>
<td width="60px"></td>
</tr>
</tbody>
</table>
<button type="button" style="margin-top: 10px" id="costAddBtn" class="am-btn am-btn-primary am-btn-xs am-round"><span class="am-icon-plus"></span></button>
</div>
<button type="button" style="margin-top: 10px" id="costAddBtn" class="am-btn am-btn-primary am-btn-xs am-round fixed-btns-row"><span class="am-icon-plus"></span></button>
</div>
<div class="am-modal-footer">
<#--<span class="am-modal-btn" data-am-modal-cancel>取消</span>-->
<span class="am-modal-btn" data-am-modal-confirm id="costTableSave">保存</span>
</div>
</div>
</div>
<div class="am-tabs-bd">
</div>
<div class="am-tab-panel am-fade am-in" id="tab5">
<div class="fixed-section">
<div class="am-modal-bd">
<div class="fixed-table">
<table class="am-table am-table-bordered am-table-radius table-main" style="padding:0;" id="costProjectManageTable">
<tbody>
<thead>
<tr>
<td>序号</td>
<td>财务费用类别</td>
<td>业务项目</td>
<td>项目明细</td>
<td>单位</td>
<td>数量</td>
<td>单价</td>
<td>总金额（元）</td>
<td>支出时间</td>
<td>支出金额（元）</td>
<td>预估计算方法</td>
<td>预估依据</td>
<td>备注</td>
<td>操作</td>
<th>序号</th>
<th>财务费用类别</th>
<th>业务项目</th>
<th>项目明细</th>
<th>单位</th>
<th>数量</th>
<th>单价</th>
<th>总金额（元）</th>
<th>支出时间</th>
<th>支出金额（元）</th>
<th>预估计算方法</th>
<th>预估依据</th>
<th>备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<#if costProjectManageDetails??>
<#list costProjectManageDetails as costProjectManageDetail>
<tr>
<td width="60px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-budget-num" value="${(costProjectManageDetail_index+1)!}" readonly></td>
<td width="100px">
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-budget-num" value="${(costProjectManageDetail_index+1)!}" readonly></td>
<td>
<select style="float: left;" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage am-modal-prompt-input-cost-project-manage-type">
<option value="1" <#if costProjectManageDetail.type == 1>selected</#if>>人工成本</option>
<option value="2" <#if costProjectManageDetail.type == 2>selected</#if>>业务费用</option>
@ -909,7 +899,7 @@
<option value="4" <#if costProjectManageDetail.type == 4>selected</#if>>保证金</option>
</select>
</td>
<td width="180px">
<td>
<select <#if costProjectManageDetail.isDiy == 1>style="display:none"<#else>style="float: left;"</#if> class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage am-modal-prompt-input-cost-project-manage-category">
<#if costProjectManageDetail.type == 1>
<option value="1" <#if costProjectManageDetail.name == "人工费">selected</#if>>人工费</option>
@ -929,16 +919,16 @@
</select>
<input <#if costProjectManageDetail.isDiy == 1>type="text"<#else>type="hidden"</#if> class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage am-modal-prompt-input-cost-project-manage-category2" value="${costProjectManageDetail.name!}">
</td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.detail!}"></td>
<td width="80px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.unit!}"></td>
<td width="100px"><input type="number" min="0" max="99999999" step="1" maxlength="8" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage" value="${costProjectManageDetail.amount!0}" <#--onkeyup="integerNumber(this)"--> oninput="if(value.length>8)value=value.slice(0,8)"></td>
<td width="100px"><input type="text" maxlength="19" class="price am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage" value="${Utils.format2(costProjectManageDetail.price,'0')}" oninput="if(value.length>19)value=value.slice(0,19)"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-project-manage" value="${Utils.format(costProjectManageDetail.total,'0')}" readonly></td>
<td width="130px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${(costProjectManageDetail.payTime?string("yyyy-MM-dd"))!}" data-am-datepicker></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-pay-amount-project-manage" value="${Utils.format(costProjectManageDetail.payAmount,'0.00')}"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.predictMethod!}"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.predictWhy!}"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.remark!}"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.detail!}"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.unit!}"></td>
<td><input type="number" min="0" max="99999999" step="1" maxlength="8" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage" value="${costProjectManageDetail.amount!0}" <#--onkeyup="integerNumber(this)"--> oninput="if(value.length>8)value=value.slice(0,8)"></td>
<td><input type="text" maxlength="19" class="price am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage" value="${Utils.format2(costProjectManageDetail.price,'0')}" oninput="if(value.length>19)value=value.slice(0,19)"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-project-manage" value="${Utils.format(costProjectManageDetail.total,'0')}" readonly></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${(costProjectManageDetail.payTime?string("yyyy-MM-dd"))!}" data-am-datepicker></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-pay-amount-project-manage" value="${Utils.format(costProjectManageDetail.payAmount,'0.00')}"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.predictMethod!}"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.predictWhy!}"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.remark!}"></td>
<td><button type="button" style="margin-top: 10px" class="am-btn am-btn-danger am-btn-xs am-round am-modal-line-delete"><span class="am-icon-minus"></span></button>
<input type="hidden" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${costProjectManageDetail.deletable!}">
</td>
@ -946,25 +936,27 @@
</#list>
</#if>
<tr class="total-new" id="manageTotal">
<td width="60px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="总计" readonly></td>
<td width="100px"></td>
<td width="180px"></td>
<td width="100px"></td>
<td width="80px"></td>
<td width="100px"><input type="number" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-amount-project-manage" value="${costProjectManageTotalAmount!0}" readonly <#--onkeyup="integerNumber(this)"-->></td>
<td width="100px"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-total-project-manage" value="${Utils.format(budgetBean.costProjectManageTaxInclude,'0')}" readonly></td>
<td width="130px"></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-pay-amount-project-manage" value="${Utils.format(managePayAmountTotal,'0.00')}" readonly></td>
<td width="100px"></td>
<td width="100px"></td>
<td width="100px"></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="总计" readonly></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><input type="number" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-amount-project-manage" value="${costProjectManageTotalAmount!0}" readonly <#--onkeyup="integerNumber(this)"-->></td>
<td></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-total-project-manage" value="${Utils.format(budgetBean.costProjectManageTaxInclude,'0')}" readonly></td>
<td></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-total-pay-amount-project-manage" value="${Utils.format(managePayAmountTotal,'0.00')}" readonly></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<button type="button" id="costProjectManageAddBtn" class="am-btn am-btn-primary am-btn-xs am-round"><span class="am-icon-plus"></span></button>
</div>
<button type="button" id="costProjectManageAddBtn" class="am-btn am-btn-primary am-btn-xs am-round fixed-btns-row"><span class="am-icon-plus"></span></button>
</div>
<div>
备注：本表展示不含税金额
@ -974,9 +966,8 @@
<span class="am-modal-btn" data-am-modal-confirm id="costProjectManageTableSave">保存</span>
</div>
</div>
</div>
<div class="am-tabs-bd">
</div>
<div class="am-tab-panel am-fade am-in" id="tab6">
<div class="am-modal-bd">
<input type="hidden" id="planStartDate" name="planStartDate" value='${planStartDate!""}'/>
@ -1096,9 +1087,6 @@
<span class="am-modal-btn" data-am-modal-confirm id="budgetPlanDetailTableSave">保存</span>
</div>
</div>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab7">
<span>收入</span>
<#-- <span class="am-text-primary"><a style="cursor: pointer" id="income-detail">收入明细表</a></span>-->
@ -1344,9 +1332,9 @@
</tbody>
</table>
</div>
<!--验证表单元素（validate end-->
</div>
</div>
</div>
<!--选项卡（tabs）end-->
@ -1356,8 +1344,6 @@
<button type="button" class="am-btn am-btn-primary am-btn-xs" id="saveApprove">提交审核</button>
</div>
</form>
</div>
</div>
<script>
var base = "${base}";