From eb1814292612626614f5bedec64d6a6a1323e92e Mon Sep 17 00:00:00 2001
From: lijiahangmax <ljh1553488six@139.com>
Date: Sat, 18 Oct 2025 22:21:30 +0800
Subject: [PATCH] =?UTF-8?q?:hammer:=20=E5=8F=AF=E8=B0=83=E6=95=B4=E5=88=97?=
 =?UTF-8?q?=E5=AE=BD.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../orion-vue-views-components-table.vue.vm   |  2 +
 orion-visor-ui/src/api/monitor/alarm-event.ts |  7 +-
 .../src/assets/style/arco-extends.less        | 11 +++
 .../components/host-table.vue                 |  6 +-
 .../components/exec/template/modal/index.vue  |  2 +
 .../components/connect-log-table.vue          |  2 +
 .../components/connect-session-table.vue      |  4 +-
 .../components/file-log-table.vue             |  2 +
 .../grant/components/host-group-grant.vue     |  7 +-
 .../grant/components/host-identity-grant.vue  |  5 +-
 .../asset/grant/components/host-key-grant.vue |  3 +-
 .../components/host-identity-table.vue        |  2 +
 .../host-key/components/host-key-table.vue    |  2 +
 .../asset/host-list/components/host-table.vue |  2 +
 .../workplace/components/batch-exec-table.vue |  2 +
 .../components/terminal-connect-table.vue     |  2 +
 .../workplace/components/user-login-table.vue |  2 +
 .../exec-command-host-log-table.vue           |  4 +-
 .../components/exec-command-log-table.vue     |  6 +-
 .../components/exec-job-host-log-table.vue    |  4 +-
 .../components/exec-job-log-table.vue         |  2 +
 .../exec-job/components/exec-job-table.vue    |  2 +
 .../components/exec-template-table.vue        |  2 +
 .../components/upload-task-table.vue          |  2 +
 .../components/alarm-event-clear-modal.vue    | 46 +++++-----
 .../components/alarm-event-handle-modal.vue   | 13 ++-
 .../components/alarm-event-table-base.vue     | 89 ++++++++++++-------
 .../components/alarm-event-table.vue          | 55 ++++++------
 .../src/views/monitor/alarm-event/index.vue   | 20 ++---
 .../views/monitor/alarm-event/types/const.ts  |  6 ++
 .../alarm-event/types/table.columns.ts        |  6 +-
 .../components/alarm-policy-table.vue         |  2 +
 .../components/alarm-rule-form-drawer.vue     |  6 +-
 .../components/alarm-rule-table.vue           |  8 +-
 .../src/views/monitor/alarm-rule/index.vue    |  2 +
 .../metrics/components/metrics-table.vue      |  4 +-
 .../compoments/metrics-chart.vue              | 19 ++--
 .../components/monitor-host-table.vue         |  2 +
 .../dict-key/components/dict-key-table.vue    |  2 +
 .../components/dict-value-table.vue           |  4 +-
 .../system/menu/components/menu-table.vue     |  5 +-
 .../components/notify-template-table.vue      |  2 +
 .../components/operator-log-simple-table.vue  |  2 +
 .../components/operator-log-table.vue         |  2 +
 .../views/user/role/components/role-table.vue |  2 +
 .../views/user/user/components/user-table.vue |  4 +-
 46 files changed, 241 insertions(+), 145 deletions(-)

diff --git a/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm b/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm
index b07818bd..030711d4 100644
--- a/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm
+++ b/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-table.vue.vm
@@ -91,6 +91,7 @@
     <a-table row-key="id"
     #end
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              #if($vue.enableRowSelection)
@@ -99,6 +100,7 @@
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       #foreach($field in ${table.fields})
diff --git a/orion-visor-ui/src/api/monitor/alarm-event.ts b/orion-visor-ui/src/api/monitor/alarm-event.ts
index 9c3f8d65..cf378ffa 100644
--- a/orion-visor-ui/src/api/monitor/alarm-event.ts
+++ b/orion-visor-ui/src/api/monitor/alarm-event.ts
@@ -25,7 +25,8 @@ export interface AlarmEventFalseAlarmRequest {
  */
 export interface AlarmEventQueryRequest extends Pagination, OrderDirection {
   id?: number;
-  hostId?: number;
+  sourceType?: string;
+  sourceId?: number;
   agentKey?: string;
   policyId?: number;
   metricsId?: number;
@@ -49,7 +50,9 @@ export interface AlarmEventClearRequest extends AlarmEventQueryRequest, ClearReq
  */
 export interface AlarmEventQueryResponse extends TableData {
   id: number;
-  hostId: number;
+  sourceType: string;
+  sourceId: number;
+  sourceInfo: Record<string, any>;
   hostName: string;
   hostAddress: string;
   agentKey: string;
diff --git a/orion-visor-ui/src/assets/style/arco-extends.less b/orion-visor-ui/src/assets/style/arco-extends.less
index 36723ab8..140d5909 100644
--- a/orion-visor-ui/src/assets/style/arco-extends.less
+++ b/orion-visor-ui/src/assets/style/arco-extends.less
@@ -66,6 +66,17 @@
   }
 }
 
+// 可调节列宽
+.table-resize .arco-table-th:not(.arco-table-th-expand):not(.arco-table-operation)::after {
+  content: '';
+  position: absolute;
+  top: 25%;
+  right: 0;
+  width: 1px;
+  height: 50%;
+  background-color: var(--color-neutral-3);
+}
+
 // 垂直滚动
 .arco-scrollbar-track-direction-vertical {
   width: 10px;
diff --git a/orion-visor-ui/src/components/asset/host/authorized-host-modal/components/host-table.vue b/orion-visor-ui/src/components/asset/host/authorized-host-modal/components/host-table.vue
index 93d5c274..c77078f4 100644
--- a/orion-visor-ui/src/components/asset/host/authorized-host-modal/components/host-table.vue
+++ b/orion-visor-ui/src/components/asset/host/authorized-host-modal/components/host-table.vue
@@ -1,14 +1,16 @@
 <template>
-  <a-table row-key="id"
+  <a-table v-model:selected-keys="selectedKeysValue"
+           row-key="id"
            ref="tableRef"
+           class="table-resize"
            :columns="columns"
-           v-model:selected-keys="selectedKeysValue"
            :row-selection="rowSelection"
            row-class="pointer"
            :data="hostList"
            :scroll="{ y: '100%' }"
            :pagination="false"
            :bordered="true"
+           :column-resizable="true"
            @row-click="clickRow">
     <!-- 空 -->
     <template #empty>
diff --git a/orion-visor-ui/src/components/exec/template/modal/index.vue b/orion-visor-ui/src/components/exec/template/modal/index.vue
index b293c7a2..ab077623 100644
--- a/orion-visor-ui/src/components/exec/template/modal/index.vue
+++ b/orion-visor-ui/src/components/exec/template/modal/index.vue
@@ -45,11 +45,13 @@
       <!-- table -->
       <a-table row-key="id"
                ref="tableRef"
+               class="table-resize"
                :loading="loading"
                :columns="columns"
                :data="tableRenderData"
                :pagination="pagination"
                :bordered="false"
+               :column-resizable="true"
                :scroll="{ x: '100%', y: '60vh' }"
                @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
                @page-size-change="(size: number) => fetchTableData(1, size)">
diff --git a/orion-visor-ui/src/views/asset-audit/terminal-connect-log/components/connect-log-table.vue b/orion-visor-ui/src/views/asset-audit/terminal-connect-log/components/connect-log-table.vue
index 8cd7619e..994300c4 100644
--- a/orion-visor-ui/src/views/asset-audit/terminal-connect-log/components/connect-log-table.vue
+++ b/orion-visor-ui/src/views/asset-audit/terminal-connect-log/components/connect-log-table.vue
@@ -99,12 +99,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :row-selection="rowSelection"
              :columns="tableColumns"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 连接用户 -->
diff --git a/orion-visor-ui/src/views/asset-audit/terminal-connect-session/components/connect-session-table.vue b/orion-visor-ui/src/views/asset-audit/terminal-connect-session/components/connect-session-table.vue
index 5aae12ca..405c8ef3 100644
--- a/orion-visor-ui/src/views/asset-audit/terminal-connect-session/components/connect-session-table.vue
+++ b/orion-visor-ui/src/views/asset-audit/terminal-connect-session/components/connect-session-table.vue
@@ -53,11 +53,13 @@
     <!-- table -->
     <a-table row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="columns"
              :data="tableRenderData"
              :pagination="false"
-             :bordered="false">
+             :bordered="false"
+             :column-resizable="true">
       <!-- 连接用户 -->
       <template #username="{ record }">
         {{ record.username }}
diff --git a/orion-visor-ui/src/views/asset-audit/terminal-file-log/components/file-log-table.vue b/orion-visor-ui/src/views/asset-audit/terminal-file-log/components/file-log-table.vue
index 554e2174..f9280ea4 100644
--- a/orion-visor-ui/src/views/asset-audit/terminal-file-log/components/file-log-table.vue
+++ b/orion-visor-ui/src/views/asset-audit/terminal-file-log/components/file-log-table.vue
@@ -83,12 +83,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :row-selection="rowSelection"
              :columns="tableColumns"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 操作用户 -->
diff --git a/orion-visor-ui/src/views/asset/grant/components/host-group-grant.vue b/orion-visor-ui/src/views/asset/grant/components/host-group-grant.vue
index f91432e9..535d43f5 100644
--- a/orion-visor-ui/src/views/asset/grant/components/host-group-grant.vue
+++ b/orion-visor-ui/src/views/asset/grant/components/host-group-grant.vue
@@ -17,14 +17,15 @@
                      @on-selected="clickGroup" />
     <a-divider direction="vertical" />
     <!-- 主机表格 -->
-    <a-table class="group-main-hosts"
-             row-key="id"
+    <a-table row-key="id"
+             class="group-main-hosts table-resize"
              :sticky-header="true"
              :loading="loading"
              :columns="hostColumns"
              :data="selectedGroupHosts"
              :pagination="false"
-             :bordered="false">
+             :bordered="false"
+             :column-resizable="true">
       <!-- 空状态 -->
       <template #empty>
         <a-empty style="margin: 32px 0;" description="当前分组内无主机" />
diff --git a/orion-visor-ui/src/views/asset/grant/components/host-identity-grant.vue b/orion-visor-ui/src/views/asset/grant/components/host-identity-grant.vue
index 50cc8d09..dffa1cac 100644
--- a/orion-visor-ui/src/views/asset/grant/components/host-identity-grant.vue
+++ b/orion-visor-ui/src/views/asset/grant/components/host-identity-grant.vue
@@ -8,14 +8,15 @@
     <!-- 主机身份表格 -->
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
-             class="host-identity-main-table"
+             class="table-resize host-identity-main-table"
              :columns="hostIdentityColumns"
              :row-selection="rowSelection"
              row-class="pointer"
-             :sticky-header="true"
              :data="hostIdentities"
+             :sticky-header="true"
              :pagination="false"
              :bordered="false"
+             :column-resizable="true"
              @row-click="clickRow">
       <!-- 类型 -->
       <template #type="{ record }">
diff --git a/orion-visor-ui/src/views/asset/grant/components/host-key-grant.vue b/orion-visor-ui/src/views/asset/grant/components/host-key-grant.vue
index 791626b0..39d0c49c 100644
--- a/orion-visor-ui/src/views/asset/grant/components/host-key-grant.vue
+++ b/orion-visor-ui/src/views/asset/grant/components/host-key-grant.vue
@@ -8,7 +8,7 @@
     <!-- 主机密钥表格 -->
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
-             class="host-key-main-table"
+             class="table-resize host-key-main-table"
              :columns="hostKeyColumns"
              :row-selection="rowSelection"
              row-class="pointer"
@@ -16,6 +16,7 @@
              :data="hostKeys"
              :pagination="false"
              :bordered="false"
+             :column-resizable="true"
              @row-click="clickRow" />
   </grant-layout>
 </template>
diff --git a/orion-visor-ui/src/views/asset/host-identity/components/host-identity-table.vue b/orion-visor-ui/src/views/asset/host-identity/components/host-identity-table.vue
index 888bca3e..1c9af989 100644
--- a/orion-visor-ui/src/views/asset/host-identity/components/host-identity-table.vue
+++ b/orion-visor-ui/src/views/asset/host-identity/components/host-identity-table.vue
@@ -111,12 +111,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 类型 -->
diff --git a/orion-visor-ui/src/views/asset/host-key/components/host-key-table.vue b/orion-visor-ui/src/views/asset/host-key/components/host-key-table.vue
index 0e108df5..cbef056b 100644
--- a/orion-visor-ui/src/views/asset/host-key/components/host-key-table.vue
+++ b/orion-visor-ui/src/views/asset/host-key/components/host-key-table.vue
@@ -94,12 +94,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 操作 -->
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
index 9a93ad8d..63897553 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-table.vue
@@ -146,12 +146,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 主机信息 -->
diff --git a/orion-visor-ui/src/views/dashboard/workplace/components/batch-exec-table.vue b/orion-visor-ui/src/views/dashboard/workplace/components/batch-exec-table.vue
index 39f5d043..c3c63a63 100644
--- a/orion-visor-ui/src/views/dashboard/workplace/components/batch-exec-table.vue
+++ b/orion-visor-ui/src/views/dashboard/workplace/components/batch-exec-table.vue
@@ -13,11 +13,13 @@
       <div class="card-body">
         <!-- 表格 -->
         <a-table row-key="id"
+                 class="table-resize"
                  :loading="loading"
                  :columns="batchExecColumns"
                  :data="data.exec?.execLogList || []"
                  :pagination="false"
                  :bordered="false"
+                 :column-resizable="true"
                  :scroll="{ y: 258 }">
           <!-- 空状态 -->
           <template #empty>
diff --git a/orion-visor-ui/src/views/dashboard/workplace/components/terminal-connect-table.vue b/orion-visor-ui/src/views/dashboard/workplace/components/terminal-connect-table.vue
index cc4c375a..9f59895e 100644
--- a/orion-visor-ui/src/views/dashboard/workplace/components/terminal-connect-table.vue
+++ b/orion-visor-ui/src/views/dashboard/workplace/components/terminal-connect-table.vue
@@ -13,11 +13,13 @@
       <div class="card-body">
         <!-- 表格 -->
         <a-table row-key="id"
+                 class="table-resize"
                  :loading="loading"
                  :columns="terminalLogColumns"
                  :data="data.terminal?.terminalConnectList || []"
                  :pagination="false"
                  :bordered="false"
+                 :column-resizable="true"
                  :scroll="{ y: 258 }">
           <!-- 空状态 -->
           <template #empty>
diff --git a/orion-visor-ui/src/views/dashboard/workplace/components/user-login-table.vue b/orion-visor-ui/src/views/dashboard/workplace/components/user-login-table.vue
index 1d66397a..ed22c113 100644
--- a/orion-visor-ui/src/views/dashboard/workplace/components/user-login-table.vue
+++ b/orion-visor-ui/src/views/dashboard/workplace/components/user-login-table.vue
@@ -12,11 +12,13 @@
       </div>
       <div class="card-body">
         <a-table row-key="id"
+                 class="table-resize"
                  :loading="loading"
                  :columns="userLoginColumns"
                  :data="data.infra?.loginHistoryList || []"
                  :pagination="false"
                  :bordered="false"
+                 :column-resizable="true"
                  :scroll="{ y: 388 }">
           <!-- 登录设备 -->
           <template #content="{ record }">
diff --git a/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-host-log-table.vue b/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-host-log-table.vue
index 7aa6a8c7..9d66b9b1 100644
--- a/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-host-log-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-host-log-table.vue
@@ -2,13 +2,15 @@
   <!-- table -->
   <a-table row-key="id"
            ref="tableRef"
+           class="table-resize"
            :loading="loading"
            :columns="hostColumns"
            :data="row.hosts"
            :expandable="expandable"
            :scroll="{ y: '100%' }"
            :pagination="false"
-           :bordered="false">
+           :bordered="false"
+           :column-resizable="true">
     <!-- 执行主机 -->
     <template #hostName="{ record }">
       <span class="table-cell-value span-blue">
diff --git a/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-table.vue b/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-table.vue
index 7d726d85..ef2f7f65 100644
--- a/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-table.vue
@@ -106,6 +106,7 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
@@ -113,14 +114,15 @@
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)"
              @expand="loadExecHost">
       <!-- 展开表格 -->
       <template #expand-row="{ record }">
         <exec-command-host-log-table :row="record"
-                                     @view-command="s => emits('viewCommand', s)"
-                                     @view-params="s => emits('viewParams', s)"
+                                     @view-command="(s: any) => emits('viewCommand', s)"
+                                     @view-params="(s: any) => emits('viewParams', s)"
                                      @refresh-host="refreshExecHost" />
       </template>
       <!-- 执行命令 -->
diff --git a/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-host-log-table.vue b/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-host-log-table.vue
index 1dc59828..2eaf5311 100644
--- a/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-host-log-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-host-log-table.vue
@@ -2,13 +2,15 @@
   <!-- table -->
   <a-table row-key="id"
            ref="tableRef"
+           class="table-resize"
            :loading="loading"
            :columns="hostColumns"
            :data="row.hosts"
            :expandable="expandable"
            :scroll="{ y: '100%' }"
            :pagination="false"
-           :bordered="false">
+           :bordered="false"
+           :column-resizable="true">
     <!-- 执行主机 -->
     <template #hostName="{ record }">
       <span class="table-cell-value span-blue">
diff --git a/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-log-table.vue b/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-log-table.vue
index 790c95d3..ffeb1d08 100644
--- a/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-log-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-job-log/components/exec-job-log-table.vue
@@ -97,6 +97,7 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
@@ -104,6 +105,7 @@
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)"
              @expand="loadExecHost">
diff --git a/orion-visor-ui/src/views/exec/exec-job/components/exec-job-table.vue b/orion-visor-ui/src/views/exec/exec-job/components/exec-job-table.vue
index 544622a6..9403ff13 100644
--- a/orion-visor-ui/src/views/exec/exec-job/components/exec-job-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-job/components/exec-job-table.vue
@@ -89,12 +89,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- cron -->
diff --git a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue
index d1a82700..1b1b5ecc 100644
--- a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue
+++ b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-table.vue
@@ -76,12 +76,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 模板命令 -->
diff --git a/orion-visor-ui/src/views/exec/upload-task/components/upload-task-table.vue b/orion-visor-ui/src/views/exec/upload-task/components/upload-task-table.vue
index bdca0bb3..e869c555 100644
--- a/orion-visor-ui/src/views/exec/upload-task/components/upload-task-table.vue
+++ b/orion-visor-ui/src/views/exec/upload-task/components/upload-task-table.vue
@@ -106,12 +106,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 上传路径 -->
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-clear-modal.vue b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-clear-modal.vue
index 938e4c2a..dee902d2 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-clear-modal.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-clear-modal.vue
@@ -10,7 +10,7 @@
            ok-text="清理"
            :ok-button-props="{ disabled: loading }"
            :cancel-button-props="{ disabled: loading }"
-           :on-before-ok="handlerOk"
+           :on-before-ok="handleOk"
            @close="handleClose">
     <a-spin class="full" :loading="loading">
       <a-form :model="formModel"
@@ -23,12 +23,13 @@
                     placeholder="请选择处理状态"
                     allow-clear />
         </a-form-item>
-        <!-- 告警主机 -->
-        <a-form-item field="hostId" label="告警主机">
-          <host-selector v-model="formModel.hostId"
-                         placeholder="请选择告警主机"
-                         hide-button
-                         allow-clear />
+        <!-- 告警来源 -->
+        <a-form-item field="agentKey" label="告警来源">
+          <!-- 选择告警来源 -->
+          <monitor-host-selector v-if="sourceType === AlarmSourceType.HOST"
+                                 v-model="formModel.agentKey"
+                                 placeholder="请选择告警来源"
+                                 allow-clear />
         </a-form-item>
         <!-- 告警级别 -->
         <a-form-item field="alarmLevel" label="告警级别">
@@ -58,7 +59,7 @@
                                  allow-clear />
         </a-form-item>
         <!-- 数据集 -->
-        <a-form-item field="metricsId" label="数据集">
+        <a-form-item field="metricsMeasurement" label="数据集">
           <a-select v-model="formModel.metricsMeasurement"
                     :options="toOptions(MetricsMeasurementKey)"
                     placeholder="数据集"
@@ -85,12 +86,6 @@
                           hide-button
                           allow-clear />
         </a-form-item>
-        <!-- agentKey -->
-        <a-form-item field="agentKey" label="agentKey">
-          <a-input v-model="formModel.agentKey"
-                   placeholder="请输入agentKey"
-                   allow-clear />
-        </a-form-item>
         <!-- 告警时间 -->
         <a-form-item field="createTimeRange" label="告警时间">
           <a-range-picker v-model="formModel.createTimeRange"
@@ -118,21 +113,25 @@
   import useVisible from '@/hooks/visible';
   import { Message, Modal } from '@arco-design/web-vue';
   import { useDictStore } from '@/store';
-  import { maxClearLimit, HandleStatusKey, AlarmLevelKey, MetricsMeasurementKey, FalseAlarmKey } from '../types/const';
+  import { maxClearLimit, HandleStatusKey, AlarmLevelKey, MetricsMeasurementKey, FalseAlarmKey, AlarmSourceType } from '../types/const';
   import { assignOmitRecord } from '@/utils';
   import UserSelector from '@/components/user/user/selector/index.vue';
-  import HostSelector from '@/components/asset/host/selector/index.vue';
   import MonitorMetricsSelector from '@/components/monitor/metrics/selector/index.vue';
   import AlarmPolicySelector from '@/components/monitor/alarm-policy/selector/index.vue';
+  import MonitorHostSelector from '@/components/monitor/host/selector/index.vue';
 
   const { toOptions } = useDictStore();
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
 
+  const props = defineProps<{
+    sourceType: string;
+  }>();
+
   const defaultForm = (): AlarmEventQueryRequest => {
     return {
       id: undefined,
-      hostId: undefined,
+      sourceType: undefined,
       agentKey: undefined,
       policyId: undefined,
       metricsId: undefined,
@@ -160,7 +159,7 @@
   defineExpose({ open });
 
   // 确定
-  const handlerOk = async () => {
+  const handleOk = async () => {
     if (!formModel.value.limit) {
       Message.error('请输入数量限制');
       return false;
@@ -170,7 +169,7 @@
       // 获取总数量
       const { data } = await getAlarmEventCount(formModel.value);
       if (data) {
-        // 清理
+        // 清空
         doClear(data);
       } else {
         // 无数据
@@ -195,9 +194,7 @@
           const { data } = await clearMonitorAlarmEvent(formModel.value);
           Message.success(`已成功清理 ${data} 条数据`);
           emits('clear');
-          // 清空
-          setVisible(false);
-          handlerClear();
+          handleClose();
         } catch (e) {
         } finally {
           setLoading(false);
@@ -208,11 +205,12 @@
 
   // 关闭
   const handleClose = () => {
-    handlerClear();
+    handleClear();
+    setVisible(false);
   };
 
   // 清空
-  const handlerClear = () => {
+  const handleClear = () => {
     setLoading(false);
   };
 
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-handle-modal.vue b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-handle-modal.vue
index b6128fc0..141b3f78 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-handle-modal.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-handle-modal.vue
@@ -10,7 +10,7 @@
            ok-text="处理"
            :ok-button-props="{ disabled: loading }"
            :cancel-button-props="{ disabled: loading }"
-           :on-before-ok="handlerOk"
+           :on-before-ok="handleOk"
            @close="handleClose">
     <a-spin class="full" :loading="loading">
       <a-form ref="formRef"
@@ -90,7 +90,7 @@
   defineExpose({ open });
 
   // 确定
-  const handlerOk = async () => {
+  const handleOk = async () => {
     setLoading(true);
     try {
       // 验证参数
@@ -102,8 +102,7 @@
       await handleAlarmEvent(formModel.value);
       Message.success('已处理');
       emits('handled', { ...formModel.value });
-      // 清空
-      handlerClear();
+      handleClose();
       return true;
     } catch (e) {
       return false;
@@ -114,13 +113,13 @@
 
   // 关闭
   const handleClose = () => {
-    handlerClear();
+    handleClear();
+    setVisible(false);
   };
 
   // 清空
-  const handlerClear = () => {
+  const handleClear = () => {
     setLoading(false);
-    setVisible(false);
   };
 
 </script>
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table-base.vue b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table-base.vue
index be1b30c9..7c97ea0e 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table-base.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table-base.vue
@@ -16,7 +16,7 @@
           <a-button v-if="showClearButton"
                     v-permission="['monitor:alarm-event:management:clear']"
                     status="danger"
-                    @click="$emit('openClear', formModel)">
+                    @click="openClear">
             清理
             <template #icon>
               <icon-close />
@@ -26,7 +26,7 @@
           <a-button v-permission="['monitor:alarm-event:handle']"
                     type="primary"
                     :disabled="selectedKeys.length === 0"
-                    @click="$emit('openHandle', selectedKeys)">
+                    @click="openHandle(selectedKeys)">
             处理告警
             <template #icon>
               <icon-play-arrow-fill />
@@ -65,32 +65,36 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              :scroll="{ x: 'auto' }"
              @page-change="(page: number) => $emit('query', page, pagination.pageSize)"
              @page-size-change="(size: number) => $emit('query', 1, size)">
-      <!-- 主机信息 -->
-      <template #hostInfo="{ record }">
+      <!-- 来源信息 -->
+      <template #sourceInfo="{ record }">
         <div class="info-wrapper">
-          <div class="info-item">
+          <!-- 主机名称 -->
+          <div v-if="record.sourceType === AlarmSourceType.HOST && record.sourceInfo?.name" class="info-item">
             <span class="info-label">主机名称</span>
             <span class="info-value text-copy text-ellipsis"
-                  :title="record.hostName"
-                  @click="copy(record.hostName, true)">
-              {{ record.hostName }}
+                  :title="record.sourceInfo.name"
+                  @click="copy(record.sourceInfo.name, true)">
+              {{ record.sourceInfo.name }}
             </span>
           </div>
-          <div class="info-item">
+          <!-- 主机地址 -->
+          <div v-if="record.sourceType === AlarmSourceType.HOST && record.sourceInfo?.address" class="info-item">
             <span class="info-label">主机地址</span>
             <span class="info-value span-blue text-copy text-ellipsis"
-                  :title="record.hostAddress"
-                  @click="copy(record.hostAddress, true)">
-              {{ record.hostAddress }}
+                  :title="record.sourceInfo.address"
+                  @click="copy(record.sourceInfo.address, true)">
+              {{ record.sourceInfo.address }}
             </span>
           </div>
         </div>
@@ -147,7 +151,7 @@
           <a-button v-permission="['monitor:alarm-event:handle']"
                     type="text"
                     size="mini"
-                    @click="$emit('openHandle', [record.id])">
+                    @click="openHandle([record.id])">
             处理
           </a-button>
           <!-- 更多 -->
@@ -171,6 +175,13 @@
         </div>
       </template>
     </a-table>
+    <!-- 处理模态框-->
+    <alarm-event-handle-modal ref="handleModal"
+                              @handled="alarmHandled" />
+    <!-- 清理模态框-->
+    <alarm-event-clear-modal ref="clearModal"
+                             :source-type="sourceType"
+                             @clear="emits('reload')" />
   </a-card>
 </template>
 
@@ -181,28 +192,33 @@
 </script>
 
 <script lang="ts" setup>
+  import type { PaginationProps } from '@arco-design/web-vue';
   import type { MetricsQueryResponse } from '@/api/monitor/metrics';
   import type { AlarmEventQueryRequest, AlarmEventQueryResponse, AlarmEventHandleRequest } from '@/api/monitor/alarm-event';
   import { h, ref } from 'vue';
   import { batchDeleteAlarmEvent, setAlarmEventFalse } from '@/api/monitor/alarm-event';
-  import { Message, Modal, Space, Tag, type PaginationProps } from '@arco-design/web-vue';
+  import { Message, Modal, Space, Tag } from '@arco-design/web-vue';
   import {
     FalseAlarm,
     HandleStatusKey,
     FalseAlarmKey,
     MetricsMeasurementKey,
     AlarmLevelKey,
-    TriggerConditionKey
-  } from '@/views/monitor/alarm-event/types/const';
+    TriggerConditionKey,
+    AlarmSourceType
+  } from '../types/const';
   import { useRowSelection, useTableColumns } from '@/hooks/table';
   import { copy } from '@/hooks/copy';
   import { useQueryOrder, DESC } from '@/hooks/query-order';
   import { useDictStore, useCacheStore, useUserStore } from '@/store';
   import { MetricsUnit, MetricUnitFormatter } from '@/utils/metrics';
   import TableAdjust from '@/components/app/table-adjust/index.vue';
+  import AlarmEventClearModal from './alarm-event-clear-modal.vue';
+  import AlarmEventHandleModal from './alarm-event-handle-modal.vue';
 
   const props = defineProps<{
     tableName: string;
+    sourceType: string;
     columns: any[];
     tableData: AlarmEventQueryResponse[];
     loading: boolean;
@@ -212,25 +228,38 @@
   }>();
 
   const emits = defineEmits<{
-    openHandle: [ids: number[]];
-    openClear: [formData: AlarmEventQueryRequest];
+    reload: [];
     setLoading: [loading: boolean];
     query: [page?: number, pageSize?: number];
   }>();
 
   const rowSelection = useRowSelection();
   const userStore = useUserStore();
+  const cacheStore = useCacheStore();
   const queryOrder = useQueryOrder(props.tableName, DESC);
   const { tableColumns, columnsHook } = useTableColumns(props.tableName, props.columns);
-  const { monitorMetrics } = useCacheStore();
   const { getDictValue } = useDictStore();
 
+  const handleModal = ref();
+  const clearModal = ref();
   const selectedKeys = ref<Array<number>>([]);
 
+  // 告警处理回调
+  const alarmHandled = (request: Required<AlarmEventHandleRequest>) => {
+    props.tableData.filter(s => (request.idList || []).includes(s.id)).forEach(s => {
+      s.handleTime = request.handleTime;
+      s.handleStatus = request.handleStatus;
+      s.handleRemark = request.handleRemark;
+      s.handleUserId = userStore.id as number;
+      s.handleUsername = userStore.username as string;
+    });
+    selectedKeys.value = [];
+  };
+
   // 获取指标名称
   const getMetricsField = (metricsId: number, field: string) => {
-    return (monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.[field];
- };
+    return (cacheStore.monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.[field];
+  };
 
   // 提取标签
   const extraTags = (record: AlarmEventQueryResponse) => {
@@ -303,19 +332,15 @@
     });
   };
 
-  // 告警处理回调
-  const alarmHandled = (request: Required<AlarmEventHandleRequest>) => {
-    props.tableData.filter(s => (request.idList || []).includes(s.id)).forEach(s => {
-      s.handleTime = request.handleTime;
-      s.handleStatus = request.handleStatus;
-      s.handleRemark = request.handleRemark;
-      s.handleUserId = userStore.id as number;
-      s.handleUsername = userStore.username as string;
-    });
-    selectedKeys.value = [];
+  // 打开处理
+  const openHandle = (idList: Array<number>) => {
+    handleModal.value.open(idList);
   };
 
-  defineExpose({ alarmHandled });
+  // 打开清理
+  const openClear = () => {
+    clearModal.value.open(props.formModel);
+  };
 
 </script>
 
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table.vue b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table.vue
index 212c4db6..70b29366 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-event/components/alarm-event-table.vue
@@ -13,12 +13,13 @@
                   placeholder="请选择处理状态"
                   allow-clear />
       </a-form-item>
-      <!-- 告警主机 -->
-      <a-form-item field="hostId" label="告警主机">
-        <host-selector v-model="formModel.hostId"
-                       placeholder="请选择告警主机"
-                       hide-button
-                       allow-clear />
+      <!-- 告警来源 -->
+      <a-form-item field="agentKey" label="告警来源">
+        <!-- 选择告警来源 -->
+        <monitor-host-selector v-if="sourceType === AlarmSourceType.HOST"
+                               v-model="formModel.agentKey"
+                               placeholder="请选择告警来源"
+                               allow-clear />
       </a-form-item>
       <!-- 告警级别 -->
       <a-form-item field="alarmLevel" label="告警级别">
@@ -75,12 +76,6 @@
                         hide-button
                         allow-clear />
       </a-form-item>
-      <!-- agentKey -->
-      <a-form-item field="agentKey" label="agentKey">
-        <a-input v-model="formModel.agentKey"
-                 placeholder="请输入agentKey"
-                 allow-clear />
-      </a-form-item>
       <!-- 告警时间 -->
       <a-form-item field="createTimeRange" label="告警时间">
         <a-range-picker v-model="formModel.createTimeRange"
@@ -92,7 +87,7 @@
     </query-header>
   </a-card>
   <!-- 表格 -->
-  <alarm-event-table-base ref="eventTable"
+  <alarm-event-table-base :source-type="sourceType"
                           :table-name="TableName"
                           :columns="columns"
                           :table-data="tableRenderData"
@@ -100,9 +95,8 @@
                           :form-model="formModel"
                           :pagination="pagination"
                           :show-clear-button="true"
-                          @open-handle="emits('openHandle', $event)"
-                          @open-clear="emits('openClear', formModel)"
                           @set-loading="setLoading"
+                          @reload="reload"
                           @query="fetchTableData" />
 </template>
 
@@ -113,25 +107,26 @@
 </script>
 
 <script lang="ts" setup>
-  import type { AlarmEventQueryRequest, AlarmEventQueryResponse, AlarmEventHandleRequest } from '@/api/monitor/alarm-event';
+  import type { AlarmEventQueryRequest, AlarmEventQueryResponse } from '@/api/monitor/alarm-event';
   import { reactive, ref, onMounted } from 'vue';
   import { getAlarmEventPage } from '@/api/monitor/alarm-event';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
-  import { TableName, FalseAlarm, HandleStatusKey, FalseAlarmKey, MetricsMeasurementKey, AlarmLevelKey } from '../types/const';
+  import { TableName, FalseAlarm, HandleStatusKey, FalseAlarmKey, MetricsMeasurementKey, AlarmLevelKey, AlarmSourceType } from '../types/const';
   import { useTablePagination } from '@/hooks/table';
   import { useRoute } from 'vue-router';
-  import { useDictStore } from '@/store';
+  import { useDictStore, useUserStore } from '@/store';
   import { useQueryOrder, DESC } from '@/hooks/query-order';
   import UserSelector from '@/components/user/user/selector/index.vue';
-  import HostSelector from '@/components/asset/host/selector/index.vue';
   import MonitorMetricsSelector from '@/components/monitor/metrics/selector/index.vue';
   import AlarmPolicySelector from '@/components/monitor/alarm-policy/selector/index.vue';
   import AlarmEventTableBase from './alarm-event-table-base.vue';
+  import MonitorHostSelector from '@/components/monitor/host/selector/index.vue';
 
-  const emits = defineEmits(['openHandle', 'openClear']);
+  const props = defineProps<{
+    sourceType: string;
+  }>();
 
-  const eventTable = ref();
   const pagination = useTablePagination();
   const { toOptions } = useDictStore();
   const { loading, setLoading } = useLoading();
@@ -139,8 +134,8 @@
   const tableRenderData = ref<Array<AlarmEventQueryResponse>>([]);
   const formModel = reactive<AlarmEventQueryRequest>({
     id: undefined,
+    sourceType: props.sourceType,
     agentKey: undefined,
-    hostId: undefined,
     policyId: undefined,
     metricsId: undefined,
     metricsMeasurement: undefined,
@@ -158,12 +153,7 @@
     fetchTableData();
   };
 
-  // 告警处理回调
-  const alarmHandled = (request: Required<AlarmEventHandleRequest>) => {
-    eventTable.value.alarmHandled(request);
-  };
-
-  defineExpose({ reload, alarmHandled });
+  defineExpose({ reload });
 
   // 加载数据
   const doFetchTableData = async (request: AlarmEventQueryRequest) => {
@@ -186,10 +176,17 @@
   };
 
   onMounted(() => {
-    const key = useRoute().query.key as string;
+    const route = useRoute();
+    const key = route.query.key as string;
     if (key) {
       formModel.id = Number.parseInt(key);
     }
+    // 当前用户
+    const action = route.query.action as string;
+    if (action === 'self') {
+      formModel.handleUserId = useUserStore().id;
+    }
+    // 查询数据
     fetchTableData();
   });
 
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/index.vue b/orion-visor-ui/src/views/monitor/alarm-event/index.vue
index b800870f..e76c98dd 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/index.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-event/index.vue
@@ -1,15 +1,7 @@
 <template>
   <div class="layout-container" v-if="render">
     <!-- 列表-表格 -->
-    <alarm-event-table ref="table"
-                       @open-handle="(e: any) => handleModal.open(e)"
-                       @open-clear="(e: any) => clearModal.open(e)" />
-    <!-- 处理模态框-->
-    <alarm-event-handle-modal ref="handleModal"
-                              @handled="(e: any) => table.alarmHandled(e)" />
-    <!-- 清理模态框-->
-    <alarm-event-clear-modal ref="clearModal"
-                             @clear="() => table.reload()" />
+    <alarm-event-table :source-type="AlarmSourceType.HOST" />
   </div>
 </template>
 
@@ -22,20 +14,18 @@
 <script lang="ts" setup>
   import { ref, onBeforeMount } from 'vue';
   import { useDictStore, useCacheStore } from '@/store';
-  import { dictKeys } from './types/const';
+  import { dictKeys, AlarmSourceType } from './types/const';
   import AlarmEventTable from './components/alarm-event-table.vue';
-  import AlarmEventClearModal from './components/alarm-event-clear-modal.vue';
-  import AlarmEventHandleModal from './components/alarm-event-handle-modal.vue';
 
   const render = ref(false);
-  const table = ref();
-  const handleModal = ref();
-  const clearModal = ref();
 
   onBeforeMount(async () => {
     const cacheStore = useCacheStore();
+    // 加载告警策略
     await cacheStore.loadMonitorAlarmPolicy();
+    // 加载指标列表
     await cacheStore.loadMonitorMetricsList();
+    // 加载字典值
     const dictStore = useDictStore();
     await dictStore.loadKeys(dictKeys);
     render.value = true;
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/types/const.ts b/orion-visor-ui/src/views/monitor/alarm-event/types/const.ts
index 7cc527d7..bcb88446 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/types/const.ts
+++ b/orion-visor-ui/src/views/monitor/alarm-event/types/const.ts
@@ -11,6 +11,12 @@ export const FalseAlarm = {
   FALSE: 0,
 };
 
+// 告警来源类型
+export const AlarmSourceType = {
+  HOST: 'HOST',
+  UPTIME: 'UPTIME',
+};
+
 // 告警条件 字典项
 export const TriggerConditionKey = 'alarmTriggerCondition';
 
diff --git a/orion-visor-ui/src/views/monitor/alarm-event/types/table.columns.ts b/orion-visor-ui/src/views/monitor/alarm-event/types/table.columns.ts
index bdbbe86f..ab5fa0dd 100644
--- a/orion-visor-ui/src/views/monitor/alarm-event/types/table.columns.ts
+++ b/orion-visor-ui/src/views/monitor/alarm-event/types/table.columns.ts
@@ -11,9 +11,9 @@ const columns = [
     fixed: 'left',
     default: true,
   }, {
-    title: '主机信息',
-    dataIndex: 'hostInfo',
-    slotName: 'hostInfo',
+    title: '来源信息',
+    dataIndex: 'sourceInfo',
+    slotName: 'sourceInfo',
     width: 248,
     align: 'left',
     fixed: 'left',
diff --git a/orion-visor-ui/src/views/monitor/alarm-policy/components/alarm-policy-table.vue b/orion-visor-ui/src/views/monitor/alarm-policy/components/alarm-policy-table.vue
index 89a283a3..69ba620d 100644
--- a/orion-visor-ui/src/views/monitor/alarm-policy/components/alarm-policy-table.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-policy/components/alarm-policy-table.vue
@@ -60,11 +60,13 @@
     <!-- table -->
     <a-table row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 策略名称 -->
diff --git a/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-form-drawer.vue b/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-form-drawer.vue
index 28322f78..6fc25c2c 100644
--- a/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-form-drawer.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-form-drawer.vue
@@ -214,7 +214,7 @@
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
-  const { monitorMetrics } = useCacheStore();
+  const cacheStore = useCacheStore();
   const { getDictValue, toOptions } = useDictStore();
 
   const title = ref<string>();
@@ -250,7 +250,7 @@
       return;
     }
     // 获取数据集
-    const measurementValue = (monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.measurement;
+    const measurementValue = (cacheStore.monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.measurement;
     if (!measurementValue) {
       hasTags.value = false;
       return;
@@ -321,7 +321,7 @@
       return '';
     }
     // 读取指标单位
-    const unit = (monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.unit;
+    const unit = (cacheStore.monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.unit;
     if (!unit) {
       return '';
     }
diff --git a/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-table.vue b/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-table.vue
index 26f51f42..997d5eec 100644
--- a/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-table.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-rule/components/alarm-rule-table.vue
@@ -52,11 +52,13 @@
       <!-- table -->
       <a-table row-key="id"
                ref="tableRef"
+               class="table-resize"
                :loading="loading"
                :columns="tableColumns"
                :data="tableRenderData"
                :pagination="false"
-               :bordered="false">
+               :bordered="false"
+               :column-resizable="true">
         <!-- 指标标签 -->
         <template #tags="{ record }">
           <a-tag v-if="record.allEffect === 1">
@@ -165,7 +167,7 @@
 
   const { loading, setLoading } = useLoading();
   const { hasPermission } = usePermission();
-  const { monitorMetrics } = useCacheStore();
+  const cacheStore = useCacheStore();
   const { toOptions, getDictValue } = useDictStore();
   const { tableColumns, columnsHook } = useTableColumns(TableName, columns);
 
@@ -203,7 +205,7 @@
 
   // 获取指标名称
   const getMetricsField = (metricsId: number, field: string) => {
-    return (monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.[field];
+    return (cacheStore.monitorMetrics as Array<MetricsQueryResponse> || []).find(m => m.id === metricsId)?.[field];
   };
 
   // 切换规则开关
diff --git a/orion-visor-ui/src/views/monitor/alarm-rule/index.vue b/orion-visor-ui/src/views/monitor/alarm-rule/index.vue
index 9d636f9f..fe4f4494 100644
--- a/orion-visor-ui/src/views/monitor/alarm-rule/index.vue
+++ b/orion-visor-ui/src/views/monitor/alarm-rule/index.vue
@@ -35,7 +35,9 @@
   };
 
   onBeforeMount(async () => {
+    // 加载规则列表
     await useCacheStore().loadMonitorMetricsList();
+    // 加载字典值
     const dictStore = useDictStore();
     await dictStore.loadKeys(dictKeys);
     render.value = true;
diff --git a/orion-visor-ui/src/views/monitor/metrics/components/metrics-table.vue b/orion-visor-ui/src/views/monitor/metrics/components/metrics-table.vue
index 61eca0d0..f2d56366 100644
--- a/orion-visor-ui/src/views/monitor/metrics/components/metrics-table.vue
+++ b/orion-visor-ui/src/views/monitor/metrics/components/metrics-table.vue
@@ -66,11 +66,13 @@
     <!-- table -->
     <a-table row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 数据集 -->
@@ -81,7 +83,7 @@
       </template>
       <!-- 指标项 -->
       <template #value="{ record }">
-        <span class="span-blue text-copy" @click="copy(record.measurement, true)">
+        <span class="span-blue text-copy" @click="copy(record.value, true)">
           {{ record.value }}
         </span>
       </template>
diff --git a/orion-visor-ui/src/views/monitor/monitor-detail/compoments/metrics-chart.vue b/orion-visor-ui/src/views/monitor/monitor-detail/compoments/metrics-chart.vue
index cdffa233..cd342c44 100644
--- a/orion-visor-ui/src/views/monitor/monitor-detail/compoments/metrics-chart.vue
+++ b/orion-visor-ui/src/views/monitor/monitor-detail/compoments/metrics-chart.vue
@@ -5,7 +5,7 @@
           :loading="loading"
           :bordered="false"
           :header-style="{ height: '48px', padding: '8px 16px 0 16px', borderBottom: 'none' }"
-          :body-style="{ padding: '0 0 0 16px', height: 'calc(100% - 48px)', position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' }">
+          :body-style="{ padding: '0', height: 'calc(100% - 48px)', position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' }">
     <!-- 标题 -->
     <template #title>
       <div class="chart-title">
@@ -61,7 +61,7 @@
     }
     return {
       grid: {
-        left: 64,
+        left: 68,
         right: 24,
         top: 28,
         bottom: 32,
@@ -73,6 +73,14 @@
         zoomOnMouseWheel: true,
         moveOnMouseMove: true,
       }],
+      legend: {
+        show: props.option.legend === true,
+        type: 'scroll',
+        padding: [4, 8, 8, 8],
+        textStyle: {
+          color: themeTextColor,
+        }
+      },
       tooltip: {
         trigger: 'axis',
         appendToBody: true,
@@ -182,13 +190,6 @@
           },
         },
       },
-      legend: {
-        show: props.option.legend === true,
-        type: 'scroll',
-        textStyle: {
-          color: themeTextColor,
-        }
-      },
       series: series.value.map((s, index) => {
         let colors = props.option.colors[index];
         return createTimeSeries({
diff --git a/orion-visor-ui/src/views/monitor/monitor-host/components/monitor-host-table.vue b/orion-visor-ui/src/views/monitor/monitor-host/components/monitor-host-table.vue
index cd90ed45..bc2a27b3 100644
--- a/orion-visor-ui/src/views/monitor/monitor-host/components/monitor-host-table.vue
+++ b/orion-visor-ui/src/views/monitor/monitor-host/components/monitor-host-table.vue
@@ -121,6 +121,7 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="hostId"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :data="tableRenderData"
@@ -128,6 +129,7 @@
              :row-class="setRowClassName"
              :row-selection="rowSelection"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 主机信息 -->
diff --git a/orion-visor-ui/src/views/system/dict-key/components/dict-key-table.vue b/orion-visor-ui/src/views/system/dict-key/components/dict-key-table.vue
index c1a843bb..512bf114 100644
--- a/orion-visor-ui/src/views/system/dict-key/components/dict-key-table.vue
+++ b/orion-visor-ui/src/views/system/dict-key/components/dict-key-table.vue
@@ -90,12 +90,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 配置项 -->
diff --git a/orion-visor-ui/src/views/system/dict-value/components/dict-value-table.vue b/orion-visor-ui/src/views/system/dict-value/components/dict-value-table.vue
index b27938b1..4887f820 100644
--- a/orion-visor-ui/src/views/system/dict-value/components/dict-value-table.vue
+++ b/orion-visor-ui/src/views/system/dict-value/components/dict-value-table.vue
@@ -76,16 +76,18 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 配置项 -->
-      <template #keyName="{record}">
+      <template #keyName="{ record }">
         {{ record.keyName }}<span style="margin: 0 4px;">-</span>{{ record.keyDescription }}
       </template>
       <!-- 配置值 -->
diff --git a/orion-visor-ui/src/views/system/menu/components/menu-table.vue b/orion-visor-ui/src/views/system/menu/components/menu-table.vue
index 271ad83a..4bf1b847 100644
--- a/orion-visor-ui/src/views/system/menu/components/menu-table.vue
+++ b/orion-visor-ui/src/views/system/menu/components/menu-table.vue
@@ -83,13 +83,14 @@
   <!-- 表格 -->
   <a-card class="general-card table-card">
     <a-table row-key="id"
-             class="table-wrapper-16"
              ref="tableRef"
+             class="table-wrapper-16 table-resize"
              :loading="fetchLoading"
              :pagination="false"
              :columns="columns"
              :data="tableRenderData"
-             :bordered="false">
+             :bordered="false"
+             :column-resizable="true">
       <!-- 菜单名称 -->
       <template #menuName="{ record }">
         <span class="ml8">{{ record.name }}</span>
diff --git a/orion-visor-ui/src/views/system/notify-template/components/notify-template-table.vue b/orion-visor-ui/src/views/system/notify-template/components/notify-template-table.vue
index 21d77b95..dbf0d835 100644
--- a/orion-visor-ui/src/views/system/notify-template/components/notify-template-table.vue
+++ b/orion-visor-ui/src/views/system/notify-template/components/notify-template-table.vue
@@ -80,11 +80,13 @@
       <!-- table -->
       <a-table row-key="id"
                ref="tableRef"
+               class="table-resize"
                :loading="loading"
                :columns="tableColumns"
                :data="tableRenderData"
                :pagination="pagination"
                :bordered="false"
+               :column-resizable="true"
                @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
                @page-size-change="(size: number) => fetchTableData(1, size)">
         <!-- 渠道类型 -->
diff --git a/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue b/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
index b7a01ced..d3ad8639 100644
--- a/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
+++ b/orion-visor-ui/src/views/user/operator-log/components/operator-log-simple-table.vue
@@ -2,11 +2,13 @@
   <!-- 表格 -->
   <a-table row-key="id"
            ref="tableRef"
+           class="table-resize"
            :loading="loading"
            :columns="tableColumns"
            :data="tableRenderData"
            :pagination="pagination"
            :bordered="false"
+           :column-resizable="true"
            @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
            @page-size-change="(size: number) => fetchTableData(1, size)">
     <!-- 操作模块 -->
diff --git a/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue b/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue
index ab82da6a..066d56ac 100644
--- a/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue
+++ b/orion-visor-ui/src/views/user/operator-log/components/operator-log-table.vue
@@ -54,12 +54,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :row-selection="rowSelection"
              :columns="tableColumns"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 操作模块 -->
diff --git a/orion-visor-ui/src/views/user/role/components/role-table.vue b/orion-visor-ui/src/views/user/role/components/role-table.vue
index 68197ef7..5447e3cc 100644
--- a/orion-visor-ui/src/views/user/role/components/role-table.vue
+++ b/orion-visor-ui/src/views/user/role/components/role-table.vue
@@ -66,11 +66,13 @@
     <!-- table -->
     <a-table row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 编码 -->
diff --git a/orion-visor-ui/src/views/user/user/components/user-table.vue b/orion-visor-ui/src/views/user/user/components/user-table.vue
index 26b6477b..198b5d49 100644
--- a/orion-visor-ui/src/views/user/user/components/user-table.vue
+++ b/orion-visor-ui/src/views/user/user/components/user-table.vue
@@ -101,12 +101,14 @@
     <a-table v-model:selected-keys="selectedKeys"
              row-key="id"
              ref="tableRef"
+             class="table-resize"
              :loading="loading"
              :columns="tableColumns"
              :row-selection="rowSelection"
              :data="tableRenderData"
              :pagination="pagination"
              :bordered="false"
+             :column-resizable="true"
              @page-change="(page: number) => fetchTableData(page, pagination.pageSize)"
              @page-size-change="(size: number) => fetchTableData(1, size)">
       <!-- 用户名 -->
@@ -126,7 +128,7 @@
                   :unchecked-text="getDictValue(userStatusKey, UserStatus.DISABLED)"
                   :checked-value="UserStatus.ENABLED"
                   :unchecked-value="UserStatus.DISABLED"
-                  :before-change="(s) => updateStatus(record.id, s as number)" />
+                  :before-change="(s: any) => updateStatus(record.id, s as number)" />
         <!-- 无修改权限 -->
         <span v-else>
           <span class="circle" :style="{