[update] 打包项目维护字段修改；统计报表模块页面

src/views/statisticalReport/WholeInstituteStatisticsList.vue

@@ -39,19 +39,13 @@
                 <j-dict-select-tag v-model="queryParam.chargeUse" placeholder="请选择来款用途" dictCode="payment_charge_use"/>
               </a-form-item>
             </a-col>
-            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-col :xl="10" :lg="11" :md="12" :sm="24">
               <a-form-item label="应收款项" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <a-input placeholder="请输入应收款项" v-model="queryParam.contractName"></a-input>
+                <a-input placeholder="请输入应收款项" v-model="queryParam.contractName" class="query-group-cust"></a-input>
+                <span class="query-group-split-cust"></span>
+                <a-input placeholder="请输入应收款项" v-model="queryParam.contractName" class="query-group-cust"></a-input>
               </a-form-item>
             </a-col>
-            <a-col :xl="6" :lg="7" :md="8" :sm="24">
-              <a-row>
-                <a-col :span="1">~</a-col>
-                <a-col :span="18">
-                  <a-input placeholder="请输入应收款项" v-model="queryParam.contractName"></a-input>
-                </a-col>
-              </a-row>
-            </a-col>
             <a-col :xl="6" :lg="7" :md="8" :sm="24">
               <a-form-item label="来款年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <j-year-date style="width:100%" placeholder="请选择来款年份" v-model="queryParam.paymentDate"></j-year-date>
@@ -100,9 +94,8 @@
           :dataSource="dataSource"
           :pagination="ipagination"
           :loading="loading"
-          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
           @change="handleTableChange"
-          class="j-table-force-nowrap">
+          class="j-table-force-nowrap main-table">
 
           <!--        项目名称-->
           <template slot="projectName" slot-scope="text, record">
@@ -118,6 +111,7 @@
 
             <a-table
               size="middle"
+              ref="footTable"
               rowKey="id"
               :columns="columnsFooter"
               :scroll="{x: 1100}"
@@ -272,7 +266,27 @@ export default {
   created() {
     this.loadDepartTreeData()
   },
+  mounted() {
+    this.setScroll()
+  },
   methods: {
+    /**
+     * 同步表与footer滚动，保留底部滚动条
+     */
+    setScroll() {
+      //
+      let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
+      console.log(this.$refs.footTable.$el.querySelectorAll('.ant-table-body'))
+      dom.addEventListener(
+        'scroll',
+        () => {
+          this.$refs.table.$el.querySelectorAll(
+            '.ant-table-body'
+          )[0].scrollLeft = dom.scrollLeft
+        },
+        true
+      )
+    },
     /**
      * 获取科室（部门）数据
      */
@@ -298,18 +312,39 @@ export default {
 <style scoped lang="less">
 @import '~@assets/less/common.less';
 
-/deep/ .ant-table-footer {
-  padding: 0 0;
-}
+// 隐藏主列表的横向滚动条
+.main-table {
+  /deep/ .ant-table-body {
+    overflow-x: hidden !important;
+  }
 
-/deep/ .ant-table.ant-table-bordered .ant-table-footer {
-  border-left: none;
-  margin-top: -2px;
+  /deep/ .ant-table-footer {
+    padding: 0 0;
+  }
+
+  /deep/ .ant-table.ant-table-bordered .ant-table-footer {
+    border-left: none;
+    margin-top: -2px;
+  }
 }
 
+// 去除底部表格边框
 .footer-table {
   /deep/ .ant-table-tbody > tr > td {
     border: none;
   }
+
+  /deep/ .ant-table-fixed-right table {
+    border-left: none !important;
+    background: none;
+  }
+
+  /deep/ .ant-table-body {
+    overflow-x: auto !important;
+  }
+
+  /deep/ .ant-table-bordered .ant-table-header > table {
+    border-left: none;
+  }
 }
 </style>