文档工具-文档拆分-列宽可拖拽

jero-web/src/components/SplitTable/DocTable.vue

@@ -1,9 +1,10 @@
 <template>
   <div style="height: 100%">
-    <div class="box">
+    <div class="box" v-if="isTrue">
       <a-table
         class="table"
         rowKey="id"
+        :components="drag(columns,'columns')"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
         :scroll="{x: '100%'}"
@@ -59,6 +60,7 @@
 <script>
   import eventBUs from '../../common/event'
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'SplitDocTable',
@@ -87,6 +89,7 @@
         default: ''
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         jsonBody: [],
@@ -98,6 +101,7 @@
         dataSource: [],
         pageNo: 1,
         pageSize: 10,
+        isTrue: false,
         total: 0,
         searchParmes: {},
         loading: false,
@@ -193,6 +197,10 @@
                 scopedSlots: { customRender: 'operation' }
               })
             }
+            this.isTrue = false
+            this.$nextTick(()=>{
+              this.isTrue = true
+            })
           }
         })
       },