fourcal/src/main/resources/templates/admin/monthly_settle_info.ftl

315 lines
19 KiB
Plaintext
Raw Normal View History

2022-08-14 15:10:06 +00:00
<#assign base=request.contextPath />
<#import "../common/defaultLayout.ftl" as defaultLayout>
<@defaultLayout.layout>
<link rel="stylesheet" href="../assets/css/amazeui.switch.css"/>
<div class="admin-content">
<div class="admin-content-body">
<div class="am-cf 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>${monthlySettle.name}</small></div>
</div>
<form method="post" class="am-form" id="pmsForm" action="">
<!--选项卡tabsbegin-->
<div class="am-tabs am-margin" data-am-tabs>
<div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
<input name="id" id="id" type="hidden" value="${monthlySettle.id}" />
<div class="am-u-sm-10">
<div class="am-form am-form-inline">
<div class="am-form-group am-form-icon">
<input type="text" id="time" name="time" autocomplete="off" readonly value="${time!}">
</div>
</div>
</div>
<br/>
<br/>
<!--验证表单元素validate) begin-->
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px; margin-bottom: 13px;" value="月份"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.month}"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 6px;" value="项目编号"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${monthlySettle.projectNo!}">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 6px;" value="项目名称"></div>
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${monthlySettle.projectName!}">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="项目类型"></div>
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${monthlySettle.projectType!}">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 6px;" value="合同编号"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${monthlySettle.contractNo!}">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 6px;" value="合同方"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${monthlySettle.contractParty!}">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="合同金额"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${Utils.format(monthlySettle.contractAmount)}元">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 134px ;margin-bottom: 6px;" value="合同签订时间"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.contractSignTime?string("yyyy-MM-dd")}"></input>
2022-08-14 15:10:06 +00:00
</div>
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
2022-08-14 15:10:06 +00:00
2022-08-15 02:15:21 +00:00
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 134px ;margin-bottom: 6px;" value="最终业主"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${monthlySettle.owner!}"></input>
2022-08-14 15:10:06 +00:00
</div>
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="累计已收款"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${Utils.format(monthlySettle.totalCollect)}元"></input>
2022-08-14 15:10:06 +00:00
</div>
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 100px;margin-bottom: 12px;" value="已采购累计付款"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${Utils.format(monthlySettle.totalPurchasedPaid)}元"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 6px;" value="已采购累计未付款"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${Utils.format(monthlySettle.totalPurchasedUnpaid)}元">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 100px ;margin-bottom: 6px;" value="超期垫资金额"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${Utils.format(monthlySettle.timeOutAmount)}元">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 12px;" value="销售累计开票金额"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${Utils.format(monthlySettle.totalBillAmount)}元"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="销售经理"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.saleManager!}" />
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="项目经理"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.projectManager!}" />
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;margin-left: 10px;margin-left: -15px" value="收款节点"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.collectPoint!}"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;margin-left: -15px" value="收款要求时间"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.contractSignTime?string("yyyy-MM-dd")}"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;margin-left: 10px;margin-left: -15px" value="收款金额"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${Utils.format(monthlySettle.collectAmount)}元"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;margin-left: -15px" value="实际收款时间"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${monthlySettle.collectActualTime?string("yyyy-MM-dd")}"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 100px;margin-bottom: 12px;" value="实际收款金额"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly value="${Utils.format(monthlySettle.collectActualAmount)}元"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 6px;" value="实际欠收金额"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${Utils.format(monthlySettle.uncollectActualAmount)}元">
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
2022-08-15 02:15:21 +00:00
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 100px ;margin-bottom: 6px;" value="超期天数"></div>
2022-08-14 15:10:06 +00:00
<div class="am-u-sm-6 am-u-md-6">
2022-08-15 02:15:21 +00:00
<input readonly type="text" style="word-break: break-word; border:0 none;outline:none;" value="${monthlySettle.timeOutDay!}">
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 12px;" value="到货证明"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${monthlySettle.productCertificate!}"></input>
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="验收报告时间"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${monthlySettle.inspectionReportTime?string("yyyy-MM-dd")}" />
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px;margin-bottom: 12px;" value="项目风险预警"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${monthlySettle.riskWarning!}"></input>
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;width: 69px ;margin-bottom: 12px;" value="已计收金额"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${Utils.format(monthlySettle.calColAmount)}元" />
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
<div class="am-g am-form-group am-margin-top">
<div class="am-u-sm-4 am-u-md-2 am-text-right"><input readonly style="text-align: right;margin-left: 10px;margin-left: -15px" value="未计收金额"></div>
<div class="am-u-sm-6 am-u-md-6">
<input readonly value="${Utils.format(monthlySettle.uncalColAmount)}元"></input>
2022-08-14 15:10:06 +00:00
</div>
<div class="am-u-sm-2 am-u-md-4 input-msg"></div>
</div>
</div>
<!--验证表单元素validate end-->
</div>
</div>
2022-08-15 02:15:21 +00:00
<!--选项卡tabsend-->
<div class="am-margin">
<button type="button" class="am-btn am-btn-warning am-btn-xs" onclick="javascript:history.go(-1);">返回上一级</button>
<button type="button" class="am-btn am-btn-primary am-btn-xs" id="exportSingle">导出</button>
</div>
2022-08-14 15:10:06 +00:00
</form>
</div>
</div>
2022-08-15 02:15:21 +00:00
</@defaultLayout.layout>
<script>
2022-08-16 01:42:18 +00:00
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#time',
type: 'month',
btns: ['confirm'],
trigger: 'click',
ready: function(){
console.log($(this.elem).val());
},
done: function() {
var time = $(this.elem).val();
console.log("time:" + time)
$("#pmsForm").attr("action","${base}/monthlySettle/infoByTime?listFrom=list&projectName=${monthlySettle.projectName}$time=" + time);
$("#pmsForm").submit();
}
});
});
2022-08-15 02:15:21 +00:00
/**
*导出数据
*/
$("#exportSingle").on('click', function(event) {
var time = $("#time").val();
var id = $("#id").val();
var projectName = $("#projectName").val();
location.href = "${base}/monthlySettle/exportSingle?id=" + id + "&time=" + time + "&projectName=" + projectName;
});
</script>
2022-08-14 15:10:06 +00:00