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

jero-web/src/components/SplitDetailTable/index.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="{ fixed: true, selectedRowKeys: selectedRowKeys, onChange: onSelectChange  }"
         :pagination="false"
         :scroll="{x: true}"
@@ -62,6 +63,7 @@
 <script>
   import eventBUs from '../../common/event'
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'SplitDetailTable',
@@ -94,6 +96,7 @@
         default:''
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         jsonBody: [],
@@ -105,6 +108,7 @@
         dataSource: [],
         pageNo: 1,
         pageSize: 10,
+        isTrue: false,
         total: 0,
         searchParmes: {},
         loading: false,
@@ -173,7 +177,8 @@
                 dataIndex: res.db_field_name,
                 align: 'left',
                 ellipsis: true,
-                sorter: res.sort
+                sorter: res.sort,
+                width: 100
               })
 
               if (res.urlClick) {
@@ -208,6 +213,10 @@
               })
             }
             // console.log('columns',this.columns)
+            this.isTrue = false
+            this.$nextTick(()=>{
+              this.isTrue = true
+            })
           }
         })
       },
@@ -308,6 +317,8 @@
   }
 </style>
 <style lang="less" scoped>
+  @import '~@assets/less/common.less';
+
   .ant-table td {
     white-space: nowrap;
   }