工作组变更；统计样式；单个开票

src/views/statisticalReport/WholeInstituteStatisticsList.vue

@@ -95,6 +95,7 @@
           :pagination="ipagination"
           :loading="loading"
           @change="handleTableChange"
+          :class="dataSource.length === 0 ? 'show-scroll' : ''"
           class="j-table-force-nowrap main-table">
 
           <!--        项目名称-->
@@ -107,7 +108,7 @@
             <j-ellipsis :value="text" :length="18"></j-ellipsis>
           </template>
 
-          <template slot="footer" slot-scope="currentPageData">
+          <template slot="footer" v-if="dataSource.length > 0">
 
             <a-table
               size="middle"
@@ -250,14 +251,7 @@ export default {
           width: 140
         }
       ],
-      footerDataSource: [
-        {
-          id: 1,
-          title: '总计',
-          receivableAmount: 4000,
-          paidAmount: 200
-        }
-      ],
+      footerDataSource: [],
       url: {
         list: ''
       }
@@ -274,7 +268,9 @@ export default {
      * 同步表与footer滚动，保留底部滚动条
      */
     setScroll() {
-      //
+      if (this.dataSource.length === 0) {
+        return
+      }
       let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
       console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
       dom.addEventListener(
@@ -328,6 +324,12 @@ export default {
   }
 }
 
+.show-scroll {
+  /deep/ .ant-table-body {
+    overflow-x: auto !important;
+  }
+}
+
 // 去除底部表格边框
 .footer-table {
   /deep/ .ant-table-tbody > tr > td {