|
|
|
@ -136,10 +136,15 @@ onMounted(()=>{loadData();loadDrops()})
|
|
|
|
margin-right: 6px;
|
|
|
|
margin-right: 6px;
|
|
|
|
vertical-align: middle;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 穿梭框内:父子选择器(父元素带status-xxx,子元素.status-dot) */
|
|
|
|
.status-online .status-dot { background-color: #67c23a; }
|
|
|
|
.status-online .status-dot { background-color: #67c23a; }
|
|
|
|
.status-offline .status-dot { background-color: #c0c4cc; }
|
|
|
|
.status-offline .status-dot { background-color: #c0c4cc; }
|
|
|
|
.status-disabled .status-dot { background-color: #f56c6c; }
|
|
|
|
.status-disabled .status-dot { background-color: #f56c6c; }
|
|
|
|
/* 图例 */
|
|
|
|
/* 图例:class直接在.status-dot上 */
|
|
|
|
|
|
|
|
.status-dot.online { background-color: #67c23a; }
|
|
|
|
|
|
|
|
.status-dot.offline { background-color: #c0c4cc; }
|
|
|
|
|
|
|
|
.status-dot.disabled { background-color: #f56c6c; }
|
|
|
|
|
|
|
|
/* 图例布局 */
|
|
|
|
.transfer-legend {
|
|
|
|
.transfer-legend {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
gap: 16px;
|
|
|
|
gap: 16px;
|
|
|
|
|