feat: 添加高亮行与序号列，优化全屏及缓存布局

frontend/web/src/views/module_system/changelog/index.vue

@@ -1,46 +0,0 @@
-<!-- 更新日志（平台右上角头像下拉入口） -->
-<template>
-  <div class="mx-auto pt-5 mb-5">
-    <h3 class="text-2xl font-medium text-g-900 mb-8">更新日志</h3>
-
-    <div class="space-y-5">
-      <div
-        v-for="item in upgradeLogList"
-        :key="item.version"
-        class="fa-card-sm rounded-lg p-6 transition-shadow max-md:p-4"
-      >
-        <div class="flex-cb gap-3 mb-4 flex-wrap">
-          <span class="px-3 py-1 bg-theme/10 text-theme text-sm font-medium rounded-full">
-            {{ item.version }}
-          </span>
-          <span class="text-sm text-g-500">{{ item.date }}</span>
-        </div>
-
-        <h4 class="text-lg font-medium text-g-900 mb-3">{{ item.title }}</h4>
-
-        <ul v-if="item.detail?.length" class="space-y-2 mb-4">
-          <li
-            v-for="(detail, index) in item.detail"
-            :key="index"
-            class="flex-c gap-2 text-sm text-g-600"
-          >
-            <span class="mt-0.5">•</span>
-            <span class="text-g-700">{{ detail }}</span>
-          </li>
-        </ul>
-
-        <div v-if="item.remark" class="text-sm text-g-800 bg-g-300/60 rounded p-3 mb-3">
-          {{ item.remark }}
-        </div>
-
-        <ElTag v-if="item.requireReLogin" type="warning" size="small">需要重新登录</ElTag>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { upgradeLogList } from "@/mock/upgrade/changeLog";
-
-defineOptions({ name: "SystemChangeLog" });
-</script>

frontend/web/src/views/module_system/dept/index.vue

@@ -336,6 +336,7 @@ const opCtx = {
 
 const { columnChecks, columns } = useTableColumns<DeptTable>(() => [
   { type: "selection", width: 48, fixed: "left" },
+  { type: "globalIndex", width: 56, label: "序号" },
   { prop: "name", label: "部门名称", minWidth: 120, showOverflowTooltip: true },
   { prop: "code", label: "部门编码", minWidth: 120, showOverflowTooltip: true },
   {

frontend/web/src/views/module_system/dict/components/DataDrawer.vue

@@ -446,6 +446,7 @@ const {
     },
     columnsFactory: (): ColumnOption<DictDataTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "dict_label", label: "标签", minWidth: 150, showOverflowTooltip: true },
       {
         prop: "status",

frontend/web/src/views/module_system/dict/index.vue

@@ -283,6 +283,7 @@ const {
     },
     columnsFactory: (): ColumnOption<DictTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "dict_name", label: "字典名称", minWidth: 140, showOverflowTooltip: true },
       {
         prop: "dict_type",

frontend/web/src/views/module_system/log/index.vue

@@ -289,6 +289,7 @@ const {
     },
     columnsFactory: (): ColumnOption<LogTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       {
         prop: "type",
         label: "日志类型",

frontend/web/src/views/module_system/notice/index.vue

@@ -345,6 +345,7 @@ const {
     },
     columnsFactory: (): ColumnOption<NoticeTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "notice_title", label: "通知标题", minWidth: 140, showOverflowTooltip: true },
       {
         prop: "status",

frontend/web/src/views/module_system/param/index.vue

@@ -294,6 +294,7 @@ const {
     },
     columnsFactory: (): ColumnOption<ConfigTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "config_name", label: "配置名称", minWidth: 120, showOverflowTooltip: true },
       { prop: "config_key", label: "配置键", minWidth: 200, showOverflowTooltip: true },
       { prop: "config_value", label: "配置值", minWidth: 200, showOverflowTooltip: true },

frontend/web/src/views/module_system/position/index.vue

@@ -452,6 +452,7 @@ const {
     },
     columnsFactory: (): ColumnOption<PositionTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "name", label: "岗位名称", minWidth: 100, showOverflowTooltip: true },
       {
         prop: "status",

frontend/web/src/views/module_system/role/index.vue

@@ -459,6 +459,7 @@ const {
     },
     columnsFactory: (): ColumnOption<RoleTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "name", label: "角色名称", minWidth: 100, showOverflowTooltip: true },
       { prop: "code", label: "角色编码", minWidth: 100, showOverflowTooltip: true },
       {

frontend/web/src/views/module_system/tenant/index.vue

@@ -411,6 +411,7 @@ const {
     },
     columnsFactory: (): ColumnOption<TenantTable>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       { prop: "name", label: "租户名称", minWidth: 140, showOverflowTooltip: true },
       { prop: "code", label: "租户编码", minWidth: 120, showOverflowTooltip: true },
       {

frontend/web/src/views/module_system/user/index.vue

@@ -616,6 +616,7 @@ const {
     },
     columnsFactory: (): import("@/types/component").ColumnOption<UserInfo>[] => [
       { type: "selection", width: 48, fixed: "left" },
+      { type: "globalIndex", width: 56, label: "序号" },
       {
         prop: "avatar",
         label: "头像",