台账修订进度台账更新变成进度条形式

app/view/schedule/modal.ejs

@@ -37,7 +37,7 @@
                     <h5>台账正在进行修订，形象进度无法进行任何操作。</h5>
                 </div>
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">好的</button>
+                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">好的</button>
                 </div>
             </div>
         </div>
@@ -54,18 +54,20 @@
                 </div>
                 <div class="modal-body">
                     <% if (ctx.url === '/tender/' + ctx.tender.id + '/schedule/ledger') { %>
-                        <h5>台账已完成修订，点击更新进度台账更新进度数据</h5>
+                        <h5>正在更新台帐，请等待...</h5>
+                        <div class="progress">
+                            <div id="schedule-progress" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
+                        </div>
+                        <div style="display: none"><button type="text" class="btn btn-primary" id="update-ledger">更新进度台账</button></div>
                     <% } else { %>
                         <h5>台账已完成修订，进入进度台账并更新最新台账数据。</h5>
                     <% } %>
                 </div>
+                <% if (ctx.url !== '/tender/' + ctx.tender.id + '/schedule/ledger') { %>
                 <div class="modal-footer">
-                    <% if (ctx.url === '/tender/' + ctx.tender.id + '/schedule/ledger') { %>
-                    <button type="button" class="btn btn-primary" id="update-ledger">更新进度台账</button>
-                    <% } else { %>
-                    <a href="/tender/<%- ctx.tender.id %>/schedule/ledger" class="btn btn-primary">进入进度台账</a>
-                    <% } %>
+                    <a href="/tender/<%- ctx.tender.id %>/schedule/ledger" class="btn btn-primary btn-sm">进入进度台账</a>
                 </div>
+                <% } %>
             </div>
         </div>
     </div>
@@ -80,5 +82,17 @@
         if (selectedLedgerList.length === 0 && !revising) {
             $('#first').modal('show');
         }
+        <% if (!revising && schedule && schedule.revising === 1 && ctx.url === '/tender/' + ctx.tender.id + '/schedule/ledger') { %>
+        let value = 0;
+        setInterval(function(e){
+            if (value < 100) {
+                value = parseInt(value) + 1;
+                $("#schedule-progress").css("width", value + "%").text(value + "%");
+            } else if (value === 100) {
+                value = parseInt(value) + 1;
+                $('#update-ledger').click();
+            }
+        }, 50);
+        <% } %>
     })
 </script>