解决所有bug 优化table内容

src/views/stuwork/classmasterevaluation/index.vue

@@ -141,21 +141,87 @@
         :cell-style="tableStyle.cellStyle" 
         :header-cell-style="tableStyle.headerCellStyle"
         @sort-change="sortChangeHandle">
-        <el-table-column type="index" label="序号" align="center" />
-        <el-table-column prop="virtualClassNo" label="班号" show-overflow-tooltip />
-        <el-table-column prop="realName" label="班主任" show-overflow-tooltip />
-        <el-table-column prop="assessmentCategory" label="考核项目" show-overflow-tooltip />
-        <el-table-column prop="assessmentPoint" label="考核指标" show-overflow-tooltip />
-        <el-table-column prop="type" label="类型" show-overflow-tooltip>
-          <template #default="scope">
-            <span>{{ scope.row.type === '1' ? '加分' : scope.row.type === '2' ? '减分' : '-' }}</span>
+        <el-table-column type="index" label="序号" align="center">
+          <template #header>
+            <el-icon><List /></el-icon>
+          </template>
+        </el-table-column>
+        <el-table-column prop="virtualClassNo" label="班号" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Grid /></el-icon>
+            <span style="margin-left: 4px">班号</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="realName" label="班主任" show-overflow-tooltip>
+          <template #header>
+            <el-icon><UserFilled /></el-icon>
+            <span style="margin-left: 4px">班主任</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="assessmentCategory" label="考核项目" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Tickets /></el-icon>
+            <span style="margin-left: 4px">考核项目</span>
+          </template>
+          <template #default="scope">
+            <span>{{ getAssessmentCategoryName(scope.row.assessmentCategory) || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="assessmentPoint" label="考核指标" show-overflow-tooltip>
+          <template #header>
+            <el-icon><DataAnalysis /></el-icon>
+            <span style="margin-left: 4px">考核指标</span>
+          </template>
+          <template #default="scope">
+            <span>{{ getAssessmentPointName(scope.row.assessmentPoint) || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="type" label="类型" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Collection /></el-icon>
+            <span style="margin-left: 4px">类型</span>
+          </template>
+          <template #default="scope">
+            <el-tag size="small" :type="scope.row.type === '1' ? 'success' : scope.row.type === '2' ? 'danger' : 'info'" effect="plain">
+              {{ scope.row.type === '1' ? '加分' : scope.row.type === '2' ? '减分' : '-' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="score" label="分数" show-overflow-tooltip>
+          <template #header>
+            <el-icon><DataAnalysis /></el-icon>
+            <span style="margin-left: 4px">分数</span>
+          </template>
+          <template #default="scope">
+            <el-tag v-if="scope.row.score !== undefined && scope.row.score !== null" size="small" :type="scope.row.score >= 0 ? 'success' : 'danger'" effect="plain">
+              {{ scope.row.score }}
+            </el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="recordDate" label="考核日期" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Calendar /></el-icon>
+            <span style="margin-left: 4px">考核日期</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createBy" label="考核人" show-overflow-tooltip>
+          <template #header>
+            <el-icon><User /></el-icon>
+            <span style="margin-left: 4px">考核人</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="remarks" label="情况说明" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Document /></el-icon>
+            <span style="margin-left: 4px">情况说明</span>
           </template>
         </el-table-column>
-        <el-table-column prop="score" label="分数" show-overflow-tooltip />
-        <el-table-column prop="recordDate" label="考核日期" show-overflow-tooltip />
-        <el-table-column prop="createBy" label="考核人" show-overflow-tooltip />
-        <el-table-column prop="remarks" label="情况说明" show-overflow-tooltip />
         <el-table-column label="操作" align="center" fixed="right" width="200">
+          <template #header>
+            <el-icon><Setting /></el-icon>
+            <span style="margin-left: 4px">操作</span>
+          </template>
           <template #default="scope">
             <el-button 
               icon="Edit" 
@@ -212,8 +278,8 @@
           <el-descriptions :column="2" border>
             <el-descriptions-item label="班号">{{ appealForm.virtualClassNo || '-' }}</el-descriptions-item>
             <el-descriptions-item label="班主任">{{ appealForm.realName || '-' }}</el-descriptions-item>
-            <el-descriptions-item label="考核项目">{{ appealForm.assessmentCategory || '-' }}</el-descriptions-item>
-            <el-descriptions-item label="考核指标">{{ appealForm.assessmentPoint || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="考核项目">{{ getAssessmentCategoryName(appealForm.assessmentCategory) || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="考核指标">{{ getAssessmentPointName(appealForm.assessmentPoint) || '-' }}</el-descriptions-item>
             <el-descriptions-item label="类型">
               {{ appealForm.type === '1' ? '加分' : appealForm.type === '2' ? '减分' : '-' }}
             </el-descriptions-item>
@@ -254,6 +320,7 @@ import { getList as getAssessmentPointList } from '/@/api/stuwork/assessmentpoin
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+import { List, Grid, UserFilled, Tickets, DataAnalysis, Collection, Calendar, User, Document, Setting } from '@element-plus/icons-vue'
 
 // 定义变量内容
 const formDialogRef = ref()
@@ -475,6 +542,20 @@ const getAssessmentPointListData = async () => {
   }
 }
 
+// 根据考核项目ID获取名称
+const getAssessmentCategoryName = (id: any) => {
+  if (!id) return ''
+  const category = assessmentCategoryList.value.find(item => String(item.id) === String(id))
+  return category ? category.category : ''
+}
+
+// 根据考核指标ID获取名称
+const getAssessmentPointName = (id: any) => {
+  if (!id) return ''
+  const point = assessmentPointList.value.find(item => String(item.id) === String(id))
+  return point ? point.pointName : ''
+}
+
 // 初始化
 onMounted(() => {
   getDeptListData()