项目库-可伸缩列

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

@@ -14,6 +14,7 @@
       <div id="main-right">
         <a-table
           ref="table"
+          :components="drag(columns,'columns')"
           :loading="loading"
           :pagination="false"
           :scroll="{x: true}"
@@ -34,6 +35,7 @@
   import * as echarts from 'echarts'
   import { getAction, postAction, deleteAction, downloadFile } from '@/api/manage'
   import responsibilityList from './responsibilityList'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'CurrentStatusOfTheProjectEcharts',
@@ -46,6 +48,7 @@
         default: []
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -57,23 +60,27 @@
         columns: [
           {
             title: this.$t('red'),
-            align: 'center',
-            dataIndex: 'redCount'
+            align: 'left',
+            dataIndex: 'redCount',
+            width: 139
           },
           {
             title: this.$t('yellow'),
-            align: 'center',
-            dataIndex: 'yellowCount'
+            align: 'left',
+            dataIndex: 'yellowCount',
+            width: 139
           },
           {
             title: this.$t('green'),
-            align: 'center',
-            dataIndex: 'greenCount'
+            align: 'left',
+            dataIndex: 'greenCount',
+            width: 139
           },
           {
             title: this.$t('blue'),
-            align: 'center',
-            dataIndex: 'blueCount'
+            align: 'left',
+            dataIndex: 'blueCount',
+            width: 139
           }
         ]
       }