2 lines
16 KiB
CSS
2 lines
16 KiB
CSS
.vehicle-table[data-v-10ac5811]{width:100%;background-color:transparent;display:flex;flex-direction:column;height:100%}.search-area[data-v-10ac5811]{display:flex;align-items:center;margin-bottom:20px}.search-area .search-input[data-v-10ac5811]{width:250px;margin-right:10px}.search-area .search-select[data-v-10ac5811]{width:150px;margin-right:10px}.search-area .search-buttons[data-v-10ac5811]{margin-right:20px;display:flex;gap:10px}.search-area .action-buttons[data-v-10ac5811]{margin-left:auto;display:flex;gap:10px}.search-area .action-buttons .view-switcher[data-v-10ac5811]{display:flex;background-color:#343744;border-radius:8px;overflow:hidden}.search-area .action-buttons .view-switcher .view-btn[data-v-10ac5811]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;transition:all .3s}.search-area .action-buttons .view-switcher .view-btn[data-v-10ac5811]:hover{background-color:#2b3b5a}.search-area .action-buttons .view-switcher .view-btn.active[data-v-10ac5811]{background-color:#409eff}.search-area .action-buttons .view-switcher .view-btn.active svg[data-v-10ac5811]{color:#fff}.search-area .action-buttons .view-switcher .view-btn svg[data-v-10ac5811]{font-size:18px;color:#96a0b5}.table-container[data-v-10ac5811]{height:32rem;max-height:32rem}.table-container.full-height[data-v-10ac5811]{height:calc(100% - 50px)}.pagination-container[data-v-10ac5811]{display:flex;justify-content:flex-end;padding:15px 0;position:relative;z-index:10}[data-v-10ac5811] .el-input__wrapper:hover{box-shadow:none!important}[data-v-10ac5811] .el-select{border:none!important;width:150px!important;--el-border-color-hover: #343744 !important;--el-border-color: #343744 !important}[data-v-10ac5811] .el-select__wrapper.is-focused{box-shadow:none!important}[data-v-10ac5811] .el-select__wrapper{background:#343744!important;color:#96a0b5!important;border-radius:8px!important;height:36px!important;font-size:15px;border:none!important}[data-v-10ac5811] .el-input__wrapper{background:#343744!important;color:#96a0b5!important;border-radius:8px!important;height:36px!important;border:none!important;box-shadow:none!important}[data-v-10ac5811] .el-select__placeholder{color:#96a0b5!important}[data-v-10ac5811] .el-button{background:#343744;border-color:transparent;border-radius:8px;height:36px}[data-v-10ac5811] .el-button.el-button--primary{background-color:#409eff}[data-v-10ac5811] .el-button:hover,[data-v-10ac5811] .el-button:focus{background:#2B3B5A;border-color:transparent}[data-v-10ac5811] .el-button.el-button--primary:hover,[data-v-10ac5811] .el-button.el-button--primary:focus{background-color:#337ecc}.custom-table[data-v-10ac5811]{background-color:transparent!important;color:#fff;margin-bottom:20px;border-radius:4px;overflow:hidden}.custom-table[data-v-10ac5811] .el-loading-mask{background-color:#292c38b3!important}.custom-table[data-v-10ac5811] .el-table__empty-block{background-color:#292c38!important}.custom-table[data-v-10ac5811] .el-table__empty-text{color:#96a0b5!important}.custom-table[data-v-10ac5811] .el-table,.custom-table[data-v-10ac5811] .el-table__body{background-color:transparent!important}.custom-table[data-v-10ac5811] .el-table__inner-wrapper:before{display:none}.custom-table[data-v-10ac5811] .el-table__header{border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}.custom-table[data-v-10ac5811] .el-table__header-wrapper th{background-color:#343744!important;color:#96a0b5!important;font-weight:400;border-bottom:none}.custom-table[data-v-10ac5811] .el-table__header-wrapper tr th.el-table__cell:first-child,.custom-table[data-v-10ac5811] .el-table__header-wrapper tr th.el-table__cell:first-child .cell{border-top-left-radius:6px}.custom-table[data-v-10ac5811] .el-table__header-wrapper tr th.el-table__cell:last-child{border-top-right-radius:4px}.custom-table[data-v-10ac5811] .el-table__header-wrapper tr th.el-table__cell:last-child .cell{border-top-right-radius:4px}.custom-table[data-v-10ac5811] .el-table__header-wrapper .el-table__header th.el-table__cell{background-color:#343744!important;color:#96a0b5}.custom-table[data-v-10ac5811] .el-table__header-wrapper tr{background-color:#343744!important}.custom-table[data-v-10ac5811] .el-table__body-wrapper td{height:68px!important;background-color:transparent;color:#fff;border-bottom:1px solid #4C4F5F}.custom-table[data-v-10ac5811] .el-table__body tr:hover>td{background:#2B3B5A!important}.custom-table[data-v-10ac5811] .el-button--link{border:none;background:transparent;color:#347ae2;padding:0;margin:0 5px}.custom-table[data-v-10ac5811] .el-button.is-text{background-color:transparent!important;border-color:transparent;color:#347ae2}.custom-table[data-v-10ac5811] .el-button.is-text:hover,.custom-table[data-v-10ac5811] .el-button.is-text:focus,.custom-table[data-v-10ac5811] .el-button.is-text:active{background-color:transparent!important;color:#347ae2}.custom-table[data-v-10ac5811] .el-button.el-button--primary.is-text,.custom-table[data-v-10ac5811] .el-button.el-button--primary.is-text:hover,.custom-table[data-v-10ac5811] .el-table__body tr:hover .el-button--link.is-text{background-color:transparent!important;color:#347ae2}[data-v-10ac5811] .el-table{--el-table-bg-color: transparent !important;--el-table-tr-bg-color: transparent !important;--el-table-border-color: #4C4F5F !important;--el-table-header-bg-color: #343744 !important;--el-table-row-hover-bg-color: #2B3B5A !important}[data-v-10ac5811] .el-table:before{display:none}.table-container[data-v-10ac5811]::-webkit-scrollbar{width:6px}.table-container[data-v-10ac5811]::-webkit-scrollbar-thumb{background-color:#4c4f5f;border-radius:6px}.table-container[data-v-10ac5811]::-webkit-scrollbar-track{background-color:#292c38}@media (max-width: 1200px){.search-area[data-v-10ac5811]{flex-wrap:wrap;gap:10px}.search-area .search-input[data-v-10ac5811]{width:100%;max-width:250px;margin-right:0}.search-area .search-select[data-v-10ac5811],.search-area .search-buttons[data-v-10ac5811]{margin-right:0}.search-area .action-buttons[data-v-10ac5811]{margin-left:0;margin-top:10px}}@media (max-width: 768px){.search-area[data-v-10ac5811]{flex-direction:column;align-items:flex-start}.search-area .search-input[data-v-10ac5811],.search-area .search-select[data-v-10ac5811]{width:100%;max-width:none}.search-area .search-buttons[data-v-10ac5811],.search-area .action-buttons[data-v-10ac5811]{width:100%;margin-top:10px}}.vehicle-cards[data-v-6e701db6]{width:100%;display:flex;flex-direction:column;height:100%}.cards-container[data-v-6e701db6]{height:calc(var(--card-row-height) * 2 + 15px);max-height:calc(100% - 50px);overflow-y:auto;padding:10px 0}.cards-grid[data-v-6e701db6]{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--card-row-height);gap:15px}.vehicle-card[data-v-6e701db6]{background-color:#343744;color:#fff;border-radius:8px;overflow:hidden;width:100%;height:100%;box-shadow:0 2px 12px #0000001a;position:relative;cursor:pointer;transition:all .3s ease}.vehicle-card[data-v-6e701db6]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003;background-color:#3a3f4d}.vehicle-card[data-v-6e701db6]:active{transform:translateY(0);box-shadow:0 2px 12px #0000001a}.vehicle-card.task-status[data-v-6e701db6]{border-top:4px solid #5690e7}.vehicle-card.idle-status[data-v-6e701db6]{border-top:4px solid #c3c3c3}.vehicle-card.waiting-status[data-v-6e701db6]{border-top:4px solid #ff312f}.card-content[data-v-6e701db6]{padding:15px}.card-row[data-v-6e701db6]{display:flex;align-items:center;margin-bottom:12px}.card-row[data-v-6e701db6]:last-child{margin-bottom:0}.card-row.card-header[data-v-6e701db6]{justify-content:space-between;margin-bottom:15px}.card-row.card-header .left-content[data-v-6e701db6]{display:flex;align-items:center;gap:8px}.card-row.card-header .left-content .car-icon[data-v-6e701db6]{width:24px;height:24px}.card-row.card-header .left-content .vehicle-info[data-v-6e701db6]{display:flex;flex-direction:column}.card-row.card-header .left-content .vehicle-info .vehicle-id[data-v-6e701db6]{font-size:16px;font-weight:700}.card-row.card-header .left-content .vehicle-info .vehicle-type[data-v-6e701db6]{font-size:12px;color:#96a0b5}.card-row.card-header .status-tag[data-v-6e701db6]{padding:2px 8px;border-radius:4px;font-size:12px}.card-row.card-header .status-tag.task[data-v-6e701db6]{background-color:#5690e7;color:#fff}.card-row.card-header .status-tag.idle[data-v-6e701db6]{background-color:#c3c3c3;color:#fff}.card-row.card-header .status-tag.waiting[data-v-6e701db6]{background-color:#ff312f;color:#fff}.card-row.battery-info[data-v-6e701db6]{display:flex;align-items:center;gap:8px}.card-row.battery-info .info-item[data-v-6e701db6]{display:flex;align-items:center}.card-row.battery-info .info-item .battery-container[data-v-6e701db6]{display:flex;align-items:center;background-color:#00ff8433;border-radius:4px;padding:4px 8px}.card-row.battery-info .info-item .battery-container .battery-icon[data-v-6e701db6]{display:flex;align-items:center}.card-row.battery-info .info-item .battery-container .lightning-icon[data-v-6e701db6]{font-size:12px;margin:0 4px;color:#00ff84}.card-row.battery-info .info-item .battery-container .percentage[data-v-6e701db6]{font-size:12px;font-weight:700;color:#00ff84}.card-row.battery-info .info-item i.el-icon[data-v-6e701db6]{font-size:18px;color:#67c23a}.card-row.battery-info .info-item i.el-icon.voltage-icon[data-v-6e701db6],.card-row.battery-info .info-item i.el-icon.current-icon[data-v-6e701db6]{color:#409eff}.card-row.battery-info .divider[data-v-6e701db6]{color:#5e6778}.card-row.location-info[data-v-6e701db6]{color:#96a0b5;font-size:14px}.card-row.location-info i.location-icon[data-v-6e701db6]{color:#409eff;margin-right:4px;font-size:18px}.card-row.contact-info[data-v-6e701db6],.card-row.company-info[data-v-6e701db6]{display:flex;justify-content:space-between}.card-row.contact-info .left-content[data-v-6e701db6],.card-row.contact-info .right-content[data-v-6e701db6],.card-row.company-info .left-content[data-v-6e701db6],.card-row.company-info .right-content[data-v-6e701db6]{display:flex;align-items:center;gap:4px;color:#96a0b5;font-size:14px}.card-row.contact-info .left-content i[data-v-6e701db6],.card-row.contact-info .right-content i[data-v-6e701db6],.card-row.company-info .left-content i[data-v-6e701db6],.card-row.company-info .right-content i[data-v-6e701db6]{color:#409eff;font-size:18px}.card-row.update-time[data-v-6e701db6]{font-size:12px;color:#5e6778}.card-row.update-time .update-label[data-v-6e701db6]{margin-right:4px}.bottom-stats[data-v-6e701db6]{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 5px;border-top:1px solid #4C4F5F}.bottom-stats .status-counters[data-v-6e701db6]{display:flex;align-items:center;gap:10px}.bottom-stats .status-counters .status-counter[data-v-6e701db6]{display:flex;align-items:center}.bottom-stats .status-counters .status-counter .counter-label[data-v-6e701db6]{color:#96a0b5;margin-right:5px}.bottom-stats .status-counters .status-counter.online .counter-value[data-v-6e701db6]{color:#67c23a}.bottom-stats .status-counters .status-counter.offline .counter-value[data-v-6e701db6]{color:#909399}.bottom-stats .status-counters .status-counter.fault .counter-value[data-v-6e701db6]{color:#f56c6c}.bottom-stats .pagination-wrapper[data-v-6e701db6]{margin-left:auto}[data-v-6e701db6] .el-button.is-text{color:#347ae2}[data-v-6e701db6] .el-pagination{margin-top:0;justify-content:flex-end}.cards-container[data-v-6e701db6]::-webkit-scrollbar{width:6px}.cards-container[data-v-6e701db6]::-webkit-scrollbar-thumb{background-color:#4c4f5f;border-radius:6px}.cards-container[data-v-6e701db6]::-webkit-scrollbar-track{background-color:#292c38}@media (max-width: 1600px){.cards-grid[data-v-6e701db6]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.cards-grid[data-v-6e701db6]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cards-grid[data-v-6e701db6]{grid-template-columns:1fr}.bottom-stats[data-v-6e701db6]{height:auto;flex-direction:column;gap:15px;align-items:flex-start}.bottom-stats .status-counters[data-v-6e701db6]{width:100%;justify-content:space-between}.bottom-stats .pagination-wrapper[data-v-6e701db6]{width:100%;display:flex;justify-content:flex-end}}.monitor_container[data-v-db1c64a9]{display:flex;flex-direction:column;gap:20px;min-height:100%}.stats-section[data-v-db1c64a9]{margin-bottom:20px}.app-container[data-v-db1c64a9]{padding:20px;background-color:#292c38;color:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;min-height:calc(100vh - 250px)}.content-area[data-v-db1c64a9]{flex:1;display:flex;flex-direction:column;overflow:hidden;height:calc(100% - 70px);min-height:500px}.detail-view[data-v-db1c64a9]{height:calc(100vh - 100px);overflow:hidden;animation:fadeIn-db1c64a9 .3s ease}.search-area[data-v-db1c64a9]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #343744}.search-area .search-input[data-v-db1c64a9]{width:250px}.search-area .search-select[data-v-db1c64a9]{width:150px}.search-area .status-selector[data-v-db1c64a9]{background-color:#343744;border-radius:8px;padding:10px;margin-right:20px}.search-area .status-selector .status-label[data-v-db1c64a9]{color:#96a0b5;font-size:14px;margin-bottom:8px}.search-area .status-selector .status-options[data-v-db1c64a9]{display:flex;flex-direction:column;gap:10px}.search-area .status-selector .status-options .status-option[data-v-db1c64a9]{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:4px;cursor:pointer}.search-area .status-selector .status-options .status-option[data-v-db1c64a9]:hover,.search-area .status-selector .status-options .status-option.active[data-v-db1c64a9]{background-color:#2b3b5a}.search-area .status-selector .status-options .status-option.active .status-icon[data-v-db1c64a9]{background-color:#409eff}.search-area .status-selector .status-options .status-option.active .status-text[data-v-db1c64a9]{color:#fff}.search-area .status-selector .status-options .status-option .status-icon[data-v-db1c64a9]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:#292c38}.search-area .status-selector .status-options .status-option .status-icon img[data-v-db1c64a9]{width:20px;height:20px;object-fit:contain}.search-area .status-selector .status-options .status-option .status-icon.selected[data-v-db1c64a9]{background-color:#409eff}.search-area .status-selector .status-options .status-option .status-text[data-v-db1c64a9]{color:#96a0b5;font-size:14px}.search-area .search-buttons[data-v-db1c64a9]{display:flex;gap:10px}.search-area .action-buttons[data-v-db1c64a9]{margin-left:auto;display:flex;gap:10px}.search-area .action-buttons .view-switcher[data-v-db1c64a9]{display:flex;background-color:#343744;border-radius:8px;overflow:hidden}.search-area .action-buttons .view-switcher .view-btn[data-v-db1c64a9]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;transition:all .3s}.search-area .action-buttons .view-switcher .view-btn img[data-v-db1c64a9]{width:20px;height:20px;object-fit:contain}.search-area .action-buttons .view-switcher .view-btn[data-v-db1c64a9]:hover{background-color:#2b3b5a}.search-area .action-buttons .view-switcher .view-btn.active[data-v-db1c64a9]{background-color:#409eff}[data-v-db1c64a9] .el-input__wrapper{background:#343744!important;color:#96a0b5!important;border-radius:8px!important;height:36px!important;border:none!important;box-shadow:none!important}[data-v-db1c64a9] .el-select__wrapper{background:#343744!important;color:#96a0b5!important;border-radius:8px!important;height:36px!important;font-size:15px;border:none!important}[data-v-db1c64a9] .el-button{background:#343744;border-color:transparent;border-radius:8px;height:36px}[data-v-db1c64a9] .el-button.el-button--primary{background-color:#409eff}[data-v-db1c64a9] .el-button:hover,[data-v-db1c64a9] .el-button:focus{background:#2B3B5A;border-color:transparent}[data-v-db1c64a9] .el-button.el-button--primary:hover,[data-v-db1c64a9] .el-button.el-button--primary:focus{background-color:#337ecc}.fade-enter-active[data-v-db1c64a9],.fade-leave-active[data-v-db1c64a9]{transition:opacity .3s ease}.fade-enter-from[data-v-db1c64a9],.fade-leave-to[data-v-db1c64a9]{opacity:0}@keyframes fadeIn-db1c64a9{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.detail-view[data-v-db1c64a9]{min-height:calc(100vh - 80px)}.search-area[data-v-db1c64a9]{flex-direction:column;align-items:flex-start}.search-area .search-input[data-v-db1c64a9],.search-area .search-select[data-v-db1c64a9]{width:100%}.search-area .action-buttons[data-v-db1c64a9]{margin-left:0;margin-top:10px;width:100%;justify-content:flex-end}}
|