business-unit-dashboard.wxss
18.1 KB
@charset "UTF-8";.page.data-v-48aa362a{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding-bottom:40rpx;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}.warpbox.data-v-48aa362a{padding:0 30rpx;padding-top:20rpx}.header-section.data-v-48aa362a{margin-bottom:20rpx;display:flex;justify-content:space-between;align-items:center;padding:0 10rpx}.header-section .page-title.data-v-48aa362a{font-size:36rpx;font-weight:700;color:#1f2937}.header-section .filter-box.data-v-48aa362a{display:flex;align-items:center;gap:12rpx}.header-section .filter-box .date-picker-trigger.data-v-48aa362a,
.header-section .filter-box .business-unit-picker-trigger.data-v-48aa362a{display:flex;align-items:center;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8rpx 16rpx;border-radius:30rpx;border:1px solid hsla(0,0%,100%,.8)}.header-section .filter-box .date-picker-trigger .date-text.data-v-48aa362a,
.header-section .filter-box .date-picker-trigger .business-unit-text.data-v-48aa362a,
.header-section .filter-box .business-unit-picker-trigger .date-text.data-v-48aa362a,
.header-section .filter-box .business-unit-picker-trigger .business-unit-text.data-v-48aa362a{font-size:24rpx;color:#333;margin-right:6rpx}.header-section .filter-box .screenshot-btn.data-v-48aa362a{display:flex;align-items:center;gap:8rpx;padding:8rpx 16rpx;background:rgba(64,158,255,.1);border-radius:20rpx;transition:all .3s}.header-section .filter-box .screenshot-btn.data-v-48aa362a:active{background:rgba(64,158,255,.2);-webkit-transform:scale(.95);transform:scale(.95)}.header-section .filter-box .screenshot-btn.loading.data-v-48aa362a{opacity:.6}.header-section .filter-box .screenshot-btn .screenshot-text.data-v-48aa362a{font-size:24rpx;color:#409eff}.warpboxss.data-v-48aa362a{background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:20rpx;border-radius:20rpx;box-shadow:0 8rpx 32rpx rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.8) inset;margin-bottom:20rpx;transition:all .3s ease}.warpboxss.data-v-48aa362a:active{-webkit-transform:scale(.99);transform:scale(.99)}.warpboxs-small-title.data-v-48aa362a{display:flex;justify-content:space-between;align-items:center;font-size:28rpx;font-weight:600;color:#1f2937;margin-bottom:16rpx}.warpboxs-small-title view.data-v-48aa362a:first-child{display:flex;align-items:center}.warpboxs-small-title .warpboxs-small-title-line.data-v-48aa362a{background:linear-gradient(180deg,#43a047,#66bb6a);height:26rpx;width:10rpx;margin-right:12rpx;border-radius:18rpx;box-shadow:0 2rpx 8rpx rgba(67,160,71,.4),0 0 12rpx rgba(67,160,71,.3),inset 0 1rpx 2rpx hsla(0,0%,100%,.3)}.kpi-section.data-v-48aa362a{margin-bottom:20rpx}.billing-card.data-v-48aa362a{width:100%;display:flex;flex-direction:column;justify-content:center;padding:24rpx;background:hsla(0,0%,100%,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24rpx;box-shadow:0 8rpx 32rpx rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.8) inset;margin-bottom:16rpx;box-sizing:border-box}.billing-main.data-v-48aa362a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;width:100%;padding:0 8rpx;margin-bottom:30rpx}.billing-card .stat-content.data-v-48aa362a{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:10rpx}.billing-card .label-row.data-v-48aa362a{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:8rpx}.billing-card .card-label.data-v-48aa362a{font-size:24rpx;font-weight:500;color:#666}.billing-card .stat-icon-small.data-v-48aa362a{width:48rpx;height:48rpx;border-radius:12rpx;margin-right:8rpx;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-card .stat-icon-small.primary.data-v-48aa362a{background:#409eff}.billing-card .stat-icon-small.success.data-v-48aa362a{background:#67c23a}.billing-card .stat-icon-small.warning.data-v-48aa362a{background:#e6a23c}.billing-card .stat-icon-small.info.data-v-48aa362a{background:#909399}.billing-card .stat-icon-small.danger.data-v-48aa362a{background:#f56c6c}.billing-value.data-v-48aa362a{font-size:38rpx;font-weight:700;color:#1f2937;line-height:1.1;text-align:center;width:100%;padding:0 30rpx;box-sizing:border-box;display:flex;align-items:baseline;justify-content:center}.billing-value .currency.data-v-48aa362a{font-size:24rpx;margin-right:4rpx}.billing-value .value.data-v-48aa362a{font-size:38rpx}.billing-footer.data-v-48aa362a{display:flex;justify-content:space-around;width:100%;padding-top:30rpx;border-top:1px solid rgba(0,0,0,.05);margin-top:auto}.count-item.data-v-48aa362a{display:flex;align-items:center;gap:8rpx}.count-text.data-v-48aa362a{font-size:26rpx;color:#666;line-height:1.5;display:flex;align-items:baseline}.count-text .count-value.data-v-48aa362a{font-size:26rpx;font-weight:500}.kpi-grid-bottom.data-v-48aa362a{display:grid;grid-template-columns:repeat(2,1fr);gap:16rpx}.kpi-card.data-v-48aa362a{background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24rpx;padding:24rpx;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8rpx 32rpx rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.8) inset}.kpi-card .kpi-header.data-v-48aa362a{display:flex;align-items:center;margin-bottom:16rpx}.kpi-card .kpi-header .kpi-icon-square.data-v-48aa362a{width:50rpx;height:50rpx;border-radius:10rpx;display:flex;align-items:center;justify-content:center;margin-right:12rpx;flex-shrink:0}.kpi-card .kpi-header .kpi-icon-square.primary.data-v-48aa362a{background:#409eff}.kpi-card .kpi-header .kpi-icon-square.success.data-v-48aa362a{background:#67c23a}.kpi-card .kpi-header .kpi-icon-square.warning.data-v-48aa362a{background:#e6a23c}.kpi-card .kpi-header .kpi-icon-square.info.data-v-48aa362a{background:#f56c6c}.kpi-card .kpi-header .kpi-icon-square.danger.data-v-48aa362a{background:#f56c6c}.kpi-card .kpi-header .kpi-label.data-v-48aa362a{font-size:24rpx;color:#666}.kpi-card .kpi-value-group.data-v-48aa362a{display:flex;align-items:baseline}.kpi-card .kpi-value-group .currency.data-v-48aa362a{font-size:24rpx;color:#333;margin-right:4rpx}.kpi-card .kpi-value-group .value.data-v-48aa362a{font-size:36rpx;font-weight:700;color:#333;letter-spacing:-1rpx;flex:1;text-align:center}.trend-controls .pill-switch.data-v-48aa362a{display:flex;background:#f5f5f5;border-radius:26rpx;padding:3rpx}.trend-controls .pill-switch .pill-item.data-v-48aa362a{padding:5rpx 18rpx;font-size:22rpx;color:#666;border-radius:24rpx;transition:all .3s}.trend-controls .pill-switch .pill-item.active.data-v-48aa362a{background:#fff;color:#43a047;box-shadow:0 2rpx 8rpx rgba(0,0,0,.1);font-weight:500}.chart-wrapper.data-v-48aa362a{width:100%;height:400rpx;position:static;z-index:1}.distribution-chart-container.data-v-48aa362a{display:flex;flex-direction:column;align-items:center}.distribution-chart-wrapper.data-v-48aa362a{width:100%;height:480rpx;margin-bottom:16rpx;position:static;z-index:1}.distribution-legend.data-v-48aa362a{display:flex;flex-wrap:wrap;justify-content:center;gap:16rpx;padding:16rpx;border-radius:12rpx;width:100%}.distribution-legend .legend-item.data-v-48aa362a{display:flex;align-items:center;gap:6rpx;padding:6rpx 12rpx;background:#fff;border-radius:8rpx}.distribution-legend .legend-dot.data-v-48aa362a{width:20rpx;height:20rpx;border-radius:50%}.distribution-legend .legend-name.data-v-48aa362a{font-size:22rpx;color:#666;margin-right:6rpx}.distribution-legend .legend-value.data-v-48aa362a{font-size:22rpx;color:#333;font-weight:700}.rank-list-modern .rank-item.data-v-48aa362a{display:flex;align-items:center;padding:18rpx 0}.rank-list-modern .rank-item .rank-idx.data-v-48aa362a{width:50rpx;font-size:26rpx;font-weight:700;color:#999;text-align:center;margin-right:16rpx}.rank-list-modern .rank-item .rank-idx.rank-1.data-v-48aa362a{color:gold;font-size:30rpx}.rank-list-modern .rank-item .rank-idx.rank-2.data-v-48aa362a{color:silver;font-size:30rpx}.rank-list-modern .rank-item .rank-idx.rank-3.data-v-48aa362a{color:#cd7f32;font-size:30rpx}.rank-list-modern .rank-item .rank-idx.top-3.data-v-48aa362a{color:#43a047;font-size:30rpx}.rank-list-modern .rank-item .rank-idx .medal-icon.data-v-48aa362a{width:40rpx;height:40rpx}.rank-list-modern .rank-item .rank-avatar.data-v-48aa362a{width:56rpx;height:56rpx;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16rpx;color:#43a047;font-weight:700;font-size:24rpx}.rank-list-modern .rank-item .rank-info.data-v-48aa362a{flex:1}.rank-list-modern .rank-item .rank-info .info-main.data-v-48aa362a{display:flex;justify-content:space-between;align-items:center;margin-bottom:10rpx}.rank-list-modern .rank-item .rank-info .info-main .name.data-v-48aa362a{font-size:26rpx;font-weight:500;color:#333}.rank-list-modern .rank-item .rank-info .info-main .value.data-v-48aa362a{font-size:26rpx;font-weight:700;color:#43a047}.rank-list-modern .rank-item .rank-info .progress-bg.data-v-48aa362a{height:6rpx;background:#f5f5f5;border-radius:3rpx;overflow:hidden}.rank-list-modern .rank-item .rank-info .progress-bg .progress-bar.data-v-48aa362a{height:100%;background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:3rpx}.rank-list-modern .rank-item .rank-info .progress-bg .progress-bar.green.data-v-48aa362a{background:linear-gradient(90deg,#66bb6a,#43a047)}.operation-grid.data-v-48aa362a{display:grid;grid-template-columns:repeat(3,1fr);gap:16rpx}.operation-card.data-v-48aa362a{background:#fff;border-radius:12rpx;padding:16rpx}.operation-card .operation-title.data-v-48aa362a{font-size:24rpx;font-weight:600;color:#333;margin-bottom:16rpx;padding-bottom:12rpx;border-bottom:1px solid #f0f0f0}.operation-card .operation-item.data-v-48aa362a{display:flex;flex-direction:column;align-items:flex-start;padding:12rpx 0}.operation-card .operation-item .operation-label.data-v-48aa362a{font-size:24rpx;color:#666;margin-bottom:8rpx}.operation-card .operation-item .operation-value.data-v-48aa362a{font-size:26rpx;font-weight:700;color:#333}.comparison-content .comparison-block.data-v-48aa362a{margin-bottom:30rpx}.comparison-content .comparison-block.data-v-48aa362a:last-child{margin-bottom:0}.comparison-content .comparison-block .comparison-title.data-v-48aa362a{font-size:26rpx;font-weight:600;color:#333;margin-bottom:16rpx}.comparison-content .comparison-block .comparison-items.data-v-48aa362a{display:flex;flex-direction:column;gap:12rpx}.comparison-content .comparison-block .comparison-item.data-v-48aa362a{display:flex;justify-content:space-between;align-items:center;padding:16rpx;background:#f5f7fa;border-radius:8rpx}.comparison-content .comparison-block .comparison-item .comparison-label.data-v-48aa362a{font-size:24rpx;color:#666}.comparison-content .comparison-block .comparison-item .comparison-value.data-v-48aa362a{font-size:28rpx;font-weight:700;color:#333}.comparison-content .comparison-block .comparison-item .comparison-value.positive.data-v-48aa362a{color:#67c23a}.comparison-content .comparison-block .comparison-item .comparison-value.negative.data-v-48aa362a{color:#f56c6c}.detail-list-section.data-v-48aa362a{margin-bottom:20rpx}.detail-list-section .warpboxs-small-title.data-v-48aa362a{margin-bottom:20rpx}.detail-list-section .detail-loading.data-v-48aa362a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60rpx 0;color:#909399;font-size:28rpx}.detail-list-section .detail-content .detail-list .detail-item.data-v-48aa362a{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20rpx;padding:28rpx;margin-bottom:20rpx;box-shadow:0 8rpx 32rpx rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.8) inset;transition:all .3s ease;border:1px solid rgba(67,160,71,.08)}.detail-list-section .detail-content .detail-list .detail-item.data-v-48aa362a:active{-webkit-transform:scale(.99);transform:scale(.99);box-shadow:0 4rpx 16rpx rgba(0,0,0,.1),0 0 0 1px rgba(67,160,71,.15) inset}.detail-list-section .detail-content .detail-list .detail-item .detail-row.data-v-48aa362a{display:flex;justify-content:space-between;align-items:center;margin-bottom:18rpx}.detail-list-section .detail-content .detail-list .detail-item .detail-row.data-v-48aa362a:last-child{margin-bottom:0}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-title.data-v-48aa362a{margin-bottom:24rpx;padding-bottom:20rpx;border-bottom:2px solid rgba(67,160,71,.2);position:relative}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-title.data-v-48aa362a::after{content:"";position:absolute;bottom:-2px;left:0;width:80rpx;height:2px;background:linear-gradient(90deg,#43a047,rgba(67,160,71,0))}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-title .detail-label.data-v-48aa362a{font-size:28rpx;font-weight:600;color:#1f2937}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-title .detail-value.data-v-48aa362a{font-size:32rpx;font-weight:700;color:#43a047;letter-spacing:.5rpx}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-compact.data-v-48aa362a{margin-bottom:14rpx}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-compact .detail-label.data-v-48aa362a{font-size:26rpx;color:#666;font-weight:500}.detail-list-section .detail-content .detail-list .detail-item .detail-row.detail-row-compact .detail-value.data-v-48aa362a{font-size:28rpx;color:#333;font-weight:600}.detail-list-section .detail-content .detail-list .detail-item .detail-row .detail-label.data-v-48aa362a{font-size:26rpx;color:#666;font-weight:500;white-space:nowrap}.detail-list-section .detail-content .detail-list .detail-item .detail-row .detail-value.data-v-48aa362a{font-size:28rpx;color:#333;flex:1;text-align:right;font-weight:600;word-break:break-all}.detail-list-section .detail-content .detail-list .detail-item .detail-row-group.data-v-48aa362a{display:flex;justify-content:space-between;margin-bottom:14rpx;background:linear-gradient(135deg,rgba(67,160,71,.06),rgba(67,160,71,.03));border-radius:14rpx;padding:20rpx;border:1px solid rgba(67,160,71,.1)}.detail-list-section .detail-content .detail-list .detail-item .detail-row-group .detail-row.data-v-48aa362a{flex:1;margin-bottom:0;padding:0}.detail-list-section .detail-content .detail-list .detail-item .detail-row-group .detail-row.data-v-48aa362a:first-child{margin-right:24rpx;padding-right:24rpx;border-right:1px solid rgba(67,160,71,.15)}.detail-list-section .detail-content .detail-list .detail-item .detail-row-group .detail-row .detail-label.data-v-48aa362a{font-size:24rpx;color:#666}.detail-list-section .detail-content .detail-list .detail-item .detail-row-group .detail-row .detail-value.data-v-48aa362a{font-size:26rpx;color:#333;font-weight:600}.detail-list-section .detail-content .detail-pagination.data-v-48aa362a{margin-top:40rpx;padding:0}.detail-list-section .detail-content .detail-pagination .pagination-info.data-v-48aa362a{text-align:center;font-size:26rpx;color:#666;margin-bottom:24rpx;padding:16rpx 20rpx;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16rpx;border:1px solid rgba(67,160,71,.12);box-shadow:0 2rpx 12rpx rgba(67,160,71,.1);font-weight:500;letter-spacing:.5rpx}.detail-list-section .detail-content .detail-pagination .pagination-buttons.data-v-48aa362a{display:flex;justify-content:space-between;gap:20rpx}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a{flex:1;padding:24rpx 0!important;min-height:80rpx!important;background:linear-gradient(135deg,#43a047,#66bb6a)!important;color:#fff!important;border-radius:18rpx!important;font-size:30rpx!important;font-weight:700!important;border:none!important;box-shadow:0 8rpx 24rpx rgba(67,160,71,.35),0 3rpx 10rpx rgba(67,160,71,.25),inset 0 1rpx 2rpx hsla(0,0%,100%,.25)!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:1rpx;line-height:1.5!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s ease}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a:active{-webkit-transform:translateY(3rpx) scale(.97);transform:translateY(3rpx) scale(.97);box-shadow:0 4rpx 16rpx rgba(67,160,71,.3),0 2rpx 6rpx rgba(67,160,71,.2),inset 0 1rpx 1rpx hsla(0,0%,100%,.15)}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a:active::before{left:100%}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a:active::after{width:300rpx;height:300rpx}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a:disabled{background:linear-gradient(135deg,#e8e8e8,#f0f0f0)!important;color:#b0b0b0!important;box-shadow:0 2rpx 6rpx rgba(0,0,0,.08),inset 0 1rpx 2rpx hsla(0,0%,100%,.5)!important;cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a:disabled::before, .detail-list-section .detail-content .detail-pagination .pagination-buttons .pagination-btn.data-v-48aa362a:disabled::after{display:none}.detail-empty.data-v-48aa362a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100rpx 0;font-size:28rpx;color:#909399}.detail-empty.data-v-48aa362a::before{content:"📋";font-size:80rpx;margin-bottom:20rpx;opacity:.3}