diff --git a/src/layouts/modules/global-header/components/user-avatar.vue b/src/layouts/modules/global-header/components/user-avatar.vue
index 1f0796c..470e95f 100644
--- a/src/layouts/modules/global-header/components/user-avatar.vue
+++ b/src/layouts/modules/global-header/components/user-avatar.vue
@@ -4,6 +4,7 @@ import type { VNode } from 'vue';
 import { useAuthStore } from '@/store/modules/auth';
 import { useRouterPush } from '@/hooks/common/router';
 import { useSvgIcon } from '@/hooks/common/icon';
+import { localStg } from '@/utils/storage';
 
 defineOptions({
   name: 'UserAvatar'
@@ -80,7 +81,7 @@ function handleDropdown(key: DropdownKey) {
     <div>
       <ButtonIcon>
         <SvgIcon icon="ph:user-circle" class="text-icon-large" />
-        <span class="text-16px font-medium">{{ authStore.userInfo.username }}</span>
+        <span class="text-16px font-medium">{{ localStg.get('userInfo')?.username }}</span>
       </ButtonIcon>
     </div>
   </NDropdown>
diff --git a/src/service/api/system.ts b/src/service/api/system.ts
index 2c454e7..ccad3c1 100644
--- a/src/service/api/system.ts
+++ b/src/service/api/system.ts
@@ -77,3 +77,12 @@ export function deleteTemplateApi(id:number) {
   });
 }
 
+// 获取风险矩阵配置
+export function matrixConfigApi(bizType:string) {
+  return request({
+    url: `/api/risk-matrix/${bizType}`,
+    method: 'get',
+  });
+}
+
+
diff --git a/src/store/modules/route/index.ts b/src/store/modules/route/index.ts
index 415a4d6..3f221d8 100644
--- a/src/store/modules/route/index.ts
+++ b/src/store/modules/route/index.ts
@@ -198,7 +198,7 @@ export const useRouteStore = defineStore(SetupStoreId.Route, () => {
    * @param {string} parentPath - 父级路径（用于拼接相对路径，本例中所有路径都是绝对路径，可忽略）
    * @returns {Array} 过滤后的路由数组
    */
-  function filterRoutesByPaths(routes: ElegantConstRoute[], allowedPaths: string[], parentPath = '') {
+  function filterRoutesByPaths(routes: ElegantConstRoute[], allowedPaths: string[], parentPath = ''):any {
     const result = [];
     const pathSet = new Set(allowedPaths);
 
diff --git a/src/utils/service.ts b/src/utils/service.ts
index 58652bd..55a60a9 100644
--- a/src/utils/service.ts
+++ b/src/utils/service.ts
@@ -5,7 +5,7 @@ import json5 from 'json5';
  *
  * @param env The current env
  */
-let url = 'http://192.168.0.230:8086';
+let url = '';
 export function createServiceConfig(env: Env.ImportMeta) {
   const { VITE_SERVICE_BASE_URL, VITE_OTHER_SERVICE_BASE_URL } = env;
 
@@ -19,7 +19,8 @@ export function createServiceConfig(env: Env.ImportMeta) {
   if(env.DEV){
     url = 'http://192.168.0.230:8086';
   }else{
-    url = window.location.origin;
+    // url = window.location.origin;
+    url = 'http://192.168.0.230:8086';
   }
   const httpConfig: App.Service.SimpleServiceConfig = {
     baseURL: url,
diff --git a/src/views/systemManage/setting/index.vue b/src/views/systemManage/setting/index.vue
index dff2005..f26513c 100644
--- a/src/views/systemManage/setting/index.vue
+++ b/src/views/systemManage/setting/index.vue
@@ -4,7 +4,14 @@ import { useAppStore } from '@/store/modules/app';
 import { Icon } from '@iconify/vue'
 import { useThemeStore } from '@/store/modules/theme';
 import { getColorWithOpacity, tagTextColor, tagBgColor, tagBorderColor } from '@/utils/common';
-import { systemConfigApi, addSystemConfigApi, editSystemConfigApi, deleteSystemConfigApi, updateConfigApi } from '@/service/api/system';
+import { 
+    systemConfigApi, 
+    addSystemConfigApi, 
+    editSystemConfigApi, 
+    deleteSystemConfigApi, 
+    updateConfigApi,
+    matrixConfigApi
+} from '@/service/api/system';
 
 const appStore = useAppStore();
 const themeStore = useThemeStore();
@@ -287,23 +294,18 @@ const saveRule = async () => {
 
 const dimensionModal = ref<boolean>(false);
 const dimensionLoading = ref<boolean>(false);
-const dimForm = ref({ s: [], l: [] });
-const LV_CLS = [
-  "border-emerald-300 bg-emerald-100 text-emerald-700",
-  "border-yellow-300 bg-yellow-100 text-yellow-700",
-  "border-orange-300 bg-orange-100 text-orange-700",
-  "border-red-300 bg-red-100 text-red-700",
-];
+const dimForm = ref<{s:string[], l:string[]}>({ s: [], l: [] });
+// 默认风险矩阵维度分级定义
 const matrices = ref([
   {
     tool: "HAZOP",
     sLabels: ["轻微", "一般", "较重", "严重", "灾难"],
     lLabels: ["极少发生", "较少发生", "偶尔发生", "可能发生", "频繁发生"],
     levels: [
-      { name: "低", min: 1, max: 4, cls: LV_CLS[0] },
-      { name: "一般", min: 5, max: 9, cls: LV_CLS[1] },
-      { name: "较大", min: 10, max: 16, cls: LV_CLS[2] },
-      { name: "重大", min: 17, max: 25, cls: LV_CLS[3] },
+      { name: "低", min: 1, max: 4, bgColor:'#d1fae5', color:'#047857' },
+      { name: "一般", min: 5, max: 9, bgColor:'#fef9c3', color:'#c27707' }, 
+      { name: "较大", min: 10, max: 16, bgColor:'#fee2e2', color:'#c2410c' },
+      { name: "重大", min: 17, max: 25, bgColor:'#fff3cd', color:'#b91c1c' },
     ],
   },
   {
@@ -311,10 +313,10 @@ const matrices = ref([
     sLabels: ["轻微伤害", "轻伤", "重伤", "单人死亡", "多人死亡"],
     lLabels: ["极不可能", "不太可能", "有可能", "较可能", "很可能"],
     levels: [
-      { name: "低", min: 1, max: 6, cls: LV_CLS[0] },
-      { name: "一般", min: 7, max: 12, cls: LV_CLS[1] },
-      { name: "较大", min: 13, max: 19, cls: LV_CLS[2] },
-      { name: "重大", min: 20, max: 25, cls: LV_CLS[3] },
+      { name: "低", min: 1, max: 6, bgColor:'#d1fae5', color:'#047857' },
+      { name: "一般", min: 7, max: 12, bgColor:'#fef9c3', color:'#c27707' },
+      { name: "较大", min: 13, max: 19, bgColor:'#fee2e2', color:'#c2410c' },
+      { name: "重大", min: 20, max: 25, bgColor:'#fff3cd', color:'#b91c1c' },
     ],
   },
   {
@@ -322,20 +324,43 @@ const matrices = ref([
     sLabels: ["轻微影响", "一般影响", "较大影响", "严重影响", "灾难性影响"],
     lLabels: ["极少", "较少", "偶尔", "可能", "经常"],
     levels: [
-      { name: "低", min: 1, max: 2, cls: LV_CLS[0] },
-      { name: "一般", min: 3, max: 6, cls: LV_CLS[1] },
-      { name: "较大", min: 7, max: 12, cls: LV_CLS[2] },
-      { name: "重大", min: 13, max: 25, cls: LV_CLS[3] },
+      { name: "低", min: 1, max: 2, bgColor:'#d1fae5', color:'#047857' },
+      { name: "一般", min: 3, max: 6, bgColor:'#fef9c3', color:'#c27707' },
+      { name: "较大", min: 7, max: 12, bgColor:'#fee2e2', color:'#c2410c' },
+      { name: "重大", min: 13, max: 25, bgColor:'#fff3cd', color:'#b91c1c' },
     ],
   },
 ]);
+// 当前选中的风险矩阵索引
 const activeMatrix = ref(0);
-const curMatrix = computed(() => matrices.value[activeMatrix.value]);
+// 当前选中的风险矩阵
+const curMatrix = ref<any>(null);
 const cellScore = (s:number, l:number) => (s + 1) * (l + 1);
 const cellLevel = (s:number, l:number) => {
   const sc = cellScore(s, l);
-  return curMatrix.value.levels.find((lv:{min:number,max:number}) => sc >= lv.min && sc <= lv.max);
+  return curMatrix.value?.levels.find((lv:{min:number,max:number}) => sc >= lv.min && sc <= lv.max);
 }
+
+// 风险矩阵tabs切换
+const handleTabChange = (v: number) => {
+  activeMatrix.value = v;
+  curMatrix.value = matrices.value[v];
+}
+
+// 打开风险矩阵编辑弹窗
+const openDimEdit = () => {
+  dimForm.value = { s: [...curMatrix.value?.sLabels], l: [...curMatrix.value?.lLabels] };
+  dimensionModal.value = true;
+}
+// 添加后果严重性 S
+const addS = () => {
+    dimForm.value.s.push("");
+}
+// 添加发生可能性 L
+const addL = () => {
+    dimForm.value.l.push("");
+}
+// 矩阵维度分级定义保存
 const dimensionSave = () => {
     dimensionLoading.value = true;
     setTimeout(() => {
@@ -344,15 +369,6 @@ const dimensionSave = () => {
         dimensionModal.value = false;
     }, 1000);
 }
-const openDimEdit = () => {
-  dimForm.value = { s: [...curMatrix.value.sLabels], l: [...curMatrix.value.lLabels] };
-  dimensionModal.value = true;
-}
-
-// tabs 切换
-const handleTabChange = (v: number) => {
-  activeMatrix.value = v;
-}
 
 // 获取配置
 const getConfig = async () => {
@@ -389,461 +405,516 @@ const getConfig = async () => {
     }
 }
 
+// 获取风险矩阵配置
+const matrixConfig = async () => {
+    const {data,error} = await matrixConfigApi(curMatrix.value?.tool);
+    if(!error){
+        console.log(data);
+    }
+}
+
 onMounted(() => {
-  getConfig();
+    curMatrix.value = matrices.value[activeMatrix.value];
+    matrixConfig();
+    getConfig();
 })
 
 </script>
 
 <template>
-<NSpace vertical :size="16">
-    <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
-        <!-- AI 辅助功能 -->
-        <NGi span="24 s:24 m:24 l:12">
-        <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
-            :style="{ 
-                borderRadius: themeStore.themeRadius + 'px', 
-                height: '100%',
-                '--success-color': themeStore.otherColor.success,
-                '--warning-color': themeStore.otherColor.warning,
-                '--success-bg': getColorWithOpacity(themeStore.otherColor.success, 0.1),
-                '--warning-bg': getColorWithOpacity(themeStore.otherColor.warning, 0.1),
-            }"
-        >
-                <p class=" text-base font-semibold border-b border-slate-100 p-3 flex items-center">
-                    <Icon icon="lucide:sparkles" class="size-14px text-violet-500 mr-1" />AI 辅助功能
-                </p>
-                <div class="py-3 px-4">
-                    <template v-for="item in aiConfig" :key="item.item_key">
-                        <div v-if="item.item_key==='enabled'" class="rounded-lg border p-4">
-                            <div class="flex items-center justify-between">
-                                <div class="text-sm font-medium">{{item.label}}</div>
-                                <NSwitch size="small" :value="item.value==='1'" :loading="switchLoading" @update:value="(v)=>toggle(v,item)" />
-                            </div>
-                            <div class="mt-1 text-xs text-slate-500">
-                                {{item.remark}}
-                            </div>
-                        </div>
-                        <div v-if="item.item_key==='enabled'" class="mt-3 flex items-center gap-2 rounded-lg px-3 py-2 text-xs"
-                            :class="item.value==='1' ? 'bg-[var(--success-bg)] text-[var(--success-color)]' : 'bg-[var(--warning-bg)] text-[var(--warning-color)]'">   
-                            <Icon v-if="item.value==='1'" icon="material-symbols:check-circle-outline" class="size-16px" />
-                            <Icon v-else icon="proicons:alert-triangle" class="size-16px" />
-                            当前状态：{{ item.value==='1' ? "已启用 —— 变更申请界面提供 AI 变更识别与申请表生成" : "已关闭 —— 变更申请界面为纯手动模式" }}
-                        </div>
-                    </template>
-                    <div class="space-y-2 border rounded-md p-3 mt-3">
-                        <div class="flex items-center">
-                            <Icon icon="bx:plug" class="size-14px text-slate-400 mr-1" />
-                            AI 接口配置
-                        </div>
-                        <template v-for="item in aiConfig" :key="item.item_key">
-                            <div v-if="item.item_key==='api_url'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NInput v-model:value="item.value" placeholder="请输入接口地址" />
-                                </div>
-                            </div>
-                            <div v-if="item.item_key==='model'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NSelect v-model:value="item.value" :options="modeOptions"  placeholder="请选择模型" />
-                                </div>
-                            </div>
-                            <div v-if="item.item_key==='api_key'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NInput v-model:value="item.value" placeholder="请输入API Key" />
-                                </div>
-                            </div>
-                            <div v-if="item.item_key==='timeout_seconds'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NInputNumber v-model:value="item.value" :min="1" :show-button="false" :precision="0" placeholder="请输入超时时间" />
-                                </div>
-                            </div>
-                        </template>
-                        <!-- <div class="flex items-center gap-3">
-                            <NButton size="small" type="primary" class="text-xs" :loading="testing" @click="testConn">测试连接</NButton>
-                            <NButton size="small" class="text-xs" @click="saveAiCfg">保存配置</NButton>
-                            <NButton size="small" class="text-xs" @click="showLog = true">
-                                <Icon icon="akar-icons:file" class="size-14px mr-1" />
-                                调用记录查询
-                            </NButton>
-                        </div> -->
-                    </div>
-                </div>
-        </NCard>
-        </NGi>
-        <!-- 变更类型设置（支持自定义） -->
-        <NGi span="24 s:24 m:24 l:12">
-            <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
-                <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
-                    <div class="flex items-center">
-                        <Icon icon="ep:setting" class="size-16px mr-1" />
-                        变更类型设置（支持自定义）
-                    </div>
-                    <NButton size="small" type="primary" class="text-xs" @click="addType">
-                        <Icon icon="ic:round-plus" class="size-16px" />新增类型
-                    </NButton>
-                </div>
-                <div class="py-3 px-4">
-                    <div v-if="typeList.length" class="border rounded-md">
-                        <template v-for="(item,index) in typeList" :key="item.id">
-                            <div class="p-3 flex items-center gap-2" :class="{'border-t':index !== 0}">
-                                <div class="flex-1 flex gap-2">
-                                    <NTag 
-                                        size="small"
-                                        :color="{
-                                            color: tagBgColor(item.color),
-                                            textColor: tagTextColor(item.color),
-                                            borderColor: tagBorderColor(item.color),
-                                        }"
-                                    >{{item.label}}</NTag>
-                                    <p class="flex-1">{{item.remark}}</p>
-                                </div>
-                                <div class="flex items-center gap-2">
-                                    <NButton text type="primary" class="text-xs" @click="editType(item)">
-                                        <Icon icon="akar-icons:edit" class="size-14px" />编辑
-                                    </NButton>
-                                    <NPopconfirm
-                                        positive-text="确定"
-                                        :positiveButtonProps="{ size: 'tiny' }"
-                                        :negativeButtonProps="{ size: 'tiny' }"
-                                        @positive-click="deleteType(item.id)"
-                                    >
-                                        <template #trigger>
-                                            <NButton text type="error" class="text-xs">
-                                                <Icon icon="ep:delete" class="size-12px" />删除
-                                            </NButton>
-                                        </template>
-                                        确定删除吗？
-                                    </NPopconfirm>
-                                </div>
-                            </div>
-                        </template>
-                    </div>
-                    <div v-else>
-                        <NEmpty description="暂无变更类型"></NEmpty>
-                    </div>
-                    <p class="mt-3 text-xs text-slate-400">每个类型可关联默认审批流程模板、材料清单模板和 PSSR 检查模板;历史变更单保留原类型快照，不受修改/删除影响。</p>
-                </div>
-            </NCard>
-        </NGi>
-    </NGrid>
-    <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
-        <!-- 变更等级设定（支持自定义） -->
-        <NGi span="24 s:24 m:24 l:12">
+<div>
+    <NSpace vertical :size="16">
+        <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
+            <!-- AI 辅助功能 -->
+            <NGi span="24 s:24 m:24 l:12">
             <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
                 :style="{ 
-                borderRadius: themeStore.themeRadius + 'px', 
-                height: '100%',
-                '--theme-color': themeStore.themeColor,
-                '--warning-color': themeStore.otherColor.warning,
-                '--error-color': themeStore.otherColor.error,
+                    borderRadius: themeStore.themeRadius + 'px', 
+                    height: '100%',
+                    '--success-color': themeStore.otherColor.success,
+                    '--warning-color': themeStore.otherColor.warning,
+                    '--success-bg': getColorWithOpacity(themeStore.otherColor.success, 0.1),
+                    '--warning-bg': getColorWithOpacity(themeStore.otherColor.warning, 0.1),
                 }"
             >
-                <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
-                    <div class="flex items-center">
-                        <Icon icon="ep:setting" class="size-16px mr-1" />
-                        变更等级设定（支持自定义）
-                    </div>
-                    <NButton size="small" type="primary" class="text-xs" @click="addLevel">
-                        <Icon icon="ic:round-plus" class="size-16px" />新增等级
-                    </NButton>
-                </div>
-                <div class="py-3 px-4">
-                    <div v-if="levelList.length" class="space-y-2">
-                        <div v-for="item in levelList" :key="item.id" class="border rounded-md p-3">
-                            <div class="flex items-center">
-                                <div class="flex-1 flex items-center gap-2">
-
-                                    <NTag
-                                        size="small"
-                                        :color="{
-                                            color: tagBgColor(item.color),
-                                            textColor: tagTextColor(item.color),
-                                            borderColor: tagBorderColor(item.color),
-                                        }"
-                                    >
-                                    {{item.label}}
-                                    </NTag>
-                                    <p class="flex-1">判定方式：<b>{{item.remark}}</b></p>
+                    <p class=" text-base font-semibold border-b border-slate-100 p-3 flex items-center">
+                        <Icon icon="lucide:sparkles" class="size-14px text-violet-500 mr-1" />AI 辅助功能
+                    </p>
+                    <div class="py-3 px-4">
+                        <template v-for="item in aiConfig" :key="item.item_key">
+                            <div v-if="item.item_key==='enabled'" class="rounded-lg border p-4">
+                                <div class="flex items-center justify-between">
+                                    <div class="text-sm font-medium">{{item.label}}</div>
+                                    <NSwitch size="small" :value="item.value==='1'" :loading="switchLoading" @update:value="(v)=>toggle(v,item)" />
                                 </div>
-                                <div class="flex items-center gap-2">
-                                    <NButton text type="primary" class="text-xs" @click="editLevel(item)">
-                                        <Icon icon="akar-icons:edit" class="size-14px" />编辑
-                                    </NButton>
-                                    <NPopconfirm
-                                        positive-text="确定"
-                                        :positiveButtonProps="{ size: 'tiny' }"
-                                        :negativeButtonProps="{ size: 'tiny' }"
-                                        @positive-click="deleteLevel(item.id)"
-                                    >
-                                        <template #trigger>
-                                            <NButton text type="error" class="text-xs">
-                                                <Icon icon="ep:delete" class="size-12px" />删除
-                                            </NButton>
-                                        </template>
-                                        确定删除吗？
-                                    </NPopconfirm>
+                                <div class="mt-1 text-xs text-slate-500">
+                                    {{item.remark}}
                                 </div>
                             </div>
-                            <!-- <div class="flex flex-wrap mt-2">
-                                <p>对应分析工具：</p>
-                                <div class="flex items-center flex-wrap gap-2">
-                                    <NTag v-for="tool in item.tools" :key="tool.id" size="small" type="info">{{tool.name}}</NTag>
+                            <div v-if="item.item_key==='enabled'" class="mt-3 flex items-center gap-2 rounded-lg px-3 py-2 text-xs"
+                                :class="item.value==='1' ? 'bg-[var(--success-bg)] text-[var(--success-color)]' : 'bg-[var(--warning-bg)] text-[var(--warning-color)]'">   
+                                <Icon v-if="item.value==='1'" icon="material-symbols:check-circle-outline" class="size-16px" />
+                                <Icon v-else icon="proicons:alert-triangle" class="size-16px" />
+                                当前状态：{{ item.value==='1' ? "已启用 —— 变更申请界面提供 AI 变更识别与申请表生成" : "已关闭 —— 变更申请界面为纯手动模式" }}
+                            </div>
+                        </template>
+                        <div class="space-y-2 border rounded-md p-3 mt-3">
+                            <div class="flex items-center">
+                                <Icon icon="bx:plug" class="size-14px text-slate-400 mr-1" />
+                                AI 接口配置
+                            </div>
+                            <template v-for="item in aiConfig" :key="item.item_key">
+                                <div v-if="item.item_key==='api_url'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NInput v-model:value="item.value" placeholder="请输入接口地址" />
+                                    </div>
                                 </div>
+                                <div v-if="item.item_key==='model'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NSelect v-model:value="item.value" :options="modeOptions"  placeholder="请选择模型" />
+                                    </div>
+                                </div>
+                                <div v-if="item.item_key==='api_key'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NInput v-model:value="item.value" placeholder="请输入API Key" />
+                                    </div>
+                                </div>
+                                <div v-if="item.item_key==='timeout_seconds'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NInputNumber v-model:value="item.value" :min="1" :show-button="false" :precision="0" placeholder="请输入超时时间" />
+                                    </div>
+                                </div>
+                            </template>
+                            <!-- <div class="flex items-center gap-3">
+                                <NButton size="small" type="primary" class="text-xs" :loading="testing" @click="testConn">测试连接</NButton>
+                                <NButton size="small" class="text-xs" @click="saveAiCfg">保存配置</NButton>
+                                <NButton size="small" class="text-xs" @click="showLog = true">
+                                    <Icon icon="akar-icons:file" class="size-14px mr-1" />
+                                    调用记录查询
+                                </NButton>
                             </div> -->
                         </div>
                     </div>
-                    <div v-else>
-                        <NEmpty description="暂无变更等级"></NEmpty>
-                    </div>
-                    <p class="mt-3 text-xs text-slate-400">等级决定审批流程、风险分析深度与会签范围;申请时系统按判定方式自动定级并推荐对应分析工具，支持人工改判留痕。勾选 HAZOP/JSA/SCL的风险定级规则见下方「风险矩阵设置」。</p>
-                </div>
             </NCard>
-        </NGi>
-        <!-- 变更编号规则 -->
-        <NGi span="24 s:24 m:24 l:12">
-            <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
-                :style="{ 
-                borderRadius: themeStore.themeRadius + 'px', 
-                height: '100%',
-                '--theme-color': themeStore.themeColor,
-                '--warning-color': themeStore.otherColor.warning,
-                '--error-color': themeStore.otherColor.error,
-                }"
-            >
-                <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
-                    <div class="flex items-center">
-                        <Icon icon="ep:setting" class="size-16px mr-1" />
-                        变更编号规则
+            </NGi>
+            <!-- 变更类型设置（支持自定义） -->
+            <NGi span="24 s:24 m:24 l:12">
+                <NCard :bordered="true" size="small" :content-style="{padding: 0}" :style="{ borderRadius: themeStore.themeRadius + 'px', height: '100%' }">
+                    <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
+                        <div class="flex items-center">
+                            <Icon icon="ep:setting" class="size-16px mr-1" />
+                            变更类型设置（支持自定义）
+                        </div>
+                        <NButton size="small" type="primary" class="text-xs" @click="addType">
+                            <Icon icon="ic:round-plus" class="size-16px" />新增类型
+                        </NButton>
                     </div>
-                </div>
-                <div class="py-3 px-4">
-                    <div class="space-y-2">
-                        <template v-for="item in ruleConfig" :key="item.item_key">
-                            <div v-if="item.item_key==='prefix'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NInput v-model:value="item.value" :placeholder="`请输入${item.label}`" />
+                    <div class="py-3 px-4">
+                        <div v-if="typeList.length" class="border rounded-md">
+                            <template v-for="(item,index) in typeList" :key="item.id">
+                                <div class="p-3 flex items-center gap-2" :class="{'border-t':index !== 0}">
+                                    <div class="flex-1 flex gap-2">
+                                        <NTag 
+                                            size="small"
+                                            :color="{
+                                                color: tagBgColor(item.color),
+                                                textColor: tagTextColor(item.color),
+                                                borderColor: tagBorderColor(item.color),
+                                            }"
+                                        >{{item.label}}</NTag>
+                                        <p class="flex-1">{{item.remark}}</p>
+                                    </div>
+                                    <div class="flex items-center gap-2">
+                                        <NButton text type="primary" class="text-xs" @click="editType(item)">
+                                            <Icon icon="akar-icons:edit" class="size-14px" />编辑
+                                        </NButton>
+                                        <NPopconfirm
+                                            positive-text="确定"
+                                            :positiveButtonProps="{ size: 'tiny' }"
+                                            :negativeButtonProps="{ size: 'tiny' }"
+                                            @positive-click="deleteType(item.id)"
+                                        >
+                                            <template #trigger>
+                                                <NButton text type="error" class="text-xs">
+                                                    <Icon icon="ep:delete" class="size-12px" />删除
+                                                </NButton>
+                                            </template>
+                                            确定删除吗？
+                                        </NPopconfirm>
+                                    </div>
                                 </div>
-                            </div>
-                            <div v-if="item.item_key==='year_format'" class="flex items-center">
-                                <p class="w-100px text-left">年份格式</p>
-                                <div class="flex-1">
-                                    <NSelect v-model:value="item.value" :options="yearOptions"  :placeholder="`请选择${item.label}`" />
+                            </template>
+                        </div>
+                        <div v-else>
+                            <NEmpty description="暂无变更类型"></NEmpty>
+                        </div>
+                        <p class="mt-3 text-xs text-slate-400">每个类型可关联默认审批流程模板、材料清单模板和 PSSR 检查模板;历史变更单保留原类型快照，不受修改/删除影响。</p>
+                    </div>
+                </NCard>
+            </NGi>
+        </NGrid>
+        <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
+            <!-- 变更等级设定（支持自定义） -->
+            <NGi span="24 s:24 m:24 l:12">
+                <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+                    :style="{ 
+                    borderRadius: themeStore.themeRadius + 'px', 
+                    height: '100%',
+                    '--theme-color': themeStore.themeColor,
+                    '--warning-color': themeStore.otherColor.warning,
+                    '--error-color': themeStore.otherColor.error,
+                    }"
+                >
+                    <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
+                        <div class="flex items-center">
+                            <Icon icon="ep:setting" class="size-16px mr-1" />
+                            变更等级设定（支持自定义）
+                        </div>
+                        <NButton size="small" type="primary" class="text-xs" @click="addLevel">
+                            <Icon icon="ic:round-plus" class="size-16px" />新增等级
+                        </NButton>
+                    </div>
+                    <div class="py-3 px-4">
+                        <div v-if="levelList.length" class="space-y-2">
+                            <div v-for="item in levelList" :key="item.id" class="border rounded-md p-3">
+                                <div class="flex items-center">
+                                    <div class="flex-1 flex items-center gap-2">
+    
+                                        <NTag
+                                            size="small"
+                                            :color="{
+                                                color: tagBgColor(item.color),
+                                                textColor: tagTextColor(item.color),
+                                                borderColor: tagBorderColor(item.color),
+                                            }"
+                                        >
+                                        {{item.label}}
+                                        </NTag>
+                                        <p class="flex-1">判定方式：<b>{{item.remark}}</b></p>
+                                    </div>
+                                    <div class="flex items-center gap-2">
+                                        <NButton text type="primary" class="text-xs" @click="editLevel(item)">
+                                            <Icon icon="akar-icons:edit" class="size-14px" />编辑
+                                        </NButton>
+                                        <NPopconfirm
+                                            positive-text="确定"
+                                            :positiveButtonProps="{ size: 'tiny' }"
+                                            :negativeButtonProps="{ size: 'tiny' }"
+                                            @positive-click="deleteLevel(item.id)"
+                                        >
+                                            <template #trigger>
+                                                <NButton text type="error" class="text-xs">
+                                                    <Icon icon="ep:delete" class="size-12px" />删除
+                                                </NButton>
+                                            </template>
+                                            确定删除吗？
+                                        </NPopconfirm>
+                                    </div>
                                 </div>
+                                <!-- <div class="flex flex-wrap mt-2">
+                                    <p>对应分析工具：</p>
+                                    <div class="flex items-center flex-wrap gap-2">
+                                        <NTag v-for="tool in item.tools" :key="tool.id" size="small" type="info">{{tool.name}}</NTag>
+                                    </div>
+                                </div> -->
                             </div>
-                            <div v-if="item.item_key==='unit_code'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NSelect v-model:value="item.value" :options="codeOptions"  :placeholder="`请选择${item.label}`" />
-                                </div>
-                            </div>
-                            <div v-if="item.item_key==='seq_length'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NInputNumber v-model:value="item.value" :min="1" :show-button="false" :precision="0" :placeholder="`请输入${item.label}`" />
-                                </div>
-                            </div>
-                            <div v-if="item.item_key==='seq_reset'" class="flex items-center">
-                                <p class="w-100px text-left">{{item.label}}</p>
-                                <div class="flex-1">
-                                    <NSelect v-model:value="item.value" :options="ruleOptions"  :placeholder="`请选择${item.label}`" />
-                                </div>
-                            </div>
-                        </template>
-                        <div class="flex items-center p-3 bg-[#f8fafc] rounded-md">
-                            <span>编号示例预览：</span>
-                            <span class="text-[var(--theme-color)]">{{previewNumber}}</span>
-                            <NButton size="small" type="primary" class="text-xs ml-auto" :loading="ruleLoading" @click="saveRule">保存规则</NButton>
+                        </div>
+                        <div v-else>
+                            <NEmpty description="暂无变更等级"></NEmpty>
+                        </div>
+                        <p class="mt-3 text-xs text-slate-400">等级决定审批流程、风险分析深度与会签范围;申请时系统按判定方式自动定级并推荐对应分析工具，支持人工改判留痕。勾选 HAZOP/JSA/SCL的风险定级规则见下方「风险矩阵设置」。</p>
+                    </div>
+                </NCard>
+            </NGi>
+            <!-- 变更编号规则 -->
+            <NGi span="24 s:24 m:24 l:12">
+                <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+                    :style="{ 
+                    borderRadius: themeStore.themeRadius + 'px', 
+                    height: '100%',
+                    '--theme-color': themeStore.themeColor,
+                    '--warning-color': themeStore.otherColor.warning,
+                    '--error-color': themeStore.otherColor.error,
+                    }"
+                >
+                    <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
+                        <div class="flex items-center">
+                            <Icon icon="ep:setting" class="size-16px mr-1" />
+                            变更编号规则
                         </div>
                     </div>
-                    <p class="mt-3 text-xs text-slate-400">保存草稿即预占编号，提交后正式生效;规则修改不影响历史单据编号。</p>
-                </div>
-            </NCard>
-        </NGi>
-    </NGrid>
-    <!-- 风险矩阵设置（按分析方法） -->
-    <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
-        <NGi span="24 s:24 m:24 l:24">
-            <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
-                :style="{ 
-                borderRadius: themeStore.themeRadius + 'px', 
-                height: '100%',
-                '--theme-color': themeStore.themeColor,
-                '--warning-color': themeStore.otherColor.warning,
-                '--error-color': themeStore.otherColor.error,
-                }"
-            >
-                <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
-                    <div class="flex items-center">
-                        <Icon icon="icon-park-outline:all-application" class="size-16px mr-1" />
-                        风险矩阵设置（按分析方法）
+                    <div class="py-3 px-4">
+                        <div class="space-y-2">
+                            <template v-for="item in ruleConfig" :key="item.item_key">
+                                <div v-if="item.item_key==='prefix'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NInput v-model:value="item.value" :placeholder="`请输入${item.label}`" />
+                                    </div>
+                                </div>
+                                <div v-if="item.item_key==='year_format'" class="flex items-center">
+                                    <p class="w-100px text-left">年份格式</p>
+                                    <div class="flex-1">
+                                        <NSelect v-model:value="item.value" :options="yearOptions"  :placeholder="`请选择${item.label}`" />
+                                    </div>
+                                </div>
+                                <div v-if="item.item_key==='unit_code'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NSelect v-model:value="item.value" :options="codeOptions"  :placeholder="`请选择${item.label}`" />
+                                    </div>
+                                </div>
+                                <div v-if="item.item_key==='seq_length'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NInputNumber v-model:value="item.value" :min="1" :show-button="false" :precision="0" :placeholder="`请输入${item.label}`" />
+                                    </div>
+                                </div>
+                                <div v-if="item.item_key==='seq_reset'" class="flex items-center">
+                                    <p class="w-100px text-left">{{item.label}}</p>
+                                    <div class="flex-1">
+                                        <NSelect v-model:value="item.value" :options="ruleOptions"  :placeholder="`请选择${item.label}`" />
+                                    </div>
+                                </div>
+                            </template>
+                            <div class="flex items-center p-3 bg-[#f8fafc] rounded-md">
+                                <span>编号示例预览：</span>
+                                <span class="text-[var(--theme-color)]">{{previewNumber}}</span>
+                                <NButton size="small" type="primary" class="text-xs ml-auto" :loading="ruleLoading" @click="saveRule">保存规则</NButton>
+                            </div>
+                        </div>
+                        <p class="mt-3 text-xs text-slate-400">保存草稿即预占编号，提交后正式生效;规则修改不影响历史单据编号。</p>
                     </div>
-                    <NButton size="small" class="text-xs" @click="openDimEdit">
-                        <Icon icon="akar-icons:edit" class="size-14px mr-1" />
-                        维度分级定义
-                    </NButton>
-                    <NButton size="small" type="primary" class="text-xs">
-                        保存矩阵
-                    </NButton>
-                </div>
-                <div class="py-3 px-4">
-                    <NTabs type="segment" animated :on-update:value="handleTabChange">
-                        <NTabPane :name="0" tab="HAZOP分析矩阵">
-                            <div class="flex flex-wrap items-start gap-6">
-                                <div class="shrink-0">
-                                    <table class="border-collapse text-center text-[11px]">
-                                        <thead>
-                                        <tr>
-                                            <th class="px-1"></th>
-                                            <th v-for="(lb, li) in curMatrix.lLabels" :key="li" class="px-0.5 pb-1 font-normal leading-tight text-slate-500">
-                                            L{{ li + 1 }}<br />{{ lb }}
-                                            </th>
-                                        </tr>
-                                        </thead>
-                                        <tbody>
-                                        <tr v-for="row in 5" :key="row">
-                                            <td class="whitespace-nowrap pr-1.5 text-right leading-tight text-slate-500">S{{ 6 - row }} {{ curMatrix.sLabels[5 - row] }}</td>
-                                            <td v-for="col in 5" :key="col" class="p-0.5">
-                                            <div class="flex h-9 w-12 items-center justify-center rounded border font-semibold" :class="cellLevel(5 - row, col - 1)?.cls">
-                                                {{ cellScore(5 - row, col - 1) }}
-                                            </div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                    <div class="mt-1.5 flex justify-between text-[11px] text-slate-400">
-                                        <span>纵轴：后果严重性 S</span>
-                                        <span>横轴：发生可能性 L</span>
-                                    </div>
-                                </div>
-
-                                <!-- 等级分值区间 -->
-                                <div class="min-w-72 flex-1">
-                                    <div class="mb-2 text-xs text-slate-500">风险值 = 严重性 S × 可能性 L（5×5），按分值区间定级：</div>
-                                    <div class="space-y-2">
-                                        <div v-for="lv in curMatrix.levels" :key="lv.name" class="flex items-center gap-2 rounded-lg border px-2.5 py-2">
-                                            <span class="h-3 w-3 shrink-0 rounded-sm border" :class="lv.cls"></span>
-                                            <NInput v-model:value="lv.name" size="small" class="!w-16 text-xs" />
-                                            <span class="shrink-0 text-xs text-slate-400">分值</span>
-                                            <NInputNumber v-model:value="lv.min" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
-                                            <span class="text-slate-400">–</span>
-                                            <NInputNumber v-model:value="lv.max" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
-                                            <NTag size="small" :class="lv.cls" class="ml-auto">{{ lv.name }}风险</NTag>
+                </NCard>
+            </NGi>
+        </NGrid>
+        <!-- 风险矩阵设置（按分析方法） -->
+        <NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
+            <NGi span="24 s:24 m:24 l:24">
+                <NCard :bordered="true" size="small" :content-style="{padding: 0}" 
+                    :style="{ 
+                    borderRadius: themeStore.themeRadius + 'px', 
+                    height: '100%',
+                    '--theme-color': themeStore.themeColor,
+                    '--warning-color': themeStore.otherColor.warning,
+                    '--error-color': themeStore.otherColor.error,
+                    }"
+                >
+                    <div class="flex items-center justify-between text-base font-semibold border-b border-slate-100 p-3">
+                        <div class="flex items-center">
+                            <Icon icon="icon-park-outline:all-application" class="size-16px mr-1" />
+                            风险矩阵设置（按分析方法）
+                        </div>
+                        <NButton size="small" class="text-xs" @click="openDimEdit">
+                            <Icon icon="akar-icons:edit" class="size-14px mr-1" />
+                            维度分级定义
+                        </NButton>
+                        <NButton size="small" type="primary" class="text-xs">
+                            保存矩阵
+                        </NButton>
+                    </div>
+                    <div class="py-3 px-4">
+                        <NTabs type="segment" animated :on-update:value="handleTabChange">
+                            <NTabPane :name="0" tab="HAZOP分析矩阵">
+                                <div class="flex flex-wrap items-start gap-6">
+                                    <div class="shrink-0">
+                                        <p class="mb-1.5 text-xs text-[var(--theme-color)] text-center">点击方框可切换等级</p>
+                                        <table class="border-collapse text-center text-[11px]">
+                                            <thead>
+                                            <tr>
+                                                <th class="px-1"></th>
+                                                <th v-for="(lb, li) in curMatrix?.lLabels" :key="li" class="px-0.5 pb-1 font-normal leading-tight text-slate-500">
+                                                L{{ Number(li) + 1 }}<br />{{ lb }}
+                                                </th>
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            <tr v-for="row in 5" :key="row">
+                                                <td class="whitespace-nowrap pr-1.5 text-right leading-tight text-slate-500">S{{ 6 - row }} {{ curMatrix?.sLabels[5 - row] }}</td>
+                                                <td v-for="col in 5" :key="col" class="p-0.5">
+                                                <div 
+                                                class="flex h-9 w-12 items-center justify-center rounded font-semibold cursor-pointer select-none"
+                                                :style="{
+                                                    backgroundColor:cellLevel(5 - row, col - 1)?.bgColor,
+                                                    color:cellLevel(5 - row, col - 1)?.color,
+                                                }"
+                                                >
+                                                    {{ cellScore(5 - row, col - 1) }}
+                                                </div>
+                                                </td>
+                                            </tr>
+                                            </tbody>
+                                        </table>
+                                        <div class="mt-1.5 flex justify-between text-[11px] text-slate-400">
+                                            <span>纵轴：后果严重性 S</span>
+                                            <span>横轴：发生可能性 L</span>
                                         </div>
                                     </div>
-                                    <p class="mt-2.5 text-[11px] text-slate-400">
-                                        各分析方法独立维护矩阵与维度分级；风险分析记录表按所选工具对应的矩阵自动定级。分值区间不得重叠、须落在 1–25 内；在途分析记录按原矩阵保留定级快照。
-                                    </p>
-                                </div>
-                            </div>
-                        </NTabPane>
-                        <NTabPane :name="1" tab="JSA分析矩阵">
-                            <div class="flex flex-wrap items-start gap-6">
-                                <div class="shrink-0">
-                                    <table class="border-collapse text-center text-[11px]">
-                                        <thead>
-                                        <tr>
-                                            <th class="px-1"></th>
-                                            <th v-for="(lb, li) in curMatrix.lLabels" :key="li" class="px-0.5 pb-1 font-normal leading-tight text-slate-500">
-                                            L{{ li + 1 }}<br />{{ lb }}
-                                            </th>
-                                        </tr>
-                                        </thead>
-                                        <tbody>
-                                        <tr v-for="row in 5" :key="row">
-                                            <td class="whitespace-nowrap pr-1.5 text-right leading-tight text-slate-500">S{{ 6 - row }} {{ curMatrix.sLabels[5 - row] }}</td>
-                                            <td v-for="col in 5" :key="col" class="p-0.5">
-                                            <div class="flex h-9 w-12 items-center justify-center rounded border font-semibold" :class="cellLevel(5 - row, col - 1)?.cls">
-                                                {{ cellScore(5 - row, col - 1) }}
+    
+                                    <!-- 等级分值区间 -->
+                                    <div class="min-w-72 flex-1">
+                                        <div class="mb-2 text-xs text-slate-500">风险值 = 严重性 S × 可能性 L（5×5），按分值区间定级：</div>
+                                        <div class="space-y-2">
+                                            <div v-for="lv in curMatrix?.levels" :key="lv.name" class="flex items-center gap-2 rounded-lg border px-2.5 py-2">
+                                                <span class="text-xs">背景</span>
+                                                <NColorPicker v-model:value="lv.bgColor">
+                                                    <template #trigger="{ value, onClick, ref: triggerRef }">
+                                                        <div
+                                                        :ref="triggerRef"
+                                                        class="h-4 w-4 rounded-sm border cursor-pointer"
+                                                        :style="{
+                                                            backgroundColor: value || '#000',
+                                                            cursor: 'pointer',
+                                                        }"
+                                                        @click="onClick"
+                                                        ></div>
+                                                    </template>
+                                                </NColorPicker>
+                                                <span class="text-xs">字体</span>
+                                                <NColorPicker v-model:value="lv.color">
+                                                    <template #trigger="{ value, onClick, ref: triggerRef }">
+                                                        <div
+                                                        :ref="triggerRef"
+                                                        class="h-4 w-4 rounded-sm border cursor-pointer"
+                                                        :style="{
+                                                            backgroundColor: value || '#000',
+                                                            cursor: 'pointer',
+                                                        }"
+                                                        @click="onClick"
+                                                        ></div>
+                                                    </template>
+                                                </NColorPicker>
+                                                <NInput v-model:value="lv.name" size="small" class="!w-16 text-xs" />
+                                                <span class="shrink-0 text-xs text-slate-400">分值</span>
+                                                <NInputNumber v-model:value="lv.min" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
+                                                <span class="text-slate-400">–</span>
+                                                <NInputNumber v-model:value="lv.max" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
+                                                <NTag 
+                                                    size="small" 
+                                                    :color="{color: lv.bgColor, textColor: lv.color, borderColor: lv.bgColor}"
+                                                    class="ml-auto"
+                                                >
+                                                    {{ lv.name }}风险
+                                                </NTag>
+                                                <NButton text type="error">
+                                                    <Icon icon="akar-icons:circle-minus" class="size-16px" />
+                                                </NButton>
                                             </div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                    <div class="mt-1.5 flex justify-between text-[11px] text-slate-400">
-                                        <span>纵轴：后果严重性 S</span>
-                                        <span>横轴：发生可能性 L</span>
+                                        </div>
+                                        <p class="mt-2.5 text-[11px] text-slate-400">
+                                            各分析方法独立维护矩阵与维度分级；风险分析记录表按所选工具对应的矩阵自动定级。分值区间不得重叠、须落在 1–25 内；在途分析记录按原矩阵保留定级快照。
+                                        </p>
                                     </div>
                                 </div>
-
-                                <!-- 等级分值区间 -->
-                                <div class="min-w-72 flex-1">
-                                    <div class="mb-2 text-xs text-slate-500">风险值 = 严重性 S × 可能性 L（5×5），按分值区间定级：</div>
-                                    <div class="space-y-2">
-                                        <div v-for="lv in curMatrix.levels" :key="lv.name" class="flex items-center gap-2 rounded-lg border px-2.5 py-2">
-                                            <span class="h-3 w-3 shrink-0 rounded-sm border" :class="lv.cls"></span>
-                                            <NInput v-model:value="lv.name" size="small" class="!w-16 text-xs" />
-                                            <span class="shrink-0 text-xs text-slate-400">分值</span>
-                                            <NInputNumber v-model:value="lv.min" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
-                                            <span class="text-slate-400">–</span>
-                                            <NInputNumber v-model:value="lv.max" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
-                                            <NTag size="small" :class="lv.cls" class="ml-auto">{{ lv.name }}风险</NTag>
+                            </NTabPane>
+                            <NTabPane :name="1" tab="JSA分析矩阵">
+                                <div class="flex flex-wrap items-start gap-6">
+                                    <div class="shrink-0">
+                                        <table class="border-collapse text-center text-[11px]">
+                                            <thead>
+                                            <tr>
+                                                <th class="px-1"></th>
+                                                <th v-for="(lb, li) in curMatrix?.lLabels" :key="li" class="px-0.5 pb-1 font-normal leading-tight text-slate-500">
+                                                L{{ li + 1 }}<br />{{ lb }}
+                                                </th>
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            <tr v-for="row in 5" :key="row">
+                                                <td class="whitespace-nowrap pr-1.5 text-right leading-tight text-slate-500">S{{ 6 - row }} {{ curMatrix?.sLabels[5 - row] }}</td>
+                                                <td v-for="col in 5" :key="col" class="p-0.5">
+                                                <div class="flex h-9 w-12 items-center justify-center rounded border font-semibold" :class="cellLevel(5 - row, col - 1)?.cls">
+                                                    {{ cellScore(5 - row, col - 1) }}
+                                                </div>
+                                                </td>
+                                            </tr>
+                                            </tbody>
+                                        </table>
+                                        <div class="mt-1.5 flex justify-between text-[11px] text-slate-400">
+                                            <span>纵轴：后果严重性 S</span>
+                                            <span>横轴：发生可能性 L</span>
                                         </div>
                                     </div>
-                                    <p class="mt-2.5 text-[11px] text-slate-400">
-                                        各分析方法独立维护矩阵与维度分级；风险分析记录表按所选工具对应的矩阵自动定级。分值区间不得重叠、须落在 1–25 内；在途分析记录按原矩阵保留定级快照。
-                                    </p>
-                                </div>
-                            </div>
-                        </NTabPane>
-                        <NTabPane :name="2" tab="SCL分析矩阵">
-                            <div class="flex flex-wrap items-start gap-6">
-                                <div class="shrink-0">
-                                    <table class="border-collapse text-center text-[11px]">
-                                        <thead>
-                                        <tr>
-                                            <th class="px-1"></th>
-                                            <th v-for="(lb, li) in curMatrix.lLabels" :key="li" class="px-0.5 pb-1 font-normal leading-tight text-slate-500">
-                                            L{{ li + 1 }}<br />{{ lb }}
-                                            </th>
-                                        </tr>
-                                        </thead>
-                                        <tbody>
-                                        <tr v-for="row in 5" :key="row">
-                                            <td class="whitespace-nowrap pr-1.5 text-right leading-tight text-slate-500">S{{ 6 - row }} {{ curMatrix.sLabels[5 - row] }}</td>
-                                            <td v-for="col in 5" :key="col" class="p-0.5">
-                                            <div class="flex h-9 w-12 items-center justify-center rounded border font-semibold" :class="cellLevel(5 - row, col - 1)?.cls">
-                                                {{ cellScore(5 - row, col - 1) }}
+    
+                                    <!-- 等级分值区间 -->
+                                    <div class="min-w-72 flex-1">
+                                        <div class="mb-2 text-xs text-slate-500">风险值 = 严重性 S × 可能性 L（5×5），按分值区间定级：</div>
+                                        <div class="space-y-2">
+                                            <div v-for="lv in curMatrix?.levels" :key="lv.name" class="flex items-center gap-2 rounded-lg border px-2.5 py-2">
+                                                <span class="h-3 w-3 shrink-0 rounded-sm border" :class="lv.cls"></span>
+                                                <NInput v-model:value="lv.name" size="small" class="!w-16 text-xs" />
+                                                <span class="shrink-0 text-xs text-slate-400">分值</span>
+                                                <NInputNumber v-model:value="lv.min" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
+                                                <span class="text-slate-400">–</span>
+                                                <NInputNumber v-model:value="lv.max" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
+                                                <NTag size="small" :class="lv.cls" class="ml-auto">{{ lv.name }}风险</NTag>
                                             </div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                    <div class="mt-1.5 flex justify-between text-[11px] text-slate-400">
-                                        <span>纵轴：后果严重性 S</span>
-                                        <span>横轴：发生可能性 L</span>
+                                        </div>
+                                        <p class="mt-2.5 text-[11px] text-slate-400">
+                                            各分析方法独立维护矩阵与维度分级；风险分析记录表按所选工具对应的矩阵自动定级。分值区间不得重叠、须落在 1–25 内；在途分析记录按原矩阵保留定级快照。
+                                        </p>
                                     </div>
                                 </div>
-
-                                <!-- 等级分值区间 -->
-                                <div class="min-w-72 flex-1">
-                                    <div class="mb-2 text-xs text-slate-500">风险值 = 严重性 S × 可能性 L（5×5），按分值区间定级：</div>
-                                    <div class="space-y-2">
-                                        <div v-for="lv in curMatrix.levels" :key="lv.name" class="flex items-center gap-2 rounded-lg border px-2.5 py-2">
-                                            <span class="h-3 w-3 shrink-0 rounded-sm border" :class="lv.cls"></span>
-                                            <NInput v-model:value="lv.name" size="small" class="!w-16 text-xs" />
-                                            <span class="shrink-0 text-xs text-slate-400">分值</span>
-                                            <NInputNumber v-model:value="lv.min" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
-                                            <span class="text-slate-400">–</span>
-                                            <NInputNumber v-model:value="lv.max" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
-                                            <NTag size="small" :class="lv.cls" class="ml-auto">{{ lv.name }}风险</NTag>
+                            </NTabPane>
+                            <NTabPane :name="2" tab="SCL分析矩阵">
+                                <div class="flex flex-wrap items-start gap-6">
+                                    <div class="shrink-0">
+                                        <table class="border-collapse text-center text-[11px]">
+                                            <thead>
+                                            <tr>
+                                                <th class="px-1"></th>
+                                                <th v-for="(lb, li) in curMatrix?.lLabels" :key="li" class="px-0.5 pb-1 font-normal leading-tight text-slate-500">
+                                                L{{ li + 1 }}<br />{{ lb }}
+                                                </th>
+                                            </tr>
+                                            </thead>
+                                            <tbody>
+                                            <tr v-for="row in 5" :key="row">
+                                                <td class="whitespace-nowrap pr-1.5 text-right leading-tight text-slate-500">S{{ 6 - row }} {{ curMatrix?.sLabels[5 - row] }}</td>
+                                                <td v-for="col in 5" :key="col" class="p-0.5">
+                                                <div class="flex h-9 w-12 items-center justify-center rounded border font-semibold" :class="cellLevel(5 - row, col - 1)?.cls">
+                                                    {{ cellScore(5 - row, col - 1) }}
+                                                </div>
+                                                </td>
+                                            </tr>
+                                            </tbody>
+                                        </table>
+                                        <div class="mt-1.5 flex justify-between text-[11px] text-slate-400">
+                                            <span>纵轴：后果严重性 S</span>
+                                            <span>横轴：发生可能性 L</span>
                                         </div>
                                     </div>
-                                    <p class="mt-2.5 text-[11px] text-slate-400">
-                                        各分析方法独立维护矩阵与维度分级；风险分析记录表按所选工具对应的矩阵自动定级。分值区间不得重叠、须落在 1–25 内；在途分析记录按原矩阵保留定级快照。
-                                    </p>
+    
+                                    <!-- 等级分值区间 -->
+                                    <div class="min-w-72 flex-1">
+                                        <div class="mb-2 text-xs text-slate-500">风险值 = 严重性 S × 可能性 L（5×5），按分值区间定级：</div>
+                                        <div class="space-y-2">
+                                            <div v-for="lv in curMatrix?.levels" :key="lv.name" class="flex items-center gap-2 rounded-lg border px-2.5 py-2">
+                                                <span class="h-3 w-3 shrink-0 rounded-sm border" :class="lv.cls"></span>
+                                                <NInput v-model:value="lv.name" size="small" class="!w-16 text-xs" />
+                                                <span class="shrink-0 text-xs text-slate-400">分值</span>
+                                                <NInputNumber v-model:value="lv.min" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
+                                                <span class="text-slate-400">–</span>
+                                                <NInputNumber v-model:value="lv.max" :min="1" :max="25" size="small" :show-button="false" class="!w-14 text-center text-xs" />
+                                                <NTag size="small" :class="lv.cls" class="ml-auto">{{ lv.name }}风险</NTag>
+                                            </div>
+                                        </div>
+                                        <p class="mt-2.5 text-[11px] text-slate-400">
+                                            各分析方法独立维护矩阵与维度分级；风险分析记录表按所选工具对应的矩阵自动定级。分值区间不得重叠、须落在 1–25 内；在途分析记录按原矩阵保留定级快照。
+                                        </p>
+                                    </div>
                                 </div>
-                            </div>
-                        </NTabPane>
-                    </NTabs>
-                </div>
-            </NCard>
-        </NGi>
-    </NGrid>
+                            </NTabPane>
+                        </NTabs>
+                    </div>
+                </NCard>
+            </NGi>
+        </NGrid>
+    </NSpace>
 
     <!-- AI调用记录查询 -->
     <NDrawer v-model:show="showLog" :width="700" placement="right">
@@ -1008,26 +1079,46 @@ onMounted(() => {
     <NModal
         v-model:show="dimensionModal"
         preset="card"
-        :title="curMatrix.tool+'矩阵维度分级定义'"
+        :title="curMatrix?.tool+'矩阵维度分级定义'"
         :auto-focus="false"
         :style="{ width: '500px', height: 'auto' }"
         :segmented="{ content: true, footer: true }"
     >
-        <div class="space-y-4">
+        <div class="space-y-6">
           <div>
-            <div class="mb-1.5 text-xs font-semibold text-slate-600">后果严重性 S（S1 → S5 递增）</div>
-            <div class="grid grid-cols-5 gap-1.5">
-              <label v-for="(_, i) in dimForm.s" :key="'s' + i" class="text-center text-[10px] text-slate-400">
-                S{{ i + 1 }}
+            <div class="mb-1.5 text-xs font-semibold text-slate-600 flex items-center">
+                后果严重性 S（S1 → S5 递增）
+                <NButton size="tiny" ghost type="primary" @click="addS">
+                    <Icon icon="ic:round-plus" class="size-14px" />新增
+                </NButton>
+            </div>
+            <div class="grid grid-cols-5 gap-1.5 mt-3">
+              <label v-for="(_, i) in dimForm.s" :key="'s' + i" class="text-center text-xs text-slate-400">
+                <div class="flex items-center justify-center gap-2 mb-1">
+                    S{{ i + 1 }} 
+                    <NButton text type="error">
+                        <Icon icon="akar-icons:circle-minus" class="size-16px" />
+                    </NButton>
+                </div>
                 <NInput v-model:value="dimForm.s[i]" size="small" class="mt-0.5 text-center text-xs" />
               </label>
             </div>
           </div>
           <div>
-            <div class="mb-1.5 text-xs font-semibold text-slate-600">发生可能性 L（L1 → L5 递增）</div>
-            <div class="grid grid-cols-5 gap-1.5">
-              <label v-for="(_, i) in dimForm.l" :key="'l' + i" class="text-center text-[10px] text-slate-400">
-                L{{ i + 1 }}
+            <div class="mb-1.5 text-xs font-semibold text-slate-600 flex items-center">
+                发生可能性 L（L1 → L5 递增）
+                <NButton size="tiny" ghost type="primary" @click="addL">
+                    <Icon icon="ic:round-plus" class="size-14px" />新增
+                </NButton>
+            </div>
+            <div class="grid grid-cols-5 gap-1.5 mt-3">
+              <label v-for="(_, i) in dimForm.l" :key="'l' + i" class="text-center text-xs text-slate-400">
+                <div class="flex items-center justify-center gap-2 mb-1">
+                    L{{ i + 1 }}
+                    <NButton text type="error">
+                        <Icon icon="akar-icons:circle-minus" class="size-16px" />
+                    </NButton>
+                </div>
                 <NInput v-model:value="dimForm.l[i]" size="small" class="mt-0.5 text-center text-xs" />
               </label>
             </div>
@@ -1040,8 +1131,7 @@ onMounted(() => {
             </div>
         </template>
     </NModal>
-
-</NSpace>
+</div>
 </template>
 
 <style scoped></style>