同步队列修改

src/views/manager/projectinfo/tree.vue

@@ -2520,24 +2520,46 @@
                 <span class="sync-party">{{ item.nodeName }}</span>
                 <span class="sync-status">{{ item.rangeName }}</span>
               </div>
-              
+                <div class="progress-status">
+                 
+                  <div class="progress-reason-text">
+                    <span>{{ item.errorMsg }}</span>
+                  </div>
+                   <div class="progress-status-text">
+                    <el-tag 
+                    size="small"
+                      :type="{'2': 'success', '3': 'danger', '1': 'warning'}[item.status]"
+                    >
+                      {{ {'2': '完成', '3': '失败', '1': '同步中', '0': '等待'}[item.status] }}
+                    </el-tag>
+                  </div>
+                </div>
               <!-- 进度条 -->
               <div class="progress-container">
       
                 <div class="progress-text">
-                  <div>同步进度</div>
-                  <div class="progress-num">{{item.progress}}%</div>
+                  <div class="progress-text-btn">
+                    <div>同步进度</div>
+                    
+                  </div>
+                
+                   <div>
+                   
+                     <el-button type="text" icon="el-icon-refresh" style="color:orange"></el-button>
+                    <el-button type="text" icon="el-icon-delete" style="color:red"></el-button>
+                   </div>
                 </div>
+     
                   <div>
                     <el-progress 
                     :percentage="item.progress"
-                    :show-text="false"
+                    
                     color="#2550A2"
                     stroke-width="20"
                     stroke-linecap="round"
                   ></el-progress>
                   </div>
-     
+       
               </div>
               
               <!-- 统计数据 -->
@@ -6874,6 +6896,23 @@ async saveLinkTab() {
 </style>
 
 <style lang="scss" scoped>
+.progress-status{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  padding: 5px;
+}
+.progress-text-btn{
+  display: flex;
+ 
+  align-items: center;
+  justify-content: space-between;
+}
+.rogress-text{
+  font-size: 14px;
+  color: #333;
+}
 .noData{
   text-align: center;