forked from drone/command-center-dashboard

chenyao
2025-04-11 867dfdb36aed68626f55d12ef20d3596d7ea5446
src/views/Home/HomeLeft/OverviewNext.vue
@@ -19,7 +19,10 @@
            <img width="13" height="15" src="../../../assets/images/home/homeLeft/table-icon.png" alt="" />
            {{ item.nickname }}
          </div>
          <div class="status" :class="item.status==='WORKING'?'atcive':''" @click="signMachineNestClick(item)">
          <div class="status" :class="{
            'active': item.status === 'WORKING',
            'idle-active': item.status === 'LEISURE'
          }" @click="signMachineNestClick(item)">
            {{ item.status==='OFFLINE'?'离线中':(item.status==='WORKING'?'作业中':'空闲中') }}
          </div>
        </div>
@@ -150,14 +153,25 @@
        top: 14px;
        left: 10px;
      }
      .name {
        display: flex;
        align-items: center;
        gap: 8px; // 添加图片和文字之间的间距
        img {
          vertical-align: middle;
        }
      }
      .status {
        color: #6fc3ff;
        color: #fff;
        cursor: pointer;
      }
      .atcive {
        color: #04f020;
      .active {
        color: #8EFFAC;
        background: linear-gradient( 90deg, rgba(12,45,92,1) 0%, #154671 50%, rgba(12,45,92,1) 100%), linear-gradient( 90deg, rgba(12,45,92,1) 0%, rgba(12,45,92,1) 50%, rgba(12,45,92,1) 100%);
      }
      .idle-active {
        color: #FFA768;
      }
    }
    .custom-empty {
      margin: 16px 0;