项目详情和任务详情信息展示优化

src/views/workManagement/projectInfo.vue

@@ -413,8 +413,8 @@ export default {
 
         .info {
             display: flex;
-            width: 330px;
-            margin: 0 20px 22px 0;
+            width: 345px;
+            margin: 0 12px 22px 0;
             word-break: break-all;
 
             span {

src/views/workManagement/taskInfo.vue

@@ -355,6 +355,21 @@ export default {
         border-bottom: 1px dotted @gray;
     }
 
+    .boxA,
+    .boxC {
+        .info {
+            display: flex;
+            width: 345px;
+            margin: 0 12px 22px 0;
+            word-break: break-all;
+
+            b {
+                flex: 1;
+                font-weight: normal;
+            }
+        }
+    }
+
     .boxA {
         .contentBox {
             display: flex;
@@ -363,21 +378,11 @@ export default {
         }
 
         .info {
-            display: flex;
-            width: 330px;
-            margin: 0 20px 22px 0;
-            word-break: break-all;
-
             span {
                 display: block;
                 width: 75px;
                 color: @gray;
             }
-
-            b {
-                flex: 1;
-                font-weight: normal;
-            }
         }
     }
 
@@ -415,22 +420,12 @@ export default {
         }
 
         .info {
-            display: flex;
-            width: 330px;
-            margin: 0 20px 22px 0;
-            word-break: break-all;
-
             span {
                 display: block;
                 width: 174px;
                 padding-right: 10px;
                 color: @gray;
             }
-
-            b {
-                flex: 1;
-                font-weight: normal;
-            }
         }
     }