项目管理-项目状态看板-全屏查看-列宽可拖拽

jero-web/src/views/projectManagement/projectStatusBoard/components/projectStatusAndProgress.vue

@@ -12,6 +12,7 @@
         <a-table
           ref="table"
           size="middle"
+          :components="drag(columns,'columns')"
           :loading="loading"
           :pagination="false"
           :scroll="{x: '100%',y:'calc(100vh - 180px)'}"
@@ -54,9 +55,11 @@
 
 <script>
   import { getAction, postAction, deleteAction } from '@/api/manage'
+  import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 
   export default {
     name: 'projectStatusAndProgress',
+    mixins:[ResizeHeader, ResizeColumnProvide],
     data() {
       return {
         url: {
@@ -152,7 +155,7 @@
 </script>
 
 <style lang="less" scoped>
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .doc-detail {
     background: #fff;
@@ -233,4 +236,8 @@
   /deep/.ant-table-column-title{
     font-weight: bold!important;
   }
+
+  ::v-deep .ant-table-placeholder{
+    margin-top: 8px !important;
+  }
 </style>

jero-web/src/views/projectManagement/projectStatusBoard/index.vue

@@ -509,7 +509,7 @@
   }
 </style>
 <style scoped lang="less">
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .box-title-text {
     line-height: 1.4;
@@ -742,4 +742,8 @@
   /deep/.ant-table-column-title{
     font-weight: bold!important;
   }
+
+  ::v-deep .ant-table-placeholder{
+    margin-top: 8px !important;
+  }
 </style>