文档工具-文档OCR识别-列宽可拖拽

jero-web/src/components/OcrTable/DocTable.vue

@@ -1,9 +1,10 @@
 <template>
   <div style="height: 100%">
-    <div class="box">
+    <div class="box" v-if="isTrue">
       <a-table
         class="table"
         rowKey="id"
+        :components="drag(columns,'columns')"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
         :scroll="{x: true}"
@@ -63,6 +64,7 @@
 <script>
   import eventBUs from '../../common/event'
   import { getAction, postAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'docTable',
@@ -91,6 +93,7 @@
         default: ''
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         jsonBody: [],
@@ -102,6 +105,7 @@
         dataSource: [],
         pageNo: 1,
         pageSize: 10,
+        isTrue: false,
         total: 0,
         searchParmes: {},
         loading: false,
@@ -164,7 +168,8 @@
                 dataIndex: res.db_field_name,
                 align: 'left',
                 ellipsis: true,
-                sorter: res.sort
+                sorter: res.sort,
+                width:170,
               })
               if (res.click) {
                 this.columns[index].scopedSlots = {
@@ -196,6 +201,10 @@
                 scopedSlots: { customRender: 'operation' }
               })
             }
+            this.isTrue = false
+            setTimeout(()=>{
+              this.isTrue = true
+            },500)
           }
         })
       },
@@ -249,6 +258,8 @@
   }
 </script>
 <style>
+  @import '~@assets/less/common.less';
+
   .table .ant-table-column-title {
     font-weight: bold;
   }

jero-web/src/components/OcrTable/index.vue

@@ -1,9 +1,10 @@
 <template>
   <div style="height: 100%">
-    <div class="box">
+    <div class="box" v-if='isTrue'>
       <a-table
         class="table"
         rowKey="id"
+        :components="drag(columns,'columns')"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
         :scroll="{x: '100%'}"
@@ -65,9 +66,11 @@
   import eventBUs from '../../common/event'
   import { getAction, postAction } from '@/api/manage'
   import { mapGetters } from 'vuex'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'ocrTable',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     props: {
       //接口
       url: {
@@ -92,6 +95,7 @@
     data() {
       return {
         jsonBody: [],
+        isTrue:false,
         checkboxList: [],
         userData: {},
         tableAll: false,
@@ -201,9 +205,19 @@
                 scopedSlots: { customRender: 'operation' }
               })
             }
+            this.isTrue = false
+            setTimeout(()=>{
+               this.isTrue = true
+            },100)
           }
         })
       },
+      getDataAdmin(){
+        this.isTrue = false
+        setTimeout(()=>{
+          this.isTrue = true
+        },100)
+      },
       tableOnChange(pagination, filters, sorter) {
         this.orderBy = sorter.order == 'ascend' ? '1' : '2'
         this.orderByField = sorter.columnKey
@@ -263,6 +277,8 @@
 
 </style>
 <style scoped>
+  @import '~@assets/less/common.less';
+
   .box {
     width: 100%;
     height: calc(100% - 100px);

jero-web/src/views/documentManage/ocr/index.vue

@@ -69,6 +69,7 @@
           @actionSynchron="actionSynchron"
           :url="url"
           showAction
+          ref='tableAdmin'
           @actionDown="actionDown"
           @onSelectChange="onSelectChange"
           @actionDelete="actionDelete"
@@ -441,7 +442,7 @@
       },
       docVisible(val){
         this.drawVisible=val
-
+        this.$refs.tableAdmin.getDataAdmin()
       },
       //文件详情跳转
       detailClick(val){