tcjlj/flvx
1
0
Fork 0
mirror of https://github.com/Sagit-chu/flvx.git synced 2026-10-08 02:36:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复ws连接问题 增加PROXY Protocol支持

Browse Source
This commit is contained in:
qaq
2025-07-10 17:09:56 +08:00
parent c038dbb614
commit 070a8e8623
5 changed files with 27 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vite-frontend/src/pages/node.tsx
+1 -180
View File
@@ -15,8 +15,7 @@ import {
getNodeList,
updateNode,
deleteNode,
getNodeInstallCommand,
checkNodeStatus
getNodeInstallCommand
} from "@/api";
interface Node {
@@ -72,11 +71,6 @@ export default function NodePage() {
const [installCommand, setInstallCommand] = useState('');
const [currentNodeName, setCurrentNodeName] = useState('');
// 状态检查相关状态
const [statusCheckLoading, setStatusCheckLoading] = useState(false);
const [statusCheckResult, setStatusCheckResult] = useState<any>(null);
const [statusCheckModal, setStatusCheckModal] = useState(false);
const websocketRef = useRef<WebSocket | null>(null);
const reconnectTimerRef = useRef<NodeJS.Timeout | null>(null);
const reconnectAttemptsRef = useRef(0);
@@ -452,55 +446,6 @@ export default function NodePage() {
}
};
// 状态检查处理函数
const handleCheckAllStatus = async () => {
setStatusCheckLoading(true);
try {
const res = await checkNodeStatus();
if (res.code === 0) {
setStatusCheckResult(res.data);
setStatusCheckModal(true);
// 刷新节点列表以显示最新状态
await loadNodes();
const { totalNodes, connectedNodes, inconsistentNodes } = res.data;
if (inconsistentNodes > 0) {
toast.success(`状态检查完成！修复了 ${inconsistentNodes} 个节点的状态不一致问题`);
} else {
toast.success(`状态检查完成！${connectedNodes}/${totalNodes} 个节点在线`);
}
} else {
toast.error(res.msg || '状态检查失败');
}
} catch (error) {
toast.error('网络错误，请重试');
} finally {
setStatusCheckLoading(false);
}
};
const handleCheckSingleNodeStatus = async (nodeId: number) => {
try {
const res = await checkNodeStatus(nodeId);
if (res.code === 0) {
// 刷新节点列表
await loadNodes();
const result = res.data.details[0];
if (result.fixed) {
toast.success(`节点状态已修复：${result.message}`);
} else {
toast.success(result.message);
}
} else {
toast.error(res.msg || '状态检查失败');
}
} catch (error) {
toast.error('网络错误，请重试');
}
};
// 提交表单
const handleSubmit = async () => {
if (!validateForm()) return;
@@ -578,19 +523,6 @@ export default function NodePage() {
<div className="flex items-center justify-between mb-6">
<h1 className="text-2xl font-bold text-foreground">节点管理</h1>
<div className="flex gap-2">
<Button
color="secondary"
variant="flat"
onPress={handleCheckAllStatus}
isLoading={statusCheckLoading}
startContent={
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
}
>
状态检查
</Button>
<Button
color="primary"
onPress={handleAdd}
@@ -773,17 +705,6 @@ export default function NodePage() {
>
编辑
</Button>
</div>
<div className="flex gap-1.5">
<Button
size="sm"
variant="flat"
color="secondary"
onPress={() => handleCheckSingleNodeStatus(node.id)}
className="flex-1 min-h-8"
>
检查
</Button>
<Button
size="sm"
variant="flat"
@@ -943,106 +864,6 @@ export default function NodePage() {
</ModalFooter>
</ModalContent>
</Modal>
{/* 状态检查结果模态框 */}
<Modal
isOpen={statusCheckModal}
onClose={() => setStatusCheckModal(false)}
size="3xl"
scrollBehavior="outside"
>
<ModalContent>
<ModalHeader className="flex flex-col gap-1">
<span>节点状态检查结果</span>
{statusCheckResult && (
<div className="flex gap-4 text-sm font-normal">
<span className="text-default-600">
总节点: <span className="font-semibold">{statusCheckResult.totalNodes}</span>
</span>
<span className="text-success-600">
在线: <span className="font-semibold">{statusCheckResult.connectedNodes}</span>
</span>
<span className="text-warning-600">
修复: <span className="font-semibold">{statusCheckResult.inconsistentNodes}</span>
</span>
</div>
)}
</ModalHeader>
<ModalBody>
{statusCheckResult && statusCheckResult.details && (
<div className="space-y-3">
{statusCheckResult.details.map((detail: any) => (
<Card key={detail.nodeId} className="border border-divider">
<CardBody className="py-3">
<div className="flex items-center justify-between">
<div className="flex items-center gap-3">
<div className="flex flex-col">
<span className="font-semibold text-foreground">
{detail.nodeName || `节点 ${detail.nodeId}`}
</span>
<span className="text-xs text-default-500">
ID: {detail.nodeId}
</span>
</div>
</div>
<div className="flex items-center gap-2">
<Chip
size="sm"
color={detail.connected ? 'success' : 'danger'}
variant="flat"
>
{detail.connected ? '在线' : '离线'}
</Chip>
<Chip
size="sm"
color={detail.fixed ? 'warning' : 'default'}
variant={detail.fixed ? 'flat' : 'bordered'}
>
{detail.fixed ? '已修复' : '正常'}
</Chip>
</div>
</div>
<div className="mt-2 text-sm">
<div className="flex justify-between items-center text-xs">
<span className="text-default-600">数据库状态:</span>
<span className={`font-mono ${detail.databaseStatus === 1 ? 'text-success-600' : 'text-danger-600'}`}>
{detail.databaseStatus === 1 ? '在线' : '离线'}
</span>
</div>
<div className="flex justify-between items-center text-xs mt-1">
<span className="text-default-600">实际状态:</span>
<span className={`font-mono ${detail.actualStatus ? 'text-success-600' : 'text-danger-600'}`}>
{detail.actualStatus ? '连接中' : '未连接'}
</span>
</div>
{detail.fixed && (
<div className="flex justify-between items-center text-xs mt-1">
<span className="text-default-600">最终状态:</span>
<span className={`font-mono ${detail.finalStatus === 1 ? 'text-success-600' : 'text-danger-600'}`}>
{detail.finalStatus === 1 ? '在线' : '离线'}
</span>
</div>
)}
<div className="mt-2 p-2 bg-default-50 dark:bg-default-100 rounded text-xs">
{detail.message}
</div>
</div>
</CardBody>
</Card>
))}
</div>
)}
</ModalBody>
<ModalFooter>
<Button
variant="flat"
onPress={() => setStatusCheckModal(false)}
>
关闭
</Button>
</ModalFooter>
</ModalContent>
</Modal>
</div>
</AdminLayout>
);