From 59833eeb6d90236fb91b9ebfe669e5aaa9a4ec3b Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Tue, 15 Jul 2025 12:38:54 +0800
Subject: [PATCH] 测试报表代码

---
 src/api/dev/taskApi.js                            |  18 ++++++++++++++++++
 src/components/report/configFeeSummary.vue        |   4 +---
 src/components/report/floorFeeSummary.vue         |   4 +---
 src/components/report/reportProficientCarFee.vue  |  82 +++++++++++++++++++++++++++++++++++++++++++++-------------------------------------
 src/components/report/reportProficientRoomFee.vue |  94 +++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------
 src/components/report/selectCommunityFloor.vue    |  25 +++++++++++++------------
 src/components/report/viewFeeDetail.vue           |  12 +++++++-----
 src/views/dev/taskList.vue                        |  14 +++++++++++++-
 src/views/oa/addComplaintTypeList.vue             | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------
 src/views/report/reportFeeSummaryList.vue         |  10 +++++-----
 src/views/report/reportProficientList.vue         |  15 +++++++++------
 11 files changed, 222 insertions(+), 171 deletions(-)

diff --git a/src/api/dev/taskApi.js b/src/api/dev/taskApi.js
index 3cb43fe..7872d54 100644
--- a/src/api/dev/taskApi.js
+++ b/src/api/dev/taskApi.js
@@ -117,6 +117,24 @@ export function stopTask(taskId) {
     })
   })
 }
+export function runTask(taskId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/job.runJob',
+      method: 'post',
+      data: { taskId }
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '执行定时任务失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 
 // 获取定时任务列表
 export function getTaskTemplateList(params) {
diff --git a/src/components/report/configFeeSummary.vue b/src/components/report/configFeeSummary.vue
index bb82723..5279714 100644
--- a/src/components/report/configFeeSummary.vue
+++ b/src/components/report/configFeeSummary.vue
@@ -1,8 +1,6 @@
 <template>
   <el-card class="config-fee-summary-container">
-    <div slot="header">
-      <span>{{ $t('reportFeeSummary.configFeeSummary') }}</span>
-    </div>
+
     <div id="configFeeSummary" style="height:300px;width:100%;"></div>
   </el-card>
 </template>
diff --git a/src/components/report/floorFeeSummary.vue b/src/components/report/floorFeeSummary.vue
index 12ea39e..320202c 100644
--- a/src/components/report/floorFeeSummary.vue
+++ b/src/components/report/floorFeeSummary.vue
@@ -1,8 +1,6 @@
 <template>
   <el-card class="floor-fee-summary-container">
-    <div slot="header">
-      <span>{{ $t('reportFeeSummary.floorFeeSummary') }}</span>
-    </div>
+
     <div id="floorFeeSummary" style="height:300px;width:100%;"></div>
   </el-card>
 </template>
diff --git a/src/components/report/reportProficientCarFee.vue b/src/components/report/reportProficientCarFee.vue
index 287bb4c..7e5e804 100644
--- a/src/components/report/reportProficientCarFee.vue
+++ b/src/components/report/reportProficientCarFee.vue
@@ -1,35 +1,30 @@
 <template>
   <div class="report-proficient-car-fee">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-table :data="reportProficientCarFeeInfo.fees" border style="width: 100%" height="500">
-          <el-table-column prop="ownerName" :label="$t('reportProficientCarFee.name')" align="center">
-          </el-table-column>
-          <el-table-column prop="objName" :label="$t('reportProficientCarFee.carNumber')" align="center">
-          </el-table-column>
-          <el-table-column prop="ownerLink" :label="$t('reportProficientCarFee.phone')" align="center">
-          </el-table-column>
-          <el-table-column prop="feeTypeCdName" :label="$t('reportProficientCarFee.feeType')" align="center">
-          </el-table-column>
-          <el-table-column prop="feeName" :label="$t('reportProficientCarFee.feeName')" align="center">
-          </el-table-column>
-        </el-table>
-      </el-col>
-      <el-col :span="12">
-        <div class="table-wrapper">
-          <el-table :data="reportProficientCarFeeInfo.fees" border style="width: 100%" height="500">
-            <el-table-column v-for="(item, index) in reportProficientCarFeeInfo.listColumns" :key="index"
-              :label="item + $t('reportProficientCarFee.year')" align="center" width="120">
-              <template slot-scope="scope">
-                <el-link type="primary" @click="_showCarFeeDetail(scope.row, item)">
-                  {{ _getProficientCarFeeValue(scope.row.reportFeeYearCollectionDetailDtos, item) }}
-                </el-link>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </el-col>
-    </el-row>
+    <div class="table-container">
+      <el-table :data="reportProficientCarFeeInfo.fees" border style="width: 100%" height="500">
+        <!-- 固定列：基本信息 -->
+        <el-table-column prop="ownerName" :label="$t('reportProficientCarFee.name')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="objName" :label="$t('reportProficientCarFee.carNumber')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="ownerLink" :label="$t('reportProficientCarFee.phone')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="feeTypeCdName" :label="$t('reportProficientCarFee.feeType')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="feeName" :label="$t('reportProficientCarFee.feeName')" align="center" fixed="left" width="120">
+        </el-table-column>
+        
+        <!-- 动态列：年度费用数据 -->
+        <el-table-column v-for="(item, index) in reportProficientCarFeeInfo.listColumns" :key="index"
+          :label="item + $t('reportProficientCarFee.year')" align="center" >
+          <template slot-scope="scope">
+            <el-link type="primary" @click="_showCarFeeDetail(scope.row, item)">
+              {{ _getProficientCarFeeValue(scope.row.reportFeeYearCollectionDetailDtos, item) }}
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
 
     <el-row :gutter="20" class="margin-top">
       <el-col :span="12">
@@ -44,14 +39,19 @@
         </el-pagination>
       </el-col>
     </el-row>
+    <view-fee-detail ref="viewFeeDetail"></view-fee-detail>
   </div>
 </template>
 
 <script>
 import { queryReportFeeYear } from '@/api/report/reportProficientApi'
+import ViewFeeDetail from '@/components/report/viewFeeDetail' 
 
 export default {
   name: 'ReportProficientCarFee',
+  components: {
+    ViewFeeDetail
+  },
   props: {
     conditions: {
       type: Object,
@@ -72,14 +72,12 @@ export default {
     }
   },
   created() {
-    this.$bus.$on('reportProficientCarFee-switch', this.handleSwitch)
-    this.$bus.$on('reportProficientCarFee-notify', this.listReportProficientCarFee)
-  },
-  beforeDestroy() {
-    this.$bus.$off('reportProficientCarFee-switch', this.handleSwitch)
-    this.$bus.$off('reportProficientCarFee-notify', this.listReportProficientCarFee)
   },
   methods: {
+    open(params) {
+      this.conditions = params
+      this.listReportProficientCarFee()
+    },
     handleSwitch(params) {
       console.log(params)
       this.clearReportProficientCarFeeInfo()
@@ -149,8 +147,18 @@ export default {
 
 <style lang="scss" scoped>
 .report-proficient-car-fee {
-  .table-wrapper {
+  .table-container {
     overflow-x: auto;
+    
+    // 确保表格容器有足够的宽度来显示滚动条
+    .el-table {
+      min-width: 100%;
+      
+      // 设置表格的最小宽度，确保横向滚动生效
+      &::v-deep .el-table__body-wrapper {
+        overflow-x: auto;
+      }
+    }
   }
 
   .margin-top {
diff --git a/src/components/report/reportProficientRoomFee.vue b/src/components/report/reportProficientRoomFee.vue
index 8f9dbd4..9ef89de 100644
--- a/src/components/report/reportProficientRoomFee.vue
+++ b/src/components/report/reportProficientRoomFee.vue
@@ -1,59 +1,59 @@
 <template>
   <div class="report-proficient-room-fee">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-table :data="reportProficientRoomFeeInfo.fees" border style="width: 100%" height="500">
-          <el-table-column prop="ownerName" :label="$t('reportProficientRoomFee.name')" align="center">
-          </el-table-column>
-          <el-table-column prop="objName" :label="$t('reportProficientRoomFee.roomNumber')" align="center">
-          </el-table-column>
-          <el-table-column prop="ownerLink" :label="$t('reportProficientRoomFee.phone')" align="center">
-          </el-table-column>
-          <el-table-column prop="builtUpArea" :label="$t('reportProficientRoomFee.area')" align="center">
-          </el-table-column>
-          <el-table-column prop="feeTypeCdName" :label="$t('reportProficientRoomFee.feeType')" align="center">
-          </el-table-column>
-          <el-table-column prop="feeName" :label="$t('reportProficientRoomFee.feeName')" align="center">
-          </el-table-column>
-        </el-table>
-      </el-col>
-      <el-col :span="12">
-        <div class="table-wrapper">
-          <el-table :data="reportProficientRoomFeeInfo.fees" border style="width: 100%" height="500">
-            <el-table-column v-for="(item, index) in reportProficientRoomFeeInfo.listColumns" :key="index"
-              :label="item + $t('reportProficientRoomFee.year')" align="center" width="120">
-              <template slot-scope="scope">
-                <el-link type="primary" @click="_showFeeDetail(scope.row, item)">
-                  {{ _getProficientRoomFeeValue(scope.row.reportFeeYearCollectionDetailDtos, item) }}
-                </el-link>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </el-col>
-    </el-row>
+    <div class="table-container">
+      <el-table :data="reportProficientRoomFeeInfo.fees" border style="width: 100%" height="500">
+        <!-- 固定列：基本信息 -->
+        <el-table-column prop="ownerName" :label="$t('reportProficientRoomFee.name')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="objName" :label="$t('reportProficientRoomFee.roomNumber')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="ownerLink" :label="$t('reportProficientRoomFee.phone')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="builtUpArea" :label="$t('reportProficientRoomFee.area')" align="center" fixed="left" width="100">
+        </el-table-column>
+        <el-table-column prop="feeTypeCdName" :label="$t('reportProficientRoomFee.feeType')" align="center" fixed="left" width="120">
+        </el-table-column>
+        <el-table-column prop="feeName" :label="$t('reportProficientRoomFee.feeName')" align="center" fixed="left" width="120">
+        </el-table-column>
+        
+        <!-- 动态列：年度费用数据 -->
+        <el-table-column v-for="(item, index) in reportProficientRoomFeeInfo.listColumns" :key="index"
+          :label="item + $t('reportProficientRoomFee.year')" align="center" >
+          <template slot-scope="scope">
+            <el-link type="primary" @click="_showFeeDetail(scope.row, item)">
+              {{ _getProficientRoomFeeValue(scope.row.reportFeeYearCollectionDetailDtos, item) }}
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
 
     <el-row :gutter="20" class="margin-top">
       <el-col :span="12">
-        <div class="tip-text">
+        <div class="tip-text text-left">
           {{ $t('reportProficientRoomFee.tip') }}
         </div>
       </el-col>
       <el-col :span="12">
-        <el-pagination :current-page.sync="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
-          :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
-          @current-change="handleCurrentChange">
+        <el-pagination :current-page.sync="pagination.current" :page-sizes="[10, 20, 30, 50]"
+          :page-size="pagination.size" :total="pagination.total" layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange" @current-change="handleCurrentChange">
         </el-pagination>
       </el-col>
     </el-row>
+    <view-fee-detail ref="viewFeeDetail"></view-fee-detail>
   </div>
 </template>
 
 <script>
 import { queryReportFeeYear } from '@/api/report/reportProficientApi'
+import ViewFeeDetail from '@/components/report/viewFeeDetail'
 
 export default {
   name: 'ReportProficientRoomFee',
+  components: {
+    ViewFeeDetail
+  },
   props: {
     conditions: {
       type: Object,
@@ -74,14 +74,12 @@ export default {
     }
   },
   created() {
-    this.$bus.$on('reportProficientRoomFee-switch', this.handleSwitch)
-    this.$bus.$on('reportProficientRoomFee-notify', this.listReportProficientRoomFee)
-  },
-  beforeDestroy() {
-    this.$bus.$off('reportProficientRoomFee-switch', this.handleSwitch)
-    this.$bus.$off('reportProficientRoomFee-notify', this.listReportProficientRoomFee)
   },
   methods: {
+    open(params) {
+      this.conditions = params
+      this.listReportProficientRoomFee()
+    },
     handleSwitch(params) {
       console.log(params)
       this.clearReportProficientRoomFeeInfo()
@@ -151,8 +149,18 @@ export default {
 
 <style lang="scss" scoped>
 .report-proficient-room-fee {
-  .table-wrapper {
+  .table-container {
     overflow-x: auto;
+    
+    // 确保表格容器有足够的宽度来显示滚动条
+    .el-table {
+      min-width: 100%;
+      
+      // 设置表格的最小宽度，确保横向滚动生效
+      &::v-deep .el-table__body-wrapper {
+        overflow-x: auto;
+      }
+    }
   }
 
   .margin-top {
diff --git a/src/components/report/selectCommunityFloor.vue b/src/components/report/selectCommunityFloor.vue
index 6753bcc..35d8193 100644
--- a/src/components/report/selectCommunityFloor.vue
+++ b/src/components/report/selectCommunityFloor.vue
@@ -1,15 +1,16 @@
 <template>
-  <div class="select-community-floor-container">
-    <div class="border-radius">
-      <div class="margin-xs-r treeview attendance-staff" style="height: 650px;">
-        <ul class="list-group text-center border-radius">
-          <li v-for="(item, index) in floors" :key="index" class="list-group-item node-orgTree"
-            :class="{ 'vc-node-selected': selectedFloorId === item.floorId }" @click="handleSelectFloor(item)">
-            {{ item.floorNum }}
-          </li>
-        </ul>
-      </div>
-    </div>
+  <div class="">
+    <div class="list-group-border-radius">
+          <div class=" treeview">
+            <ul class="list-group text-center ">
+              <li v-for="(item, index) in floors" :key="index" @click="handleSelectFloor(item)"
+                :class="{ 'vc-node-selected': selectedFloorId === item.floorId }"
+                class="list-group-item node-orgTree">
+                {{ item.floorNum }}
+              </li>
+            </ul>
+          </div>
+        </div>
   </div>
 </template>
 
@@ -46,7 +47,7 @@ export default {
           floorId: ''
         }
 
-        const  data  = await queryFloors(params)
+        const data = await queryFloors(params)
         this.floors = [defaultFloor, ...data.apiFloorDataVoList]
         this.handleSelectFloor(defaultFloor)
       } catch (error) {
diff --git a/src/components/report/viewFeeDetail.vue b/src/components/report/viewFeeDetail.vue
index 3d0cb37..dff9505 100644
--- a/src/components/report/viewFeeDetail.vue
+++ b/src/components/report/viewFeeDetail.vue
@@ -8,12 +8,12 @@
       <el-table-column prop="createTime" :label="$t('viewFeeDetail.table.payTime')" align="center" />
       <el-table-column prop="startTime" :label="$t('viewFeeDetail.table.startTime')" align="center">
         <template slot-scope="scope">
-          {{ $dayjs(scope.row.startTime).format('YYYY-MM-DD') }}
+          {{ dateFormat(scope.row.startTime) }}
         </template>
       </el-table-column>
       <el-table-column prop="endTime" :label="$t('viewFeeDetail.table.endTime')" align="center">
         <template slot-scope="scope">
-          {{ $dayjs(scope.row.endTime).format('YYYY-MM-DD') }}
+          {{ dateFormat(scope.row.endTime) }}
         </template>
       </el-table-column>
       <el-table-column prop="stateName" :label="$t('viewFeeDetail.table.status')" align="center" />
@@ -28,6 +28,7 @@
 <script>
 import { queryFeeDetail } from '@/api/report/reportHuaningApi'
 import { getCommunityId } from '@/api/community/communityApi'
+import {dateFormat} from '@/utils/dateUtil'
 
 export default {
   name: 'ViewFeeDetail',
@@ -75,9 +76,9 @@ export default {
           payerObjId: this.viewFeeDetailInfo.payerObjId
         }
 
-        const { data, total } = await queryFeeDetail(params)
+        const { feeDetails, total } = await queryFeeDetail(params)
 
-        this.viewFeeDetailInfo.feeDetails = data
+        this.viewFeeDetailInfo.feeDetails = feeDetails
         this.pagination.total = total
       } catch (error) {
         console.error('获取费用明细失败:', error)
@@ -86,7 +87,8 @@ export default {
     handlePageChange(currentPage) {
       this.pagination.current = currentPage
       this.listFeeDetail()
-    }
+    },
+    dateFormat
   }
 }
 </script>
diff --git a/src/views/dev/taskList.vue b/src/views/dev/taskList.vue
index 76846ce..6384fce 100644
--- a/src/views/dev/taskList.vue
+++ b/src/views/dev/taskList.vue
@@ -36,6 +36,7 @@
             <el-button size="mini" type="warn" @click="handleStart(scope.row)" v-if="scope.row.state == '001'">{{
               $t('task.start') }}</el-button>
             <el-button size="mini" type="warn" @click="handleStop(scope.row)" v-else>{{ $t('task.stop') }}</el-button>
+            <el-button size="mini" type="warn" @click="handleTest(scope.row)" v-if="scope.row.state == '002'">Test</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -53,7 +54,7 @@
 </template>
 
 <script>
-import { getTaskList, startTask, stopTask } from '@/api/dev/taskApi'
+import { getTaskList, startTask, stopTask ,runTask} from '@/api/dev/taskApi'
 import AddTask from '@/components/dev/AddTask'
 import EditTask from '@/components/dev/EditTask'
 import DelTask from '@/components/dev/DelTask'
@@ -148,6 +149,17 @@ export default {
       this.currentRow = { ...row }
       this.delVisible = true
     },
+    async handleTest(row) {
+      try {
+        this.loading = true
+        await runTask(row.taskId)
+        this.getList()
+      } catch (error) {
+        this.$message.error(this.$t('task.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
     handleSuccess() {
       this.getList()
     },
diff --git a/src/views/oa/addComplaintTypeList.vue b/src/views/oa/addComplaintTypeList.vue
index ff0cfc2..7c2ad4d 100644
--- a/src/views/oa/addComplaintTypeList.vue
+++ b/src/views/oa/addComplaintTypeList.vue
@@ -1,64 +1,67 @@
 <template>
-  <el-card class="complaint-type-container">
-    <div class="header-wrapper">
-      <h3>{{ $t('addComplaintType.title') }}</h3>
-    </div>
+  <div class="padding">
+    <el-card class="complaint-type-container">
+      <div class="header-wrapper">
+        <h3>{{ $t('addComplaintType.title') }}</h3>
+      </div>
 
-    <el-form ref="form" :model="addComplaintTypeInfo" label-width="120px">
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item :label="$t('addComplaintType.typeName')" prop="typeName">
-            <el-input v-model="addComplaintTypeInfo.typeName" :placeholder="$t('addComplaintType.typeNamePlaceholder')"
-              clearable />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item :label="$t('addComplaintType.notifyWay')" prop="notifyWay">
-            <el-select v-model="addComplaintTypeInfo.notifyWay" :placeholder="$t('addComplaintType.notifyWayPlaceholder')"
-              style="width:100%">
-              <el-option v-for="item in notifyWayOptions" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
+      <el-form ref="form" :model="addComplaintTypeInfo" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addComplaintType.typeName')" prop="typeName">
+              <el-input v-model="addComplaintTypeInfo.typeName"
+                :placeholder="$t('addComplaintType.typeNamePlaceholder')" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addComplaintType.notifyWay')" prop="notifyWay">
+              <el-select v-model="addComplaintTypeInfo.notifyWay"
+                :placeholder="$t('addComplaintType.notifyWayPlaceholder')" style="width:100%">
+                <el-option v-for="item in notifyWayOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-      <el-row :gutter="20">
-        <el-col :span="12">
-          <el-form-item :label="$t('addComplaintType.appraiseReply')" prop="appraiseReply">
-            <el-select v-model="addComplaintTypeInfo.appraiseReply"
-              :placeholder="$t('addComplaintType.appraiseReplyPlaceholder')" style="width:100%">
-              <el-option v-for="item in appraiseReplyOptions" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item :label="$t('addComplaintType.remark')" prop="remark">
-            <el-input v-model="addComplaintTypeInfo.remark" type="textarea"
-              :placeholder="$t('addComplaintType.remarkPlaceholder')" :rows="2" />
-          </el-form-item>
-        </el-col>
-      </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addComplaintType.appraiseReply')" prop="appraiseReply">
+              <el-select v-model="addComplaintTypeInfo.appraiseReply"
+                :placeholder="$t('addComplaintType.appraiseReplyPlaceholder')" style="width:100%">
+                <el-option v-for="item in appraiseReplyOptions" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addComplaintType.remark')" prop="remark">
+              <el-input v-model="addComplaintTypeInfo.remark" type="textarea"
+                :placeholder="$t('addComplaintType.remarkPlaceholder')" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-      <el-row>
-        <el-col :span="24">
-          <el-form-item :label="$t('addComplaintType.selectStaff')">
-            <select-staffs ref="selectStaffs" @selectStaffs="handleStaffSelected" />
-          </el-form-item>
-        </el-col>
-      </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('addComplaintType.selectStaff')">
+              <select-staffs ref="selectStaffs" @selectStaffs="handleStaffSelected" />
+            </el-form-item>
+          </el-col>
+        </el-row>
 
-      <el-row>
-        <el-col :span="24" class="button-group">
-          <el-button type="primary" @click="saveComplaintTypeInfo">
-            {{ $t('common.save') }}
-          </el-button>
-          <el-button @click="goBack">
-            {{ $t('common.back') }}
-          </el-button>
-        </el-col>
-      </el-row>
-    </el-form>
-  </el-card>
+        <el-row>
+          <el-col :span="24" class="button-group">
+            <el-button type="primary" @click="saveComplaintTypeInfo">
+              {{ $t('common.save') }}
+            </el-button>
+            <el-button @click="goBack">
+              {{ $t('common.back') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
 </template>
 
 <script>
diff --git a/src/views/report/reportFeeSummaryList.vue b/src/views/report/reportFeeSummaryList.vue
index 8e4286c..9915370 100644
--- a/src/views/report/reportFeeSummaryList.vue
+++ b/src/views/report/reportFeeSummaryList.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="report-fee-summary-container animated fadeInRight">
-    <el-row class="flex justify-start">
-      <el-col :span="2" class="padding-r-0">
+    <el-row class="flex justify-start" :gutter="20">
+      <el-col :span="3" class="padding-r-0">
         <select-community-floor ref="selectCommunityFloor" />
       </el-col>
-      <el-col :span="22">
+      <el-col :span="21">
         <el-card class="box-card">
           <div slot="header" class="flex justify-between">
             <span>{{ $t('reportFeeSummary.queryCondition') }}</span>
@@ -254,7 +254,7 @@ export default {
     },
     async _loadStaffCommunitys() {
       try {
-        const { data } = await queryCommunitys()
+        const data = await queryCommunitys()
         this.reportFeeSummaryInfo.communitys = data.communitys
       } catch (error) {
         console.error('Failed to load communities:', error)
@@ -269,7 +269,7 @@ export default {
           isDefault: 'F'
         }
 
-        const { data } = await queryFeeConfigs(params)
+        const data  = await queryFeeConfigs(params)
         this.reportFeeSummaryInfo.feeConfigs = data.feeConfigs
       } catch (error) {
         console.error('Failed to list fee configs:', error)
diff --git a/src/views/report/reportProficientList.vue b/src/views/report/reportProficientList.vue
index 16b1a40..0f44e76 100644
--- a/src/views/report/reportProficientList.vue
+++ b/src/views/report/reportProficientList.vue
@@ -46,7 +46,7 @@
 
     <!-- 内容区域 -->
     <el-card class="content-wrapper">
-      <el-tabs v-model="reportProficientInfo._currentTab" @tab-click="changeTab">
+      <el-tabs v-model="reportProficientInfo._currentTab" @tab-click="changeTab(reportProficientInfo._currentTab)">
         <el-tab-pane :label="$t('reportProficient.roomFee')" name="reportProficientRoomFee">
           <report-proficient-room-fee ref="reportProficientRoomFee" v-if="reportProficientInfo._currentTab === 'reportProficientRoomFee'"
             :conditions="reportProficientInfo.conditions">
@@ -96,6 +96,7 @@ export default {
   },
   created() {
     this._initData()
+    this.changeTab(this.reportProficientInfo._currentTab)
   },
   methods: {
     async _initData() {
@@ -122,12 +123,14 @@ export default {
       }
     },
     changeTab(tab) {
-      this.reportProficientInfo._currentTab = tab.name || tab
-      this._queryMethod()
+      this.reportProficientInfo._currentTab = tab
+      setTimeout(() => {
+        this.$refs[`${this.reportProficientInfo._currentTab}`].open(this.reportProficientInfo.conditions)
+      },500)
     },
     _queryMethod() {
       setTimeout(() => {
-        this.$refs[`${this.reportProficientInfo._currentTab}`].handleSwitch()
+        this.$refs[`${this.reportProficientInfo._currentTab}`].open(this.reportProficientInfo.conditions)
       },500)
     },
     _resetMethod() {
@@ -141,9 +144,9 @@ export default {
     },
     _getReportProficientRoomName() {
       if (this.reportProficientInfo._currentTab === 'reportProficientRoomFee') {
-        return this.$t('reportProficient.roomPlaceholder')
+        return this.$t('reportProficient.search.roomPlaceholder')
       }
-      return this.$t('reportProficient.carPlaceholder')
+      return this.$t('reportProficient.search.carPlaceholder')
     },
     async _exportFee() {
       try {
--
libgit2 0.21.4