文档工具-文档对比-发起对比-列宽可拖拽

jero-web/src/views/documentTools/documentComparison/components/initiateComparison.vue

@@ -45,6 +45,7 @@
               <a-table
                 ref="table"
                 size="middle"
+                :components="drag(columns,'columns')"
                 :loading="loadingLeft"
                 :pagination="false"
                 :scroll="{x: '100%',y:340}"
@@ -111,6 +112,7 @@
               <a-table
                 ref="table"
                 size="middle"
+                :components="drag(columns,'columns')"
                 :loading="loadingRight"
                 :pagination="false"
                 :scroll="{x: '100%',y:340}"
@@ -174,9 +176,11 @@
   import { getAction, postAction, deleteAction ,downloadFile} from '@/api/manage'
   import { Base64 } from 'js-base64'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'initiateDocumentComparison',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         loading: false,
@@ -219,25 +223,29 @@
             title: this.$t('standard'),
             align: 'left',
             ellipsis: true,
-            dataIndex: 'serialNumber'
+            dataIndex: 'serialNumber',
+            width: 79
           },
           {
             title: this.$t('title'),
             align: 'left',
             ellipsis: true,
-            dataIndex: 'title'
+            dataIndex: 'title',
+            width: 79
           },
           {
             title: this.$t('TextStatus'),
             align: 'left',
             ellipsis: true,
-            dataIndex: 'fileType'
+            dataIndex: 'fileType',
+            width: 79
           },
           {
             title: this.$t('fileName'),
             align: 'left',
             ellipsis: true,
-            dataIndex: 'fileName'
+            dataIndex: 'fileName',
+            width: 79
           }
         ],
         dataSourceLeft: [],
@@ -434,7 +442,7 @@
 </script>
 
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .doc-detail {
     background: #fff;
@@ -611,4 +619,8 @@
     color: #040B29;
     cursor: pointer;
   }
+
+  ::v-deep .ant-table-placeholder{
+    margin-top: 8px !important;
+  }
 </style>