Nexus Gate
89 lines
3.1 KiB
Vue
89 lines
3.1 KiB
Vue
<template>
|
||
<v-dialog v-model="showQuickAdd" max-width="480" persistent>
|
||
<v-card border>
|
||
<v-card-title>快速添加服务器（仅 IP）</v-card-title>
|
||
<v-card-text>
|
||
<p class="text-body-2 text-medium-emphasis mb-3">
|
||
将按顺序轮询凭据管理中的全部密码预设与 SSH 密钥预设尝试登录，首个成功即加入服务器列表。
|
||
</p>
|
||
<v-text-field
|
||
v-model="quickAddForm.domain"
|
||
label="IP 或域名"
|
||
variant="outlined"
|
||
density="compact"
|
||
class="mb-2"
|
||
placeholder="192.168.1.10"
|
||
:rules="[v => !!v?.trim() || '必填']"
|
||
/>
|
||
<v-text-field
|
||
v-model.number="quickAddForm.port"
|
||
label="SSH 端口"
|
||
variant="outlined"
|
||
density="compact"
|
||
type="number"
|
||
class="mb-2"
|
||
/>
|
||
<v-text-field
|
||
v-model="quickAddForm.name"
|
||
label="显示名称（可选）"
|
||
variant="outlined"
|
||
density="compact"
|
||
hint="留空则使用 IP"
|
||
persistent-hint
|
||
/>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer />
|
||
<v-btn variant="text" :disabled="quickAddLoading" @click="showQuickAdd = false">取消</v-btn>
|
||
<v-btn color="primary" variant="flat" :loading="quickAddLoading" @click="submitQuickAdd">开始轮询</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
|
||
<v-dialog v-model="showPollFailure" max-width="560">
|
||
<v-card border>
|
||
<v-card-title class="text-error">SSH 连接失败</v-card-title>
|
||
<v-card-text>
|
||
<p class="text-body-2 mb-3">已尝试全部凭据预设，均未登录成功。该服务器已加入「连接失败列表」，可稍后重试。</p>
|
||
<v-list v-if="pollFailureErrors.length" density="compact" class="bg-grey-lighten-4 rounded">
|
||
<v-list-item v-for="(err, i) in pollFailureErrors" :key="i">
|
||
<v-list-item-title class="text-body-2">
|
||
[{{ err.preset_type === 'password' ? '密码' : err.preset_type === 'system' ? '系统' : '密钥' }}]
|
||
{{ err.preset_name }} ({{ err.username }})
|
||
</v-list-item-title>
|
||
<v-list-item-subtitle class="text-error">{{ err.error }}</v-list-item-subtitle>
|
||
</v-list-item>
|
||
</v-list>
|
||
<p v-else class="text-medium-emphasis">{{ pollFailureMessage }}</p>
|
||
</v-card-text>
|
||
<v-card-actions>
|
||
<v-spacer />
|
||
<v-btn color="primary" variant="flat" @click="showPollFailure = false">知道了</v-btn>
|
||
</v-card-actions>
|
||
</v-card>
|
||
</v-dialog>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useServerQuickAdd, type UseServerQuickAddOptions } from '@/composables/servers/useServerQuickAdd'
|
||
|
||
const props = defineProps<UseServerQuickAddOptions>()
|
||
|
||
const {
|
||
showQuickAdd,
|
||
quickAddLoading,
|
||
quickAddForm,
|
||
showPollFailure,
|
||
pollFailureErrors,
|
||
pollFailureMessage,
|
||
openQuickAdd,
|
||
submitQuickAdd,
|
||
showFailureDialog,
|
||
} = useServerQuickAdd({
|
||
onSuccess: (res) => props.onSuccess?.(res),
|
||
onPendingFailure: () => props.onPendingFailure?.(),
|
||
})
|
||
|
||
defineExpose({ open: openQuickAdd, showFailure: showFailureDialog })
|
||
</script>
|