增加单位功能

This commit is contained in:
2026-09-14 00:09:58 +08:00
parent a8c09c1db5
commit 6f106e43af
22 changed files with 1473 additions and 128 deletions
@@ -426,12 +426,12 @@ function copyAll() {
:deep(.pool-detail-dialog .el-dialog__header) {
padding: 18px 22px;
margin: 0;
border-bottom: 1px solid #eef0f5;
border-bottom: 1px solid var(--el-border-color-lighter);
}
:deep(.pool-detail-dialog .el-dialog__body) {
padding: 18px 22px 22px;
background: #f6f8fb;
background: var(--el-bg-color-page);
}
:deep(.el-tag) {
@@ -454,14 +454,14 @@ function copyAll() {
.detail-title {
font-size: 18px;
font-weight: 700;
color: #1f2937;
color: var(--el-text-color-primary);
}
.detail-subtitle,
.section-subtitle {
margin-top: 4px;
font-size: 12px;
color: #909399;
color: var(--el-text-color-secondary);
}
.header-actions {
@@ -481,8 +481,8 @@ function copyAll() {
.section-card,
.info-card {
background: #fff;
border: 1px solid #edf0f6;
background: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
}
@@ -499,13 +499,13 @@ function copyAll() {
}
.info-label {
color: #909399;
color: var(--el-text-color-secondary);
font-size: 12px;
margin-bottom: 8px;
}
.info-value {
color: #303133;
color: var(--el-text-color-primary);
font-size: 14px;
font-weight: 600;
word-break: break-all;
@@ -526,7 +526,7 @@ function copyAll() {
.section-title {
font-size: 15px;
font-weight: 700;
color: #303133;
color: var(--el-text-color-primary);
}
.token-box {
@@ -556,8 +556,8 @@ function copyAll() {
padding: 12px;
min-height: 42px;
border-radius: 10px;
background: #f8fafc;
color: #303133;
background: var(--el-fill-color-lighter);
color: var(--el-text-color-primary);
line-height: 1.6;
white-space: pre-wrap;
word-break: break-all;
@@ -533,12 +533,12 @@ onBeforeUnmount(() => {
:deep(.pool-detail-dialog .el-dialog__header) {
padding: 18px 60px;
margin: 0;
border-bottom: 1px solid #eef0f5;
border-bottom: 1px solid var(--el-border-color-lighter);
}
:deep(.pool-detail-dialog .el-dialog__body) {
padding: 18px 60px 22px;
background: #f6f8fb;
background: var(--el-bg-color-page);
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
@@ -563,14 +563,14 @@ onBeforeUnmount(() => {
.detail-title {
font-size: 18px;
font-weight: 700;
color: #1f2937;
color: var(--el-text-color-primary);
}
.detail-subtitle,
.section-subtitle {
margin-top: 4px;
font-size: 12px;
color: #909399;
color: var(--el-text-color-secondary);
}
.header-actions {
@@ -591,8 +591,8 @@ onBeforeUnmount(() => {
.section-card,
.info-card {
background: #fff;
border: 1px solid #edf0f6;
background: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
}
@@ -612,13 +612,13 @@ onBeforeUnmount(() => {
}
.info-label {
color: #909399;
color: var(--el-text-color-secondary);
font-size: 11px;
margin-bottom: 4px;
}
.info-value {
color: #303133;
color: var(--el-text-color-primary);
font-size: 13px;
font-weight: 600;
word-break: break-all;
@@ -633,8 +633,8 @@ onBeforeUnmount(() => {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
border: 1px solid #edf0f6;
background: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 4px 12px rgba(31, 41, 55, 0.08);
display: flex;
align-items: center;
@@ -642,13 +642,13 @@ onBeforeUnmount(() => {
cursor: pointer;
z-index: 100;
transition: all 0.2s ease;
color: #606266;
color: var(--el-text-color-regular);
}
.nav-btn:hover:not(.is-disabled) {
background: #409eff;
color: #fff;
border-color: #409eff;
background: var(--el-color-primary);
color: var(--el-color-white);
border-color: var(--el-color-primary);
box-shadow: 0 6px 16px rgba(64, 158, 255, 0.35);
transform: translateY(-50%) scale(1.1);
}
@@ -656,9 +656,9 @@ onBeforeUnmount(() => {
.nav-btn.is-disabled {
opacity: 0.3;
cursor: not-allowed;
background: #f5f7fa;
color: #c0c4cc;
border-color: #e4e7ed;
background: var(--el-fill-color-light);
color: var(--el-text-color-placeholder);
border-color: var(--el-border-color-light);
box-shadow: none;
}
@@ -684,7 +684,7 @@ onBeforeUnmount(() => {
.section-title {
font-size: 15px;
font-weight: 700;
color: #303133;
color: var(--el-text-color-primary);
}
.token-box {
@@ -714,8 +714,8 @@ onBeforeUnmount(() => {
padding: 12px;
min-height: 42px;
border-radius: 10px;
background: #f8fafc;
color: #303133;
background: var(--el-fill-color-lighter);
color: var(--el-text-color-primary);
line-height: 1.6;
white-space: pre-wrap;
word-break: break-all;
@@ -426,12 +426,12 @@ function copyAll() {
:deep(.pool-detail-dialog .el-dialog__header) {
padding: 18px 22px;
margin: 0;
border-bottom: 1px solid #eef0f5;
border-bottom: 1px solid var(--el-border-color-lighter);
}
:deep(.pool-detail-dialog .el-dialog__body) {
padding: 18px 22px 22px;
background: #f6f8fb;
background: var(--el-bg-color-page);
}
:deep(.el-tag) {
@@ -454,14 +454,14 @@ function copyAll() {
.detail-title {
font-size: 18px;
font-weight: 700;
color: #1f2937;
color: var(--el-text-color-primary);
}
.detail-subtitle,
.section-subtitle {
margin-top: 4px;
font-size: 12px;
color: #909399;
color: var(--el-text-color-secondary);
}
.header-actions {
@@ -481,8 +481,8 @@ function copyAll() {
.section-card,
.info-card {
background: #fff;
border: 1px solid #edf0f6;
background: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
}
@@ -499,13 +499,13 @@ function copyAll() {
}
.info-label {
color: #909399;
color: var(--el-text-color-secondary);
font-size: 12px;
margin-bottom: 8px;
}
.info-value {
color: #303133;
color: var(--el-text-color-primary);
font-size: 14px;
font-weight: 600;
word-break: break-all;
@@ -526,7 +526,7 @@ function copyAll() {
.section-title {
font-size: 15px;
font-weight: 700;
color: #303133;
color: var(--el-text-color-primary);
}
.token-box {
@@ -556,8 +556,8 @@ function copyAll() {
padding: 12px;
min-height: 42px;
border-radius: 10px;
background: #f8fafc;
color: #303133;
background: var(--el-fill-color-lighter);
color: var(--el-text-color-primary);
line-height: 1.6;
white-space: pre-wrap;
word-break: break-all;
@@ -426,12 +426,12 @@ function copyAll() {
:deep(.pool-detail-dialog .el-dialog__header) {
padding: 18px 22px;
margin: 0;
border-bottom: 1px solid #eef0f5;
border-bottom: 1px solid var(--el-border-color-lighter);
}
:deep(.pool-detail-dialog .el-dialog__body) {
padding: 18px 22px 22px;
background: #f6f8fb;
background: var(--el-bg-color-page);
}
:deep(.el-tag) {
@@ -454,14 +454,14 @@ function copyAll() {
.detail-title {
font-size: 18px;
font-weight: 700;
color: #1f2937;
color: var(--el-text-color-primary);
}
.detail-subtitle,
.section-subtitle {
margin-top: 4px;
font-size: 12px;
color: #909399;
color: var(--el-text-color-secondary);
}
.header-actions {
@@ -481,8 +481,8 @@ function copyAll() {
.section-card,
.info-card {
background: #fff;
border: 1px solid #edf0f6;
background: var(--el-bg-color);
border: 1px solid var(--el-border-color-lighter);
box-shadow: 0 10px 28px rgba(31, 41, 55, 0.06);
}
@@ -499,13 +499,13 @@ function copyAll() {
}
.info-label {
color: #909399;
color: var(--el-text-color-secondary);
font-size: 12px;
margin-bottom: 8px;
}
.info-value {
color: #303133;
color: var(--el-text-color-primary);
font-size: 14px;
font-weight: 600;
word-break: break-all;
@@ -526,7 +526,7 @@ function copyAll() {
.section-title {
font-size: 15px;
font-weight: 700;
color: #303133;
color: var(--el-text-color-primary);
}
.token-box {
@@ -556,8 +556,8 @@ function copyAll() {
padding: 12px;
min-height: 42px;
border-radius: 10px;
background: #f8fafc;
color: #303133;
background: var(--el-fill-color-lighter);
color: var(--el-text-color-primary);
line-height: 1.6;
white-space: pre-wrap;
word-break: break-all;