前端服务器详情页增加删除密钥对的按钮

dashboard/src2/components/JsiteServerOverview.vue

@@ -183,6 +183,14 @@
 						>
 							重置密钥对
 						</Button>
+						<Button 
+							@click="deleteKeyPair"
+							:loading="deleteKeyPairLoading"
+							variant="outline"
+							class="bg-red-50 text-red-700 hover:bg-red-100 border-red-200"
+						>
+							删除密钥对
+						</Button>
 						<Button 
 							@click="resetSystem"
 							:loading="resetSystemLoading"
@@ -287,6 +295,7 @@ export default {
 			restartLoading: false,
 			resetPasswordLoading: false,
 			resetKeyPairLoading: false,
+			deleteKeyPairLoading: false,
 			resetSystemLoading: false,
 			upgradeLoading: false,
 			copySuccess: false,
@@ -481,6 +490,44 @@ export default {
 				}
 			});
 		},
+		async deleteKeyPair() {
+			if (!this.$jsiteServer.pg.instance_id) {
+				toast.error('服务器实例ID不存在');
+				return;
+			}
+			
+			confirmDialog({
+				title: '删除密钥对',
+				message: '确定要删除密钥对吗？删除后将无法使用私钥连接服务器，建议先设置服务器密码。',
+				primaryAction: {
+					label: '确定',
+					onClick: ({ hide }) => {
+						// 立即显示成功提示并关闭弹窗
+						toast.success('密钥对删除请求已提交');
+						hide();
+						
+						// 异步提交请求
+						this.deleteKeyPairLoading = true;
+						const deleteKeyPairRequest = createResource({
+							url: '/api/action/jcloud.api.aliyun_server_light.delete_aliyun_instance_key_pair',
+							params: {
+								instance_id: this.$jsiteServer.pg.instance_id
+							},
+							onSuccess: () => {
+								this.deleteKeyPairLoading = false;
+								// 刷新服务器数据以更新界面
+								this.$jsiteServer.reload();
+							},
+							onError: (error) => {
+								toast.error(getToastErrorMessage(error));
+								this.deleteKeyPairLoading = false;
+							}
+						});
+						deleteKeyPairRequest.submit();
+					}
+				}
+			});
+		},
 		async resetSystem() {
 			if (!this.$jsiteServer.pg.instance_id) {
 				toast.error('服务器实例ID不存在');