|
@@ -34,7 +34,8 @@
|
|
|
<td class="text-right">
|
|
|
<div class="input-group input-group-sm">
|
|
|
<input type="number" class="pay-input form-control nospin text-right" max="100"
|
|
|
- min="1" placeholder="请填写支付比例,将自动计算本期金额" data-type="0">
|
|
|
+ min="1" placeholder="请填写支付比例,将自动计算本期金额" data-type="0"
|
|
|
+ value="<%- advance.pay_ratio %>">
|
|
|
<div class="input-group-append"><span class="input-group-text">%</span></div>
|
|
|
</div>
|
|
|
</td>
|
|
@@ -42,7 +43,8 @@
|
|
|
<td class="text-right">
|
|
|
<div class="input-group input-group-sm">
|
|
|
<input type="number" class="pay-input form-control nospin text-right" min="1"
|
|
|
- placeholder="请填写本期金额,将自动计算支付比例" data-type="1">
|
|
|
+ placeholder="请填写本期金额,将自动计算支付比例" data-type="1"
|
|
|
+ value="<%- advance.cur_amount %>">
|
|
|
<div class="input-group-append"><span class="input-group-text">元</span></div>
|
|
|
</div>
|
|
|
</td>
|
|
@@ -161,7 +163,7 @@
|
|
|
审批流程
|
|
|
</div>
|
|
|
<ul class="list-group list-group-flush" id="auditors">
|
|
|
- <% auditHistory && auditHistory[0] && auditHistory[0].length && auditHistory[0].forEach((item, idx) => { %>
|
|
|
+ <% ctx.advance.auditors2 && ctx.advance.auditors2.forEach((item, idx) => { %>
|
|
|
<li class="list-group-item" auditorId="<%- item.audit_id %>">
|
|
|
<a href="" class="text-danger pull-right">移除</a><%- idx+1 %>
|
|
|
<%- item.name %>
|
|
@@ -212,244 +214,134 @@
|
|
|
</td>
|
|
|
<td width="70%">
|
|
|
<% auditHistory.forEach((auditors, idx) => { %>
|
|
|
+ <!--收起历史流程-->
|
|
|
+ <% if(idx > 0 && idx === 1) { %>
|
|
|
+ <div class="text-right"><a href="javascript: void(0);" id="fold-btn" data-target="hide">收起历史审批流程</a></div>
|
|
|
+ <% } %>
|
|
|
+ <div class="<%- idx > 0 ? 'fold-btn' : '' %>">
|
|
|
<div class="text-center text-muted"><%- idx+1 %>#</div>
|
|
|
<ul class="timeline-list list-unstyled mt-2">
|
|
|
- <% auditors.forEach((auditor, idx) => { %>
|
|
|
- <% if (idx === 0) { %>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date"><%- ctx.helper.formatDate(advance.create_time) %>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-caret-down"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5"><%- advance.user.name %></span><span
|
|
|
- class="pull-right text-success">上报审批</span></p>
|
|
|
- <p class="text-muted mb-0"><%- advance.user.role %></p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date"><%- ctx.helper.formatDate(advance.create_time) %>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5"><%- auditor.name %></span><span
|
|
|
- class="pull-right <%- auditConst.statusClass[auditor.status] %>"><%- auditConst.statusString[auditor.status] %></span></p>
|
|
|
- <p class="text-muted mb-0"><%- auditor.role %></p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--审批意见-->
|
|
|
- <% if (auditor.opinion) { %>
|
|
|
- <div class="card-body p-3 border-top">
|
|
|
- <p><%- auditor.opinion %></p>
|
|
|
- </div>
|
|
|
- <% } %>
|
|
|
+ <% auditors.forEach((auditor, index) => { %>
|
|
|
+ <% if (index === 0) { %>
|
|
|
+ <li class="timeline-list-item pb-2">
|
|
|
+ <div class="timeline-item-date">
|
|
|
+ <%- ctx.helper.formatDate(auditor.create_time) %>
|
|
|
+ </div>
|
|
|
+ <div class="timeline-item-tail"></div>
|
|
|
+ <div class="timeline-item-icon bg-success text-light">
|
|
|
+ <i class="fa fa-caret-down"></i>
|
|
|
+ </div>
|
|
|
+ <div class="timeline-item-content">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body p-3">
|
|
|
+ <div class="card-text">
|
|
|
+ <p class="mb-1"><span
|
|
|
+ class="h5"><%- advance.user.name %></span><span
|
|
|
+ class="pull-right text-success"><%- idx !== 0 ? '重新' : '' %>上报审批</span>
|
|
|
+ </p>
|
|
|
+ <p class="text-muted mb-0"><%- advance.user.role %></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </li>
|
|
|
- <% } else if(idx === auditor.length -1 ) {%>
|
|
|
-
|
|
|
- <% } %>
|
|
|
-
|
|
|
- <% }) %>
|
|
|
- </ul>
|
|
|
- <% }) %>
|
|
|
- <!--审批次1-->
|
|
|
- <div class="text-center text-muted">1#</div>
|
|
|
- <ul class="timeline-list list-unstyled mt-2">
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-caret-down"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">布尔</span><span
|
|
|
- class="pull-right text-success">上报审批</span></p>
|
|
|
- <p class="text-muted mb-0">合同计量工程师</p>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">张三</span><span
|
|
|
- class="pull-right text-success">审批通过</span></p>
|
|
|
- <p class="text-muted mb-0">总监理工程师</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--审批意见-->
|
|
|
- <div class="card-body p-3 border-top">
|
|
|
- <div class="">
|
|
|
- 这是审批意见文本,内容不算很长。
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </li>
|
|
|
+ <li class="timeline-list-item pb-2">
|
|
|
+ <div class="timeline-item-date">
|
|
|
+ <%- ctx.helper.formatDate(auditor.end_time) %>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:20:01</span>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-warning text-light">
|
|
|
- <i class="fa fa-level-up"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div id="" class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">王五</span><span
|
|
|
- class="pull-right text-warning">审批退回 布尔</span></p>
|
|
|
- <p class="text-muted mb-0">项目办总工</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--审批意见-->
|
|
|
- <div class="card-body p-3 border-top">
|
|
|
- <div class="">
|
|
|
- 这是审批意见文本,内容不算很长。
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <% if(index < auditors.length - 1) { %>
|
|
|
+ <div class="timeline-item-tail"></div>
|
|
|
+ <% } %>
|
|
|
+ <% if(auditor.status === auditConst.status.checked) { %>
|
|
|
+ <div class="timeline-item-icon bg-success text-light">
|
|
|
+ <i class="fa fa-check"></i>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <!-- <div class="timeline-item-tail"></div> -->
|
|
|
- <div class="timeline-item-icon bg-secondary text-light">
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div id="" class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">李四</span><span
|
|
|
- class="pull-right text-warning"></span></p>
|
|
|
- <p class="text-muted mb-0">项目办主任</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <% } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {%>
|
|
|
+ <div class="timeline-item-icon bg-warning text-light">
|
|
|
+ <i class="fa fa-level-up"></i>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!--收起历史流程-->
|
|
|
- <div class="text-right"><a href="#">收起历史审批流程</a></div>
|
|
|
- <!--审批次2-->
|
|
|
- <div class="text-center text-muted">2#</div>
|
|
|
- <ul class="timeline-list list-unstyled mt-2">
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-caret-down"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">布尔</span><span
|
|
|
- class="pull-right text-success">上报审批</span></p>
|
|
|
- <p class="text-muted mb-0">合同计量工程师</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <% } else if(auditor.status === auditConst.status.checking) { %>
|
|
|
+ <div class="timeline-item-icon bg-warning text-light">
|
|
|
+ <i class="fa fa-ellipsis-h"></i>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">张三</span><span
|
|
|
- class="pull-right text-success">审批通过</span></p>
|
|
|
- <p class="text-muted mb-0">总监理工程师</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--审批意见-->
|
|
|
- <div class="card-body p-3 border-top">
|
|
|
- <div class="">
|
|
|
- 这是审批意见文本,内容不算很长。
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <% } else {%>
|
|
|
+ <div class="timeline-item-icon bg-secondary text-light">
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-tail"></div>
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div id="" class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">王五</span><span
|
|
|
- class="pull-right text-success">审批通过</span></p>
|
|
|
- <p class="text-muted mb-0">项目办总工</p>
|
|
|
+ <% } %>
|
|
|
+ <div class="timeline-item-content">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body p-3">
|
|
|
+ <div class="card-text">
|
|
|
+ <p class="mb-1"><span
|
|
|
+ class="h5"><%- auditor.name %></span><span
|
|
|
+ class="pull-right <%- auditConst.statusClass[auditor.status] %>"><%- auditConst.statusString[auditor.status] %></span>
|
|
|
+ </p>
|
|
|
+ <p class="text-muted mb-0"><%- auditor.role %></p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!--审批意见-->
|
|
|
- <div class="card-body p-3 border-top">
|
|
|
- <div class="">
|
|
|
- 这是审批意见文本,内容不算很长。
|
|
|
+ <!--审批意见-->
|
|
|
+ <% if (auditor.opinion) { %>
|
|
|
+ <div class="card-body p-3 border-top">
|
|
|
+ <p style="margin: 0;"><%- auditor.opinion %></p>
|
|
|
</div>
|
|
|
+ <% } %>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="timeline-list-item pb-2">
|
|
|
- <div class="timeline-item-date">2020<span>06-01</span><span>13:22:01</span>
|
|
|
- </div>
|
|
|
- <!-- <div class="timeline-item-tail"></div> -->
|
|
|
- <div class="timeline-item-icon bg-success text-light">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- </div>
|
|
|
- <div class="timeline-item-content">
|
|
|
- <div id="" class="card">
|
|
|
- <div class="card-body p-3">
|
|
|
- <div class="card-text">
|
|
|
- <p class="mb-1"><span class="h5">李四</span><span
|
|
|
- class="pull-right text-success">审批通过</span></p>
|
|
|
- <p class="text-muted mb-0">项目办主任</p>
|
|
|
+ </li>
|
|
|
+ <% } else {%>
|
|
|
+ <li class="timeline-list-item pb-2">
|
|
|
+ <div class="timeline-item-date">
|
|
|
+ <%- ctx.helper.formatDate(auditor.end_time) %>
|
|
|
+ </div>
|
|
|
+ <% if(index < auditors.length - 1) { %>
|
|
|
+ <div class="timeline-item-tail"></div>
|
|
|
+ <% } %>
|
|
|
+ <% if(auditor.status === auditConst.status.checked) { %>
|
|
|
+ <div class="timeline-item-icon bg-success text-light">
|
|
|
+ <i class="fa fa-check"></i>
|
|
|
+ </div>
|
|
|
+ <% } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {%>
|
|
|
+ <div class="timeline-item-icon bg-warning text-light">
|
|
|
+ <i class="fa fa-level-up"></i>
|
|
|
+ </div>
|
|
|
+ <% } else if(auditor.status === auditConst.status.checking) { %>
|
|
|
+ <div class="timeline-item-icon bg-warning text-light">
|
|
|
+ <i class="fa fa-ellipsis-h"></i>
|
|
|
+ </div>
|
|
|
+ <% } else { %>
|
|
|
+ <div class="timeline-item-icon bg-secondary text-light">
|
|
|
+ </div>
|
|
|
+ <% } %>
|
|
|
+ <div class="timeline-item-content">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-body p-3">
|
|
|
+ <div class="card-text">
|
|
|
+ <p class="mb-1"><span
|
|
|
+ class="h5"><%- auditor.name %></span>
|
|
|
+ <span
|
|
|
+ class="pull-right
|
|
|
+ <%- auditConst.statusClass[auditor.status] %>"><%- auditor.status !== auditConst.status.uncheck ? auditConst.statusString[auditor.status] : ''%>
|
|
|
+ <%- auditor.status === auditConst.status.checkNo ? advance.user.name : '' %>
|
|
|
+ <%- auditor.status === auditConst.status.checkNoPre ? auditors[index-1].name : '' %>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="text-muted mb-0"><%- auditor.role %></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--审批意见-->
|
|
|
+ <% if (auditor.opinion) { %>
|
|
|
+ <div class="card-body p-3 border-top">
|
|
|
+ <p style="margin: 0;"><%- auditor.opinion %></p>
|
|
|
</div>
|
|
|
+ <% } %>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ </li>
|
|
|
+ <% } %>
|
|
|
+ <% }) %>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <% }) %>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
@@ -467,6 +359,18 @@
|
|
|
const isEdited = JSON.parse('<%- isEdited %>');
|
|
|
const advancePayTotal = parseInt('<%- advancePayTotal %>');
|
|
|
const preUrl = '<%- preUrl %>';
|
|
|
+ $('#fold-btn').click(function() {
|
|
|
+ const type = $(this).data('target')
|
|
|
+ if (type === 'hide') {
|
|
|
+ $(this).data('target', 'show')
|
|
|
+ $('.fold-btn').slideUp();
|
|
|
+ $(this).text('展开历史记录流程')
|
|
|
+ } else {
|
|
|
+ $(this).data('target', 'hide')
|
|
|
+ $('.fold-btn').slideDown();
|
|
|
+ $(this).text('收起历史记录流程')
|
|
|
+ }
|
|
|
+ });
|
|
|
</script>
|
|
|
<% if(isEdited && ctx.session.sessionUser.accountId === ctx.advance.uid) { %>
|
|
|
<script>
|