diff --git a/src/views/monitoring/equipmentProcessAmount/index.vue b/src/views/monitoring/equipmentProcessAmount/index.vue index d060bbb0..8cef3c05 100644 --- a/src/views/monitoring/equipmentProcessAmount/index.vue +++ b/src/views/monitoring/equipmentProcessAmount/index.vue @@ -26,7 +26,8 @@ v-for="fc in sidebarContent" :key="fc.id" :data-value="fc.id" - class="factory-list__item"> + class="factory-list__item" + :class="{ 'is-current': fc.id == currentFactory?.id }"> {{ fc.label }} @@ -463,7 +464,6 @@ export default { left: 90px; /* max-width: 128px; */ height: auto; - padding: 8px; overflow: hidden; /* transition: all 0.3s ease-out; */ z-index: 1000; @@ -481,22 +481,31 @@ li { } .factory-list { - padding: 1px; color: #0008; max-height: 240px; overflow-y: auto; } .factory-list__item { - border-radius: 4px; font-size: 16px; line-height: 1; - padding: 8px 32px 8px 8px; - min-width: 64px; + padding: 8px 64px 8px 16px; + /* min-width: 64px; */ + position: relative; } -.factory-list__item:hover { - background: #ccc6; - color: #000e; +.factory-list__item:hover, +.factory-list__item.is-current { + background: #e3efff; + color: #0b58ff; +} + +.factory-list__item.is-current::after { + content: "√"; + position: absolute; + top: 8px; + right: 16px; + font-weight: bold; + }