duy vor 1 Monat
Ursprung
Commit
7050129a8d
2 geänderte Dateien mit 18 neuen und 4 gelöschten Zeilen
  1. 1 1
      public/index.html
  2. 17 3
      src/views/manager/projectinfo/list.vue

+ 1 - 1
public/index.html

@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="<%= BASE_URL %>cdn/iconfont/saber/iconfont.css">
   <link rel="stylesheet" href="<%= BASE_URL %>cdn/avue/2.9.5/index.css">
 
-
+  <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
   <script src="<%= BASE_URL %>cdn/xlsx/FileSaver.min.js"></script>
   <script src="<%= BASE_URL %>cdn/xlsx/xlsx.full.min.js"></script>
   <link rel="icon" href="<%= BASE_URL %>favicon.png">

+ 17 - 3
src/views/manager/projectinfo/list.vue

@@ -61,8 +61,9 @@
               <el-tag type="info"effect="dark" v-else class="custom-ellipse-tag">未关联WBS</el-tag>
           </div>
           <div class="project-like" @click="toggleLike(item)" v-loading="item.load">
-            <i class="el-icon-star-on"  v-if="item.isCollect"    style="color: red;" ></i>
-            <i class="el-icon-star-off" v-else></i>
+        
+            <i class="ri-heart-fill"  v-if="item.isCollect"    style="color: red;" ></i>
+            <i class="ri-heart-fill" v-else></i>
           </div>
         </div>
        <div class="project-title" >
@@ -232,7 +233,7 @@
                     <el-tag  
                       size="small" 
                       :type="item.contractType===1?'warning':item.contractType===2?'primary':'success'"   
-                      class="custom-ellipse-tag1 ellipsis-tag"
+                      class="custom-ellipse-tag1 ellipsis-tag1"
                       
                     >
                       {{item.contractName}}
@@ -917,7 +918,20 @@ export default {
     white-space: nowrap;
   }
 }
+.ellipsis-tag1 {
+  max-width:220px; /* 设置最大宽度 */
+  overflow: hidden;
+  margin-right: 4px;
 
+  
+  .el-tag__content {
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
 /* 确保 tooltip 的最大宽度 */
 .el-tooltip__popper {
   max-width: 300px;