拆分详情鼠标悬停展示

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

@@ -13,20 +13,14 @@
         @change="tableOnChange"
       >
         <span slot="showContent" slot-scope="text, record">
-          <a-tooltip placement="top">
+          <a-tooltip placement="top" class="item-content-tooltip" >
-            <template  slot="title">
+            <template  slot="title" class="item-content-title">
-              <span v-html="record.iterms_conditions"></span>
+              <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="operation" slot-scope="record" class="operate">
-<!--        <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">
            <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 {

jero-web/src/views/documentManage/splitting/modules/SplitAddForm.vue

@@ -265,7 +265,7 @@
               </a-form>
               <div class="split-form-footer">
                 <a-button type="primary" class="footer-btn-save" @click="splitSave">{{$t('preservation')}}</a-button>
-                <a-button type="primary" @click="splitCancel">{{$t('cancel')}}</a-button>
+                <a-button @click="splitCancel">{{$t('cancel')}}</a-button>
               </div>
             </a-spin>
 <!--            图片预览-->
@@ -1113,6 +1113,12 @@
     .split-form-footer{
       margin-top: 20px;
       text-align: center;
+      position: fixed;
+      bottom:0px;
+      right: 0;
+      width: 900px;
+      padding-bottom:10px;
+      background: #FFFFFF;
       .footer-btn-save{
         margin-right: 20px;
       }