优化设备维修样式；

zhangzzzz
1 parent 06419a7d
Showing 2 changed files with 22 additions and 5 deletions
src/mes/serviceUpkeep/equipmentRepair/index.js
src/mes/serviceUpkeep/equipmentRepair/index.less
@@ -92,14 +92,14 @@ const EquipmentInfo = props =&gt; {
   const { sMachineNo, sMachineName } = viewRow;
   return (
     <div className={styles.equipmentInfo}>
-      <div className={styles.title}>{getEquipmentTranslation(app, "设备信息")}</div>
+      <div className={styles.title}><span title={getEquipmentTranslation(app, "设备信息")}>{getEquipmentTranslation(app, "设备信息")}</span></div>
       <div className={styles.image} />
       <div className={styles.info}>
         <div className={styles.content}>
           <div>{getEquipmentTranslation(app, "设备编号")}：</div>
           <div>{sMachineNo}</div>
           <div>{getEquipmentTranslation(app, "设备名称")}：</div>
-          <div>{sMachineName}</div>
+          <div><span title={sMachineName}>{sMachineName}</span></div>
         </div>
       </div>
     </div>
@@ -159,7 +159,7 @@ const EquipmentFaultAnalysis = props =&gt; {
   return (
     <div className={styles.equipmentFaultAnalysis}>
-      <div className={styles.title}>{title}</div>
+      <div className={styles.title}><span title={title}>{title}</span></div>
       <div className={styles.charts}>
         {pieProps.data.length ? (
           <Pie {...pieProps} />
@@ -48,7 +48,19 @@
       }
       >div:nth-of-type(4) {
-        .flex(flex-start, flex-start)
+        display: -webkit-box;
+        /*! autoprefixer: ignore next */
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        /* 只保留 2 行 */
+        overflow: hidden;
+        text-overflow: ellipsis;
+        /* 兜底 */
+        white-space: normal;
+        word-break: break-all;
+        /* 覆盖 antd 默认 nowrap */
+        /* 按需调整，决定何时断行 */
+        line-height: 1.2;
       }
     }
   }
@@ -59,10 +71,15 @@
   .title {
     .size(100%, 40px);
-    .flex(center);
+    // .flex(center);
     font-size: 20px;
     color: #1890ff;
     font-weight: bold;
+    // 超出省略号
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: center;
   }
   .charts {