系统管理-数据字典-列宽可拖拽

jero-web/src/views/system/DictItemList.vue

@@ -53,6 +53,7 @@
             ref="table"
             rowKey="id"
             size="middle"
+            :components="drag(columns,'columns')"
             :scroll="{x: '100%'}"
             :columns="columns"
             :dataSource="dataSource"
@@ -83,10 +84,11 @@
   import {filterObj} from '@/utils/util';
   import DictItemModal from './modules/DictItemModal'
   import {JeroListMixin} from '@/mixins/JeroListMixin'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: "DictItemList",
-    mixins: [JeroListMixin],
+    mixins: [JeroListMixin, ResizeHeader, ResizeColumnProvide],
     components: {DictItemModal},
     data() {
       return {

jero-web/src/views/system/DictList.vue

@@ -63,6 +63,7 @@
         ref="table"
         rowKey="id"
         size="middle"
+        :components="drag(columns,'columns')"
         :scroll="{x: '100%'}"
         :columns="columns"
         :dataSource="dataSource"
@@ -98,10 +99,11 @@
   import { getAction } from '@/api/manage'
   import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
   import Vue from 'vue'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'DictList',
-    mixins: [JeroListMixin],
+    mixins: [JeroListMixin, ResizeHeader, ResizeColumnProvide],
     components: { DictModal, DictItemList, DictDeleteList },
     data() {
       return {
@@ -128,7 +130,7 @@
             title: this.$t('DictionaryName'),
             align: 'left',
             dataIndex: 'dictName',
-            width: '25%',
+            width: 160,
             ellipsis: true
           },
           // {
@@ -148,14 +150,14 @@
             title: this.$t('DictionaryNumber'),
             align: 'left',
             dataIndex: 'dictCode',
-            width: '25%',
+            width: 160,
             ellipsis: true
           },
           {
             title: this.$t('describe'),
             align: 'left',
             dataIndex: 'description',
-            width: '25%',
+            width: 160,
             ellipsis: true
           },
           {