开发工具-系统校验规则-列宽可拖拽

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

@@ -71,11 +71,13 @@
       size="middle"
       bordered
       rowKey="id"
+      :components="drag(columns,columns)"
       :columns="columns"
       :dataSource="dataSource"
       :pagination="ipagination"
       :loading="loading"
       :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+      :sroll="{x: '100%'}"
       @change="handleTableChange">
 
       <template slot="action" slot-scope="text, record">
@@ -112,10 +114,11 @@
   import { JeroListMixin } from '@/mixins/JeroListMixin'
   import SysCheckRuleModal from './modules/SysCheckRuleModal'
   import SysCheckRuleTestModal from './modules/SysCheckRuleTestModal'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'SysCheckRuleList',
-    mixins: [JeroListMixin],
+    mixins: [JeroListMixin, ResizeHeader, ResizeColumnProvide],
     components: { SysCheckRuleModal, SysCheckRuleTestModal, JEllipsis },
     data() {
       return {
@@ -132,24 +135,28 @@
           {
             title: '规则名称',
             align: 'left',
-            dataIndex: 'ruleName'
+            dataIndex: 'ruleName',
+            width: 301
           },
           {
             title: '规则Code',
             align: 'left',
-            dataIndex: 'ruleCode'
+            dataIndex: 'ruleCode',
+            width: 332
           },
           {
             title: '规则描述',
             align: 'left',
             dataIndex: 'ruleDescription',
-            customRender: (t) => (<j-ellipsis value={t} length={48}/>)
+            customRender: (t) => (<j-ellipsis value={t} length={48}/>),
+            width: 300
           },
           {
             title: '操作',
             dataIndex: 'action',
             align: 'left',
             scopedSlots: { customRender: 'action' },
+            width: 187
           }
         ],
         url: {