实现数据 Tab 并修复汇总数据解析

2026-07-06 16:32:14 +08:00
parent be18ecd841
commit 9464e32a0a
32 changed files with 1769 additions and 10 deletions
--- a/suixinkan/UI/Statistics/StatisticsSummaryCardView.swift
+++ b/suixinkan/UI/Statistics/StatisticsSummaryCardView.swift
@ -0,0 +1,128 @@
+//
+//  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: UIColor(hex: 0x22C55E),
+        backgroundColor: UIColor(hex: 0xF0FDF4),
+        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: UIColor(hex: 0x22C55E),
+        backgroundColor: UIColor(hex: 0xFFF0E2),
+        iconName: "icon_data_statistics_get_amount"
+    )
+    private let averageCard = StatisticsStatCardView(
+        title: "客单价",
+        valueColor: UIColor(hex: 0x0073FF),
+        backgroundColor: UIColor(hex: 0xEFF6FF),
+        iconName: "icon_data_statistics_average_amount"
+    )
+    private let refundCard = StatisticsStatCardView(
+        title: "退款金额",
+        valueColor: UIColor(hex: 0xEF4444),
+        backgroundColor: UIColor(hex: 0xFFE7E7),
+        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 = .white
+        layer.cornerRadius = 12
+        clipsToBounds = true
+
+        datePrefixLabel.text = "已选日期："
+        datePrefixLabel.font = .systemFont(ofSize: 14)
+        datePrefixLabel.textColor = AppColor.text333
+
+        dateValueLabel.font = .systemFont(ofSize: 14)
+        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 = 12
+        row1.distribution = .fillEqually
+
+        let row2 = UIStackView(arrangedSubviews: [averageCard, refundCard])
+        row2.axis = .horizontal
+        row2.spacing = 12
+        row2.distribution = .fillEqually
+
+        let cardStack = UIStackView(arrangedSubviews: [totalAmountCard, row1, row2])
+        cardStack.axis = .vertical
+        cardStack.spacing = 12
+
+        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 = 12
+
+        addSubview(contentStack)
+        contentStack.snp.makeConstraints { make in
+            make.edges.equalToSuperview().inset(16)
+        }
+    }
+
+    @objc private func periodTapped(_ sender: StatisticsPeriodButton) {
+        onPeriodSelected?(sender.periodTitle)
+    }
+}