#

Junjie

昨天 7a0470e331a978ee206cd8fcf3dfd5642f14eb83

 src/main/webapp/views/dashboard/dashboard.html

@@ -713,63 +713,63 @@
    <div class="hero-main">
      <div class="hero-copy">
        <div class="hero-eyebrow">WCS Dashboard</div>
        <h1 class="hero-title">系统仪表盘</h1>
        <h1 class="hero-title">{{ i18n('dashboard.title', '系统仪表盘') }}</h1>
      </div>
      <div class="hero-actions">
        <el-button size="small" plain @click="openMonitor">打开监控画面</el-button>
        <el-button size="small" type="primary" :loading="refreshing" @click="loadDashboard(true)">立即刷新</el-button>
        <el-button size="small" plain @click="openMonitor">{{ i18n('dashboard.openMonitor', '打开监控画面') }}</el-button>
        <el-button size="small" type="primary" :loading="refreshing" @click="loadDashboard(true)">{{ i18n('dashboard.refreshNow', '立即刷新') }}</el-button>
      </div>
    </div>

    <div class="hero-stat-grid">
      <div class="hero-stat-row">
        <div class="hero-row-head">
          <div class="hero-row-kicker">状态概览</div>
          <div class="hero-row-note">系统与刷新节奏</div>
          <div class="hero-row-kicker">{{ i18n('dashboard.overviewKicker', '状态概览') }}</div>
          <div class="hero-row-note">{{ i18n('dashboard.overviewNote', '系统与刷新节奏') }}</div>
        </div>
        <div class="hero-status-grid">
          <div class="hero-meta">
            <div class="hero-meta-label">系统状态</div>
            <div class="hero-meta-value">{{ overview.systemRunning ? '运行中' : '已暂停' }}</div>
            <div class="hero-meta-desc">WCS 主服务当前状态</div>
            <div class="hero-meta-label">{{ i18n('dashboard.systemStatusLabel', '系统状态') }}</div>
            <div class="hero-meta-value">{{ overview.systemRunning ? i18n('dashboard.systemRunning', '运行中') : i18n('dashboard.systemPaused', '已暂停') }}</div>
            <div class="hero-meta-desc">{{ i18n('dashboard.systemStatusDesc', 'WCS 主服务当前状态') }}</div>
          </div>
          <div class="hero-meta">
            <div class="hero-meta-label">最近刷新</div>
            <div class="hero-meta-label">{{ i18n('dashboard.lastRefreshLabel', '最近刷新') }}</div>
            <div class="hero-meta-value">{{ displayText(overview.generatedAt, '-') }}</div>
            <div class="hero-meta-desc">最近一次聚合数据生成时间</div>
            <div class="hero-meta-desc">{{ i18n('dashboard.lastRefreshDesc', '最近一次聚合数据生成时间') }}</div>
          </div>
          <div class="hero-meta">
            <div class="hero-meta-label">自动刷新</div>
            <div class="hero-meta-value">{{ countdown }}s 后刷新</div>
            <div class="hero-meta-desc">页面自动更新倒计时</div>
            <div class="hero-meta-label">{{ i18n('dashboard.autoRefreshLabel', '自动刷新') }}</div>
            <div class="hero-meta-value">{{ i18n('dashboard.autoRefreshValue', '{0}s 后刷新', [countdown]) }}</div>
            <div class="hero-meta-desc">{{ i18n('dashboard.autoRefreshDesc', '页面自动更新倒计时') }}</div>
          </div>
        </div>
      </div>
      <div class="hero-stat-row">
        <div class="hero-row-head">
          <div class="hero-row-kicker">核心指标</div>
          <div class="hero-row-note">任务、设备与 AI 总览</div>
          <div class="hero-row-kicker">{{ i18n('dashboard.coreMetricsKicker', '核心指标') }}</div>
          <div class="hero-row-note">{{ i18n('dashboard.coreMetricsNote', '任务、设备与 AI 总览') }}</div>
        </div>
        <div class="hero-metric-grid">
          <div class="summary-card">
            <div class="label">任务总数</div>
            <div class="label">{{ i18n('dashboard.taskTotalLabel', '任务总数') }}</div>
            <div class="value">{{ formatNumber(overview.taskTotal) }}</div>
            <div class="desc">当前执行中 {{ formatNumber(overview.taskRunning) }}</div>
            <div class="desc">{{ i18n('dashboard.taskTotalDesc', '当前执行中 {0}', [formatNumber(overview.taskRunning)]) }}</div>
          </div>
          <div class="summary-card">
            <div class="label">在线设备</div>
            <div class="label">{{ i18n('dashboard.deviceOnlineLabel', '在线设备') }}</div>
            <div class="value">{{ formatNumber(overview.deviceOnline) }}</div>
            <div class="desc">总设备 {{ formatNumber(overview.deviceTotal) }}，告警 {{ formatNumber(overview.deviceAlarm) }}</div>
            <div class="desc">{{ i18n('dashboard.deviceOnlineDesc', '总设备 {0}，告警 {1}', [formatNumber(overview.deviceTotal), formatNumber(overview.deviceAlarm)]) }}</div>
          </div>
          <div class="summary-card">
            <div class="label">AI 累计 Tokens</div>
            <div class="label">{{ i18n('dashboard.aiTokenTotalLabel', 'AI 累计 Tokens') }}</div>
            <div class="value">{{ formatNumber(overview.aiTokenTotal) }}</div>
            <div class="desc">按 AI 会话累计统计</div>
            <div class="desc">{{ i18n('dashboard.aiTokenTotalDesc', '按 AI 会话累计统计') }}</div>
          </div>
          <div class="summary-card">
            <div class="label">LLM 调用次数</div>
            <div class="label">{{ i18n('dashboard.aiCallTotalLabel', 'LLM 调用次数') }}</div>
            <div class="value">{{ formatNumber(overview.aiCallTotal) }}</div>
            <div class="desc">最近一轮运行情况已纳入下方 AI 区域</div>
            <div class="desc">{{ i18n('dashboard.aiCallTotalDesc', '最近一轮运行情况已纳入下方 AI 区域') }}</div>
          </div>
        </div>
      </div>
@@ -782,41 +782,41 @@
        <div class="panel-header">
          <div>
            <div class="panel-kicker">Task</div>
            <h2 class="panel-title">任务态势</h2>
            <div class="panel-desc">从任务类型、执行阶段和最近流转记录快速判断当前作业压力。</div>
            <h2 class="panel-title">{{ i18n('dashboard.taskPanelTitle', '任务态势') }}</h2>
            <div class="panel-desc">{{ i18n('dashboard.taskPanelDesc', '从任务类型、执行阶段和最近流转记录快速判断当前作业压力。') }}</div>
          </div>
        </div>

        <div class="mini-grid">
          <div class="mini-card task-mini-running">
            <div class="mini-label">执行中</div>
            <div class="mini-label">{{ i18n('dashboard.taskRunningLabel', '执行中') }}</div>
            <div class="mini-value">{{ formatNumber(tasks.overview.running) }}</div>
            <div class="mini-hint">当前正在流转的任务</div>
            <div class="mini-hint">{{ i18n('dashboard.taskRunningHint', '当前正在流转的任务') }}</div>
          </div>
          <div class="mini-card task-mini-manual">
            <div class="mini-label">待人工</div>
            <div class="mini-label">{{ i18n('dashboard.taskManualLabel', '待人工') }}</div>
            <div class="mini-value">{{ formatNumber(tasks.overview.manual) }}</div>
            <div class="mini-hint">需人工关注或回滚</div>
            <div class="mini-hint">{{ i18n('dashboard.taskManualHint', '需人工关注或回滚') }}</div>
          </div>
          <div class="mini-card task-mini-completed">
            <div class="mini-label">已完成</div>
            <div class="mini-label">{{ i18n('dashboard.taskCompletedLabel', '已完成') }}</div>
            <div class="mini-value">{{ formatNumber(tasks.overview.completed) }}</div>
            <div class="mini-hint">已经完成或落账</div>
            <div class="mini-hint">{{ i18n('dashboard.taskCompletedHint', '已经完成或落账') }}</div>
          </div>
          <div class="mini-card task-mini-new">
            <div class="mini-label">新建</div>
            <div class="mini-label">{{ i18n('dashboard.taskNewLabel', '新建') }}</div>
            <div class="mini-value">{{ formatNumber(tasks.overview.newCreated) }}</div>
            <div class="mini-hint">刚进入调度流程</div>
            <div class="mini-hint">{{ i18n('dashboard.taskNewHint', '刚进入调度流程') }}</div>
          </div>
        </div>

        <div class="chart-grid">
          <div class="chart-card">
            <div class="chart-title">任务类型分布</div>
            <div class="chart-title">{{ i18n('dashboard.taskDirectionChartTitle', '任务类型分布') }}</div>
            <div ref="taskDirectionChart" class="chart-box"></div>
          </div>
          <div class="chart-card">
            <div class="chart-title">任务阶段概览</div>
            <div class="chart-title">{{ i18n('dashboard.taskStageChartTitle', '任务阶段概览') }}</div>
            <div ref="taskStageChart" class="chart-box"></div>
          </div>
        </div>
@@ -833,8 +833,8 @@
        <div class="panel-header">
          <div>
            <div class="panel-kicker">Recent</div>
            <h2 class="panel-title">最近任务</h2>
            <div class="panel-desc">帮助快速判断任务是否堆积、是否被设备接手，以及最近的任务目标位置。</div>
            <h2 class="panel-title">{{ i18n('dashboard.recentPanelTitle', '最近任务') }}</h2>
            <div class="panel-desc">{{ i18n('dashboard.recentPanelDesc', '帮助快速判断任务是否堆积、是否被设备接手，以及最近的任务目标位置。') }}</div>
          </div>
        </div>

@@ -844,15 +844,15 @@
              stripe
              size="mini"
              height="360"
              empty-text="暂无任务记录">
            <el-table-column prop="wrkNo" label="任务号" min-width="100"></el-table-column>
            <el-table-column prop="taskType" label="任务类型" min-width="110"></el-table-column>
            <el-table-column prop="status" label="状态" min-width="160" show-overflow-tooltip></el-table-column>
            <el-table-column prop="source" label="来源" min-width="170" show-overflow-tooltip></el-table-column>
            <el-table-column prop="target" label="目标" min-width="170" show-overflow-tooltip></el-table-column>
            <el-table-column prop="device" label="执行设备" min-width="180" show-overflow-tooltip></el-table-column>
            <el-table-column prop="barcode" label="条码" min-width="150" show-overflow-tooltip></el-table-column>
            <el-table-column prop="updateTime" label="最近更新时间" min-width="170"></el-table-column>
              :empty-text="i18n('dashboard.recentEmpty', '暂无任务记录')">
            <el-table-column prop="wrkNo" :label="i18n('dashboard.column.workNo', '任务号')" min-width="100"></el-table-column>
            <el-table-column prop="taskType" :label="i18n('dashboard.column.taskType', '任务类型')" min-width="110"></el-table-column>
            <el-table-column prop="status" :label="i18n('dashboard.column.status', '状态')" min-width="160" show-overflow-tooltip></el-table-column>
            <el-table-column prop="source" :label="i18n('dashboard.column.source', '来源')" min-width="170" show-overflow-tooltip></el-table-column>
            <el-table-column prop="target" :label="i18n('dashboard.column.target', '目标')" min-width="170" show-overflow-tooltip></el-table-column>
            <el-table-column prop="device" :label="i18n('dashboard.column.device', '执行设备')" min-width="180" show-overflow-tooltip></el-table-column>
            <el-table-column prop="barcode" :label="i18n('dashboard.column.barcode', '条码')" min-width="150" show-overflow-tooltip></el-table-column>
            <el-table-column prop="updateTime" :label="i18n('dashboard.column.updateTime', '最近更新时间')" min-width="170"></el-table-column>
          </el-table>
        </div>
      </section>
@@ -861,37 +861,37 @@
        <div class="panel-header">
          <div>
            <div class="panel-kicker">AI</div>
            <h2 class="panel-title">AI 运行情况</h2>
            <div class="panel-desc">查看 AI 会话累计 Tokens、LLM 调用量，以及路由的可用与冷却状态。</div>
            <h2 class="panel-title">{{ i18n('dashboard.aiPanelTitle', 'AI 运行情况') }}</h2>
            <div class="panel-desc">{{ i18n('dashboard.aiPanelDesc', '查看 AI 会话累计 Tokens、LLM 调用量，以及路由的可用与冷却状态。') }}</div>
          </div>
          <el-tag size="small" type="success">可用路由 {{ formatNumber(ai.overview.availableRouteCount) }}</el-tag>
          <el-tag size="small" type="success">{{ i18n('dashboard.availableRoutesTag', '可用路由 {0}', [formatNumber(ai.overview.availableRouteCount)]) }}</el-tag>
        </div>

        <div class="mini-grid">
          <div class="mini-card">
            <div class="mini-label">累计 Tokens</div>
            <div class="mini-label">{{ i18n('dashboard.aiTokenCardLabel', '累计 Tokens') }}</div>
            <div class="mini-value">{{ formatNumber(ai.overview.tokenTotal) }}</div>
            <div class="mini-hint">Prompt + Completion</div>
            <div class="mini-hint">{{ i18n('dashboard.aiTokenCardHint', 'Prompt + Completion') }}</div>
          </div>
          <div class="mini-card">
            <div class="mini-label">提问轮次</div>
            <div class="mini-label">{{ i18n('dashboard.aiAskCountLabel', '提问轮次') }}</div>
            <div class="mini-value">{{ formatNumber(ai.overview.askCount) }}</div>
            <div class="mini-hint">AI 对话累计轮次</div>
            <div class="mini-hint">{{ i18n('dashboard.aiAskCountHint', 'AI 对话累计轮次') }}</div>
          </div>
          <div class="mini-card">
            <div class="mini-label">LLM 调用</div>
            <div class="mini-label">{{ i18n('dashboard.aiLlmCallLabel', 'LLM 调用') }}</div>
            <div class="mini-value">{{ formatNumber(ai.overview.llmCallTotal) }}</div>
            <div class="mini-hint">成功 {{ formatNumber(ai.overview.successCallTotal) }} / 失败 {{ formatNumber(ai.overview.failCallTotal) }}</div>
            <div class="mini-hint">{{ i18n('dashboard.aiLlmCallHint', '成功 {0} / 失败 {1}', [formatNumber(ai.overview.successCallTotal), formatNumber(ai.overview.failCallTotal)]) }}</div>
          </div>
          <div class="mini-card">
            <div class="mini-label">会话数</div>
            <div class="mini-label">{{ i18n('dashboard.aiSessionCountLabel', '会话数') }}</div>
            <div class="mini-value">{{ formatNumber(ai.overview.sessionCount) }}</div>
            <div class="mini-hint">最近调用 {{ displayText(ai.overview.lastCallTime, '-') }}</div>
            <div class="mini-hint">{{ i18n('dashboard.aiSessionCountHint', '最近调用 {0}', [displayText(ai.overview.lastCallTime, '-')]) }}</div>
          </div>
        </div>

        <div class="chart-card">
          <div class="chart-title">AI 路由状态</div>
          <div class="chart-title">{{ i18n('dashboard.aiRouteChartTitle', 'AI 路由状态') }}</div>
          <div ref="aiRouteChart" class="ai-chart-box"></div>
        </div>

@@ -899,17 +899,17 @@
          <div v-for="route in ai.routeList.slice(0, 6)" :key="route.name + '-' + route.model + '-' + route.priority" class="route-row">
            <div class="route-row-main">
              <div class="route-row-name">{{ route.name }}</div>
              <div class="route-row-desc">模型 {{ displayText(route.model, '-') }}，优先级 {{ displayText(route.priority, '-') }}</div>
              <div class="route-row-desc">{{ i18n('dashboard.aiRouteDesc', '模型 {0}，优先级 {1}', [displayText(route.model, '-'), displayText(route.priority, '-')]) }}</div>
              <div v-if="route.lastError" class="route-error">{{ route.lastError }}</div>
            </div>
            <div class="route-row-side">
              <el-tag size="mini" :type="route.statusType">{{ route.statusText }}</el-tag>
              <div class="route-extra">成功 {{ formatNumber(route.successCount) }} / 失败 {{ formatNumber(route.failCount) }}</div>
              <div class="route-extra">最近使用 {{ displayText(route.lastUsedTime, '-') }}</div>
              <div class="route-extra">{{ i18n('dashboard.aiRouteResult', '成功 {0} / 失败 {1}', [formatNumber(route.successCount), formatNumber(route.failCount)]) }}</div>
              <div class="route-extra">{{ i18n('dashboard.aiRouteLastUsed', '最近使用 {0}', [displayText(route.lastUsedTime, '-')]) }}</div>
            </div>
          </div>
        </div>
        <el-empty v-else description="暂无 AI 路由数据"></el-empty>
        <el-empty v-else :description="i18n('dashboard.aiRouteEmpty', '暂无 AI 路由数据')"></el-empty>
      </section>
    </div>

@@ -918,37 +918,37 @@
        <div class="panel-header">
          <div>
            <div class="panel-kicker">Devices</div>
            <h2 class="panel-title">设备态势</h2>
            <div class="panel-desc">汇总输送站点、堆垛机、双工位堆垛机与 RGV 的在线、忙碌和告警情况。</div>
            <h2 class="panel-title">{{ i18n('dashboard.devicePanelTitle', '设备态势') }}</h2>
            <div class="panel-desc">{{ i18n('dashboard.devicePanelDesc', '汇总输送站点、堆垛机、双工位堆垛机与 RGV 的在线、忙碌和告警情况。') }}</div>
          </div>
          <el-tag size="small" type="info">在线率 {{ devices.overview.onlineRate || 0 }}%</el-tag>
          <el-tag size="small" type="info">{{ i18n('dashboard.deviceOnlineRate', '在线率 {0}', [formatPercentValue(devices.overview.onlineRate || 0)]) }}</el-tag>
        </div>

        <div class="mini-grid">
          <div class="mini-card">
            <div class="mini-label">设备总数</div>
            <div class="mini-label">{{ i18n('dashboard.deviceTotalLabel', '设备总数') }}</div>
            <div class="mini-value">{{ formatNumber(devices.overview.total) }}</div>
            <div class="mini-hint">已启用配置设备</div>
            <div class="mini-hint">{{ i18n('dashboard.deviceTotalHint', '已启用配置设备') }}</div>
          </div>
          <div class="mini-card">
            <div class="mini-label">在线设备</div>
            <div class="mini-label">{{ i18n('dashboard.deviceOnlineCardLabel', '在线设备') }}</div>
            <div class="mini-value">{{ formatNumber(devices.overview.online) }}</div>
            <div class="mini-hint">实时连通设备数量</div>
            <div class="mini-hint">{{ i18n('dashboard.deviceOnlineCardHint', '实时连通设备数量') }}</div>
          </div>
          <div class="mini-card">
            <div class="mini-label">忙碌设备</div>
            <div class="mini-label">{{ i18n('dashboard.deviceBusyLabel', '忙碌设备') }}</div>
            <div class="mini-value">{{ formatNumber(devices.overview.busy) }}</div>
            <div class="mini-hint">当前承载任务的设备</div>
            <div class="mini-hint">{{ i18n('dashboard.deviceBusyHint', '当前承载任务的设备') }}</div>
          </div>
          <div class="mini-card">
            <div class="mini-label">告警设备</div>
            <div class="mini-label">{{ i18n('dashboard.deviceAlarmLabel', '告警设备') }}</div>
            <div class="mini-value">{{ formatNumber(devices.overview.alarm) }}</div>
            <div class="mini-hint">含阻塞或报警状态</div>
            <div class="mini-hint">{{ i18n('dashboard.deviceAlarmHint', '含阻塞或报警状态') }}</div>
          </div>
        </div>

        <div class="chart-card">
          <div class="chart-title">设备在线分布</div>
          <div class="chart-title">{{ i18n('dashboard.deviceTypeChartTitle', '设备在线分布') }}</div>
          <div ref="deviceTypeChart" class="device-chart-box"></div>
        </div>

@@ -956,11 +956,11 @@
          <div v-for="item in devices.typeStats" :key="item.name" class="type-row">
            <div class="type-row-main">
              <div class="type-row-name">{{ item.name }}</div>
              <div class="type-row-desc">在线 {{ formatNumber(item.online) }} / 总数 {{ formatNumber(item.total) }}，离线 {{ formatNumber(item.offline) }}</div>
              <div class="type-row-desc">{{ i18n('dashboard.deviceTypeDesc', '在线 {0} / 总数 {1}，离线 {2}', [formatNumber(item.online), formatNumber(item.total), formatNumber(item.offline)]) }}</div>
            </div>
            <div class="type-row-side">
              <el-tag size="mini" type="success">忙碌 {{ formatNumber(item.busy) }}</el-tag>
              <el-tag size="mini" :type="item.alarm > 0 ? 'danger' : 'info'">告警 {{ formatNumber(item.alarm) }}</el-tag>
              <el-tag size="mini" type="success">{{ i18n('dashboard.deviceBusyTag', '忙碌 {0}', [formatNumber(item.busy)]) }}</el-tag>
              <el-tag size="mini" :type="item.alarm > 0 ? 'danger' : 'info'">{{ i18n('dashboard.deviceAlarmTag', '告警 {0}', [formatNumber(item.alarm)]) }}</el-tag>
            </div>
          </div>
        </div>
@@ -970,42 +970,42 @@
        <div class="panel-header">
          <div>
            <div class="panel-kicker">Network</div>
            <h2 class="panel-title">设备网络分析</h2>
            <div class="panel-desc">汇总最新 Ping 样本的连通性、延迟与异常设备，帮助快速发现网络波动。</div>
            <h2 class="panel-title">{{ i18n('devicePingLog.title', '设备网络分析') }}</h2>
            <div class="panel-desc">{{ i18n('dashboard.networkPanelDesc', '汇总最新 Ping 样本的连通性、延迟与异常设备，帮助快速发现网络波动。') }}</div>
          </div>
          <div class="panel-actions">
            <el-tag size="small" :type="network.overview.attentionDevices > 0 ? 'warning' : 'success'">
              需关注 {{ formatNumber(network.overview.attentionDevices) }}
              {{ i18n('dashboard.networkAttentionTag', '需关注 {0}', [formatNumber(network.overview.attentionDevices)]) }}
            </el-tag>
            <el-button size="mini" plain @click="openDevicePingAnalysis">查看明细</el-button>
            <el-button size="mini" plain @click="openDevicePingAnalysis">{{ i18n('dashboard.networkViewDetail', '查看明细') }}</el-button>
          </div>
        </div>

        <div class="mini-grid">
          <div class="mini-card network-mini-ok">
            <div class="mini-label">正常</div>
            <div class="mini-label">{{ i18n('dashboard.networkOkLabel', '正常') }}</div>
            <div class="mini-value">{{ formatNumber(network.overview.okDevices) }}</div>
            <div class="mini-hint">最新样本状态 OK</div>
            <div class="mini-hint">{{ i18n('dashboard.networkOkHint', '最新样本状态 OK') }}</div>
          </div>
          <div class="mini-card network-mini-warning">
            <div class="mini-label">波动</div>
            <div class="mini-label">{{ i18n('dashboard.networkUnstableLabel', '波动') }}</div>
            <div class="mini-value">{{ formatNumber(network.overview.unstableDevices) }}</div>
            <div class="mini-hint">部分探测成功</div>
            <div class="mini-hint">{{ i18n('dashboard.networkUnstableHint', '部分探测成功') }}</div>
          </div>
          <div class="mini-card network-mini-offline">
            <div class="mini-label">超时/异常</div>
            <div class="mini-label">{{ i18n('dashboard.networkOfflineLabel', '超时/异常') }}</div>
            <div class="mini-value">{{ formatNumber(network.overview.offlineDevices) }}</div>
            <div class="mini-hint">暂无数据 {{ formatNumber(network.overview.noDataDevices) }}</div>
            <div class="mini-hint">{{ i18n('dashboard.networkNoDataHint', '暂无数据 {0}', [formatNumber(network.overview.noDataDevices)]) }}</div>
          </div>
          <div class="mini-card network-mini-latency">
            <div class="mini-label">平均延迟</div>
            <div class="mini-label">{{ i18n('dashboard.networkAvgLatencyLabel', '平均延迟') }}</div>
            <div class="mini-value">{{ formatLatency(network.overview.avgLatencyMs) }}</div>
            <div class="mini-hint">峰值 {{ formatLatency(network.overview.maxLatencyMs) }}</div>
            <div class="mini-hint">{{ i18n('dashboard.networkPeakLatencyHint', '峰值 {0}', [formatLatency(network.overview.maxLatencyMs)]) }}</div>
          </div>
        </div>

        <div class="chart-card">
          <div class="chart-title">连通状态分布</div>
          <div class="chart-title">{{ i18n('dashboard.networkStatusChartTitle', '连通状态分布') }}</div>
          <div class="chart-subtitle">{{ networkSamplingText() }}</div>
          <div ref="networkStatusChart" class="network-chart-box"></div>
        </div>
@@ -1019,23 +1019,23 @@
            </div>
            <div class="route-row-side">
              <el-tag size="mini" :type="item.statusType">{{ item.statusText }}</el-tag>
              <div class="route-extra">平均 {{ formatLatency(item.avgLatencyMs) }}</div>
              <div class="route-extra">最近样本 {{ displayText(item.latestTimeLabel, '-') }}</div>
              <div class="route-extra">{{ i18n('dashboard.networkAvgLatencyTag', '平均 {0}', [formatLatency(item.avgLatencyMs)]) }}</div>
              <div class="route-extra">{{ i18n('dashboard.networkLatestSampleTag', '最近样本 {0}', [displayText(item.latestTimeLabel, '-')]) }}</div>
            </div>
          </div>
        </div>
        <div v-else-if="network.overview.totalDevices > 0" class="network-healthy-state">
          <div class="network-healthy-main">
            <div class="network-healthy-title">当前网络探测稳定</div>
            <div class="network-healthy-desc">已纳入 {{ formatNumber(network.overview.totalDevices) }} 台设备，最近一轮未发现超时或波动。</div>
            <div class="network-healthy-title">{{ i18n('dashboard.networkHealthyTitle', '当前网络探测稳定') }}</div>
            <div class="network-healthy-desc">{{ i18n('dashboard.networkHealthyDesc', '已纳入 {0} 台设备，最近一轮未发现超时或波动。', [formatNumber(network.overview.totalDevices)]) }}</div>
          </div>
          <div class="network-healthy-tags">
            <div class="network-healthy-tag">正常 {{ formatNumber(network.overview.okDevices) }}</div>
            <div class="network-healthy-tag">平均 {{ formatLatency(network.overview.avgLatencyMs) }}</div>
            <div class="network-healthy-tag">峰值 {{ formatLatency(network.overview.maxLatencyMs) }}</div>
            <div class="network-healthy-tag">{{ i18n('dashboard.networkHealthyOk', '正常 {0}', [formatNumber(network.overview.okDevices)]) }}</div>
            <div class="network-healthy-tag">{{ i18n('dashboard.networkHealthyAvg', '平均 {0}', [formatLatency(network.overview.avgLatencyMs)]) }}</div>
            <div class="network-healthy-tag">{{ i18n('dashboard.networkHealthyPeak', '峰值 {0}', [formatLatency(network.overview.maxLatencyMs)]) }}</div>
          </div>
        </div>
        <el-empty v-else description="暂无设备网络样本"></el-empty>
        <el-empty v-else :description="i18n('dashboard.networkEmpty', '暂无设备网络样本')"></el-empty>
      </section>
    </div>
  </div>
@@ -1043,8 +1043,8 @@
  <div v-if="loading" class="loading-mask">
    <div class="loading-card">
      <i class="el-icon-loading" style="font-size: 26px;"></i>
      <div class="loading-title">正在加载仪表盘</div>
      <div class="loading-desc">汇总任务、设备与 AI 运行数据，请稍候...</div>
      <div class="loading-title">{{ i18n('dashboard.loadingTitle', '正在加载仪表盘') }}</div>
      <div class="loading-desc">{{ i18n('dashboard.loadingDesc', '汇总任务、设备与 AI 运行数据，请稍候...') }}</div>
    </div>
  </div>
</div>
@@ -1054,6 +1054,6 @@
<script type="text/javascript" src="../../static/vue/js/vue.min.js"></script>
<script type="text/javascript" src="../../static/vue/element/element.js"></script>
<script type="text/javascript" src="../../static/js/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../../static/js/dashboard/dashboard.js?v=20260317-dashboard-network-focus"></script>
<script type="text/javascript" src="../../static/js/dashboard/dashboard.js?v=20260317-dashboard-network-i18n"></script>
</body>
</html>