feat(topology): add device description support and polish UI layouts
- Topology: query /api/node-info on node select and display multi-line description
- Topology: widen device node cards and remove SID truncation for full display
- Topology: tune d3-force layout parameters (increased distance & repulsion)
- Topology: fix d3-force string ID matching error ("node not found: 0")
- Settings: switch device description field from Input to multi-line Textarea
- Overview: fix active lines count logic and broken badge layout
- Sidebar: remove redundant Live badge from overview navigation item
This commit is contained in:
@@ -21,6 +21,7 @@ import {
|
||||
} from '@/components/ui/card'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Input } from '@/components/ui/input'
|
||||
import { Textarea } from '@/components/ui/textarea'
|
||||
import { Switch } from '@/components/ui/switch'
|
||||
import { Slider } from '@/components/ui/slider'
|
||||
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
|
||||
@@ -411,15 +412,16 @@ function SettingsForm({
|
||||
|
||||
<Field className="md:col-span-2">
|
||||
<FieldLabel htmlFor="deviceDescription">设备描述</FieldLabel>
|
||||
<Input
|
||||
<Textarea
|
||||
id="deviceDescription"
|
||||
placeholder="如: 机房 A 区多线聚合网关"
|
||||
placeholder={'如: 机房 A 区多线聚合网关\n支持多行输入'}
|
||||
className="min-h-20"
|
||||
value={form.DeviceDescription || ''}
|
||||
onChange={(e) =>
|
||||
setForm((prev) => ({ ...prev, DeviceDescription: e.target.value }))
|
||||
}
|
||||
/>
|
||||
<FieldDescription>本地备注说明信息,不参与网络路由决策</FieldDescription>
|
||||
<FieldDescription>本地备注说明信息,支持多行,不参与网络路由决策</FieldDescription>
|
||||
</Field>
|
||||
</FieldGroup>
|
||||
</CardContent>
|
||||
|
||||
Reference in New Issue
Block a user