| | |
| | | currentPage.value = newPage; |
| | | }; |
| | | const handleMessage = (data) => { |
| | | if (data.queueInfo != null) { |
| | | const rawData = data.queueInfo[0] |
| | | const formattedData = Object.entries(rawData).map(([key, data]) => ({ |
| | | title: key, |
| | | tableDataa: Array.isArray(data) ? data : [data] |
| | | })); |
| | | tabList.value = formattedData; |
| | | } |
| | | if (tabList.value.length > 0) { |
| | | activeTab.value = tabList.value[0].title; |
| | | } |
| | |
| | | text-align: center; |
| | | margin-top: -5px; |
| | | } |
| | | |
| | | #dotClass { |
| | | display: flex; |
| | | margin-left: 20px; |
| | |
| | | margin-top: 20px; |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | ::v-deep(.row-red-background) { |
| | | background-color: rgb(224.6, 242.8, 215.6) !important; |
| | | } |
| | | .custom-page-buttons { |
| | | display: flex; |
| | | gap: 10px; |
| | | margin-top: 20px; |
| | | } |
| | | |
| | | .custom-page-buttons { |
| | | display: flex; |
| | | gap: 10px; |
| | | margin: 20px 0; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .page-btn { |
| | | padding: 8px 16px; |
| | | min-width: 40px; |
| | |
| | | cursor: pointer; |
| | | transition: all 0.3s; |
| | | } |
| | | |
| | | .page-btn:hover { |
| | | background: #e6f1ff; |
| | | } |
| | | |
| | | .page-btn.active-page { |
| | | background: #409eff; |
| | | color: white; |