系统管理-标签管理-列宽可拖拽

jero-web/src/views/documentManage/tags/dialog/AreaManage.vue

@@ -65,11 +65,12 @@
       ref="table"
       size="middle"
       rowKey="id"
+      :components="drag(columns,'columns')"
       :columns="columns"
       :dataSource="areaTable"
       :pagination="false"
       :loading="loading"
-      :scroll="{x: 600}"
+      :scroll="{x: '100%'}"
       :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
       @change="handleTableChange">
       <a slot="name" slot-scope="text">{{ text }}</a>
@@ -95,11 +96,14 @@
 
 <script>
   import { putAction,postAction,getAction,deleteAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+
   export default {
     name: 'diolagArea',
     components:{
 
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data(){
       return{
         title:this.$t('add'),

jero-web/src/views/documentManage/tags/dialog/ListTable.vue

@@ -2,6 +2,7 @@
     <div class="list-table">
       <a-table :data-source="tableData" :scroll="{x: 900}"
                :columns="columns" rowKey="id"
+               :components="drag(columns,'columns')"
                :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
                :pagination="false"
                class="tag-con-table">
@@ -27,6 +28,8 @@
 </template>
 
 <script>
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+
   export default {
     name: 'listTable',
     props:{
@@ -34,6 +37,7 @@
       total:Number,
       queryParams: Object
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data(){
       return{
         // tableData:[],

jero-web/src/views/documentManage/tags/dialog/TreeTable.vue

@@ -3,6 +3,7 @@
       <div class="tree-table-content">
         <a-table
           class="tree-table-con"
+          :components="drag(columns,'columns')"
           :columns="columns"
           :data-source="tabData"
           rowKey="id"
@@ -35,6 +36,8 @@
 
 <script>
   import { getAction, postAction, deleteAction, putAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+
   export default {
     name: 'treeTable',
     props:{
@@ -47,6 +50,7 @@
         default: true
       }
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data(){
       return{
         loading:false,   //搜索条件
@@ -56,18 +60,21 @@
             dataIndex: 'name',
             key: 'name',
             ellipsis: true,
+            width: 100
           },
           {
             title: this.$t('enName'),
             dataIndex: 'enName',
             key: 'enName',
             ellipsis: true,
+            width: 100
           },
           {
             title: this.$t('describe'),
             dataIndex: 'description',
             key: 'description',
             ellipsis: true,
+            width: 100
           },
           {
             title: this.$t('operation'),

jero-web/src/views/documentManage/tags/tabs/TabTable.vue

@@ -4,6 +4,8 @@
       ref="table"
       size="middle"
       rowKey="id"
+      :scroll="{x: '100%'}"
+      :components="drag(columns,'columns')"
       :columns="columns"
       :dataSource="tableData"
       :pagination="false"
@@ -31,8 +33,11 @@
 </template>
 
 <script>
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
+
   export default {
     name: 'tabTable',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data(){
       return{
         queryParams:{
@@ -92,6 +97,8 @@
 </script>
 
 <style lang="less" scoped>
+  @import'~@assets/less/common.less';
+
   .tab-table{
     .action-edit{
       margin-right: 10px;

jero-web/src/views/documentManage/tags/tabs/TagContent.vue

@@ -67,6 +67,7 @@
 
     <a-table :data-source="tableData" rowKey="id" :columns="columns"
              :scroll="{x: true}"
+             :components="drag(columns,'columns')"
              :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :pagination="false"
              :loading="loading" class="tag-con-table">
 
@@ -115,6 +116,7 @@
   import DicList from '../dialog/DicList'
   import Vue from 'vue'
   import { UI_CACHE_DB_DICT_DATA } from '@/store/mutation-types'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'tagContent',
@@ -122,6 +124,7 @@
       // tabTable,
       DicList
     },
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         title: this.$t('add'),