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

查看表格固定扁头

master
suhang_max@163.com 2022-11-02 15:48:10 +08:00
parent b47da22e87
commit ee6b24e82e
3 changed files with 2655 additions and 2756 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/main/resources/static/assets/css/admin.css
View File

@ -411,3 +411,120 @@ option{
div{
font-size: 1.48vh !important;
}
/* 全局样式 */
/* 切换组件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;
}
/* 滚动条宽度 */
.fixed-table tbody::-webkit-scrollbar {
width: 8px;
background-color: transparent;
}
/* 滚动条颜色 */
.fixed-table tbody::-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 */

479
src/main/resources/templates/admin/project_approve.ftl
View File

@ -102,21 +102,55 @@
word-break:break-all;
}
/* 页面相关样式 */
.project_approve {
height: 100%;
display: flex;
flex-direction: column;
}
.project_approve .page-header {
display: flex;
align-items: center;
flex: 0 0 auto;
}
.project_approve .page-content {
flex: 1 1 auto;
overflow: hidden;
}
.palm-tabs.outer {
height: 100%;
}
.palm-tabs.inner {
height: unset;
}
.project_approve .fixed-section .am-modal-bd {
padding-bottom: 0;
border-bottom: none;
}
.project_approve .fixed-section .fixed-table.has-actions {
height: calc(100% - 45px);
}
.project_approve .fixed-section .fixed-table table {
border-bottom: 1px solid #ddd;
}
.project_approve .fixed-table table td {
vertical-align: middle;
}
</style>
<div id="printContainer"></div>
<div class="admin-content" id="contentContainer">
<div class="admin-content-body">
<div class="am-cf am-padding">
<div class="project_approve" id="contentContainer">
<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">
<input type="hidden" id="keywords" name="keywords" value='${keywords!""}'/>
<input type="hidden" id="pageNumber" name="pageNumber" value='${pageNumber!}'/>
<!--选项卡（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 outer" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs palm-tabs-nav">
<li id="jiben" <#if check==1>class="am-active"</#if>><a href="#tab1">项目立项（概算）基本信息</a></li>
<#if project.status==1 || project.status==5 || project.status==10 || project.status==15>
<li><a href="#tab2">项目立项（概算）其他信息</a></li>
@ -132,7 +166,7 @@
</#if>
<li><a href="#tab6">项目审核记录</a></li>
</ul>
<div class="am-tabs-bd">
<div class="am-tabs-bd palm-tabs-bd">
<div <#if check==1>class="am-tab-panel am-fade am-in am-active" <#else> class="am-tab-panel am-fade am-in"</#if> id="tab1">
<input name="id" id="id" type="hidden" value="${project.id}" />
<input name="type" id="type" type="hidden" value="${type}"/>
@ -291,10 +325,7 @@
<!--endprint-->
</div>
<!--验证表单元素（validate end-->
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-scrollable-horizontal" id="tab2">
<div class="am-tab-panel am-fade am-in" id="tab2">
<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="am-btn-group am-btn-group-xs">
@ -368,171 +399,12 @@
</tr>
</table>
</div>
</div>
<#-- <div class="am-tabs-bd">-->
<#-- <div class="am-tab-panel am-fade am-in am-scrollable-horizontal" id="tab2">-->
<#-- <#if (project.status==1 || project.status==5 || project.status==10 || project.status==15) && project.approveStatusEstimate == 1>-->
<#-- <div class="approve-topass"></div>-->
<#-- </#if>-->
<#-- <#if (project.status==1 || project.status==5 || project.status==10 || project.status==15) && project.approveStatusEstimate == 2>-->
<#-- <div class="approve-passed"></div>-->
<#-- </#if>-->
<#-- <#if (project.status==1 || project.status==5 || project.status==10 || project.status==15) && project.approveStatusEstimate == 3>-->
<#-- <div class="approve-nopass"></div>-->
<#-- </#if>-->
<#-- <span class="am-text-lg">收入</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main am-text-nowrap" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr class="am-text-lg">-->
<#-- <td>类别</td>-->
<#-- <td>费用</td>-->
<#-- <td>含税金额（元）</td>-->
<#-- <td>不含税金额（元）</td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>收入</td>-->
<#-- <td>设备类</td>-->
<#-- <td><input type="text" class="number" name="incomeDeviceTaxInclude" value="${Utils.format(estimateBean.incomeDeviceTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="incomeDeviceTaxExclude" value="${Utils.format(estimateBean.incomeDeviceTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>收入</td>-->
<#-- <td>工程类</td>-->
<#-- <td><input type="text" class="number" name="incomeEngineerTaxInclude" value="${Utils.format(estimateBean.incomeEngineerTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="incomeEngineerTaxExclude" value="${Utils.format(estimateBean.incomeEngineerTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>收入</td>-->
<#-- <td>服务类</td>-->
<#-- <td><input type="text" class="number" name="incomeServiceTaxInclude" value="${Utils.format(estimateBean.incomeServiceTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="incomeServiceTaxExclude" value="${Utils.format(estimateBean.incomeServiceTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>合计</td>-->
<#-- <td></td>-->
<#-- <td><input type="text" class="number" name="incomeTotalTaxInclude" value="${Utils.format(estimateBean.incomeTotalTaxInclude)}" readonly readonly title="此列累计"></td>-->
<#-- <td><input type="text" class="number" name="incomeTotalTaxExclude" value="${Utils.format(estimateBean.incomeTotalTaxExclude)}" readonly readonly title="此列累计"></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- <span class="am-text-lg">成本</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main am-text-nowrap" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr class="am-text-lg">-->
<#-- <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="costPurchaseDeviceTaxInclude" value="${Utils.format(estimateBean.costPurchaseDeviceTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseDeviceTaxExclude" value="${Utils.format(estimateBean.costPurchaseDeviceTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>施工</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseBuildTaxInclude" value="${Utils.format(estimateBean.costPurchaseBuildTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseBuildTaxExclude" value="${Utils.format(estimateBean.costPurchaseBuildTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>服务</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseServiceTaxInclude" value="${Utils.format(estimateBean.costPurchaseServiceTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseServiceTaxExclude" value="${Utils.format(estimateBean.costPurchaseServiceTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>采购成本</td>-->
<#-- <td>其他</td>-->
<#-- <td><input type="text" class="number" name="costPurchaseOtherTaxInclude" value="${Utils.format(estimateBean.costPurchaseOtherTaxInclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="costPurchaseOtherTaxExclude" value="${Utils.format(estimateBean.costPurchaseOtherTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>项目管理成本</td>-->
<#-- <td>项目管理成本</td>-->
<#-- <td><input type="text" class="number" name="costProjectManageTaxInclude" value="${Utils.format(estimateBean.costProjectManageTaxExclude)}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="costProjectManageTaxExclude" value="${Utils.format(estimateBean.costProjectManageTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>成本</td>-->
<#-- <td>其他</td>-->
<#-- <td style="width: 300px" class="huanhang">${project.otherName!}</td>-->
<#-- <td><input type="text" class="number" name="costOtherOtherTaxInclude" value="${Utils.format(estimateBean.costOtherOtherTaxInclude, '0.00')}" required readonly></td>-->
<#-- <td><input type="text" class="number" name="costOtherOtherTaxExclude" value="${Utils.format(estimateBean.costOtherOtherTaxExclude, '0.00')}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>合计</td>-->
<#-- <td></td>-->
<#-- <td></td>-->
<#-- <td><input type="text" class="number" name="costTotalTaxInclude" value="${Utils.format(estimateBean.costTotalTaxInclude, '0.00')}" readonly readonly title="此列累计"></td>-->
<#-- <td><input type="text" class="number" name="costTotalTaxExclude" value="${Utils.format(estimateBean.costTotalTaxExclude, '0.00')}" readonly readonly title="此列累计"></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- <span class="am-text-lg">管理</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main am-text-nowrap" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr class="am-text-lg">-->
<#-- <td>类别</td>-->
<#-- <td>费用项目</td>-->
<#-- <td>不含税金额（元）</td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>财务费用</td>-->
<#-- <td>资金占用成本</td>-->
<#-- <td><input type="text" class="number" name="costExpropriationTaxExclude" value="${Utils.format(estimateBean.costExpropriationTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>公司管理费用</td>-->
<#-- <td></td>-->
<#-- <td><input type="text" class="number" name="costCompanyManageTaxExclude" value="${Utils.format(estimateBean.costCompanyManageTaxExclude)}" required readonly></td>-->
<#-- </tr>-->
<#-- </tbody>-->
<#-- </table>-->
<#-- <span class="am-text-lg">利润率计算</span>-->
<#-- <table class="am-table am-table-bordered am-table-radius table-main am-text-nowrap" style="padding:0;">-->
<#-- <tbody>-->
<#-- <tr class="am-text-lg">-->
<#-- <td>类别</td>-->
<#-- <td></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目毛利（元）</td>-->
<#-- <td><input type="text" class="number" name="projectGrossProfit" value="${Utils.format(estimateBean.projectGrossProfit)}" readonly title="收入总计（不含税）-成本总计（不含税）-财务费用总计（不含税）"></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目毛利率（%）</td>-->
<#-- <td><input type="text" class="number" name="projectGrossProfitRate" value="${Utils.format(estimateBean.projectGrossProfitRate)}" readonly title="毛利（不含税）/收入总计（不含税）"></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目贡献利润（元）</td>-->
<#-- <td><input type="text" class="number" name="projectContributionProfit" value="${Utils.format(estimateBean.projectContributionProfit)}" readonly title="项目毛利（不含税）-公司管理费用总计（不含税）"></td>-->
<#-- </tr>-->
<#-- <tr>-->
<#-- <td>项目贡献利润率（%）</td>-->
<#-- <td><input type="text" class="number" name="projectContributionProfitRate" 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">
<#if huiQianFile! !="">
<div style="float: right"><a href="${huiQianFile}" download target="_blank">下载会签单</a></div>
</#if>
<div class="am-tabs am-margin" data-am-tabs id="subTab">
<ul class="am-tabs-nav am-nav am-nav-tabs">
<div class="am-tabs palm-tabs inner" data-am-tabs id="subTab">
<ul class="am-tabs-nav am-nav am-nav-tabs palm-tabs-nav">
<li class="am-active"><a href="#tab35">预算信息</a></li>
<li><a href="#tab31">收入明细表</a></li>
<li><a href="#tab36">收入计划表</a></li>
@ -541,40 +413,40 @@
<li><a href="#tab34">资金计划表</a></li>
</ul>
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-scrollable-horizontal" id="tab31">
<div class="am-tabs-bd palm-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab31">
<#--<span class="am-text-lg">收入明细表</span>-->
<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-section">
<div class="am-modal-bd">
<div class="fixed-actions">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<button type="button" class="am-btn am-btn-default" onclick="location.href='${base}/project/incomeExport?id=${project.id!}'">
<span class="am-icon-archive"></span> 导出
</button>
<#-- <button type="button" class="am-btn am-btn-default" onclick="printPage('tab31')">-->
<#-- <span class="am-icon-archive"></span> 打印-->
<#-- </button>-->
</div>
</div>
</div>
<!--startprint-->
<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>
<th>序号</th>
<th>类别</th>
<th>名称</th>
<th>单位</th>
<th>数量</th>
<th>单价</th>
<th>税率（%）</th>
<th>含税总金额（元）</th>
<th>不含税金额（元）</th>
<th>税金（元）</th>
<#--<td>操作</td>-->
</tr>
</thead>
<tbody>
<#if incomeDetails??>
<#list incomeDetails as incomeDetail>
<tr>
@ -647,12 +519,16 @@
</tr>
</tbody>
</table>
<!--endprint-->
</div>
<div class="am-tab-panel am-fade am-in am-scrollable-horizontal" id="tab36">
</div>
</div>
</div>
<div class="am-tab-panel am-fade am-in" id="tab36">
<#--<span class="am-text-lg">收入明细表</span>-->
<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-section">
<div class="am-modal-bd">
<div class="fixed-actions">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<button type="button" class="am-btn am-btn-default" onclick="location.href='${base}/project/incomePlanExport?id=${project.id!}'">
<span class="am-icon-archive"></span> 导出
@ -660,21 +536,26 @@
</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="incomePlanTable">
<tbody>
<thead>
<tr>
<td width="60px">序号</td>
<td>收款节点</td>
<td>收款时间</td>
<td>收款金额（元）</td>
<th width="60px">序号</th>
<th>收款节点</th>
<th>收款时间</th>
<th>收款金额（元）</th>
</tr>
</thead>
<tbody>
<#if incomePlanDetails??>
<#list incomePlanDetails as incomePlanDetail>
<tr>
<td>${(incomePlanDetail_index+1)!}</td>
<td width="60px">${(incomePlanDetail_index+1)!}</td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-income-plan" value="${incomePlanDetail.receivePoint!}" readonly></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-income-plan incomePlanTime" value="${(incomePlanDetail.receiveTime?string("yyyy-MM-dd"))!}" autocomplete="off" readonly></td>
<td><input type="text" class="number am-modal-prompt-input am-modal-prompt-input-income-plan input-changeable-receive input-changeable-receive-income-plan" value="${Utils.format(incomePlanDetail.receiveAmount,'0')}" readonly></td>
@ -682,19 +563,26 @@
</#list>
</#if>
<tr class="total-new" id="incomePlanTotal">
<td>总计</td>
<td width="60px">总计</td>
<td></td>
<td></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-income-plan input-changeable-total-receive-income-plan" value="${Utils.format(incomePlanTotal,'0.00')}" readonly></td>
<td></td>
<#-- <td></td>-->
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="am-tab-panel am-fade am-in" id="tab32">
<#--<span class="am-text-lg">采购成本明细表</span>-->
<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-section">
<div class="am-modal-bd">
<div class="fixed-actions">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<button type="button" class="am-btn am-btn-default" onclick="location.href='${base}/project/costExport?id=${project.id!}'">
<span class="am-icon-archive"></span> 导出
@ -702,36 +590,38 @@
</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="costTable">
<tbody>
<thead>
<tr>
<td width="60px">序号</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>序号</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>支出时间</th>
<th>支出金额(元)</th>
<th>付款方式</th>
<th>备注</th>
</tr>
</thead>
<tbody id="tab32TBody">
<#if costDetails??>
<#list costDetails as costDetail>
<tr>
<td>${(costDetail_index+1)!}</td>
<td width="60px">
<td>
<#--<select style="width: auto" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost am-modal-prompt-input-cost-type">
<option value="1" <#if costDetail.type == 1>selected</#if>>设备
@ -753,43 +643,43 @@
其他
</#if>
</td>
<td width="120px">
<td>
<#list procurementTypes as procurementType>
<#if costDetail.category == procurementType.id>${procurementType.name}</#if>
</#list>
</td>
<td width="120px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost"
value="${costDetail.name!}"></td>
<td width="80px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost"
value="${costDetail.unit!}"></td>
<td width="80px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-amount"
value="${costDetail.amount!0}"></td>
<td width="100px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-price"
value="${Utils.format2(costDetail.price,'0.00')}"></td>
<td width="100px"><input type="text" min="0.00" max="99.99" step="0.01" readonly
<td><input type="text" min="0.00" max="99.99" step="0.01" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-tax-rate"
value="${Utils.format(costDetail.taxRate,'0.00')}"></td>
<td width="100px"><input type="text"
<td><input type="text"
class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-tax-include"
value="${Utils.format(costDetail.totalTaxInclude,'0.00')}"
readonly>
</td>
<td width="100px"><input type="text"
<td><input type="text"
class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-tax-exclude"
value="${Utils.format(costDetail.totalTaxExclude,'0.00')}"
readonly>
</td>
<td width="100px"><input type="text"
<td><input type="text"
class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-tax"
value="${Utils.format(costDetail.totalTax,'0.00')}"
readonly>
</td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.contractParty!}" readonly></td>
<td width="60px">
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.contractParty!}" readonly></td>
<td>
<#--<select style="width: auto" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost am-modal-prompt-input-cost-type">
<option value="1" <#if costDetail.type == 1>selected</#if>>设备
@ -809,11 +699,11 @@
否
</#if>
</td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-underwritten-amount-cost" value="${Utils.format(costDetail.underwrittenAmount,'0')}" readonly></td>
<td width="130px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${(costDetail.payTime?string("yyyy-MM-dd"))!}" readonly></td>
<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')}" readonly></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.payWay!}" readonly></td>
<td width="100px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.remark!}" readonly></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost input-changeable-total-underwritten-amount-cost" value="${Utils.format(costDetail.underwrittenAmount,'0')}" readonly></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${(costDetail.payTime?string("yyyy-MM-dd"))!}" readonly></td>
<td><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')}" readonly></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.payWay!}" readonly></td>
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost" value="${costDetail.remark!}" readonly></td>
<#--<td>
<button type="button"
class="am-btn am-btn-warning am-btn-xs am-round am-modal-line-delete">
@ -840,14 +730,22 @@
<td></td>
<td><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></td>
<td></td> </tr>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="am-tab-panel am-fade am-in" id="tab33">
<#--<span class="am-text-lg">项目管理成本表</span>-->
<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-section">
<div class="am-modal-bd">
<div class="fixed-actions">
<div class="am-btn-toolbar">
<div class="am-btn-group am-btn-group-xs">
<button type="button" class="am-btn am-btn-default" onclick="location.href='${base}/project/costManageExport?id=${project.id!}'">
<span class="am-icon-archive"></span> 导出
@ -855,32 +753,36 @@
</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="costProjectManageTable">
<tbody>
<thead>
<tr>
<td width="60px">序号</td>
<td width="120px">财务费用类别</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="120px">财务费用类别</th>
<th>业务项目</th>
<th>项目明细</th>
<th>单位</th>
<th>数量</th>
<th>单价</th>
<th>总金额（元）</th>
<th>支出时间</th>
<th>支出金额（元）</th>
<th>预估计算方法</th>
<th>预估依据</th>
<th>备注</th>
<#--<td>操作</td>-->
</tr>
</thead>
<tbody>
<#if costProjectManageDetails??>
<#list costProjectManageDetails as costProjectManageDetail>
<tr>
<td>${(costProjectManageDetail_index+1)!}</td>
<td>
<td width="60px">${(costProjectManageDetail_index+1)!}</td>
<td width="120px">
<#--<select style="width: auto"
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
<#if costProjectManageDetail.deletable==0>readonly</#if>>
@ -902,37 +804,37 @@
其他费用
</#if>
</td>
<td width="180px"><input type="text"
<td><input type="text"
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
value="${costProjectManageDetail.name!}" readonly
<#--<#if costProjectManageDetail.deletable==0>readonly</#if>-->>
</td>
<td width="220px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
value="${costProjectManageDetail.detail!}"></td>
<td width="80px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
value="${costProjectManageDetail.unit!}"></td>
<td width="80px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-amount-project-manage"
value="${costProjectManageDetail.amount!0}"></td>
<td width="180px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage input-changeable-price-project-manage"
value="${Utils.format2(costProjectManageDetail.price,'0.00')}">
</td>
<td width="180px"><input type="text"
<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.00')}"
readonly></td>
<td width="120px"><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${(costProjectManageDetail.payTime?string("yyyy-MM-dd"))!}" readonly></td>
<td width="120px"><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')}" readonly></td>
<td width="120px"><input type="text" readonly
<td><input type="text" class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage" value="${(costProjectManageDetail.payTime?string("yyyy-MM-dd"))!}" readonly></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')}" readonly></td>
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
value="${costProjectManageDetail.predictMethod!}"></td>
<td width="100px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
value="${costProjectManageDetail.predictWhy!}"></td>
<td width="60px"><input type="text" readonly
<td><input type="text" readonly
class="am-modal-prompt-input am-modal-prompt-input-cost-project-manage"
value="${costProjectManageDetail.remark!}"></td>
<#--<td><#if costProjectManageDetail.deletable==1>
@ -947,8 +849,8 @@
</#list>
</#if>
<tr class="total-new" id="manageTotal">
<td>总计</td>
<td></td>
<td width="60px">总计</td>
<td width="120px"></td>
<td></td>
<td></td>
<td></td>
@ -964,10 +866,15 @@
</tr>
</tbody>
</table>
<div>
</div>
</div>
<div style="margin-top: 5px;">
备注：本表展示不含税金额
</div>
</div>
</div>
<div class="am-tab-panel am-fade am-in" id="tab34">
<#--<span class="am-text-lg">资金计划表</span>-->
<div class="am-u-sm-12 am-u-md-12" style="padding:0 1.6rem 1.6rem 1rem;margin:0;">
@ -1472,9 +1379,6 @@
</div>
</div>
<!--验证表单元素（validate end-->
</div>
<div class="am-tabs-bd">
<div <#if check==0>class="am-tab-panel am-fade am-in am-active am-scrollable-horizontal" <#else> class="am-tab-panel am-fade am-in am-scrollable-horizontal"</#if> id="tab4">
<#if (project.status==10 || project.status==15) && project.approveStatusSettle == 1>
<div class="approve-topass"></div>
@ -1855,10 +1759,6 @@
</table>
</div>
<!--验证表单元素（validate end-->
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-scrollable-horizontal" id="tab5">
<#if project.status ==15 && project.approveStatusFinal == 1>
<div class="approve-topass"></div>
@ -2188,9 +2088,6 @@
</table>
</div>
<!--验证表单元素（validate end-->
</div>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in" id="tab6">
<div class="main">
<#if taskRecords?exists >
@ -2236,7 +2133,6 @@
</div>
</div>
</div>
</div>
@ -2818,8 +2714,6 @@
</div>
</form>
</div>
</div>
<script>
var base = "${base}";
@ -2897,7 +2791,10 @@
$("#incomeAddBtn").click(function () {
appendTrIncome();
});
// 初始化表格高度
var tab32HeadH = $("#tab32").find('thead').get(0).offsetHeight
$("#tab32TBody").get(0).style.maxHeight = 'calc(100% - ' + tab32HeadH + 'px)'
<#--.style.maxHeight = `calc(100% - ${tab32HeadH}px)`-->
});

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

@ -44,122 +44,7 @@
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 */
.table-title{
text-align: left;
}
@ -207,7 +92,7 @@
<li><a href="#tab7">项目预算信息</a></li>
</ul>
<div class="am-tabs-bd palm-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active palm-tab-panel" id="tab1">
<div class="am-tab-panel am-fade am-in am-active" 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-->