文档工具-虚拟清单-维护虚拟清单-列宽可拖拽

jero-web/src/views/documentTools/virtualList/components/transferList.vue

@@ -31,6 +31,7 @@
         </a-form>
       </div>
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         rowKey="id"
         :scroll="{x: 800}"
@@ -63,11 +64,13 @@
 
 <script>
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'transferList',
     components: {},
     props: ['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -79,25 +82,29 @@
             title: this.$t('VirtualListName'),
             dataIndex: 'name',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 223
           },
           {
             title: this.$t('instructionForUse'),
             dataIndex: 'useExplain',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 223
           },
           {
             title: this.$t('updateTime'),
             dataIndex: 'updateTime',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 223
           },
           {
             title: this.$t('creater'),
             dataIndex: 'createBy',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 223
           }
         ],
         dataList: [],
@@ -161,6 +168,7 @@
       },
       handleCancel() {
         this.visible = false
+        this.$emit('visible')
       },
       handleSubmit(flag) {
         if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {