解决所有bug 优化table内容

src/views/stuwork/classroomhygienemonthly/index.vue

@@ -107,18 +107,93 @@
         :cell-style="tableStyle.cellStyle" 
         :header-cell-style="tableStyle.headerCellStyle"
         @sort-change="sortChangeHandle">
-        <el-table-column type="index" label="序号" width="60" align="center" />
-        <el-table-column prop="schoolYear" label="学年" show-overflow-tooltip />
-        <el-table-column prop="schoolTerm" label="学期" show-overflow-tooltip />
-        <el-table-column prop="deptName" label="学院" show-overflow-tooltip />
-        <el-table-column prop="classNo" label="班号" show-overflow-tooltip />
-        <el-table-column prop="classMasterName" label="班主任" show-overflow-tooltip />
-        <el-table-column prop="buildingNo" label="教学楼号" show-overflow-tooltip />
-        <el-table-column prop="position" label="教室号" show-overflow-tooltip />
-        <el-table-column prop="score" label="评分" show-overflow-tooltip />
-        <el-table-column prop="note" label="检查记录" show-overflow-tooltip />
-        <el-table-column prop="month" label="月份" show-overflow-tooltip />
+        <el-table-column type="index" label="序号" width="60" align="center">
+          <template #header>
+            <el-icon><List /></el-icon>
+          </template>
+        </el-table-column>
+        <el-table-column prop="schoolYear" 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="schoolTerm" label="学期" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Clock /></el-icon>
+            <span style="margin-left: 4px">学期</span>
+          </template>
+          <template #default="scope">
+            <el-tag size="small" type="primary" effect="plain">
+              {{ formatSchoolTerm(scope.row.schoolTerm) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="deptName" label="学院" show-overflow-tooltip>
+          <template #header>
+            <el-icon><OfficeBuilding /></el-icon>
+            <span style="margin-left: 4px">学院</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="classNo" 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="classMasterName" 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="buildingNo" label="教学楼号" show-overflow-tooltip>
+          <template #header>
+            <el-icon><OfficeBuilding /></el-icon>
+            <span style="margin-left: 4px">教学楼号</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="position" label="教室号" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Location /></el-icon>
+            <span style="margin-left: 4px">教室号</span>
+          </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 >= 80 ? 'success' : scope.row.score >= 60 ? 'warning' : 'danger'" effect="plain">
+              {{ scope.row.score }}
+            </el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="note" 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="month" label="月份" show-overflow-tooltip>
+          <template #header>
+            <el-icon><Calendar /></el-icon>
+            <span style="margin-left: 4px">月份</span>
+          </template>
+          <template #default="scope">
+            <el-tag v-if="scope.row.month" size="small" type="info" effect="plain">
+              {{ scope.row.month }}
+            </el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
         <el-table-column label="操作" width="150" align="center" fixed="right">
+          <template #header>
+            <el-icon><Setting /></el-icon>
+            <span style="margin-left: 4px">操作</span>
+          </template>
           <template #default="scope">
             <el-button 
               icon="Delete" 
@@ -210,6 +285,7 @@ import { getClassListByRole } from '/@/api/basic/basicclass'
 
 // 引入组件
 const UploadExcel = defineAsyncComponent(() => import('/@/components/Upload/Excel.vue'));
+import { List, Calendar, Clock, OfficeBuilding, Grid, UserFilled, Location, DataAnalysis, Document, Setting } from '@element-plus/icons-vue'
 
 // 定义变量内容
 const searchFormRef = ref()