Add instant payment collection flow aligned with Android.
Implement收款详情与收款记录 pages with pay-code API, QR generation, amount setting, and record grouping so merchants can collect payments from the home quick action. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
136
suixinkan/UI/Payment/Views/PaymentRecordGroupView.swift
Normal file
136
suixinkan/UI/Payment/Views/PaymentRecordGroupView.swift
Normal file
@ -0,0 +1,136 @@
|
||||
//
|
||||
// PaymentRecordGroupView.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 单日收款记录分组视图，含日期汇总与明细卡片。
|
||||
final class PaymentRecordGroupView: UIView {
|
||||
|
||||
private let headerStack = UIStackView()
|
||||
private let dateLabel = UILabel()
|
||||
private let summaryLabel = UILabel()
|
||||
private let itemsStack = UIStackView()
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func apply(group: RepaymentCollectionRecordGroup) {
|
||||
dateLabel.text = group.analyse.date
|
||||
summaryLabel.text = "共收款\(group.analyse.orderCount)笔, 当日收益：￥\(group.analyse.orderAmountSum)"
|
||||
|
||||
itemsStack.arrangedSubviews.forEach {
|
||||
itemsStack.removeArrangedSubview($0)
|
||||
$0.removeFromSuperview()
|
||||
}
|
||||
|
||||
group.items.forEach { item in
|
||||
let card = PaymentRecordItemView()
|
||||
card.apply(item: item)
|
||||
itemsStack.addArrangedSubview(card)
|
||||
}
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
headerStack.axis = .horizontal
|
||||
headerStack.alignment = .center
|
||||
headerStack.distribution = .equalSpacing
|
||||
|
||||
dateLabel.font = .systemFont(ofSize: 14)
|
||||
dateLabel.textColor = AppColor.textTertiary
|
||||
|
||||
summaryLabel.font = .systemFont(ofSize: 14)
|
||||
summaryLabel.textColor = UIColor(hex: 0x4B5563)
|
||||
summaryLabel.textAlignment = .right
|
||||
summaryLabel.numberOfLines = 2
|
||||
|
||||
itemsStack.axis = .vertical
|
||||
itemsStack.spacing = AppSpacing.sm
|
||||
|
||||
addSubview(headerStack)
|
||||
addSubview(itemsStack)
|
||||
headerStack.addArrangedSubview(dateLabel)
|
||||
headerStack.addArrangedSubview(summaryLabel)
|
||||
|
||||
headerStack.snp.makeConstraints { make in
|
||||
make.top.leading.trailing.equalToSuperview()
|
||||
}
|
||||
itemsStack.snp.makeConstraints { make in
|
||||
make.top.equalTo(headerStack.snp.bottom).offset(6)
|
||||
make.leading.trailing.bottom.equalToSuperview()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 单条收款记录卡片。
|
||||
final class PaymentRecordItemView: UIView {
|
||||
|
||||
private let amountLabel = UILabel()
|
||||
private let orderNumberLabel = UILabel()
|
||||
private let phoneLabel = UILabel()
|
||||
private let timeLabel = UILabel()
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func apply(item: RepaymentCollectionRecordItem) {
|
||||
amountLabel.text = "¥ \(item.orderAmount)"
|
||||
orderNumberLabel.text = item.orderNumber
|
||||
phoneLabel.text = item.userPhone
|
||||
timeLabel.text = item.createTime
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
backgroundColor = .white
|
||||
layer.borderColor = UIColor(hex: 0xF3F4F6).cgColor
|
||||
layer.borderWidth = 1
|
||||
layer.cornerRadius = AppRadius.lg
|
||||
|
||||
amountLabel.font = .systemFont(ofSize: 18, weight: .bold)
|
||||
amountLabel.textColor = AppColor.primary
|
||||
|
||||
orderNumberLabel.font = .systemFont(ofSize: 14)
|
||||
orderNumberLabel.textColor = AppColor.textSecondary
|
||||
orderNumberLabel.textAlignment = .right
|
||||
|
||||
phoneLabel.font = .systemFont(ofSize: 14)
|
||||
phoneLabel.textColor = AppColor.textSecondary
|
||||
|
||||
timeLabel.font = .systemFont(ofSize: 14)
|
||||
timeLabel.textColor = AppColor.textSecondary
|
||||
timeLabel.textAlignment = .right
|
||||
|
||||
let topRow = UIStackView(arrangedSubviews: [amountLabel, orderNumberLabel])
|
||||
topRow.axis = .horizontal
|
||||
topRow.distribution = .fillEqually
|
||||
|
||||
let bottomRow = UIStackView(arrangedSubviews: [phoneLabel, timeLabel])
|
||||
bottomRow.axis = .horizontal
|
||||
bottomRow.distribution = .fillEqually
|
||||
|
||||
let stack = UIStackView(arrangedSubviews: [topRow, bottomRow])
|
||||
stack.axis = .vertical
|
||||
stack.spacing = AppSpacing.xs
|
||||
|
||||
addSubview(stack)
|
||||
stack.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview().inset(AppSpacing.md)
|
||||
}
|
||||
}
|
||||
}
|
||||
205
suixinkan/UI/Payment/Views/PaymentSetAmountDialogView.swift
Normal file
205
suixinkan/UI/Payment/Views/PaymentSetAmountDialogView.swift
Normal file
@ -0,0 +1,205 @@
|
||||
//
|
||||
// PaymentSetAmountDialogView.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 设置收款金额弹窗，对齐 Android `SetAmountDialog`。
|
||||
final class PaymentSetAmountDialogView: UIView {
|
||||
|
||||
var onConfirm: (() -> Void)?
|
||||
var onCancel: (() -> Void)?
|
||||
var onAmountChange: ((String) -> Void)?
|
||||
var onRemarkChange: ((String) -> Void)?
|
||||
|
||||
private let dimView = UIView()
|
||||
private let cardView = UIView()
|
||||
private let titleLabel = UILabel()
|
||||
private let amountContainer = UIView()
|
||||
private let currencyLabel = UILabel()
|
||||
private let amountField = UITextField()
|
||||
private let remarkTitleLabel = UILabel()
|
||||
private let remarkField = UITextView()
|
||||
private let remarkCountLabel = UILabel()
|
||||
private let buttonStack = UIStackView()
|
||||
private let cancelButton = UIButton(type: .system)
|
||||
private let confirmButton = UIButton(type: .system)
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func apply(amount: String, remark: String) {
|
||||
if amountField.text != amount {
|
||||
amountField.text = amount
|
||||
}
|
||||
if remarkField.text != remark {
|
||||
remarkField.text = remark
|
||||
}
|
||||
remarkCountLabel.text = "\(remark.count)/200"
|
||||
}
|
||||
|
||||
func show(in parent: UIView) {
|
||||
frame = parent.bounds
|
||||
autoresizingMask = [.flexibleWidth, .flexibleHeight]
|
||||
alpha = 0
|
||||
parent.addSubview(self)
|
||||
UIView.animate(withDuration: 0.2) {
|
||||
self.alpha = 1
|
||||
}
|
||||
}
|
||||
|
||||
func dismiss() {
|
||||
endEditing(true)
|
||||
UIView.animate(withDuration: 0.2, animations: {
|
||||
self.alpha = 0
|
||||
}, completion: { _ in
|
||||
self.removeFromSuperview()
|
||||
})
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
dimView.backgroundColor = AppColor.overlayScrim
|
||||
dimView.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(cancelTapped)))
|
||||
|
||||
cardView.backgroundColor = .white
|
||||
cardView.layer.cornerRadius = AppRadius.xl
|
||||
cardView.clipsToBounds = true
|
||||
|
||||
titleLabel.text = "收款金额"
|
||||
titleLabel.font = .systemFont(ofSize: 18, weight: .bold)
|
||||
titleLabel.textColor = AppColor.textPrimary
|
||||
|
||||
amountContainer.backgroundColor = AppColor.inputBackground
|
||||
amountContainer.layer.cornerRadius = AppRadius.sm
|
||||
|
||||
currencyLabel.text = "¥"
|
||||
currencyLabel.font = .systemFont(ofSize: 20, weight: .bold)
|
||||
currencyLabel.textColor = AppColor.textPrimary
|
||||
|
||||
amountField.placeholder = "请输入收款金额"
|
||||
amountField.font = .systemFont(ofSize: 18, weight: .medium)
|
||||
amountField.keyboardType = .decimalPad
|
||||
amountField.borderStyle = .none
|
||||
amountField.backgroundColor = .clear
|
||||
amountField.addTarget(self, action: #selector(amountChanged), for: .editingChanged)
|
||||
|
||||
remarkTitleLabel.text = "备注 (选填)"
|
||||
remarkTitleLabel.font = .systemFont(ofSize: 14)
|
||||
remarkTitleLabel.textColor = UIColor(hex: 0x4B5563)
|
||||
|
||||
remarkField.font = .systemFont(ofSize: 14)
|
||||
remarkField.textColor = AppColor.textPrimary
|
||||
remarkField.backgroundColor = .white
|
||||
remarkField.layer.borderColor = UIColor(hex: 0xE5E7EB).cgColor
|
||||
remarkField.layer.borderWidth = 1
|
||||
remarkField.layer.cornerRadius = AppRadius.sm
|
||||
remarkField.textContainerInset = UIEdgeInsets(top: 10, left: 8, bottom: 10, right: 8)
|
||||
remarkField.delegate = self
|
||||
|
||||
remarkCountLabel.font = .systemFont(ofSize: 12)
|
||||
remarkCountLabel.textColor = AppColor.textTertiary
|
||||
remarkCountLabel.textAlignment = .right
|
||||
remarkCountLabel.text = "0/200"
|
||||
|
||||
buttonStack.axis = .horizontal
|
||||
buttonStack.spacing = AppSpacing.sm
|
||||
buttonStack.distribution = .fillEqually
|
||||
|
||||
cancelButton.setTitle("取消", for: .normal)
|
||||
cancelButton.setTitleColor(AppColor.textSecondary, for: .normal)
|
||||
cancelButton.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||||
cancelButton.backgroundColor = AppColor.inputBackground
|
||||
cancelButton.layer.cornerRadius = AppRadius.sm
|
||||
cancelButton.addTarget(self, action: #selector(cancelTapped), for: .touchUpInside)
|
||||
|
||||
confirmButton.setTitle("确定", for: .normal)
|
||||
confirmButton.setTitleColor(.white, for: .normal)
|
||||
confirmButton.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
||||
confirmButton.backgroundColor = AppColor.primary
|
||||
confirmButton.layer.cornerRadius = AppRadius.sm
|
||||
confirmButton.addTarget(self, action: #selector(confirmTapped), for: .touchUpInside)
|
||||
|
||||
addSubview(dimView)
|
||||
addSubview(cardView)
|
||||
cardView.addSubview(titleLabel)
|
||||
cardView.addSubview(amountContainer)
|
||||
amountContainer.addSubview(currencyLabel)
|
||||
amountContainer.addSubview(amountField)
|
||||
cardView.addSubview(remarkTitleLabel)
|
||||
cardView.addSubview(remarkField)
|
||||
cardView.addSubview(remarkCountLabel)
|
||||
cardView.addSubview(buttonStack)
|
||||
buttonStack.addArrangedSubview(cancelButton)
|
||||
buttonStack.addArrangedSubview(confirmButton)
|
||||
|
||||
dimView.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview()
|
||||
}
|
||||
cardView.snp.makeConstraints { make in
|
||||
make.leading.trailing.equalToSuperview().inset(AppSpacing.md)
|
||||
make.centerY.equalToSuperview()
|
||||
}
|
||||
titleLabel.snp.makeConstraints { make in
|
||||
make.top.leading.trailing.equalToSuperview().inset(AppSpacing.md)
|
||||
}
|
||||
amountContainer.snp.makeConstraints { make in
|
||||
make.top.equalTo(titleLabel.snp.bottom).offset(20)
|
||||
make.leading.trailing.equalToSuperview().inset(AppSpacing.md)
|
||||
make.height.equalTo(48)
|
||||
}
|
||||
currencyLabel.snp.makeConstraints { make in
|
||||
make.leading.equalToSuperview().offset(AppSpacing.sm)
|
||||
make.centerY.equalToSuperview()
|
||||
}
|
||||
amountField.snp.makeConstraints { make in
|
||||
make.leading.equalTo(currencyLabel.snp.trailing).offset(AppSpacing.xs)
|
||||
make.trailing.equalToSuperview().inset(AppSpacing.sm)
|
||||
make.centerY.equalToSuperview()
|
||||
}
|
||||
remarkTitleLabel.snp.makeConstraints { make in
|
||||
make.top.equalTo(amountContainer.snp.bottom).offset(AppSpacing.md)
|
||||
make.leading.trailing.equalToSuperview().inset(AppSpacing.md)
|
||||
}
|
||||
remarkField.snp.makeConstraints { make in
|
||||
make.top.equalTo(remarkTitleLabel.snp.bottom).offset(AppSpacing.xs)
|
||||
make.leading.trailing.equalToSuperview().inset(AppSpacing.md)
|
||||
make.height.equalTo(100)
|
||||
}
|
||||
remarkCountLabel.snp.makeConstraints { make in
|
||||
make.top.equalTo(remarkField.snp.bottom).offset(AppSpacing.xxs)
|
||||
make.trailing.equalToSuperview().inset(AppSpacing.md)
|
||||
}
|
||||
buttonStack.snp.makeConstraints { make in
|
||||
make.top.equalTo(remarkCountLabel.snp.bottom).offset(AppSpacing.lg)
|
||||
make.leading.trailing.bottom.equalToSuperview().inset(AppSpacing.md)
|
||||
make.height.equalTo(44)
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func amountChanged() {
|
||||
onAmountChange?(amountField.text ?? "")
|
||||
}
|
||||
|
||||
@objc private func cancelTapped() {
|
||||
onCancel?()
|
||||
}
|
||||
|
||||
@objc private func confirmTapped() {
|
||||
onConfirm?()
|
||||
}
|
||||
}
|
||||
|
||||
extension PaymentSetAmountDialogView: UITextViewDelegate {
|
||||
func textViewDidChange(_ textView: UITextView) {
|
||||
onRemarkChange?(textView.text ?? "")
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user