解决所有bug 优化table内容

src/views/stuwork/entrancerule/index.vue

@@ -28,15 +28,41 @@
         :cell-style="tableStyle.cellStyle" 
         :header-cell-style="tableStyle.headerCellStyle"
         @sort-change="sortChangeHandle">
-        <el-table-column type="index" label="序号" align="center" />
-        <el-table-column prop="ruleName" label="规则名称" show-overflow-tooltip />
-        <el-table-column prop="classNames" label="绑定班级" show-overflow-tooltip />
+        <el-table-column type="index" label="序号" align="center">
+          <template #header>
+            <el-icon><List /></el-icon>
+          </template>
+        </el-table-column>
+        <el-table-column prop="ruleName" 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="classNames" 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="isHoliday" label="假期模式" show-overflow-tooltip>
+          <template #header>
+            <el-icon><CircleCheck /></el-icon>
+            <span style="margin-left: 4px">假期模式</span>
+          </template>
           <template #default="scope">
-            <span>{{ scope.row.isHoliday === '1' ? '开启' : '关闭' }}</span>
+            <StatusTag 
+              :value="scope.row.isHoliday"
+              :options="[{ label: '开启', value: '1' }, { label: '关闭', value: '0' }]"
+              :type-map="{ '1': { type: 'success', effect: 'light' }, '0': { type: 'info', effect: 'light' } }"
+            />
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" fixed="right" width="280">
+          <template #header>
+            <el-icon><Setting /></el-icon>
+            <span style="margin-left: 4px">操作</span>
+          </template>
           <template #default="scope">
             <el-button 
               icon="Switch" 
@@ -114,6 +140,9 @@ import { useMessage, useMessageBox } from "/@/hooks/message";
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+import { List, Document, Grid, CircleCheck, Setting } from '@element-plus/icons-vue'
+import { defineAsyncComponent as defineStatusTag } from 'vue'
+const StatusTag = defineStatusTag(() => import('/@/components/StatusTag/index.vue'))
 
 // 定义变量内容
 const formDialogRef = ref()