上传进度条显示

src/views/main_web/workspace/components/file-item.vue

@@ -73,10 +73,17 @@
             class="downloadIcon"
             v-if="isClient && file.downloadStatus === DownloadStatus.UPLOADING"
           >
-            <span class="spanjuzhong">
+            <div class="progress-circle">
+              <img class="bg-pic" src="/static/img/upload.png" alt="">
+              <el-progress :width="45" :height="45"  
+              type="circle" :show-text="false"
+              :percentage="file.loadProgress" :stroke-width="3" color="rgb(140, 0, 255)">
+              </el-progress>
+            </div>
+            <!-- <span class="spanjuzhong">
               <i class="el-icon-loading largeicon"></i>
               <div class="minifont">上传中 {{file.loadProgress}}</div>
-            </span>
+            </span> -->
           </div>
 
           <div v-if="file.status == 1" class="yijianxietong isonselect_defual">

src/views/main_web/workspace/workspace.vue

@@ -586,10 +586,17 @@
                               isClient && file.downloadStatus === 3
                             "
                           >
-                            <span class="spanjuzhong">
+                            <div class="progress-circle">
+                              <img class="bg-pic" src="/static/img/upload.png" alt="">
+                              <el-progress :width="45" :height="45"  
+                              type="circle" :show-text="false"
+                              :percentage="file.loadProgress" :stroke-width="3" color="rgb(140, 0, 255)">
+                              </el-progress>
+                            </div>
+                            <!-- <span class="spanjuzhong">
                               <i class="el-icon-loading largeicon"></i>
                               <div class="minifont">上传中 {{file.loadProgress}}</div>
-                            </span>
+                            </span> -->
                           </div>
                           <div
                             v-if="file.status == 1"
@@ -7312,7 +7319,7 @@ export default {
     background-color: #fff;
     border-radius: 50%;
   }
- ::v-deep .progress-circle , .readytodownload-icon img, .progress-circle .bg-pic{
+ ::v-deep .progress-circle , ::v-deep .readytodownload-icon img, ::v-deep .progress-circle .bg-pic{
     position: absolute;
     top: 50%;
     left: 50%;