业务支持-知识分享-列宽可拖拽

jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue

@@ -60,6 +60,7 @@
         </a-form>
       </div>
       <a-table
+        :components="drag(columns,'columns')"
         :columns="columns"
         :rowKey="(record)=>JSON.stringify(record)"
         :scroll="{x: 1200}"
@@ -93,6 +94,7 @@
 <script>
   import { getAction, postAction } from '@/api/manage'
   import globalAdvancedQuery from '@/components/globalAdvancedQuery/index'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'listAddModel',
@@ -100,6 +102,7 @@
       globalAdvancedQuery
     },
     props: ['url'],
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         toggleSearchStatus: false,
@@ -113,31 +116,36 @@
             title: this.$t('standard'),
             dataIndex: 'serial_number',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('title'),
             dataIndex: 'title',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('zoneOfApplication'),
             dataIndex: 'region',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('ImplementationDate'),
             dataIndex: 'xin1_che1_xing2_shi2_shi1_ri4_qi1',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           },
           {
             title: this.$t('vehicleInProductionDate'),
             dataIndex: 'implement_time',
             align: 'left',
-            ellipsis: true
+            ellipsis: true,
+            width: 228
           }
         ],
         dataList: [],

jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseAdd.vue

@@ -674,7 +674,7 @@
   }
 </style>
 <style scoped lang="less">
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .doc-detail {
     background: #fff;