拆分详情鼠标悬停展示

jero-web/src/components/SplitDetailTable/index.vue

@@ -13,20 +13,14 @@
         @change="tableOnChange"
       >
         <span slot="showContent" slot-scope="text, record">
-          <a-tooltip placement="top">
-            <template  slot="title">
-              <span v-html="record.iterms_conditions"></span>
-
+          <a-tooltip placement="top" class="item-content-tooltip" >
+            <template  slot="title" class="item-content-title">
+              <span class="item-content-show" v-html="record.iterms_conditions"></span>
             </template>
             <span class="content-show" href="javascript:;" @click="showContent">{{record.iterms_conditions&&record.iterms_conditions!=='null'?record.iterms_conditions.replace(/<.*?>/ig, ' ') : ''}}</span>
           </a-tooltip>
         </span>
-
-<!--        <span slot="showContent" slot-scope="text, record">-->
-
-<!--          <span class="content-show" href="javascript:;" :title="record.iterms_conditions" @click="showContent">{{record.iterms_conditions?record.iterms_conditions.replace(/<.*?>/ig, ' ') : '1111'}}</span>-->
-<!--        </span>-->
-        <span slot="operation" slot-scope="record">
+        <span slot="operation" slot-scope="record" class="operate">
            <a v-for="(ol,index) in OperationList"
               @click="OperationClick(ol,record)">
               <span class="text">
@@ -245,7 +239,7 @@
     }
   }
 </script>
-<style>
+<style lang="less">
   .table .ant-table-column-title {
     font-weight: bold;
   }
@@ -253,6 +247,28 @@
   .ant-table td {
     white-space: nowrap;
   }
+  .split-detail-wrap{
+    .table{
+      .ant-table-row-cell-break-word{
+        span{
+          display: block;
+          width: inherit;
+
+        }
+        .content-show{
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+        .text{
+          display: inline-block;
+        }
+      }
+    }
+    .operate{
+      display: flex;
+    }
+  }
 </style>
 <style lang="less" scoped>
   .box {