优化tooltip展示

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

@@ -116,19 +116,19 @@ const BugItemDetail = (props) => {
       ( detail && detail.id ?
       <div className={styles.bugItemDetail}>
         <div className={styles.detailItem}>
-          <Tooltip title={detail.id}>
+          <Tooltip placement="topLeft" title={detail.id}>
             <span className={styles.detailLabel}>Bug标识：</span>
-            {detail && detail.id || ''}
+            {detail && detail.id}
           </Tooltip>
         </div>
         <div className={styles.detailItem}>
-          <Tooltip title={detail.title}>
+          <Tooltip placement="topLeft" title={detail.title}>
             <span className={styles.detailLabel}>Bug题目：</span>
-            {detail && detail.title || ''}
+            {detail && detail.title}
           </Tooltip>
         </div>
         <div className={`${styles.detailItem} ${styles.detailItemDesc}`}>
-          <Tooltip title={detail.description}>
+          <Tooltip placement="topLeft" title={detail.description}>
             <span className={styles.detailLabel}>Bug描述：</span>
             {detail && detail.description}
           </Tooltip>

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

@@ -35,11 +35,23 @@ const BugGuideTree = (props) => {
       dataIndex: 'title',
       key: 'title',
       width: 150,
+      // ellipsis: {
+      //   showTitle: false,
+      // },
+      render: title => (
+        <div className={styles.tableColumnTitle}>
+          <Tooltip placement="topLeft" title={title}>
+            {title}
+          </Tooltip>
+        </div>
+        // <Tooltip placement="topLeft" title={title}>
+        //   {title}
+        // </Tooltip>
+      ),
     },
     {
       title: '分类',
       dataIndex: 'bug_category',
-      width: 150,
       key: 'bug_category',
       render: bug_category => {
         return (
@@ -184,7 +196,6 @@ const BugGuideTree = (props) => {
     }, 2000);
   };
 
-
   const initItemRecursion = (items) => {
     if (items !== undefined) {
       items.forEach(item => {
@@ -483,13 +494,13 @@ const BugGuideTree = (props) => {
                 </span>
               </div>
               <div className={`${styles.detailItem} ${styles.detailItemDesc}`}>
-                <Tooltip title={currDetail.title}>
+                <Tooltip placement="topLeft" title={currDetail.title}>
                   <span className={styles.detailLabel}>Bug 题目：</span>
                   {currDetail.title}
                 </Tooltip>
               </div>
               <div className={`${styles.detailItem} ${styles.detailItemDesc}`}>
-                <Tooltip title={currDetail.description}>
+                <Tooltip placement="topLeft" title={currDetail.description}>
                   <span className={styles.detailLabel}>Bug描述：</span>
                   {currDetail && currDetail.description}
                 </Tooltip>

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

@@ -8,6 +8,13 @@
     height: 45px;
   }
 }
+.tableColumnTitle {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3; /* 这里是超出几行省略 */
+  overflow: hidden;
+}
 .myTableItemDetail {
   .detailItem{
     height: 50px;