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

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

@@ -42,19 +42,7 @@
                </span>
                 </a-row>
               </a-form>
-              <a-table
-                ref="table"
-                size="middle"
-                :components="drag(columns,'columns')"
-                :loading="loadingLeft"
-                :pagination="false"
-                :scroll="{x: '100%',y:340}"
-                rowKey="id"
-                :data-source="dataSourceLeft"
-                :row-selection="{ selectedRowKeys: selectedRowKeysLeft, onChange: onSelectChangeLeft,columnTitle:' ' }"
-                :columns="columns"
-              >
-              </a-table>
+              <table-left :tablecolumns='tablecolumns' :dataSourceLeft='dataSourceLeft' :loadingLeft='loadingLeft'  :selectedRowKeysLeft='selectedRowKeysLeft'  :onSelectChangeLeft='onSelectChangeLeft'></table-left>
               <div class="page">
                 <a-pagination
                   :show-total="total => $t('total')+` ${total} `+$t('strip')"
@@ -177,10 +165,14 @@
   import { Base64 } from 'js-base64'
   import { mapGetters } from 'vuex'
   import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+  import tableLeft from './tableLeft'
 
   export default {
     name: 'initiateDocumentComparison',
     mixins:[ResizeHeader, ResizeColumnProvide],
+    components:{
+      tableLeft
+    },
     data() {
       return {
         loading: false,
@@ -248,6 +240,44 @@
             width: 79
           }
         ],
+        tablecolumns: [
+          {
+            title: this.$t('number'),
+            align: 'left',
+            width: 70,
+            customRender: function(t, r, index) {
+              return parseInt(index) + 1
+            }
+          },
+          {
+            title: this.$t('standard'),
+            align: 'left',
+            ellipsis: true,
+            dataIndex: 'serialNumber',
+            width: 79
+          },
+          {
+            title: this.$t('title'),
+            align: 'left',
+            ellipsis: true,
+            dataIndex: 'title',
+            width: 79
+          },
+          {
+            title: this.$t('TextStatus'),
+            align: 'left',
+            ellipsis: true,
+            dataIndex: 'fileType',
+            width: 79
+          },
+          {
+            title: this.$t('fileName'),
+            align: 'left',
+            ellipsis: true,
+            dataIndex: 'fileName',
+            width: 79
+          }
+        ],
         dataSourceLeft: [],
         selectedRowKeysLeft: [],
         url: {

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

@@ -0,0 +1,33 @@
+<template>
+  <a-table
+    ref="table"
+    size="middle"
+    :components="tabledrag(tablecolumns,'tablecolumns')"
+    :loading="loadingLeft"
+    :pagination="false"
+    :scroll="{x: '100%',y:340}"
+    rowKey="id"
+    :data-source="dataSourceLeft"
+    :row-selection="{ selectedRowKeys: selectedRowKeysLeft, onChange: onSelectChangeLeft,columnTitle:' ' }"
+    :columns="tablecolumns"
+  >
+  </a-table>
+</template>
+
+<script>
+import { tableResizeHeader, tableResizeColumnProvide } from '@/mixins/tableheader'
+
+export default {
+  name: 'tableLeft',
+  mixins:[tableResizeHeader, tableResizeColumnProvide],
+  props:['tablecolumns',
+    'dataSourceLeft',
+    'loadingLeft',
+    'selectedRowKeysLeft',
+    'onSelectChangeLeft']
+}
+</script>
+
+<style scoped>
+
+</style>