项目库-可伸缩列

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

@@ -105,6 +105,7 @@
               :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"-->
       <a-table
         class="table"
+        :components="drag(columns,'columnsAll')"
         :columns="columns"
         rowKey="id"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
@@ -270,6 +271,7 @@
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import ImportFile from '@/components/ImportFile/index'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'listOfRelevantPersonnel',
@@ -278,6 +280,7 @@
       ImportFile,
       personBatting
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -288,31 +291,36 @@
             title: this.$t('areaOfResponsibility'),
             align: 'left',
             dataIndex: 'dutyTerritory_dictText',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             dataIndex: 'lawEngineerName',
             slots: { title: 'regulatoryEngineer' },
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             slots: { title: 'engineeringInterfacePerson' },
             dataIndex: 'engineeringInterfacePersonName',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             align: 'left',
             slots: { title: 'certifiedEngineer' },
             dataIndex: 'certificationEngineerName',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             title: this.$t('remarks'),
             align: 'left',
             dataIndex: 'remark',
-            ellipsis: true
+            ellipsis: true,
+            width: 153
           },
           {
             title: this.$t('operation'),
@@ -689,4 +697,8 @@
   /*/deep/.table .ant-table-tbody > tr > td {*/
   /*  color: #040B29 ;*/
   /*}*/
+
+  .table {
+    margin-bottom: 60px;
+  }
 </style>