日志中心-操作日记-列宽可拖拽

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

@@ -53,6 +53,7 @@
       ref="table"
       size="middle"
       rowKey="id"
+      :components="drag(columns,'columns')"
       :columns="columns"
       :dataSource="dataSource"
       :pagination="ipagination"
@@ -76,10 +77,11 @@
   import { filterObj } from '@/utils/util';
   import { JeroListMixin } from '@/mixins/JeroListMixin'
   import JEllipsis from '@/components/jero/JEllipsis'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: "LogList",
-    mixins:[JeroListMixin],
+    mixins:[JeroListMixin, ResizeHeader, ResizeColumnProvide],
     components: {
       JEllipsis
     },
@@ -103,38 +105,44 @@
             align:"left",
             customRender:function (t,r,index) {
               return parseInt(index)+1;
-            }
+            },
+            width: 40
           },
           {
             title: this.$t('LogContent'),
             align:"left",
             dataIndex: 'logContent',
             scopedSlots: { customRender: 'logContent' },
-            sorter: true
+            sorter: true,
+            width: 270
           },
           {
             title: this.$t('OperatorID'),
             dataIndex: 'userid',
             align:"left",
-            sorter: true
+            sorter: true,
+            width: 121
           },
           {
             title: this.$t('OperatorName'),
             dataIndex: 'username',
             align:"left",
-            sorter: true
+            sorter: true,
+            width: 141
           },
           {
             title: 'IP',
             dataIndex: 'ip',
             align:"left",
-            sorter: true
+            sorter: true,
+            width: 93
           },
           {
             title: this.$t('ElapsedTime'),
             dataIndex: 'costTime',
             align:"left",
-            sorter: true
+            sorter: true,
+            width: 136
           },
           {
             title: this.$t('LogType'),
@@ -149,12 +157,14 @@
               }
             },*/
             align:"left",
+            width: 95
           },
           {
             title: this.$t('createTime'),
             dataIndex: 'createTime',
             align:"left",
-            sorter: true
+            sorter: true,
+            width: 199
           }
         ],
         operateColumn:
@@ -162,6 +172,7 @@
           title: this.$t('OperationType'),
           dataIndex: 'operateType_dictText',
           align:"left",
+          width: 95
         },
         labelCol: {
           xs: { span: 1 },