Merge branch 'performanceConfig'

src/api/performance/performance.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+//绩效查询
+export function getPerformanceList(query) {
+  return request({
+    url: '/item/indicators/query',
+    method: 'get',
+    params: query
+  })
+}
+//获取绩效矩阵参数配置
+export function getMatrixConfig(query) {
+  return request({
+    url: '/item/indicators/matrix/config',
+    method: 'get',
+    params: query
+  })
+}
+//保存绩效矩阵
+export function saveMatrixConfig(query) {
+  return request({
+    url: '/item/indicators/matrix/add',
+    method: 'get',
+    params: query
+  })
+}
+

src/utils/request.js

@@ -150,4 +150,39 @@ export function download(url, params, filename, config) {
   })
 }
 
+// GET方法下载方法
+export function getDownload(url, params, filename, config) {
+  downloadLoadingInstance = ElLoading.service({ text: "正在下载数据，请稍候", background: "rgba(0, 0, 0, 0.7)", })
+  
+  // 处理GET请求参数
+  let requestUrl = url
+  if (params) {
+    const queryString = tansParams(params)
+    if (queryString) {
+      requestUrl += '?' + queryString
+    }
+  }
+  
+  return service.get(requestUrl, {
+    responseType: 'blob',
+    ...config
+  }).then(async (data) => {
+    const isBlob = blobValidate(data)
+    if (isBlob) {
+      const blob = new Blob([data])
+      saveAs(blob, filename)
+    } else {
+      const resText = await data.text()
+      const rspObj = JSON.parse(resText)
+      const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
+      ElMessage.error(errMsg)
+    }
+    downloadLoadingInstance.close()
+  }).catch((r) => {
+    console.error(r)
+    ElMessage.error('下载文件出现错误，请联系管理员！')
+    downloadLoadingInstance.close()
+  })
+}
+
 export default service

src/utils/ruoyi.js

@@ -226,3 +226,4 @@ export function getNormalPath(p) {
 export function blobValidate(data) {
   return data.type !== 'application/json'
 }
+

src/views/performanceManage/performanceConfig/index.vue

@@ -0,0 +1,272 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <!-- 第一行：标题 -->
+      <div class="header-section">
+        <h2 class="section-title">绩效指标</h2>
+      </div>
+
+      <!-- 第二行：多选按钮组 -->
+      <div class="button-group-section">
+        <el-checkbox-group v-model="selectedIndicators" class="indicator-checkbox-group" :min="3">
+          <el-checkbox-button v-for="indicator in indicatorOptions" :key="indicator.value" :label="indicator.value" disabled>
+            {{ indicator.label }}
+          </el-checkbox-button>
+        </el-checkbox-group>
+      </div>
+
+      <!-- 第三行：绩效矩阵标题 -->
+      <div class="header-section" style="margin-top: 30px;">
+        <h2 class="section-title">绩效矩阵</h2>
+      </div>
+
+      <!-- 第四行：默认值说明 -->
+      <!-- <div class="default-value-section">
+        <p class="default-value-text">
+          默认值a=3,b=5,c=2;abc可编辑，编辑后，计算逻辑按照下图取倒数
+        </p>
+      </div> -->
+
+      <!-- 第五行：绩效矩阵表格 -->
+      <div class="matrix-section">
+
+        <el-table :data="matrixData" border style="width:600px; margin-top: 20px;" class="performance-matrix">
+
+          <!-- 表头 -->
+          <el-table-column label="" prop="rowName" align="center" width="120" fixed />
+
+          <el-table-column v-for="header in matrixHeaders" :key="header" :label="header" align="center" min-width="120">
+            <template #default="scope">
+              <div v-if="scope.row.rowName === '查获效率' && header === '查获效率'" class="fixed-cell">
+                1
+              </div>
+              <div v-else-if="scope.row.rowName === '查获效率' && header === '巡检合格率'" class="editable-cell">
+                <el-input-number v-model="aValue" :min="1" :step="1" controls-position="right" size="small"
+                  style="width: 100%;" />
+              </div>
+              <div v-else-if="scope.row.rowName === '查获效率' && header === '抽问抽答正确率'" class="editable-cell">
+                <el-input-number v-model="bValue" :min="1" :step="1" controls-position="right" size="small"
+                  style="width: 100%;" />
+              </div>
+              <div v-else-if="scope.row.rowName === '巡检合格率' && header === '查获效率'" class="calculated-cell">
+                {{ reciprocalA }}
+              </div>
+              <div v-else-if="scope.row.rowName === '巡检合格率' && header === '巡检合格率'" class="fixed-cell">
+                1
+              </div>
+              <div v-else-if="scope.row.rowName === '巡检合格率' && header === '抽问抽答正确率'" class="editable-cell">
+                <el-input-number v-model="cValue" :min="1" :step="1" controls-position="right" size="small"
+                  style="width: 100%;" />
+              </div>
+              <div v-else-if="scope.row.rowName === '抽问抽答正确率' && header === '查获效率'" class="calculated-cell">
+                {{ reciprocalB }}
+              </div>
+              <div v-else-if="scope.row.rowName === '抽问抽答正确率' && header === '巡检合格率'" class="calculated-cell">
+                {{ reciprocalC }}
+              </div>
+              <div v-else-if="scope.row.rowName === '抽问抽答正确率' && header === '抽问抽答正确率'" class="fixed-cell">
+                1
+              </div>
+              <div v-else>
+                -
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <div class="matrix-actions" style="margin-bottom: 20px;">
+          <el-button type="primary" @click="handleSaveMatrixConfig">保存配置</el-button>
+        </div>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import { getMatrixConfig, saveMatrixConfig } from '@/api/performance/performance.js'
+
+// 绩效指标选项
+const indicatorOptions = [
+  { label: '查获效率', value: 'detectionEfficiency' },
+  { label: '巡检合格率', value: 'inspectionPassRate' },
+  { label: '抽问抽答正确率', value: 'trainingScore' }
+]
+
+// 选中的指标（默认全选）
+const selectedIndicators = ref(['detectionEfficiency', 'inspectionPassRate', 'trainingScore'])
+
+// 矩阵表头
+const matrixHeaders = ['查获效率', '巡检合格率', '抽问抽答正确率']
+
+// 矩阵数据（简化版，主要用于显示行名）
+const matrixData = reactive([
+  { rowName: '查获效率' },
+  { rowName: '巡检合格率' },
+  { rowName: '抽问抽答正确率' }
+])
+
+// 可编辑的a、b、c值
+const aValue = ref(0)
+const bValue = ref(0)
+const cValue = ref(0)
+
+// 计算值（使用computed实现自动更新）
+const reciprocalA = computed(() => `1/${aValue.value}`)
+const reciprocalB = computed(() => `1/${bValue.value}`)
+const reciprocalC = computed(() => `1/${cValue.value}`)
+
+// 保存绩效矩阵配置
+const handleSaveMatrixConfig = async () => {
+  try {
+    const params = {
+      a: aValue.value,
+      b: bValue.value,
+      c: cValue.value
+    }
+
+    const response = await saveMatrixConfig(params)
+
+    if (response.code === 200) {
+      ElMessage.success('保存成功')
+    } else {
+      ElMessage.error('保存失败：' + response.msg)
+    }
+  } catch (error) {
+    console.error('保存配置异常:', error)
+    ElMessage.error('保存失败，请重试')
+  }
+}
+
+// 获取绩效矩阵配置
+const fetchMatrixConfig = async () => {
+  try {
+    const response = await getMatrixConfig({})
+
+    if (response.code === 200 && response.data) {
+      const { paramA, paramB, paramC } = response.data
+      // 设置从接口返回的a、b、c值
+      aValue.value = paramA || 0
+      bValue.value = paramB || 0
+      cValue.value = paramC || 0
+    }
+  } catch (error) {
+    console.error('获取配置异常:', error)
+    // 使用默认值
+    aValue.value = 3
+    bValue.value = 5
+    cValue.value = 2
+  }
+}
+
+onMounted(() => {
+  // 页面加载时获取配置
+  fetchMatrixConfig()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+
+.header-section {
+  margin-bottom: 20px;
+
+  .section-title {
+    margin: 0;
+    color: #303133;
+    font-size: 18px;
+    font-weight: 600;
+  }
+}
+
+.button-group-section {
+  margin-bottom: 30px;
+
+  .indicator-checkbox-group {
+    display: flex;
+    gap: 10px;
+
+    :deep(.el-checkbox-button) {
+      .el-checkbox-button__inner {
+        padding: 12px 20px;
+        font-size: 14px;
+        border-radius: 4px;
+
+        &:hover {
+          color: #409EFF;
+          border-color: #409EFF;
+        }
+      }
+
+      &.is-checked {
+        .el-checkbox-button__inner {
+          background-color: #409EFF;
+          border-color: #409EFF;
+          color: #fff;
+
+          &:hover {
+            background-color: #66b1ff;
+            border-color: #66b1ff;
+          }
+        }
+      }
+    }
+  }
+}
+
+.default-value-section {
+  margin: 20px 0;
+  padding: 15px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  border-left: 4px solid #409EFF;
+
+  .default-value-text {
+    margin: 0;
+    color: #606266;
+    font-size: 14px;
+    line-height: 1.5;
+  }
+}
+
+.matrix-section {
+  .matrix-actions {
+    margin-top: 20px;
+  }
+
+  .performance-matrix {
+    :deep(.el-table__header-wrapper) {
+      th {
+        background-color: #f5f7fa;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+
+    :deep(.el-table__body-wrapper) {
+      td {
+        .fixed-cell {
+          color: #303133;
+          font-weight: 600;
+        }
+
+        .editable-cell {
+          padding: 4px;
+        }
+
+        .calculated-cell {
+          color: #409EFF;
+          font-weight: 500;
+        }
+
+        &:not(:first-child) {
+          font-weight: 500;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/performanceManage/performanceSearch/index.vue

@@ -0,0 +1,491 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <!-- 第一行：科室班组个人按钮组 -->
+      <div class="filter-container">
+        <div class="button-group">
+          <span class="button-group-label">查询范围：</span>
+          <el-button v-for="item in queryTypeOptions" :key="item.value"
+            :type="queryType === item.value ? 'primary' : 'default'"
+            :class="queryType === item.value ? 'active' : 'inactive'" @click="handleQueryTypeChange(item.value)">
+            {{ item.label }}
+          </el-button>
+        </div>
+
+        <div class="button-group" style="margin-left: 20px;">
+          <span class="button-group-label">时间范围：</span>
+          <el-button v-for="item in timeRangeOptions" :key="item.value"
+            :type="timeRange === item.value ? 'primary' : 'default'"
+            :class="timeRange === item.value ? 'active' : 'inactive'" @click="handleTimeRangeChange(item.value)">
+            {{ item.label }}
+          </el-button>
+
+          <!-- 自定义时间范围选择器 -->
+          <el-date-picker v-if="timeRange === 'custom'" v-model="customDateRange" type="daterange" range-separator="至"
+            start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD"
+            style="margin-left: 10px; width: 240px;" @change="handleCustomDateChange" />
+        </div>
+      </div>
+
+      <!-- 第二行：查询条件 -->
+      <el-form :model="queryParams" ref="queryFormRef" :inline="true" class="search-form">
+        <!-- 大队下拉框 -->
+        <el-form-item label="大队" prop="brigadeId" v-if="queryType === '3' || queryType === '2' || queryType === '1'">
+          <el-select v-model="queryParams.brigadeId" placeholder="请选择大队" clearable style="width: 200px"
+            @change="handleBrigadeChange">
+            <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.text" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        
+        <!-- 主管下拉框 -->
+        <el-form-item label="主管" prop="deptId" v-if="queryType === '3' || queryType === '2' || queryType === '1'">
+          <el-select v-model="queryParams.deptId" placeholder="请选择主管" clearable style="width: 200px"
+            @change="handleQuery">
+            <el-option v-for="item in departmentOptions" :key="item.value" :label="item.text" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        
+        <!-- 班组下拉框 -->
+        <el-form-item label="班组" prop="teamId" v-if="queryType === '2' || queryType === '1'">
+          <el-select v-model="queryParams.teamId" placeholder="请选择班组" clearable style="width: 200px"
+            @change="handleQuery">
+            <el-option v-for="item in teamOptions" :key="item.value" :label="item.text" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        
+        <!-- 姓名输入框 -->
+        <el-form-item label="姓名" prop="userName" v-if="queryType === '1'">
+          <el-input v-model="queryParams.userName" placeholder="请输入姓名" clearable style="width: 200px"
+            @input="handleQuery" />
+        </el-form-item>
+        <!-- <el-form-item>
+          <el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+        </el-form-item> -->
+      </el-form>
+
+      <!-- 导出按钮 -->
+      <div class="export-container">
+        <el-button type="warning" icon="Download" @click="handleExport">导出</el-button>
+      </div>
+
+      <!-- 表格 -->
+      <el-table v-loading="loading" :data="performanceList" border fit highlight-current-row
+        style="width: 100%; margin-top: 20px;">
+       <!-- 动态列 -->
+        <el-table-column v-if="queryType === '4'||queryType === '3'" label="大队"
+          :prop="queryType === '4'?'name':'brigadeName'" align="center" min-width="120" />
+        <!-- 动态列 -->
+        <el-table-column v-if="queryType === '3' || queryType === '2' || queryType === '1'" label="主管"
+          :prop="queryType === '3' ? 'name' : 'deptName'" align="center" min-width="120" />
+
+        <el-table-column v-if="queryType === '2' || queryType === '1'" label="班组"
+          :prop="queryType === '2' ? 'name' : 'className'" align="center" min-width="120" />
+
+        <el-table-column v-if="queryType === '1'" label="姓名" prop="name" align="center" min-width="100" />
+
+        <!-- 固定列 -->
+        <el-table-column label="总分" prop="totalScore" align="center" min-width="100" sortable
+          :sort-orders="['ascending', 'descending']" @sort-change="handleSortChange('totalScore', $event)" />
+
+        <el-table-column label="查获效率" prop="seizureEfficiency" align="center" min-width="120" sortable
+          :sort-orders="['ascending', 'descending']" @sort-change="handleSortChange('seizureEfficiency', $event)" />
+
+        <el-table-column label="抽问抽答正确率" prop="trainingScore" align="center" min-width="100" sortable
+          :sort-orders="['ascending', 'descending']" @sort-change="handleSortChange('trainingScore', $event)" />
+
+        <el-table-column label="巡检合格率" prop="inspectionPassRate" align="center" min-width="120" sortable
+          :sort-orders="['ascending', 'descending']" @sort-change="handleSortChange('inspectionPassRate', $event)" />
+      </el-table>
+
+      <!-- 分页 -->
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, watch } from 'vue'
+import { getPerformanceList } from '@/api/performance/performance.js'
+import { listDept } from '@/api/system/dept.js'
+
+import { getDownload } from '@/utils/request.js'
+
+// 查询类型选项
+const queryTypeOptions = [
+  { label: '大队', value: '4' },
+  { label: '主管', value: '3' },
+  { label: '班组', value: '2' },
+  { label: '个人', value: '1' }
+]
+
+// 时间范围选项
+const timeRangeOptions = [
+  { label: '近三个月', value: 'threeMonths' },
+  { label: '近六个月', value: 'sixMonths' },
+  { label: '自定义', value: 'custom' }
+]
+
+// 响应式数据
+const queryType = ref('4') // 默认查询科室
+const timeRange = ref('threeMonths') // 默认近三个月
+const customDateRange = ref([])
+const loading = ref(false)
+const total = ref(0)
+const queryFormRef = ref()
+
+// 查询参数
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  brigadeId: '',
+  deptId: '',
+  teamId: '',
+  userName: '',
+  sortField: '',
+  sortOrder: ''
+})
+
+// 绩效数据列表
+const performanceList = ref([])
+
+// 部门数据
+const deptList = ref([])
+const brigadeOptions = ref([])
+const departmentOptions = ref([])
+const teamOptions = ref([])
+
+// 大队变化处理函数
+const handleBrigadeChange = (brigadeId) => {
+  // 清空主管和班组选项
+  queryParams.deptId = null
+  queryParams.teamId = null
+  teamOptions.value = []
+  
+  if (brigadeId) {
+    // 根据大队ID获取主管列表
+    departmentOptions.value = deptList.value.filter(item => 
+      item.deptType === 'MANAGER' && item.parentId === brigadeId
+    ).map(item => ({
+      value: item.deptId,
+      text: item.deptName
+    }))
+  } else {
+    // 如果没有选择大队，显示所有主管
+    departmentOptions.value = deptList.value.filter(item => item.deptType === 'MANAGER').map(item => ({
+      value: item.deptId,
+      text: item.deptName
+    }))
+  }
+  
+  handleQuery()
+}
+
+// 监听科室变化，获取对应班组
+watch(() => queryParams.deptId, async (newDeptId) => {
+  if (newDeptId) {
+    await fetchTeamByDept(newDeptId)
+  } else {
+    // 如果清空科室选择，重置班组选项为所有班组
+    teamOptions.value = deptList.value.filter(item => item.deptType === 'TEAMS').map(item => ({
+      value: item.deptId,
+      text: item.deptName
+    }))
+    queryParams.teamId = '' // 清空班组选择
+  }
+})
+
+// 获取部门数据
+const fetchDeptData = async () => {
+  try {
+    const response = await listDept({})
+    if (response.code === 200) {
+
+      deptList.value = response.data || []
+      // 生成大队选项
+      brigadeOptions.value = deptList.value.filter(item => item.deptType === 'BRIGADE').map(item => ({
+        value: item.deptId,
+        text: item.deptName
+      }))
+      // 生成主管选项
+      departmentOptions.value = deptList.value.filter(item => item.deptType === 'MANAGER').map(item => ({
+        value: item.deptId,
+        text: item.deptName
+      }))
+
+
+      // 生成班组选项
+      teamOptions.value = deptList.value.filter(item => item.deptType === 'TEAMS').map(item => ({
+        value: item.deptId,
+        text: item.deptName
+      }))
+    }
+  } catch (error) {
+    console.error('获取部门数据失败:', error)
+  }
+}
+
+// 根据科室ID获取班组列表
+const fetchTeamByDept = async (deptId) => {
+  try {
+    const response = await listDept({ parentId: deptId })
+    if (response.code === 200 && response.data) {
+      teamOptions.value = response.data.map(item => ({
+        value: item.deptId,
+        text: item.deptName
+      }))
+      // 清空班组选择，让用户重新选择
+      queryParams.teamId = ''
+    }
+  } catch (error) {
+    console.error('获取班组列表失败:', error)
+    // 如果获取失败，重置为所有班组
+    teamOptions.value = deptList.value.filter(item => item.deptType === 'TEAMS').map(item => ({
+      value: item.deptId,
+      text: item.deptName
+    }))
+  }
+}
+
+// 查询类型变化
+const handleQueryTypeChange = (type) => {
+  queryType.value = type
+  getList()
+}
+
+// 时间范围变化
+const handleTimeRangeChange = (range) => {
+  timeRange.value = range
+  if (range !== 'custom') {
+    getList()
+  }
+}
+
+// 格式化日期为 YYYY-MM-DD
+const formatDate = (date) => {
+  const year = date.getFullYear()
+  const month = String(date.getMonth() + 1).padStart(2, '0')
+  const day = String(date.getDate()).padStart(2, '0')
+  return `${year}-${month}-${day}`
+}
+
+// 计算时间范围
+const calculateTimeRange = (range) => {
+  const now = new Date()
+  const startTime = new Date()
+
+  switch (range) {
+    case 'threeMonths':
+      startTime.setMonth(now.getMonth() - 3)
+      break
+    case 'sixMonths':
+      startTime.setMonth(now.getMonth() - 6)
+      break
+    case 'custom':
+      if (customDateRange.value && customDateRange.value.length === 2) {
+        // 结束时间加一天
+        const endDate = new Date(customDateRange.value[1])
+        endDate.setDate(endDate.getDate() + 1)
+        return {
+          startTime: customDateRange.value[0],
+          endTime: formatDate(endDate)
+        }
+      }
+      return { startTime: '', endTime: '' }
+    default:
+      return { startTime: '', endTime: '' }
+  }
+
+  return {
+    startTime: formatDate(startTime),
+    endTime: formatDate(now)
+  }
+}
+
+// 自定义时间范围变化
+const handleCustomDateChange = () => {
+  if (customDateRange.value && customDateRange.value.length === 2) {
+    getList()
+  }
+}
+
+// 排序处理
+const handleSortChange = (field, { order }) => {
+  queryParams.sortField = field
+  queryParams.sortOrder = order === 'ascending' ? 'asc' : 'desc'
+  getList()
+}
+
+// 查询
+const handleQuery = () => {
+  queryParams.pageNum = 1
+  getList()
+}
+
+// 重置查询
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  queryParams.pageNum = 1
+  queryParams.sortField = ''
+  queryParams.sortOrder = ''
+  getList()
+}
+
+// 获取绩效列表
+const getList = async () => {
+  loading.value = true
+
+  try {
+    // 计算时间范围
+    const timeRangeParams = calculateTimeRange(timeRange.value)
+
+    // 构建请求参数
+    const params = {
+      ...queryParams,
+      dimension: queryType.value,
+      ...timeRangeParams
+    }
+
+    // 根据查询类型清理不必要的参数
+    if (queryType.value === '3') {
+      // 主管查询：传递大队和主管参数
+      params.teamId = ''
+      params.userName = ''
+    } else if (queryType.value === '2') {
+      // 班组查询：传递大队、主管和班组参数
+      params.userName = ''
+    } else if (queryType.value === '1') {
+      // 个人查询：传递所有参数
+    } else if (queryType.value === '4') {
+      // 大队查询：不传递任何部门参数
+      params.brigadeId = ''
+      params.deptId = ''
+      params.teamId = ''
+      params.userName = ''
+    }
+
+    // 调用API
+    const response = await getPerformanceList(params)
+
+    if (response.code === 200) {
+
+      performanceList.value = response.data || []
+      total.value = response.total || 0
+    } else {
+      console.error('获取绩效列表失败:', response.msg)
+      performanceList.value = []
+      total.value = 0
+    }
+  } catch (error) {
+    console.error('获取绩效列表异常:', error)
+    performanceList.value = []
+    total.value = 0
+  } finally {
+    loading.value = false
+  }
+}
+
+// 获取当前实例
+const { proxy } = getCurrentInstance()
+
+// 导出
+const handleExport = () => {
+  try {
+    // 计算时间范围
+    const timeRangeParams = calculateTimeRange(timeRange.value)
+
+    // 构建请求参数
+    const params = {
+      ...queryParams,
+      dimension: queryType.value,
+      ...timeRangeParams
+    }
+
+    // 根据查询类型清理不必要的参数
+    if (queryType.value === '3') {
+      // 主管查询：传递大队和主管参数
+      params.teamId = ''
+      params.userName = ''
+    } else if (queryType.value === '2') {
+      // 班组查询：传递大队、主管和班组参数
+      params.userName = ''
+    } else if (queryType.value === '1') {
+      // 个人查询：传递所有参数
+    } else if (queryType.value === '4') {
+      // 大队查询：不传递任何部门参数
+      params.brigadeId = ''
+      params.deptId = ''
+      params.teamId = ''
+      params.userName = ''
+    }
+
+    // 使用proxy.getDownload下载文件（GET请求）
+    getDownload('/item/indicators/export', params, `绩效查询数据_${new Date().getTime()}.xlsx`)
+  } catch (error) {
+    console.error('导出异常:', error)
+    proxy.$modal.msgError('导出异常，请重试')
+  }
+}
+
+onMounted(() => {
+  fetchDeptData()
+  getList()
+})
+</script>
+
+<style lang="less" scoped>
+.app-container {
+  padding: 20px;
+}
+
+.filter-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.button-group {
+  display: flex;
+  align-items: center;
+
+  .button-group-label {
+    margin-right: 10px;
+    font-weight: 600;
+    color: #606266;
+  }
+
+  .el-button {
+    margin-right: 10px;
+
+    &.active {
+      background-color: #409EFF;
+      border-color: #409EFF;
+      color: #fff;
+    }
+
+    &.inactive {
+      background-color: #fff;
+      border-color: #409EFF;
+      color: #409EFF;
+    }
+  }
+}
+
+.search-form {
+  margin-bottom: 20px;
+}
+
+.export-container {
+  margin-bottom: 20px;
+}
+
+:deep(.el-table) {
+  .el-table__header-wrapper {
+    th {
+      background-color: #f5f7fa;
+      font-weight: 600;
+    }
+  }
+}
+</style>