修改法规清单的拖动

jero-web/src/views/projectManagement/components/listOfRegulations.vue

@@ -202,6 +202,7 @@
     <div style="width: 100%">
       <a-table
         ref="table"
+        :components="drag(columns,'columnsAll')"
         class="tableList"
         :loading="loading"
         :pagination="false"
@@ -462,6 +463,7 @@
   import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
   import batchSettingPersonnel from './batchSettingPersonnel'
   import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
+  import {ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
   import moment from 'moment'
   import { mapGetters } from 'vuex'
   import { Base64 } from 'js-base64'
@@ -481,6 +483,7 @@
       batchSettingPersonnel,
       listOfRegulationsView
     },
+    mixins: [ResizeColumnProvide,ResizeHeader],
     data() {
       return {
         roleSwitchingList: [],
@@ -1002,7 +1005,7 @@
       })
       if (this.areaOfResponsibilityList && this.areaOfResponsibilityList.dutyTerritory) {
         this.queryParam.dutyTerritory = this.areaOfResponsibilityList.dutyTerritory
-        this.queryParam = {...this.queryParam}
+        this.queryParam = { ...this.queryParam }
       }
       // } else {
       //   this.isDisplay = false
@@ -2502,7 +2505,7 @@
     overflow: scroll !important;
   }
 </style>
-<style>
+<style lang="less">
   .box-input .ant-select-selection {
     height: 38px !important;
   }
@@ -2535,4 +2538,20 @@
   .tableList .ant-table-thead > tr > th {
     padding: 7px 16px !important;
   }
+</style>
+<style lang="less">
+  /* vue-draggable-resizable@2.1.0 begin */
+  .resize-table-th {
+    position: relative;
+    overflow: hidden;
+  }
+  .resize-table-th .table-draggable-handle {
+    height: 100% !important;
+    bottom: 0;
+    left: auto !important;
+    right: -5px;
+    cursor: col-resize;
+    touch-action: none;
+  }
+  /* 插件 end */
 </style>