项目库-可伸缩列

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

@@ -20,6 +20,7 @@
     </div>
     <a-table
       ref="table"
+      :components="drag(columns,'columns')"
       :loading="loading"
       :pagination="false"
       :scroll="{x: true,y:400}"
@@ -36,9 +37,11 @@
 <script>
   import { getAction, postAction, downloadFile } from '@/api/manage'
   import moment from 'moment'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'responsibilityList',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         visible: false,
@@ -55,7 +58,7 @@
           {
             title: this.$t('areaOfResponsibility'),
             dataIndex: 'dutyTerritoryName',
-            align: 'center',
+            align: 'left',
             width: 400,
             ellipsis: true,
             scopedSlots: { customRender: 'areaOfResponsibility' }
@@ -63,7 +66,7 @@
           {
             title: this.$t('Quantity'),
             dataIndex: 'amount',
-            align: 'center',
+            align: 'left',
             ellipsis: true,
             width: 300
           }