fetch(modify):修复API的URL

src/views/system/permission/index.vue

@@ -89,6 +89,12 @@
             <ElFormItem label="排序序号" prop="sort">
               <ElInputNumber v-model="form.sort" :min="0" :max="9999" style="width: 100%" />
             </ElFormItem>
+            <ElFormItem label="状态" prop="status">
+              <ElRadioGroup v-model="form.status">
+                <ElRadio :value="1">启用</ElRadio>
+                <ElRadio :value="0">禁用</ElRadio>
+              </ElRadioGroup>
+            </ElFormItem>
           </ElForm>
           <template #footer>
             <div class="dialog-footer">
@@ -110,6 +116,8 @@
     ElMessage,
     ElMessageBox,
     ElTag,
+    ElRadio,
+    ElRadioGroup,
     type FormInstance,
     type FormRules
   } from 'element-plus'
@@ -123,7 +131,9 @@
     PERMISSION_TYPE_OPTIONS,
     PERMISSION_TYPE_SELECT_OPTIONS,
     getPermissionTypeText,
-    getPermissionTypeTag
+    getPermissionTypeTag,
+    CommonStatus,
+    getStatusText
   } from '@/config/constants'
 
   defineOptions({ name: 'Permission' })
@@ -177,6 +187,7 @@
     { label: '权限类型', prop: 'perm_type' },
     { label: '菜单路径', prop: 'url' },
     { label: '适用端口', prop: 'platform' },
+    { label: '状态', prop: 'status' },
     { label: '排序', prop: 'sort' },
     { label: '操作', prop: 'operation' }
   ]
@@ -195,14 +206,15 @@
 
   // 表单引用和数据
   const formRef = ref<FormInstance>()
-  const form = reactive<CreatePermissionParams>({
+  const form = reactive<CreatePermissionParams & { status?: number }>({
     perm_name: '',
     perm_code: '',
     perm_type: PermissionType.MENU,
     parent_id: undefined,
     url: '',
     platform: 'all',
-    sort: 0
+    sort: 0,
+    status: CommonStatus.ENABLED
   })
 
   // 表单验证规则
@@ -261,6 +273,21 @@
         return platformMap[row.platform || 'all'] || row.platform
       }
     },
+    {
+      prop: 'status',
+      label: '状态',
+      width: 80,
+      formatter: (row: PermissionTreeNode) => {
+        const status = row.status ?? CommonStatus.ENABLED
+        return h(
+          ElTag,
+          {
+            type: status === CommonStatus.ENABLED ? 'success' : 'info'
+          },
+          () => getStatusText(status)
+        )
+      }
+    },
     {
       prop: 'sort',
       label: '排序',
@@ -396,7 +423,8 @@
         parent_id: undefined, // 树结构中没有parent_id，需要从API获取
         url: row.url || '',
         platform: row.platform || 'all',
-        sort: row.sort || 0
+        sort: row.sort || 0,
+        status: row.status ?? CommonStatus.ENABLED
       })
     } else {
       currentPermissionId.value = 0
@@ -469,7 +497,8 @@
       parent_id: undefined,
       url: '',
       platform: 'all',
-      sort: 0
+      sort: 0,
+      status: CommonStatus.ENABLED
     })
   }
 

src/views/system/role/index.vue

@@ -133,6 +133,12 @@
                       >
                         {{ data.perm_type === 1 ? '菜单' : '按钮' }}
                       </ElTag>
+                      <ElTag
+                        :type="data.status === 1 ? 'success' : 'info'"
+                        size="small"
+                      >
+                        {{ data.status === 1 ? '启用' : '禁用' }}
+                      </ElTag>
                     </span>
                   </template>
                 </ElTree>
@@ -183,6 +189,12 @@
                         >
                           {{ data.perm_type === 1 ? '菜单' : '按钮' }}
                         </ElTag>
+                        <ElTag
+                          :type="data.status === 1 ? 'success' : 'info'"
+                          size="small"
+                        >
+                          {{ data.status === 1 ? '启用' : '禁用' }}
+                        </ElTag>
                       </span>
                       <ElButton
                         type="danger"
@@ -352,6 +364,7 @@
           activeText: getStatusText(CommonStatus.ENABLED),
           inactiveText: getStatusText(CommonStatus.DISABLED),
           inlinePrompt: true,
+          disabled: !hasAuth('role:update_status'),
           'onUpdate:modelValue': (val: string | number | boolean) =>
             handleStatusChange(row, val as number)
         })
@@ -431,6 +444,7 @@
       id: node.id,
       label: node.perm_name,
       perm_type: node.perm_type,
+      status: node.status ?? 1,
       children: node.children && node.children.length > 0 ? buildTreeData(node.children) : undefined
     }))
   }
@@ -471,11 +485,13 @@
   }
 
   // 根据权限ID列表设置树节点的禁用状态
+  // 同时禁用状态为禁用(status=0)的权限
   const setTreeNodesDisabled = (treeNodes: any[], idsToDisable: number[]): any[] => {
     return treeNodes.map((node) => {
       const newNode = {
         ...node,
-        disabled: idsToDisable.includes(node.id)
+        // 如果已分配或状态为禁用,则禁用该节点
+        disabled: idsToDisable.includes(node.id) || node.status === 0
       }
 
       if (node.children && node.children.length > 0) {