feat: 优化数据看板交互任务进度滚动展示

front/admin-front/src/views/dashboard/index.vue

@@ -123,7 +123,14 @@
                 </div>
               </div>
               <div class="progressBox" id="progressBoxTwo">
-
+                <div class="item" v-for="(item,index) in progressData">
+                  <div class="name">
+                    {{ item.taskName }}
+                  </div>
+                  <div class="progress">
+                    <div class="progress" :style="{width:(item.finishCount/item.totalCount*100)+'%'}"></div>
+                  </div>
+                </div>
               </div>
             </div>
 
@@ -599,11 +606,11 @@ export default {
       let ul1 = document.getElementById('progressBoxOne')
       let ul2 = document.getElementById('progressBoxTwo')
       let ulbox = document.getElementById('progressViewBox')
-      ul2.innerHTML = ul1.innerHTML
       ulbox.scrollTop = 0
       this.rollStart(t)
     },
     rollStart(t) {
+      console.log('2')
       let ul1 = document.getElementById('progressBoxOne')
       let ul2 = document.getElementById('progressBoxTwo')
       let ulbox = document.getElementById('progressViewBox')
@@ -618,6 +625,7 @@ export default {
     },
     rollStop(){
       clearInterval(this.timer)
+      console.log('1')
     }
   },
 };