From 6b74ef2bd19c6bddd58d89d98ac51427232b6118 Mon Sep 17 00:00:00 2001
From: haoliang <821644@qq.com>
Date: Wed, 29 Apr 2026 22:58:03 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A9=BF=E6=A2=AD=E6=A1=86=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E8=89=B2=E7=82=B9=E6=94=B9=E7=94=A8=E5=86=85=E8=81=94style?=
 =?UTF-8?q?=EF=BC=8C=E4=BF=AE=E5=A4=8Dscoped=E6=A0=B7=E5=BC=8F=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E7=A9=BF=E9=80=8Fel-transfer=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/worker/WorkerListPage.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/worker/WorkerListPage.vue b/frontend/src/views/worker/WorkerListPage.vue
index 8ad9708..989eca3 100644
--- a/frontend/src/views/worker/WorkerListPage.vue
+++ b/frontend/src/views/worker/WorkerListPage.vue
@@ -54,8 +54,8 @@
             filter-placeholder="搜索机床"
           >
             <template #default="{ option }">
-              <span :class="['machine-transfer-item', getStatusClass(option)]">
-                <span class="status-dot"></span>
+              <span>
+                <span :style="dotStyle(option)"></span>
                 {{ option.name }}
                 <template v-if="option.deviceCode"> ({{ option.deviceCode }})</template>
                 <template v-if="option.workshopName"> - {{ option.workshopName }}</template>
@@ -116,7 +116,11 @@ async function handleSubmit(){submitting.value=true;try{const ok = await (worker
 async function handleDelete(row:any){await ElMessageBox.confirm('确定删除【'+row.name+'】？此操作不可恢复。','提示',{type:'warning'});await request.delete(`/admin/worker/${row.id}`);ElMessage.success('已删除');loadData()}
 async function batchStatus(isEnabled:number){await ElMessageBox.confirm('确定对选中的'+selectedRows.value.length+'项操作？','提示',{type:'warning'});for(const id of selectedRows.value.map((r:any)=>r.id)){await request.put(`/admin/worker/${id}/toggle`,{isEnabled})};ElMessage.success('操作成功');loadData()}
 async function loadDrops(){try{const r: ApiResponse<{ items: MachineItem[] }> = await request.get('/admin/machine',{params:{pageSize:999}}); availableMachines.value = (r.data?.items ?? []).map(m => ({ id: m.id, name: m.name, label: m.name, deviceCode: m.deviceCode, workshopName: m.workshopName, isOnline: m.isOnline, isEnabled: m.isEnabled }))}catch{/* 接口不可用时保持为空，不影响其他功能 */}}
-/** 根据机床在线/启用状态返回样式类 */
+/** 根据机床在线/启用状态返回色点内联样式 */
+function dotStyle(m: MachineItem): Record<string, string> {
+  const color = !m.isEnabled ? '#f56c6c' : m.isOnline ? '#67c23a' : '#c0c4cc'
+  return { display: 'inline-block', width: '8px', height: '8px', borderRadius: '50%', marginRight: '6px', verticalAlign: 'middle', backgroundColor: color }
+}
 function getStatusClass(m: MachineItem): string {
   if (!m.isEnabled) return 'status-disabled'
   if (m.isOnline) return 'status-online'