月度工分汇总-查看拆分

ygtx-ui/src/views/gxt/userScore/info.vue

@@ -0,0 +1,887 @@
+<template>
+  <div class="user-score-container-wrapper">
+    <div class="user-score-container">
+  <div class="app-container">
+    <!-- 页面标题 -->
+    <div class="content-header">
+      <h1 class="page-title">月度工分汇总</h1>
+      <el-select style="width: 150px;" v-model="selectedMonth" placeholder="请选择月份" @change="handleMonthChange">
+        <el-option
+          v-for="item in monthOptions"
+          :key="item.value"
+          :value="item.value"
+          :label="item.label">
+          <span style="margin-left: 15px;">{{ item.label }}</span>
+        </el-option>
+      </el-select>
+    </div>
+    
+    <!-- 第一个表单：本月维保工单统计 -->
+    <el-card class="card-form" shadow="hover">
+      <div slot="header" class="clearfix">
+        <span style="font-weight: bold;">本月维保工单统计</span>
+      </div>
+      <div class="form-content">
+        <el-row :gutter="20">
+          <el-col :span="4">
+            <div class="statistic-item">
+              <div class="statistic-label">计划维保台数</div>
+              <el-input-number 
+                v-model="maintenanceOrderStats.plannedCount" 
+                :min="0"
+                :readonly="!isFirst"
+                controls-position="right" 
+                class="full-width-input"
+              ></el-input-number>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div class="statistic-item">
+              <div class="statistic-label">实际维保台数</div>
+              <el-input-number 
+                v-model="maintenanceOrderStats.actualCount" 
+                :min="0"
+                :readonly="!isFirst"
+                controls-position="right" 
+                class="full-width-input"
+              ></el-input-number>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div class="statistic-item">
+              <div class="statistic-label">全组扣分</div>
+              <el-input 
+                v-model="maintenanceOrderStats.groupDeduction" 
+                readonly
+              ></el-input>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div class="statistic-item">
+              <div class="statistic-label">
+                <el-tooltip placement="top" effect="light">
+                  <template #content>
+                    <el-tag style="padding: 5px;" v-if="monthScore.coefficientScore.status==2" type="danger">取消扣分申请已拒绝</el-tag>
+                    <el-tag style="padding: 5px;" v-else-if="monthScore.coefficientScore.status==1" type="success">取消扣分申请已通过</el-tag>
+                    <el-tag style="padding: 5px;" v-else type="primary">全组扣分未处理</el-tag>
+                  </template>
+                  <span style="cursor: pointer;">说明<span v-if="isRemarksRequired" class="required-mark">*</span></span>
+                </el-tooltip>
+              </div>
+              <el-input 
+                v-model="maintenanceOrderStats.explainCode" 
+                :readonly="!isFirst"
+                maxlength="50"
+                :class="{ 'required-field': isRemarksRequired }"
+                placeholder="输入说明(限制50字以内)"
+              ></el-input>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div class="statistic-item">
+              <div class="statistic-label">维保工单系数</div>
+              <el-input-number 
+                v-model="maintenanceOrderStats.workOrderCoefficient" 
+                :min="0.8"
+                :max="1.2"
+                :step="0.1"
+                :controls="true"
+                :readonly="!isThird"
+                controls-position="right"
+                class="full-width-input"
+              ></el-input-number>
+            </div>
+          </el-col>
+          <el-col :span="4">
+            <div class="statistic-item">
+              <div class="statistic-label">维修工单系数</div>
+              <el-input-number 
+                v-model="maintenanceOrderStats.repairOrderCoefficient" 
+                :min="0.5"
+                :max="1.5"
+                :step="0.1"
+                :controls="true"
+                :readonly="!isThird"
+                controls-position="right"
+                class="full-width-input"
+              ></el-input-number>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+    
+    <!-- 第二和第三个表单在同一行 -->
+    <el-row :gutter="20">
+      <!-- 第二个表单：非停设备统计 -->
+      <el-col :span="12">
+        <el-card class="card-form-left" shadow="hover">
+          <div slot="header" class="clearfix">
+            <span style="font-weight: bold;">设备连续运行时长情况</span>
+          </div>
+          <div class="form-content" style="margin-top: 20px;">
+            <!-- 非停设备统计表格 -->
+            <el-table :data="runtimeList" style="width: 100%">
+              <el-table-column prop="runtimeRange" label="运行天数"></el-table-column>
+              <el-table-column label="风机数量">
+                <template #default="scope">
+                  <el-input-number 
+                    v-model="scope.row.deviceCount" 
+                    :min="0"
+                    controls-position="right" 
+                    readonly
+                    class="full-width-input"
+                  ></el-input-number>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </el-card>
+      </el-col>
+      
+      <!-- 第三个表单：维保机型类型统计 -->
+      <el-col :span="12">
+        <el-card class="card-form-right" shadow="hover">
+          <div slot="header" class="clearfix">
+            <span style="font-weight: bold;">本月维保机型类型统计</span>
+          </div>
+          <div class="form-content" style="margin-top: 20px;">
+            <!-- 维保机型类型统计表格 -->
+            <el-table :data="fanInspectionScoreList" style="width: 100%">
+              <el-table-column prop="model" label="机型"></el-table-column>
+              <el-table-column prop="inspectionType" label="维保类型"></el-table-column>
+              <el-table-column label="维保数量">
+                <template #default="scope">
+                  <el-input-number 
+                    v-model="scope.row.deviceCount" 
+                    :min="0" 
+                    controls-position="right" 
+                    readonly
+                    class="full-width-input"
+                  ></el-input-number>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    
+    <!-- 第四个表单：维修工单详情 -->
+    <el-card class="card-form" shadow="hover">
+      <div slot="header" class="clearfix">
+        <span style="font-weight: bold;">本月维修工单统计</span>
+      </div>
+      <div class="form-content" style="margin-top: 20px;">
+        <!-- 维修工单详情表格 -->
+        <el-table :data="repairOrderStatistics" style="width: 100%">
+          <el-table-column prop="repairType" label="检修类型" width="400"></el-table-column>
+          <el-table-column label="工单数量">
+            <template #default="scope">
+              <el-input-number 
+                v-model="scope.row.orderCount" 
+                :min="0" 
+                controls-position="right" 
+                readonly
+                class="full-width-input"
+              ></el-input-number>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+    
+    <!-- 第五个表单：组员考核得分 -->
+    <el-card class="card-form" shadow="hover">
+      <div slot="header" class="clearfix">
+        <span style="font-weight: bold;">组员考核得分</span>
+      </div>
+      <div class="form-content" style="margin-top: 20px;">
+        <!-- 组员考核得分表格 -->
+        <el-table :data="userScoreList" style="width: 100%">
+          <el-table-column prop="userName" label="组员姓名"></el-table-column>
+          <el-table-column label="维保工分">
+            <template #default="scope">
+              <el-input-number 
+                v-model="scope.row.maintenanceTotalScore" 
+                :min="0" 
+                controls-position="right" 
+                readonly
+                class="full-width-input"
+              ></el-input-number>
+            </template>
+          </el-table-column>
+          <el-table-column label="维修工分">
+            <template #default="scope">
+              <el-input-number 
+                v-model="scope.row.repairTotalScore" 
+                :min="0" 
+                controls-position="right" 
+                readonly
+                class="full-width-input"
+              ></el-input-number>
+            </template>
+          </el-table-column>
+          <el-table-column label="总工分">
+            <template #default="scope">
+              <el-input-number 
+                v-model="scope.row.finalScore" 
+                :min="0" 
+                controls-position="right" 
+                readonly
+                class="full-width-input"
+              ></el-input-number>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+
+    <el-card v-if="!isFirst" class="card-form" shadow="hover">
+      <div slot="header" class="clearfix">
+        <el-tooltip placement="top" effect="light">
+          <template #content>
+            <el-tag style="padding: 5px;" v-if="monthScore.coefficientScore.status==2" type="danger">取消扣分申请已拒绝</el-tag>
+            <el-tag style="padding: 5px;" v-else-if="monthScore.coefficientScore.status==1" type="success">取消扣分申请已通过</el-tag>
+            <el-tag style="padding: 5px;" v-else type="primary">全组扣分未处理</el-tag>
+          </template>
+          <span style="font-weight: bold;margin-right: 20px;">评分更改说明</span>
+        </el-tooltip>
+      </div>
+      <div class="form-content">
+        <el-form style="margin-top: 20px;">
+          <el-form-item>
+            <el-input
+              type="textarea"
+              style="width: 100%"
+              :rows="4"
+              placeholder="请输入评分更改的详细说明"
+              v-model="monthScore.feedbackContent"
+              maxlength="200"
+              readonly
+              show-word-limit>
+            </el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-card>
+    
+    <!-- 底部按钮 -->
+    <div class="button-group">
+      <el-button @click="handleClose">关闭</el-button>
+      <el-button v-hasPermi="['gxt:scoresummary:first']" v-if="monthScore.status==0" @click="handleFeedback">反馈</el-button>
+      <el-button v-hasPermi="['gxt:scoresummary:first']" v-if="monthScore.status==0" @click="handleSubmit">提交评分</el-button>
+      <el-button v-hasPermi="['gxt:scoresummary:second']" v-if="monthScore.status==1" @click="agreeFeedBack">取消全组扣分</el-button>
+      <el-button v-hasPermi="['gxt:scoresummary:second']" v-if="monthScore.status==1" @click="againstFeedBack">拒绝取消扣分</el-button>
+      <el-button v-hasPermi="['gxt:scoresummary:third']" v-if="monthScore.status==2" @click="submitCoefficient">提交本月系数</el-button>
+    </div>
+  </div>
+  </div>
+  
+  <!-- 评分反馈弹窗 -->
+  <el-dialog
+    class="force-center-dialog"
+    title="评分反馈"
+    v-model="feedbackDialogVisible"
+    width="650px"
+    :before-close="handleFeedbackDialogClose">
+    <div class="header-divider"></div>
+    <el-form label-position="top">
+      <el-form-item label="评分更改说明">
+        <el-input
+          type="textarea"
+          style="width: 100%"
+          :rows="4"
+          placeholder="请输入评分更改的详细说明（必填）"
+          v-model="monthScore.feedbackContent"
+          maxlength="200"
+          show-word-limit>
+        </el-input>
+      </el-form-item>
+    </el-form>
+    <div class="end-divider"></div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button class="button-ex" @click="handleFeedbackCancel">取消</el-button>
+        <el-button class="button-ex" type="primary" @click="handleFeedbackSubmit">提交</el-button>
+      </div>
+    </template>
+  </el-dialog>
+  </div>
+</template>
+
+<script>
+import { checkPermi } from '@/utils/permission'
+import { getScoreSummary, getScoreSummaryById, getSummaryMonths, submitMonthScore, getMonthScoreList } from '@/api/gxt/userScore'
+
+export default {
+  name: 'info',
+  data() {
+    return {
+      isFirst: false,
+      isSecond: false,
+      isThird:false,
+      isInfo:false,
+      monthScore: {
+        status: 0,
+        deptId: 0,
+        feedbackContent: '' // 添加feedbackContent属性
+      },
+      selectedMonth: null, // 默认选中的月份
+      monthOptions: [], // 月份选项
+      statusFilter: null, // 状态筛选
+      // 新增的部门统计数据
+      departmentStats: [],
+      // 字典数据
+      gxtInspectionType: [], // 维保类型字典
+      gxtMaintenanceType: [], // 维保类型字典
+      // 本月维保工单统计数据
+      maintenanceOrderStats: {
+        plannedCount: 0,
+        actualCount: 0,
+        groupDeduction: 0,
+        explainCode: '',
+        workOrderCoefficient: 1,
+        repairOrderCoefficient: 1
+      },
+      // 非停设备统计数据
+      runtimeList: [],
+      // 维保机型类型统计数据
+      fanInspectionScoreList: [],
+      // 维修工单详情数据
+      repairOrderStatistics: [],
+      // 组员考核得分数据
+      userScoreList: [],
+      // 评分反馈弹窗相关数据
+      feedbackDialogVisible: false,
+      total:0,
+      queryParams: {
+        status: null,
+        statusList: null,
+        pageNum: 1,
+        pageSize: 10,
+        deptName: null,
+        parentName: null,
+        monthPeriod: null
+      }
+    }
+  },
+  created() {
+    this.initDict();
+    // 获取路由参数
+    const route = this.$route;
+    console.log(route);
+    if (route.params && route.params.summaryId) {
+      this.checkPermissions();
+      const rtType = this.isInfo ? 1 : 0;
+      getScoreSummaryById(rtType,route.params.summaryId).then(response => {
+        if(response.code === 200 && response.monthScore) {
+          this.monthScore = response.monthScore;
+          this.selectedMonth = this.monthScore.monthPeriod;
+          this.initMonthOptions(this.monthScore.deptId, this.selectedMonth);
+          this.checkPermissions();
+        }
+      });
+    }
+  },
+  computed: {
+    // 计算说明输入框是否必填
+    isRemarksRequired() {
+      // 当实际维保台数小于计划维保台数时，说明输入框为必填
+      const planned = parseInt(this.maintenanceOrderStats.plannedCount) || 0;
+      const actual = parseInt(this.maintenanceOrderStats.actualCount) || 0;
+      return actual < planned;
+    }
+  },
+  watch: {
+    // 监听 plannedCount 或 actualCount 的变化
+    'maintenanceOrderStats.plannedCount': 'calculateDeduction',
+    'maintenanceOrderStats.actualCount': 'calculateDeduction'
+  },
+  methods: {
+    calculateDeduction() {
+      const { plannedCount, actualCount } = this.maintenanceOrderStats;
+      // 当计划值大于实际值时，计算差值；否则清空
+      if (plannedCount > actualCount) {
+        this.maintenanceOrderStats.groupDeduction = plannedCount - actualCount;
+      } else {
+        this.maintenanceOrderStats.groupDeduction = 0; // 或设为 0
+      }
+    },
+    // 根据inspectionTypeId获取inspectionType标签
+    getInspectionTypeLabel(inspectionTypeId) {
+      if (!inspectionTypeId) return '';
+      
+      const dictItem = this.gxtInspectionType.find(item => item.value === inspectionTypeId.toString());
+      return dictItem ? dictItem.label : '';
+    },
+    getMaintenanceTypeLabel(maintenanceTypeId) {
+      if (!maintenanceTypeId) return '';
+      
+      const dictItem = this.gxtMaintenanceType.find(item => item.value === maintenanceTypeId.toString());
+      return dictItem ? dictItem.label : '';
+    },
+    
+    // 初始化字典数据
+    initDict() {
+      const { gxt_inspection_type, gxt_maintenance_type } = this.useDict("gxt_inspection_type", "gxt_maintenance_type")
+      this.gxtInspectionType = gxt_inspection_type || []
+      this.gxtMaintenanceType = gxt_maintenance_type || []
+    },
+    // 初始化月份选项
+    initMonthOptions(param,monthParam) {
+      // 从后端接口获取月份选项数据
+      getSummaryMonths(param).then(response => {
+        if (response.code === 200) {
+          this.monthOptions = response.dictList || [];
+          
+          // 如果有月份选项数据，设置默认选中第一个
+          if (this.monthOptions.length > 0) {
+            if(monthParam && monthParam!=null) {
+              this.selectedMonth = monthParam;
+            }else{
+              this.selectedMonth = this.monthOptions[0].value;
+            }
+            // 获取默认月份的数据
+            this.fetchScoreSummaryData(this.selectedMonth,param);
+          }
+        } else {
+          console.error('获取月份选项数据失败:', response.msg);
+          // 如果获取失败，使用原有的默认逻辑
+          this.initDefaultMonthOptions();
+        }
+      }).catch(error => {
+        console.error('获取月份选项数据异常:', error);
+        // 如果获取异常，使用原有的默认逻辑
+        this.initDefaultMonthOptions();
+      });
+    },
+    
+    // 获取月度工分汇总数据
+    fetchScoreSummaryData(monthPeriod,deptParam) {
+      // 根据权限设置rtType参数
+      const rtType = this.isInfo ? 1 : 0;
+      
+      // 如果有传入的ID参数，则使用ID获取数据
+      // 原有逻辑
+      getScoreSummary(monthPeriod, rtType, deptParam).then(response => {
+        if (response.code === 200 && response.monthScore) {
+          const monthScoreGet = response.monthScore;
+          this.monthScore = monthScoreGet;
+          if(this.monthScore.status==4) {
+            alert('当前用户所属部门非场站，无法生成月度工分汇总数据！');
+          }
+          // console.log(monthScoreGet);
+          
+          // 设置本月维保工单统计数据
+          if (monthScoreGet.coefficientScore) {
+            this.maintenanceOrderStats = monthScoreGet.coefficientScore;
+          }
+          
+          // 设置非停设备统计数据
+          if (monthScoreGet.monthRuntimes) {
+            this.runtimeList = monthScoreGet.monthRuntimes;;
+          }
+          
+          // 设置维保机型类型统计数据
+          if (monthScoreGet.monthFanInspections) {
+            this.fanInspectionScoreList = monthScoreGet.monthFanInspections.map(item => {
+              return {
+                model: item.model,
+                inspectionType: this.getInspectionTypeLabel(item.inspectionTypeId), // 从字典中获取
+                deviceCount: item.deviceCount || 0
+              };
+            });
+          }
+          
+          // 设置维修工单详情数据
+          if (monthScoreGet.monthRepairProjects) {
+            this.repairOrderStatistics = monthScoreGet.monthRepairProjects.map(item => {
+              return {
+                repairType: this.getMaintenanceTypeLabel(item.maintenanceType),
+                orderCount: item.orderCount || 0
+              };
+            });
+          }
+          
+          // 设置组员考核得分数据
+          if (monthScoreGet.userScores) {
+            this.userScoreList = monthScoreGet.userScores;
+          }
+        } else {
+          console.error('获取月度工分汇总数据失败:', response.msg);
+        }
+      }).catch(error => {
+        console.error('获取月度工分汇总数据异常:', error);
+      });
+    },
+    
+    // 处理月份变化
+    handleMonthChange(value) {
+      // console.log('选择的月份:', value);
+      // 获取选择月份的数据
+      this.fetchScoreSummaryData(value,this.monthScore.deptId);
+    },
+    
+    // 关闭当前标签页
+    handleClose() {
+      this.$tab.closePage();
+    },
+    
+    // 处理反馈按钮点击事件
+    handleFeedback() {
+      // console.log('反馈按钮被点击')
+      // 只有当isFirst为true时才显示弹窗
+      const planned = parseInt(this.maintenanceOrderStats.plannedCount) || 0;
+      const actual = parseInt(this.maintenanceOrderStats.actualCount) || 0;
+      if(actual < planned && this.maintenanceOrderStats.explainCode=='') {
+        this.$message.warning('请输入全组扣分说明');
+        return;
+      }
+      this.feedbackDialogVisible = true;
+    },
+    
+    // 处理提交评分按钮点击事件
+    handleSubmit() {
+      // console.log('提交评分按钮被点击')
+      if(this.monthScore.status != 0) {
+        this.$message.warning('请勿重复提交评分！');
+        return;
+      }
+      // 在这里添加提交评分操作的逻辑
+      this.monthScore.previousStatus = this.monthScore.status;
+      this.monthScore.status = 2;
+      this.monthScore.coefficientScore = this.maintenanceOrderStats;
+      submitMonthScore(this.monthScore).then(response => {
+        if (response.code === 200) {
+          alert('评分提交成功！');
+          this.checkPermissions();
+          this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+        } else {
+          alert(response.msg)
+        }
+      }).catch(error => {
+        console.error('评分提交失败:', error)
+        alert('评分提交失败，请查看控制台错误信息')
+      })
+    },
+
+    agreeFeedBack() {
+      // console.log('通过反馈按钮被点击')
+      if(this.monthScore.status != 1) {
+        this.$message.warning('反馈已审核，请勿重复操作！');
+        return;
+      }
+      // 在这里添加提交评分操作的逻辑
+      this.monthScore.previousStatus = this.monthScore.status;
+      this.monthScore.status = 2;
+      this.maintenanceOrderStats.status = 1;
+      this.monthScore.coefficientScore = this.maintenanceOrderStats;
+      submitMonthScore(this.monthScore).then(response => {
+        if (response.code === 200) {
+          alert('取消全组扣分成功！');
+          this.checkPermissions();
+          this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+        } else {
+          alert(response.msg)
+        }
+      }).catch(error => {
+        console.error('审核提交失败:', error)
+        alert('审核提交失败，请查看控制台错误信息')
+      })
+    },
+
+    againstFeedBack() {
+      // console.log('不通过反馈按钮被点击')
+      if(this.monthScore.status != 1) {
+        this.$message.warning('反馈已审核，请勿重复操作！');
+        return;
+      }
+      // 在这里添加提交评分操作的逻辑
+      this.monthScore.previousStatus = this.monthScore.status;
+      this.monthScore.status = 2;
+      this.maintenanceOrderStats.status = 2;
+      this.monthScore.coefficientScore = this.maintenanceOrderStats;
+      submitMonthScore(this.monthScore).then(response => {
+        if (response.code === 200) {
+          alert('审核提交成功！');
+          this.checkPermissions();
+          this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+        } else {
+          alert(response.msg)
+        }
+      }).catch(error => {
+        console.error('审核提交失败:', error)
+        alert('审核提交失败，请查看控制台错误信息')
+      })
+    },
+
+    submitCoefficient() {
+      // console.log('主任提交本月系数按钮被点击')
+      if(this.monthScore.status != 2) {
+        this.$message.warning('系数已提交，请勿重复操作！');
+        return;
+      }
+      // 在这里添加提交评分操作的逻辑
+      this.monthScore.previousStatus = this.monthScore.status;
+      this.monthScore.status = 3;
+      this.monthScore.coefficientScore = this.maintenanceOrderStats;
+      submitMonthScore(this.monthScore).then(response => {
+        if (response.code === 200) {
+          alert('系数提交成功！');
+          this.checkPermissions();
+          this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+        } else {
+          alert(response.msg)
+        }
+      }).catch(error => {
+        console.error('系数提交失败:', error)
+        alert('系数提交失败，请查看控制台错误信息')
+      })
+    },
+    
+    // 初始化默认月份选项（原有逻辑）
+    initDefaultMonthOptions() {
+      const now = new Date();
+      // 获取上个月
+      const lastMonth = new Date(now.getFullYear(), now.getMonth() - 1, 1);
+      
+      // 生成最近6个月的选项（包括本月）
+      this.monthOptions = [];
+      for (let i = 0; i < 6; i++) {
+        const date = new Date(now.getFullYear(), now.getMonth() - i, 1);
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, '0');
+        const value = `${year}-${month}`;
+        const label = `${year}年${month}月`;
+        
+        this.monthOptions.push({
+          value: value,
+          label: label
+        });
+      }
+      
+      // 设置默认选中为上个月
+      const defaultYear = lastMonth.getFullYear();
+      const defaultMonth = String(lastMonth.getMonth() + 1).padStart(2, '0');
+      this.selectedMonth = `${defaultYear}-${defaultMonth}`;
+      
+      // 获取默认月份的数据
+      this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+    },
+    
+    // 检查权限
+    checkPermissions() {
+      this.isFirst = checkPermi(['gxt:scoresummary:first']) && this.monthScore.status==0;
+      this.isSecond = checkPermi(['gxt:scoresummary:second']) && this.monthScore.status==1;
+      this.isThird = checkPermi(['gxt:scoresummary:third']) && this.monthScore.status==2;
+      this.isInfo = checkPermi(['gxt:scoresummary:first']) || checkPermi(['gxt:scoresummary:second']) || checkPermi(['gxt:scoresummary:third']);
+      // console.log(this.isFirst);
+      // console.log(this.isSecond);
+      // console.log(this.isThird);
+      // console.log(this.monthScore.status);
+    },
+    
+    // 处理反馈弹窗关闭
+    handleFeedbackDialogClose(done) {
+      // 清空反馈内容
+      this.monthScore.feedbackContent = '';
+      done();
+    },
+    
+    // 处理反馈弹窗取消按钮
+    handleFeedbackCancel() {
+      this.feedbackDialogVisible = false;
+      // 清空反馈内容
+      this.monthScore.feedbackContent = '';
+    },
+    
+    // 处理反馈弹窗提交按钮
+    handleFeedbackSubmit() {
+      if(this.monthScore.status != 0) {
+        this.$message.warning('请勿重复提交反馈！');
+        return;
+      }
+      // 添加验证逻辑，确保用户输入了反馈内容
+      if (!this.monthScore.feedbackContent || this.monthScore.feedbackContent.trim() === '') {
+        this.$message.warning('请输入评分更改说明');
+        return;
+      }
+      // console.log('提交反馈:', this.monthScore.feedbackContent);
+      this.monthScore.previousStatus = this.monthScore.status;
+      this.monthScore.status = 1;
+      this.monthScore.coefficientScore = this.maintenanceOrderStats;
+      submitMonthScore(this.monthScore).then(response => {
+        if (response.code === 200) {
+          alert('反馈提交成功！');
+          this.checkPermissions();
+          this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+        } else {
+          alert(response.msg)
+        }
+      }).catch(error => {
+        console.error('反馈提交失败:', error)
+        alert('反馈提交失败，请查看控制台错误信息')
+      })
+      // 提交后关闭弹窗
+      this.feedbackDialogVisible = false;
+    },
+    
+    // 处理状态筛选变化
+    handleStatusChange(value) {
+      console.log('状态筛选变化:', this.queryParams);
+      this.queryParams.pageNum = 1;
+      this.fetchScoreSummaryData(this.selectedMonth,this.monthScore.deptId);
+      // 在这里可以添加根据状态筛选数据的逻辑
+      // 例如：重新加载部门统计数据或其他相关操作
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 全局样式 */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Inter', sans-serif;
+}
+
+.user-score-container-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+.user-score-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+  background-color: #f5f7fa;
+}
+
+/* 页面头部样式 */
+.content-header {
+  padding: 1.2rem 2rem;
+  background-color: #fff;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.page-title {
+  font-size: 1.4rem;
+  font-weight: 600;
+  color: #2d3748;
+  margin: 0;
+}
+
+.card-form {
+  border-radius: 10px; /* 统一圆角半径 */
+  margin-top: 20px;
+  margin-bottom: 0px;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+.card-form-left {
+  border-radius: 10px; /* 统一圆角半径 */
+  margin-top: 20px;
+  margin-bottom: 0px;
+  margin-left: 20px;
+  margin-right: 0px;
+}
+
+.card-form-right {
+  border-radius: 10px; /* 统一圆角半径 */
+  margin-top: 20px;
+  margin-bottom: 0px;
+  margin-left: 0px;
+  margin-right: 20px;
+}
+
+.button-group {
+  display: flex;
+  justify-content: right;
+  gap: 10px;
+  margin-top: 20px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+}
+
+.button-group .el-button {
+  background-color: #165dff; /* 蓝色背景 */
+  color: white;             /* 白色文字 */
+  border: none;             /* 去掉默认边框 */
+  border-radius: 4px;       /* 圆角（可调整） */
+  padding: 10px 15px;            /* 内边距 */
+  cursor: pointer;          /* 鼠标悬停时显示手型 */
+  font-size: 14px;          /* 可选：调整字体大小 */
+}
+
+/* 可选：悬停效果 */
+.button-group .el-button:hover {
+  opacity: 0.9;             /* 悬停时略微变透明 */
+  /* 或者用更深蓝色：background-color: #1450d9; */
+}
+
+/* 统计项样式 */
+.statistic-item {
+  margin-top: 20px;
+  padding: 15px;
+  border: 1px solid #ccc; /* 宽度 | 样式 | 颜色 */
+}
+
+.statistic-label {
+  font-size: 14px;
+  color: #606266;
+  margin-bottom: 5px;
+}
+
+/* 输入框样式 - 占据100%宽度并左对齐数字 */
+.full-width-input {
+  width: 100% !important;
+}
+
+:deep(.full-width-input .el-input__inner) {
+  text-align: left !important;
+}
+
+/* 必填项标记样式 */
+.required-mark {
+  color: #f56c6c;
+  margin-left: 4px;
+}
+
+/* 必填项输入框样式 */
+.required-field :deep(.el-input__inner) {
+  border-color: #f56c6c !important;
+}
+/* 使用 :deep() 穿透 scoped 样式 */
+:deep(.force-center-dialog) {
+  position: absolute !important;
+  top: 50% !important;
+  left: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  margin: 0 !important;
+  font-weight: bold;
+}
+
+.header-divider {
+  height: 0.1px;
+  background-color: #ddd; /* Element Plus 默认灰色 */
+  margin-bottom: 12px;
+}
+
+.end-divider {
+  height: 0.1px;
+  background-color: #ddd; /* Element Plus 默认灰色 */
+  margin-top: 12px;
+}
+
+.button-ex {
+  padding: 10px 15px;            /* 内边距 */
+}
+</style>