diff --git a/src/views/system/AttMacManage/components/leftTree.vue b/src/views/system/AttMacManage/components/leftTree.vue index ec5e053..a58516b 100644 --- a/src/views/system/AttMacManage/components/leftTree.vue +++ b/src/views/system/AttMacManage/components/leftTree.vue @@ -34,11 +34,18 @@ :class="getStatusDotClass(node.data)" > - {{ node.label }} + + {{ node.label }} + + @@ -119,6 +126,19 @@ export default { } return '' }, + /** + * 判断文本是否溢出 + * 业务背景:当节点名称过长时,需要显示 tooltip 提示完整名称 + * 设计决策:通过检查文本长度来判断是否需要显示 tooltip,避免短文本也显示提示 + * @param {string} text - 节点文本内容 + * @returns {boolean} 是否溢出 + */ + isTextOverflow(text) { + if (!text) return false + // 根据实际容器宽度,这里假设超过 20 个字符可能需要省略 + // 实际项目中可以根据容器宽度动态计算 + return text.length > 20 + }, }, } @@ -196,6 +216,11 @@ export default { .node-label { flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + max-width: 100%; } &.node-online { diff --git a/src/views/system/AttMacManage/components/rightTable.vue b/src/views/system/AttMacManage/components/rightTable.vue index 4ea268f..725fd8a 100644 --- a/src/views/system/AttMacManage/components/rightTable.vue +++ b/src/views/system/AttMacManage/components/rightTable.vue @@ -43,17 +43,27 @@ size="mini" type="success" icon="el-icon-refresh" + :disabled="refreshCountdown > 0" @click="handleRefresh" > - 刷新 + {{ + refreshCountdown > 0 + ? `刷新(${refreshCountdown}s)` + : '刷新' + }} - 重启 + {{ + restartCountdown > 0 + ? `重启(${restartCountdown}s)` + : '重启' + }}