From ffe2bf064ae22b050a26870d681b860b635c1973 Mon Sep 17 00:00:00 2001
From: fengchenchen <fengchenchen@syxysoft.com>
Date: Wed, 30 Aug 2023 16:58:24 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90update=E3=80=91-=E6=89=93=E5=8C=85?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E8=AF=A6=E6=83=85=E9=A1=B5=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/development_address_config.js          |   5 +-
 public/local_production_address_config.js     |   5 +-
 public/production_address_config.js           |   5 +-
 .../packManagement/PackProjectMaintenance.vue | 350 +++++++++++++-----
 4 files changed, 265 insertions(+), 100 deletions(-)

diff --git a/public/development_address_config.js b/public/development_address_config.js
index bf76415..e706057 100644
--- a/public/development_address_config.js
+++ b/public/development_address_config.js
@@ -29,4 +29,7 @@ window._CONFIG["sendAddress"] = "天津市东丽区先锋东路68号"
 window._CONFIG["sendPostCode"] = "300300"
 
 // 查看物流信息-- 在企业端
-window._CONFIG["lookExpressDomainURL"] = "http://localhost:3001/lookExpressInfo";
\ No newline at end of file
+window._CONFIG["lookExpressDomainURL"] = "http://localhost:21826/lookExpressInfo";
+
+// 来款内部部署的ip
+window._CONFIG["intranetUrl"] = "http://localhost:21825/";
\ No newline at end of file
diff --git a/public/local_production_address_config.js b/public/local_production_address_config.js
index 57eddf6..5ba28db 100644
--- a/public/local_production_address_config.js
+++ b/public/local_production_address_config.js
@@ -31,4 +31,7 @@ window._CONFIG["sendPostCode"] = "300300"
 
 // 查看物流信息
 // window._CONFIG["lookExpressDomainURL"] = "http://bxxt.hzwlsoft.com/lookExpressInfo";
-window._CONFIG["lookExpressDomainURL"] = "http://10.10.10.46:8066/lookExpressInfo";
\ No newline at end of file
+window._CONFIG["lookExpressDomainURL"] = "http://10.10.10.46:8066/lookExpressInfo";
+
+// 来款内部部署的ip
+window._CONFIG["intranetUrl"] = "http://10.10.10.46:8055/";
\ No newline at end of file
diff --git a/public/production_address_config.js b/public/production_address_config.js
index 8301bf6..dca8fd3 100644
--- a/public/production_address_config.js
+++ b/public/production_address_config.js
@@ -26,4 +26,7 @@ window._CONFIG["sendAddress"] = "天津市东丽区先锋东路68号"
 window._CONFIG["sendPostCode"] = "300300"
 
 // 查看物流信息
-window._CONFIG["lookExpressDomainURL"] = "http://cwp.catarc.org.cn/lookExpressInfo"
\ No newline at end of file
+window._CONFIG["lookExpressDomainURL"] = "http://cwp.catarc.org.cn/lookExpressInfo"
+
+// 来款内部部署的ip
+window._CONFIG["intranetUrl"] = "http://10.12.8.1:80/";
\ No newline at end of file
diff --git a/src/views/packManagement/PackProjectMaintenance.vue b/src/views/packManagement/PackProjectMaintenance.vue
index fe32e57..85cb5fd 100644
--- a/src/views/packManagement/PackProjectMaintenance.vue
+++ b/src/views/packManagement/PackProjectMaintenance.vue
@@ -92,7 +92,8 @@
           :loading="loading"
           :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
           @change="handleTableChange"
-          class="j-table-force-nowrap">
+          :class="dataSource.length === 0 ? 'show-scroll' : ''"
+          class="j-table-force-nowrap main-table">
 
           <!--        项目名称-->
           <template slot="projectName" slot-scope="text, record">
@@ -139,6 +140,29 @@
             <!--工作组项目、普通项目、资料网员项目可以修改发票信息-->
             <a  v-has="'packProject:changeInvoiceInfo'" @click="changeInvoiceInfo(record)" :disabled="Number(record.projectType) !== ProjectTypeEnums.GENERAL_PRO.value && Number(record.projectType) !== ProjectTypeEnums.GROUP_PRO.value && Number(record.projectType) !== ProjectTypeEnums.MEMBER_PRO.value">开票类型</a>
           </span>
+
+
+          <template slot="footer" v-if="dataSource.length > 0">
+            <a-table
+              size="middle"
+              ref="footTable"
+              :rowKey="record=>record.id"
+              :columns="columnsFooter"
+              :scroll="{x: 1600}"
+              :dataSource="footerDataSource"
+              :showHeader="false"
+              :pagination="false"
+              class="j-table-force-nowrap footer-table">
+
+              <template slot="allMoney" slot-scope="text">
+                <a-tooltip>
+                  <template slot="title">{{ formatMoney(text+'') }}</template>
+                  <div class="table-text">{{ formatMoney(text+'') }}</div>
+                </a-tooltip>
+              </template>
+
+            </a-table>
+          </template>
         </a-table>
       </div>
       <!--      /项目信息-->
@@ -222,6 +246,119 @@ import ConfirmStageModule from '../financialManagement/arriveAndInvoicing/module
 import {getPayConfirmList} from '@/api/incomePaymentsApi'
 import InvoiceInfoChangeModule from './modules/InvoiceInfoChangeModule'
 import { ProjectTypeEnums } from '../../enums/commonEnums'
+import { getAction } from "../../api/manage";
+
+const firstColumnTop =   {
+  title: '序号',
+  dataIndex: '',
+  key: 'rowIndex',
+  width: 60,
+  align: 'center',
+  customRender: function (t, r, index) {
+    return parseInt(index) + 1
+  }
+}
+const defaultTableColumns = [
+  {
+    title: '打包项目名称',
+    align: 'center',
+    width: 280,
+    dataIndex: 'chargeProject',
+    scopedSlots: { customRender: 'projectName' }
+  }, {
+    title: '项目负责人',
+    align: 'center',
+    width: 140,
+    dataIndex: 'principalName',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '待确收金额',
+    align: 'center',
+    width: 120,
+    dataIndex: 'receivableAmount'
+  }, {
+    title: '实收金额',
+    align: 'center',
+    width: 120,
+    dataIndex: 'paidAmount'
+  }, {
+    title: '打包',
+    align: 'center',
+    width: 80,
+    dataIndex: 'pack',
+    scopedSlots: { customRender: 'status-pack' }
+  }, {
+    title: '需要发票',
+    align: 'center',
+    width: 80,
+    dataIndex: 'needInvoice',
+    scopedSlots: { customRender: 'status-pack' }
+  }, {
+    title: '到账',
+    align: 'center',
+    width: 80,
+    dataIndex: 'inAccount',
+    scopedSlots: { customRender: 'status' }
+  },  {
+    title: '收入',
+    align: 'center',
+    width: 80,
+    dataIndex: 'affirmIncome',
+    scopedSlots: {customRender: 'status-confirm'}
+  }, {
+    title: '开票',
+    align: 'center',
+    width: 80,
+    dataIndex: 'makeInvoice',
+    scopedSlots: { customRender: 'status-bill' }
+  }, {
+    title: '邮寄',
+    align: 'center',
+    width: 80,
+    dataIndex: 'mail',
+    scopedSlots: { customRender: 'status-mail' }
+  }, {
+    title: '企业联系人',
+    align: 'center',
+    width: 100,
+    dataIndex: 'contactsTemporaryName',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '联系人电话',
+    align: 'center',
+    width: 100,
+    dataIndex: 'phone',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '联系人邮箱',
+    align: 'center',
+    width: 200,
+    dataIndex: 'email',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '操作',
+    dataIndex: 'action',
+    align: 'center',
+    fixed: 'right',
+    width: 330,
+    scopedSlots: { customRender: 'action' }
+  }
+]
+
+const firstColumnFooter = [
+  {
+    title: '多选',
+    dataIndex: 'selection',
+    align: 'center',
+    width: 60
+  },
+  {
+    title: '序号',
+    dataIndex: 'title',
+    align: 'center',
+    width: 60
+  }
+]
 
 export default {
   name: 'PackProjectMaintenance',
@@ -284,101 +421,8 @@ export default {
         xs: { span: 24 },
         sm: { span: 10 }
       },
-      columns: [
-        {
-          title: '序号',
-          dataIndex: '',
-          key: 'rowIndex',
-          width: 60,
-          align: 'center',
-          customRender: function (t, r, index) {
-            return parseInt(index) + 1
-          }
-        }, {
-          title: '打包项目名称',
-          align: 'center',
-          width: 280,
-          dataIndex: 'chargeProject',
-          scopedSlots: { customRender: 'projectName' }
-        }, {
-          title: '项目负责人',
-          align: 'center',
-          width: 140,
-          dataIndex: 'principalName',
-          scopedSlots: { customRender: 'text' }
-        }, {
-          title: '待确收金额',
-          align: 'center',
-          width: 120,
-          dataIndex: 'receivableAmount'
-        }, {
-          title: '实收金额',
-          align: 'center',
-          width: 120,
-          dataIndex: 'paidAmount'
-        }, {
-          title: '打包',
-          align: 'center',
-          width: 80,
-          dataIndex: 'pack',
-          scopedSlots: { customRender: 'status-pack' }
-        }, {
-          title: '需要发票',
-          align: 'center',
-          width: 80,
-          dataIndex: 'needInvoice',
-          scopedSlots: { customRender: 'status-pack' }
-        }, {
-          title: '到账',
-          align: 'center',
-          width: 80,
-          dataIndex: 'inAccount',
-          scopedSlots: { customRender: 'status' }
-        },  {
-          title: '收入',
-          align: 'center',
-          width: 80,
-          dataIndex: 'affirmIncome',
-          scopedSlots: {customRender: 'status-confirm'}
-        }, {
-          title: '开票',
-          align: 'center',
-          width: 80,
-          dataIndex: 'makeInvoice',
-          scopedSlots: { customRender: 'status-bill' }
-        }, {
-          title: '邮寄',
-          align: 'center',
-          width: 80,
-          dataIndex: 'mail',
-          scopedSlots: { customRender: 'status-mail' }
-        }, {
-          title: '企业联系人',
-          align: 'center',
-          width: 100,
-          dataIndex: 'contactsTemporaryName',
-          scopedSlots: { customRender: 'text' }
-        }, {
-          title: '联系人电话',
-          align: 'center',
-          width: 100,
-          dataIndex: 'phone',
-          scopedSlots: { customRender: 'text' }
-        }, {
-          title: '联系人邮箱',
-          align: 'center',
-          width: 200,
-          dataIndex: 'email',
-          scopedSlots: { customRender: 'text' }
-        }, {
-          title: '操作',
-          dataIndex: 'action',
-          align: 'center',
-          fixed: 'right',
-          width: 330,
-          scopedSlots: { customRender: 'action' }
-        }
-      ],
+      columns: [firstColumnTop, ...defaultTableColumns],
+      columnsFooter: [...firstColumnFooter, ...defaultTableColumns],
       disableMixinCreated: true,
       selectPackProjectVisible: false,
       selectedProject: [], // 选中的项目
@@ -395,7 +439,8 @@ export default {
       url: {
         list: '/pack/payPackCompanyProject/listAll',
         exportXlsUrl: '/pack/payPackCompanyProject/exportXls'
-      }
+      },
+      footerDataSource: []
     }
   },
   created() {
@@ -624,8 +669,76 @@ export default {
       // this.confirmStageVisible = true
       this.$refs.changeInvoiceInfo.open(record)
 
+    },
+    /**
+     * 同步表与footer滚动，保留底部滚动条
+     */
+    setScroll() {
+      if (this.dataSource.length === 0) {
+        return
+      }
+      let dom = this.$refs.footTable.$el.querySelectorAll('.ant-table-body')[0]
+      dom.addEventListener(
+        'scroll',
+        () => {
+          this.$refs.table.$el.querySelectorAll(
+            '.ant-table-body'
+          )[0].scrollLeft = dom.scrollLeft
+        },
+        true
+      )
+    },
+    // 重写加载的方法
+    loadData(arg) {
+      if (!this.url.list) {
+        this.$message.error('请设置url.list属性!')
+        return
+      }
+      //加载数据 若传入参数1则加载第一页的内容
+      if (arg === 1) {
+        this.ipagination.current = 1
+      }
+      let params = this.getQueryParams()//查询条件
+      this.loading = true
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          let pageListObj = res.result || {}
+          //update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+          this.dataSource = pageListObj.list
+
+          let obj = {
+            id: '1',
+            title: '总计',
+            receivableAmount: pageListObj.sumOfPaidAmount || '0.00' + '',
+            paidAmount: pageListObj.sumOfReceivableAmount || '0.00' + ''
+          }
+          this.footerDataSource = [obj]
+          if (pageListObj.total) {
+            this.ipagination.total = pageListObj.total
+            //清空列表选中
+            this.onClearSelected()
+          } else {
+            this.ipagination.total = 0
+          }
+          //update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+        }
+        if (this.dataSource.length > 0) {
+          this.$nextTick(() => {
+            this.setScroll()
+          })
+        }
+        if (res.code === 510) {
+          this.$message.warning(res.message)
+        }
+        this.loading = false
+      }).finally(() => {
+        this.loading = false
+      })
     }
 
+  },
+  mounted() {
+    this.setScroll()
   }
 }
 </script>
@@ -676,4 +789,47 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+// 隐藏主列表的横向滚动条
+.main-table {
+  /deep/ .ant-table-body {
+    overflow-x: hidden !important;
+  }
+
+  /deep/ .ant-table-footer {
+    padding: 0 0;
+  }
+
+  /deep/ .ant-table.ant-table-bordered .ant-table-footer {
+    border-left: none;
+    margin-top: -2px;
+  }
+}
+
+.show-scroll {
+  /deep/ .ant-table-body {
+    overflow-x: auto !important;
+  }
+}
+
+// 去除底部表格边框
+.footer-table {
+  /deep/ .ant-table-tbody > tr > td {
+    border: none;
+    background-color: #F5F5F5;
+  }
+
+  /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>
\ No newline at end of file