优化设置-权限页面

dashboard/src/components/settings/RolePermissions.vue

@@ -32,15 +32,19 @@
 				@update:selections="(e) => (selectedItems = e)"
 			>
 				<template #header-left="{ listResource }">
-					<n-dropdown :options="getDropdownOptions(listResource)" trigger="click">
+					<n-dropdown 
+						:options="getDropdownOptions(listResource)" 
+						trigger="click"
+						@select="(key) => handleDropdownSelect(key, listResource)"
+					>
 					<n-button>
 						<template #icon>
 							<n-icon><AppWindowIcon /></n-icon>
 						</template>
+						<span class="flex items-center gap-2">
 							{{ currentDropdownOption.label }}
-							<template #suffix>
-								<n-icon><ChevronDownIcon /></n-icon>
-							</template>
+							<n-icon class="ml-1"><ChevronDownIcon /></n-icon>
+						</span>
 					</n-button>
 					</n-dropdown>
 				</template>
@@ -61,11 +65,11 @@
 				<span class="text-lg font-semibold">{{ $t('Add Permission') }}</span>
 			</template>
 			<n-space vertical :size="20">
-				<n-form-item :label="$t('Select {type}', { type: currentDropdownOption.pagetype === 'Release Group' ? $t('Release Group') : currentDropdownOption.pagetype })">
+				<n-form-item :label="$t('Select {type}', { type: getTypeLabel(currentDropdownOption.pagetype) })">
 					<!-- 这里需要使用 LinkControl 或类似的组件来选择文档 -->
 					<n-input
 						v-model:value="selectedDocument"
-						:placeholder="$t('Select {type}', { type: currentDropdownOption.pagetype === 'Release Group' ? $t('Release Group') : currentDropdownOption.pagetype })"
+						:placeholder="$t('Select {type}', { type: getTypeLabel(currentDropdownOption.pagetype) })"
 						:size="inputSize"
 						class="w-full"
 						readonly
@@ -188,7 +192,14 @@ function getDropdownOptions(listResource) {
 		return {
 			label: option.label,
 			key: option.pagetype,
-			onClick: () => {
+		};
+	});
+}
+
+function handleDropdownSelect(key, listResource) {
+	const option = dropdownOptions.find(opt => opt.pagetype === key);
+	if (!option) return;
+	
 	currentDropdownOption.value = option;
 	let filters = {
 		role: props.roleId,
@@ -204,9 +215,6 @@ function getDropdownOptions(listResource) {
 	}
 	listResource.update({ filters });
 	listResource.reload();
-			},
-		};
-	});
 }
 
 const rolePermissions = ref({
@@ -231,6 +239,12 @@ const rolePermissions = ref({
 				if (pagetype === 'Release Group') {
 					return $t('Release Group');
 				}
+				if (pagetype === 'Site') {
+					return $t('Site');
+				}
+				if (pagetype === 'Server') {
+					return $t('Server');
+				}
 				return pagetype;
 			}),
 			format(_value, row) {
@@ -289,6 +303,19 @@ const rolePermissions = ref({
 	},
 });
 
+function getTypeLabel(pagetype) {
+	if (pagetype === 'Release Group') {
+		return $t('Release Group');
+	}
+	if (pagetype === 'Site') {
+		return $t('Site');
+	}
+	if (pagetype === 'Server') {
+		return $t('Server');
+	}
+	return pagetype;
+}
+
 async function handleAddPermission() {
 	if (!selectedDocument.value || !permissionsResourceRef.value) return;
 	if (addPermissionLoading.value) return;

jcloud/translations/zh.csv

@@ -541,6 +541,7 @@ Deployed at {date},部署于 {date},
 Attention required!,需要关注！,
 Deployer,部署者,
 Config,配置,
+Configure,配置,
 Config Name,配置名称,
 Config Value,配置值,
 Add Config,添加配置,
@@ -938,6 +939,7 @@ Delete Role,删除角色,
 Are you sure you want to delete role <b>{role}</b>?,确定要删除角色 <b>{role}</b> 吗？,
 Deleting role...,正在删除角色...,
 Role {role} deleted,角色 {role} 已删除,
+Role created successfully,角色创建成功,
 New Role,新建角色,
 Create Role,创建角色,
 All Roles,所有角色,