style: 预付款详情页审核ui调整

app/view/advance/detail.ejs

@@ -202,12 +202,13 @@
                                 </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="text-right"><a href="javascript: void(0);" id="fold-btn1">收起历史审批流程</a></div>
                                     <% } %>
-                                    <div class="<%- idx > 0 ? 'fold-btn' : '' %>">
-                                        <div class="text-center text-muted"><%- idx+1 %>#</div>
+
+                                    <div class="<%- idx < auditHistory.length - 1 ? 'fold-btn' : '' %>">
+                                        <div class="text-center text-muted" <%- idx === auditHistory.length - 1 ? `id="end-target"` : "" %> ><%- idx+1 %>#</div>
                                         <ul class="timeline-list list-unstyled mt-2">
                                             <% auditors.forEach((auditor, index) => { %>
                                             <% if (index === 0) { %>
@@ -329,6 +330,10 @@
                                             <% }) %>
                                         </ul>
                                     </div>
+                                    <!-- 展开历史流程 -->
+                                    <% if(idx === auditHistory.length - 1) { %>
+                                        <div class="text-right"><a href="javascript: void(0);" id="fold-btn2" style="display: none;" data-target="<%- idx + 1 %>">展开历史审批流程</a></div>
+                                    <% } %>
                                     <% }) %>
                                 </td>
                             </tr>
@@ -351,20 +356,23 @@
     const fileList = JSON.parse('<%- JSON.stringify(fileList) %>') || [];
     const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
     const curAuditor = JSON.parse('<%- JSON.stringify(ctx.advance.curAuditor) %>');
-    $('#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('收起历史记录流程')
-        }
+    $('#fold-btn1').click(function() {
+        $('.fold-btn').slideUp('swing', () => {
+            $('#end-target').text('1#')
+            $('#fold-btn1').hide()
+            $('#fold-btn2').show()
+        });
+    });
+    $('#fold-btn2').click(function() {
+        const idx = $(this).data('target')
+        $('.fold-btn').slideDown('swing', () => {
+            $('#end-target').text(idx + '#')
+            $('#fold-btn1').show()
+            $('#fold-btn2').hide()
+        });
     });
     // 处理换行
-    $('#ad-remark').html(advance.remark.replace(/<br\/>/g, '\n').replace(/' '/, '\s'));
+    advance.remark && $('#ad-remark').html(advance.remark.replace(/<br\/>/g, '\n').replace(/' '/, '\s'));
 </script>
 <% if(isEdited && ctx.session.sessionUser.accountId === ctx.advance.uid) { %>
 <script>