style cgange

src/pages/bugs/components/BugSingleList/index.jsx

@@ -75,7 +75,7 @@ const BugSingleList = (props) => {
                   Bug{index + 1}:
                 </span>
                 <div className={styles.bugListItemInfo}>
-                  <Tooltip title={item[2]}>
+                  <Tooltip placement="topLeft" title={item[2]}>
                     {item[2] + item[2] + item[2]}
                   </Tooltip>
                 </div>

src/pages/bugs/components/BugTreeList/index.jsx

@@ -83,7 +83,7 @@ const BugTreeList = (props) => {
                   <div className={styles.bugListItemInfo}>
                     <div className={styles.bugListItemSummary}>
                       高:{item[2]} 宽:{item[1]} 个数:{item[3]}</div>
-                    <Tooltip title={item[5]}>
+                    <Tooltip placement="topLeft" title={item[5]}>
                       {item[5]}
                     </Tooltip>
                   </div>

src/pages/edit/components/Step2/index.jsx

@@ -422,22 +422,38 @@ const Step2 = (props) => {
             <Row gutter={10}>
               <Col span={5}>
                 <Form.Item label="创建日期" rules={[{ required: true, message: '请输入报告名称' }]}>
-                  {timeToString(reportCommonInfo.create_time_millis)}
+                  <div className={styles.reportInfoContainerTooltip}>
+                    <Tooltip placement="topLeft" title={timeToString(reportCommonInfo.create_time_millis)}>
+                      {timeToString(reportCommonInfo.create_time_millis)}
+                    </Tooltip>
+                  </div>
                 </Form.Item>
               </Col>
               <Col span={5}>
                 <Form.Item label="报告名称" rules={[{ required: true, message: '请输入报告名称' }]}>
-                  {reportCommonInfo.name}
+                  <div className={styles.reportInfoContainerTooltip}>
+                    <Tooltip placement="topLeft" title={reportCommonInfo.name}>
+                      {reportCommonInfo.name}
+                    </Tooltip>
+                  </div>
                 </Form.Item>
               </Col>
               <Col span={5}>
                 <Form.Item label="设备名称" required>
-                  {reportCommonInfo.device_brand}
+                  <div className={styles.reportInfoContainerTooltip}>
+                    <Tooltip placement="topLeft" title={reportCommonInfo.device_brand}>
+                      {reportCommonInfo.device_brand}
+                    </Tooltip>
+                  </div>
                 </Form.Item>
               </Col>
               <Col span={5}>
                 <Form.Item label="设备品牌" required>
-                  {reportCommonInfo.device_model}
+                  <div className={styles.reportInfoContainerTooltip}>
+                    <Tooltip placement="topLeft" title={reportCommonInfo.device_model}>
+                      {reportCommonInfo.device_model}
+                    </Tooltip>
+                  </div>
                 </Form.Item>
               </Col>
               <Col span={4}>

src/pages/edit/components/Step2/index.less

@@ -51,6 +51,13 @@
       margin-bottom: 0;
     }
   }
+  .reportInfoContainerTooltip {
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1; /* 这里是超出几行省略 */
+    overflow: hidden;
+  }
 }
 .editReportInfoIcon{
   cursor: pointer;

src/pages/edit/model.js

@@ -53,7 +53,7 @@ const Model = {
       examId:"3714",
       beginTime:"1621945823000",
       endTime:"1624291200000",
-      userId:"99222",
+      userId:"99221",
       case_take_id:"3714-3714",
     },
   },