129 lines
4.5 KiB
Swift
129 lines
4.5 KiB
Swift
//
|
||
// StatisticsSummaryCardView.swift
|
||
// suixinkan
|
||
//
|
||
|
||
import SnapKit
|
||
import UIKit
|
||
|
||
/// 数据统计汇总卡片，包含日期行、周期 chip 与 5 张指标卡。
|
||
final class StatisticsSummaryCardView: UIView {
|
||
|
||
var onPeriodSelected: ((String) -> Void)?
|
||
|
||
private let datePrefixLabel = UILabel()
|
||
private let dateValueLabel = UILabel()
|
||
private let periodStack = UIStackView()
|
||
private var periodButtons: [StatisticsPeriodButton] = []
|
||
|
||
private let totalAmountCard = StatisticsStatCardView(
|
||
title: "订单总金额",
|
||
valueColor: AppColor.online,
|
||
backgroundColor: AppColor.successBackground,
|
||
iconName: "icon_data_statistics_total_amount"
|
||
)
|
||
private let totalOrderCard = StatisticsStatCardView(
|
||
title: "订单总数",
|
||
valueColor: UIColor(hex: 0x7F00FF),
|
||
backgroundColor: UIColor(hex: 0xEBD8FF),
|
||
iconName: "icon_data_statistics_total_order"
|
||
)
|
||
private let receivedCard = StatisticsStatCardView(
|
||
title: "实收金额",
|
||
valueColor: AppColor.online,
|
||
backgroundColor: AppColor.warningBackground,
|
||
iconName: "icon_data_statistics_get_amount"
|
||
)
|
||
private let averageCard = StatisticsStatCardView(
|
||
title: "客单价",
|
||
valueColor: AppColor.primary,
|
||
backgroundColor: AppColor.primaryLight,
|
||
iconName: "icon_data_statistics_average_amount"
|
||
)
|
||
private let refundCard = StatisticsStatCardView(
|
||
title: "退款金额",
|
||
valueColor: AppColor.danger,
|
||
backgroundColor: AppColor.dangerBackground,
|
||
iconName: "icon_data_statistics_refund_amount"
|
||
)
|
||
|
||
override init(frame: CGRect) {
|
||
super.init(frame: frame)
|
||
setupUI()
|
||
}
|
||
|
||
@available(*, unavailable)
|
||
required init?(coder: NSCoder) {
|
||
fatalError("init(coder:) has not been implemented")
|
||
}
|
||
|
||
func apply(selectedPeriod: String, selectedPeriodTime: String, summary: StatisticsSummaryResponse?) {
|
||
dateValueLabel.text = selectedPeriodTime
|
||
periodButtons.forEach { $0.isSelected = $0.periodTitle == selectedPeriod }
|
||
|
||
totalAmountCard.configure(value: "¥\(summary?.orderAmountSum ?? "0")")
|
||
totalOrderCard.configure(value: "\(summary?.orderCount ?? 0)单")
|
||
receivedCard.configure(value: "¥\(summary?.receivedAmountSum ?? "0")")
|
||
averageCard.configure(value: "¥\(summary?.orderPriceAvg ?? "0")")
|
||
refundCard.configure(value: "¥\(summary?.refundAmountSum ?? "0")")
|
||
}
|
||
|
||
private func setupUI() {
|
||
backgroundColor = AppColor.cardBackground
|
||
layer.cornerRadius = AppRadius.lg
|
||
clipsToBounds = true
|
||
|
||
datePrefixLabel.text = "已选日期："
|
||
datePrefixLabel.font = .app(.body)
|
||
datePrefixLabel.textColor = AppColor.textPrimary
|
||
|
||
dateValueLabel.font = .app(.body)
|
||
dateValueLabel.textColor = AppColor.primary
|
||
dateValueLabel.numberOfLines = 1
|
||
|
||
periodStack.axis = .horizontal
|
||
periodStack.distribution = .equalSpacing
|
||
periodStack.alignment = .fill
|
||
|
||
StatisticsSummaryPeriod.allCases.forEach { period in
|
||
let button = StatisticsPeriodButton()
|
||
button.periodTitle = period.rawValue
|
||
button.addTarget(self, action: #selector(periodTapped(_:)), for: .touchUpInside)
|
||
periodButtons.append(button)
|
||
periodStack.addArrangedSubview(button)
|
||
}
|
||
|
||
let row1 = UIStackView(arrangedSubviews: [totalOrderCard, receivedCard])
|
||
row1.axis = .horizontal
|
||
row1.spacing = AppSpacing.sm
|
||
row1.distribution = .fillEqually
|
||
|
||
let row2 = UIStackView(arrangedSubviews: [averageCard, refundCard])
|
||
row2.axis = .horizontal
|
||
row2.spacing = AppSpacing.sm
|
||
row2.distribution = .fillEqually
|
||
|
||
let cardStack = UIStackView(arrangedSubviews: [totalAmountCard, row1, row2])
|
||
cardStack.axis = .vertical
|
||
cardStack.spacing = AppSpacing.sm
|
||
|
||
let dateRow = UIStackView(arrangedSubviews: [datePrefixLabel, dateValueLabel, UIView()])
|
||
dateRow.axis = .horizontal
|
||
dateRow.alignment = .center
|
||
dateRow.spacing = 0
|
||
|
||
let contentStack = UIStackView(arrangedSubviews: [dateRow, periodStack, cardStack])
|
||
contentStack.axis = .vertical
|
||
contentStack.spacing = AppSpacing.sm
|
||
|
||
addSubview(contentStack)
|
||
contentStack.snp.makeConstraints { make in
|
||
make.edges.equalToSuperview().inset(AppSpacing.md)
|
||
}
|
||
}
|
||
|
||
@objc private func periodTapped(_ sender: StatisticsPeriodButton) {
|
||
onPeriodSelected?(sender.periodTitle)
|
||
}
|
||
}
|