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

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;
   }

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
+            })
           }
         })
       },

jero-web/src/components/SplitTable/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="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
         :scroll="{x: '100%'}"
@@ -65,6 +66,7 @@
   import eventBUs from '../../common/event'
   import { getAction, postAction } from '@/api/manage'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'SplitTable',
@@ -93,6 +95,7 @@
         default: ''
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         jsonBody: [],
@@ -104,6 +107,7 @@
         dataSource: [],
         pageNo: 1,
         pageSize: 10,
+        isTrue: false,
         total: 0,
         searchParmes: {},
         loading: false,
@@ -224,9 +228,19 @@
                 scopedSlots: { customRender: 'operation' }
               })
             }
+            this.isTrue = false
+            this.$nextTick(()=>{
+              this.isTrue = true
+            })
           }
         })
       },
+      getDataAdmin(){
+        this.isTrue = false
+        setTimeout(()=>{
+          this.isTrue = true
+        },100)
+      },
       tableOnChange(pagination, filters, sorter) {
         this.orderBy = sorter.order == 'ascend' ? '1' : '2'
         this.orderByField = sorter.columnKey
@@ -291,6 +305,9 @@
   }
 </style>
 <style scoped>
+  @import '~@assets/less/common.less';
+
+
   .box {
     width: 100%;
     height: calc(100% - 100px);

jero-web/src/views/documentManage/splitting/index.vue

@@ -24,6 +24,7 @@
           :flag="'3'"
           :OperationList="OperationList"
           showAction
+          ref='tableAdmin'
           @onSelectChange="onSelectChange"
           @backDocument="backDocument"
           @deleteDetail="deleteDetail"
@@ -249,6 +250,7 @@
         if (num == 1){
           eventBUs.$emit('searchGetData')
         }
+        this.$refs.tableAdmin.getDataAdmin()
       },
       iVisible(val,num) {
         this.importsVisible = val