From da23915e2a1f3c4686944df0e6c475b2460d9cb5 Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Mon, 27 Apr 2026 15:59:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=90=E6=9C=AC=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/costManagement/costStatistics.js      |  17 ++-
 src/views/basicData/jobTransferManagement.vue |   1 -
 src/views/costStatistics/index.vue            | 101 +++++++++++++++++-
 3 files changed, 115 insertions(+), 4 deletions(-)

diff --git a/src/api/costManagement/costStatistics.js b/src/api/costManagement/costStatistics.js
index f6164dd5..50be3e66 100644
--- a/src/api/costManagement/costStatistics.js
+++ b/src/api/costManagement/costStatistics.js
@@ -46,4 +46,19 @@ export const getDetail = (params) =>
     url: '/api/blade-desk/subjectFeeDetail/findList',
     method: 'get',
     params
-  });
\ No newline at end of file
+  });
+
+// 导出材料费用
+export const exportMaterial = (params) => {
+    return exportBlob('/api/blade-desk/costStatistics/exportMaterialCost', params);
+};
+
+// 导出作业中心材料费用
+export const exportWorkCenterMaterial = (params) => {
+    return exportBlob('/api/blade-desk/costStatistics/exportWorkCenterMaterialCost', params);
+};
+
+// 导出辅助人员材料费用
+export const exportAuxiliaryPersonMaterial = (params) => {
+    return exportBlob('/api/blade-desk/costStatistics/exportAssistantMaterialCost', params);
+};
\ No newline at end of file
diff --git a/src/views/basicData/jobTransferManagement.vue b/src/views/basicData/jobTransferManagement.vue
index a1d5b1f3..9d82ccdd 100644
--- a/src/views/basicData/jobTransferManagement.vue
+++ b/src/views/basicData/jobTransferManagement.vue
@@ -111,7 +111,6 @@
             search-key="id"
             :debounce-time="500"
             @change="changeTeacher"
-            
           />
         </el-form-item>
       </el-form>
diff --git a/src/views/costStatistics/index.vue b/src/views/costStatistics/index.vue
index 9ff7b5cd..4b07907e 100644
--- a/src/views/costStatistics/index.vue
+++ b/src/views/costStatistics/index.vue
@@ -18,6 +18,8 @@
           @size-change="sizeChange"
           @refresh-change="refreshChange"
           @on-load="onLoad"
+          @cell-click="cellClick"
+          :cell-class-name="tableCellClassName"
         >
           <template #menu-left>
             <el-button type="primary" @click="handleCost">成本计算</el-button>
@@ -72,8 +74,7 @@
 </template>
 
 <script>
-import {getList,deleteTable,verifyTable,calculateTable,exportData,getDetail} from "@/api/costManagement/costStatistics"
-import { tr } from 'element-plus/es/locales.mjs'
+import {getList,deleteTable,verifyTable,calculateTable,exportData,getDetail,exportMaterial,exportWorkCenterMaterial,exportAuxiliaryPersonMaterial} from "@/api/costManagement/costStatistics"
 export default {
   data(){
     return{
@@ -307,6 +308,92 @@ export default {
 
   },
   methods:{
+    cellClick(row, column, cell, event){
+      console.log('row----------',row)
+      console.log('column----------',column)
+      
+      if(column.property == 'materialCost'){
+        this.$confirm('是否导出数据?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }).then(() => {
+          // this.loading = true;
+          exportMaterial({ month: row.month,workCenterId:row.workCenterId }).then(res => {
+            const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `${row.month}月${row.workCenterName}材料费用.xlsx`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            window.URL.revokeObjectURL(url);
+            this.$message.success('导出成功');
+            this.loading = false;
+          }).catch(() => {
+            this.loading = false;
+          });
+        });
+      }else if(column.property == 'workCenterMaterialCost'){
+        this.$confirm('是否导出数据?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }).then(() => {
+          exportWorkCenterMaterial({ month: row.month,workCenterId:row.workCenterId }).then(res => {
+            const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `${row.month}月${row.workCenterName}作业中心材料费用.xlsx`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            window.URL.revokeObjectURL(url);
+            this.$message.success('导出成功');
+            this.loading = false;
+          }).catch(() => {
+            this.loading = false;
+          });
+        })
+      }else if(column.property == 'assistantMaterialCost'){
+        this.$confirm('是否导出数据?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }).then(() => {
+          exportAuxiliaryPersonMaterial({ month: row.month }).then(res => {
+            const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `${row.month}月辅助人员材料费用.xlsx`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            window.URL.revokeObjectURL(url);
+            this.$message.success('导出成功');
+            this.loading = false;
+          }).catch(() => {
+            this.loading = false;
+          });
+        })
+      }else{
+        return
+      }
+    },
+    tableCellClassName({ row, column, rowIndex, columnIndex }){
+      const monthProps = [
+        'materialCost',
+        'workCenterMaterialCost',
+        "assistantMaterialCost"
+      ];
+      if(monthProps.includes(column.property)){
+        return "high_row"
+      }
+      return ''
+    },
     handleCurrentRowChange(row){
       if (!row) {
         this.detailData = [];
@@ -538,4 +625,14 @@ export default {
   ::v-deep .el-table__row.current-row td {
     background-color: yellow !important;
   }
+  // 新增：可点击单元格的样式
+  ::v-deep .high_row {
+    cursor: pointer !important;
+    
+    // 可选：增加悬停时的下划线效果，增强交互感
+    &:hover {
+      text-decoration: underline;
+      color: #284c89 !important; /* Element UI 主题蓝，你可以改为 blue 或其他颜色 */
+    }
+  }
 </style>
\ No newline at end of file