添加景区选择与合作订单流程并对齐 Android
This commit is contained in:
112
suixinkan/UI/Orders/Views/OrderSourceEntryView.swift
Normal file
112
suixinkan/UI/Orders/Views/OrderSourceEntryView.swift
Normal file
@ -0,0 +1,112 @@
|
||||
//
|
||||
// OrderSourceEntryView.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 订单卡片内「订单来源」入口，对齐 Android `OrderSourcePicker` 折叠态。
|
||||
final class OrderSourceEntryView: UIControl {
|
||||
|
||||
var onImageTap: (([String], Int) -> Void)?
|
||||
|
||||
private let titleLabel = UILabel()
|
||||
private let chevronView = UIImageView()
|
||||
private let hintLabel = UILabel()
|
||||
private let personRow = UIStackView()
|
||||
private let personNameLabel = UILabel()
|
||||
private let personPhoneLabel = UILabel()
|
||||
private let divider = UIView()
|
||||
private let leadContentView = OrderSourceLeadContentView()
|
||||
private var currentImages: [String] = []
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
/// 应用订单来源展示状态。
|
||||
func apply(selection: OrderSourceSelection?) {
|
||||
if let selection {
|
||||
hintLabel.isHidden = true
|
||||
personRow.isHidden = false
|
||||
divider.isHidden = false
|
||||
leadContentView.isHidden = false
|
||||
|
||||
personNameLabel.text = selection.person.name
|
||||
let phone = selection.person.phone.trimmingCharacters(in: .whitespacesAndNewlines)
|
||||
personPhoneLabel.text = phone
|
||||
personPhoneLabel.isHidden = phone.isEmpty
|
||||
|
||||
currentImages = selection.lead.images
|
||||
leadContentView.apply(lead: selection.lead, compact: true, enablePhoneCall: false)
|
||||
leadContentView.onImageTap = { [weak self] _, index in
|
||||
guard let self else { return }
|
||||
self.onImageTap?(self.currentImages, index)
|
||||
}
|
||||
} else {
|
||||
hintLabel.isHidden = false
|
||||
personRow.isHidden = true
|
||||
divider.isHidden = true
|
||||
leadContentView.isHidden = true
|
||||
currentImages = []
|
||||
}
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
backgroundColor = OrderTokens.sourceBackground
|
||||
layer.cornerRadius = AppRadius.sm
|
||||
layer.borderWidth = 1
|
||||
layer.borderColor = OrderTokens.sourceBorder.cgColor
|
||||
|
||||
titleLabel.text = "订单来源"
|
||||
titleLabel.font = .systemFont(ofSize: 14, weight: .medium)
|
||||
titleLabel.textColor = OrderTokens.label563
|
||||
|
||||
chevronView.image = UIImage(systemName: "chevron.right")
|
||||
chevronView.tintColor = AppColor.primary
|
||||
chevronView.contentMode = .scaleAspectFit
|
||||
|
||||
hintLabel.text = "选择获客员及其创建的带客单"
|
||||
hintLabel.font = .systemFont(ofSize: 13)
|
||||
hintLabel.textColor = AppColor.text666
|
||||
hintLabel.numberOfLines = 0
|
||||
|
||||
personRow.axis = .horizontal
|
||||
personRow.alignment = .center
|
||||
personRow.spacing = 10
|
||||
personNameLabel.font = .systemFont(ofSize: 13, weight: .medium)
|
||||
personNameLabel.textColor = AppColor.text333
|
||||
personPhoneLabel.font = .systemFont(ofSize: 13)
|
||||
personPhoneLabel.textColor = AppColor.text666
|
||||
personRow.addArrangedSubview(personNameLabel)
|
||||
personRow.addArrangedSubview(personPhoneLabel)
|
||||
|
||||
divider.backgroundColor = OrderTokens.sourceDivider
|
||||
|
||||
let headerRow = UIStackView(arrangedSubviews: [titleLabel, UIView(), chevronView])
|
||||
headerRow.axis = .horizontal
|
||||
headerRow.alignment = .center
|
||||
|
||||
let stack = UIStackView(arrangedSubviews: [headerRow, hintLabel, personRow, divider, leadContentView])
|
||||
stack.axis = .vertical
|
||||
stack.spacing = 10
|
||||
stack.isUserInteractionEnabled = false
|
||||
addSubview(stack)
|
||||
stack.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview().inset(AppSpacing.sm)
|
||||
}
|
||||
chevronView.snp.makeConstraints { make in
|
||||
make.width.height.equalTo(20)
|
||||
}
|
||||
divider.snp.makeConstraints { make in
|
||||
make.height.equalTo(OrderTokens.dividerHeight)
|
||||
}
|
||||
}
|
||||
}
|
||||
106
suixinkan/UI/Orders/Views/OrderSourceLeadCell.swift
Normal file
106
suixinkan/UI/Orders/Views/OrderSourceLeadCell.swift
Normal file
@ -0,0 +1,106 @@
|
||||
//
|
||||
// OrderSourceLeadCell.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 带客单选择列表 cell，对齐 Android `SourceLeadItem`。
|
||||
final class OrderSourceLeadCell: UITableViewCell {
|
||||
static let reuseIdentifier = "OrderSourceLeadCell"
|
||||
|
||||
var onCallPhone: ((String) -> Void)?
|
||||
var onImageTap: (([String], Int) -> Void)?
|
||||
var onSelect: (() -> Void)?
|
||||
|
||||
private let cardView = UIView()
|
||||
private let tagLabel = UILabel()
|
||||
private let checkView = UIImageView()
|
||||
private let contentViewPanel = OrderSourceLeadContentView()
|
||||
private let actionButton = UIButton(type: .system)
|
||||
private var currentImages: [String] = []
|
||||
|
||||
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
|
||||
super.init(style: style, reuseIdentifier: reuseIdentifier)
|
||||
selectionStyle = .none
|
||||
backgroundColor = .clear
|
||||
contentView.backgroundColor = .clear
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func configure(lead: OrderSourceLead, selected: Bool) {
|
||||
currentImages = lead.images
|
||||
contentViewPanel.apply(lead: lead, compact: false, enablePhoneCall: true)
|
||||
contentViewPanel.onCallPhone = { [weak self] phone in self?.onCallPhone?(phone) }
|
||||
contentViewPanel.onImageTap = { [weak self] images, index in
|
||||
self?.onImageTap?(images, index)
|
||||
}
|
||||
|
||||
checkView.isHidden = !selected
|
||||
cardView.layer.borderColor = (selected ? AppColor.primary : OrderTokens.sourceBorder).cgColor
|
||||
cardView.backgroundColor = selected ? AppColor.primaryLight.withAlphaComponent(0.4) : .white
|
||||
actionButton.setTitle(selected ? "当前已选择" : "选择此带客单", for: .normal)
|
||||
actionButton.setTitleColor(selected ? AppColor.primary : .white, for: .normal)
|
||||
actionButton.backgroundColor = selected ? AppColor.primaryLight : AppColor.primary
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
cardView.layer.cornerRadius = AppRadius.sm
|
||||
cardView.layer.borderWidth = 1
|
||||
contentView.addSubview(cardView)
|
||||
|
||||
tagLabel.text = "带客单"
|
||||
tagLabel.font = .systemFont(ofSize: 13, weight: .medium)
|
||||
tagLabel.textColor = AppColor.primary
|
||||
tagLabel.backgroundColor = AppColor.primaryLight.withAlphaComponent(0.8)
|
||||
tagLabel.layer.cornerRadius = 4
|
||||
tagLabel.clipsToBounds = true
|
||||
tagLabel.textAlignment = .center
|
||||
|
||||
checkView.image = UIImage(systemName: "checkmark")
|
||||
checkView.tintColor = AppColor.primary
|
||||
checkView.contentMode = .scaleAspectFit
|
||||
|
||||
actionButton.titleLabel?.font = .systemFont(ofSize: 14)
|
||||
actionButton.layer.cornerRadius = 6
|
||||
actionButton.addTarget(self, action: #selector(selectTapped), for: .touchUpInside)
|
||||
|
||||
cardView.addSubview(tagLabel)
|
||||
cardView.addSubview(checkView)
|
||||
cardView.addSubview(contentViewPanel)
|
||||
cardView.addSubview(actionButton)
|
||||
|
||||
cardView.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview().inset(UIEdgeInsets(top: 0, left: 0, bottom: 12, right: 0))
|
||||
}
|
||||
tagLabel.snp.makeConstraints { make in
|
||||
make.leading.top.equalToSuperview().inset(12)
|
||||
make.height.equalTo(24)
|
||||
make.width.greaterThanOrEqualTo(56)
|
||||
}
|
||||
checkView.snp.makeConstraints { make in
|
||||
make.trailing.equalToSuperview().inset(12)
|
||||
make.centerY.equalTo(tagLabel)
|
||||
make.width.height.equalTo(20)
|
||||
}
|
||||
contentViewPanel.snp.makeConstraints { make in
|
||||
make.top.equalTo(tagLabel.snp.bottom).offset(10)
|
||||
make.leading.trailing.equalToSuperview().inset(12)
|
||||
}
|
||||
actionButton.snp.makeConstraints { make in
|
||||
make.top.equalTo(contentViewPanel.snp.bottom).offset(10)
|
||||
make.leading.trailing.bottom.equalToSuperview().inset(12)
|
||||
make.height.equalTo(40)
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func selectTapped() {
|
||||
onSelect?()
|
||||
}
|
||||
}
|
||||
138
suixinkan/UI/Orders/Views/OrderSourceLeadContentView.swift
Normal file
138
suixinkan/UI/Orders/Views/OrderSourceLeadContentView.swift
Normal file
@ -0,0 +1,138 @@
|
||||
//
|
||||
// OrderSourceLeadContentView.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 带客单摘要内容，对齐 Android `SourceLeadContent`。
|
||||
final class OrderSourceLeadContentView: UIView {
|
||||
|
||||
var onCallPhone: ((String) -> Void)?
|
||||
var onImageTap: (([String], Int) -> Void)?
|
||||
|
||||
private let phoneRow = UIStackView()
|
||||
private let phoneTitleLabel = UILabel()
|
||||
private let phoneValueLabel = UILabel()
|
||||
private let remarkLabel = UILabel()
|
||||
private let imageRow = UIStackView()
|
||||
private let emptyImageLabel = UILabel()
|
||||
|
||||
private var currentImages: [String] = []
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
/// 应用带客单展示内容。
|
||||
func apply(lead: OrderSourceLead, compact: Bool, enablePhoneCall: Bool = true) {
|
||||
let phone = lead.userPhone.trimmingCharacters(in: .whitespacesAndNewlines)
|
||||
phoneRow.isHidden = phone.isEmpty
|
||||
phoneValueLabel.text = phone
|
||||
phoneValueLabel.textColor = enablePhoneCall ? AppColor.primary : AppColor.text333
|
||||
phoneValueLabel.isUserInteractionEnabled = enablePhoneCall && !phone.isEmpty
|
||||
|
||||
let remark = lead.remark.trimmingCharacters(in: .whitespacesAndNewlines)
|
||||
remarkLabel.isHidden = remark.isEmpty
|
||||
remarkLabel.text = remark
|
||||
remarkLabel.font = compact ? .systemFont(ofSize: 12) : .systemFont(ofSize: 13)
|
||||
remarkLabel.numberOfLines = compact ? 2 : 4
|
||||
|
||||
imageRow.arrangedSubviews.forEach { $0.removeFromSuperview() }
|
||||
emptyImageLabel.isHidden = true
|
||||
if lead.images.isEmpty {
|
||||
if !compact {
|
||||
emptyImageLabel.isHidden = false
|
||||
}
|
||||
} else {
|
||||
currentImages = lead.images
|
||||
lead.images.prefix(3).enumerated().forEach { index, url in
|
||||
let imageView = UIImageView()
|
||||
imageView.contentMode = .scaleAspectFill
|
||||
imageView.clipsToBounds = true
|
||||
imageView.layer.cornerRadius = 6
|
||||
imageView.backgroundColor = OrderTokens.sourceLeadPlaceholder
|
||||
imageView.loadRemoteImage(urlString: url, placeholderColor: OrderTokens.sourceLeadPlaceholder)
|
||||
imageView.isUserInteractionEnabled = true
|
||||
imageView.tag = index
|
||||
imageView.addGestureRecognizer(
|
||||
UITapGestureRecognizer(target: self, action: #selector(imageTapped(_:)))
|
||||
)
|
||||
imageRow.addArrangedSubview(imageView)
|
||||
imageView.snp.makeConstraints { make in
|
||||
make.height.equalTo(imageView.snp.width)
|
||||
}
|
||||
}
|
||||
let placeholders = max(0, 3 - min(lead.images.count, 3))
|
||||
if placeholders > 0 {
|
||||
(0..<placeholders).forEach { _ in
|
||||
let spacer = UIView()
|
||||
imageRow.addArrangedSubview(spacer)
|
||||
spacer.snp.makeConstraints { make in
|
||||
make.height.equalTo(spacer.snp.width)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
imageRow.isHidden = compact && lead.images.isEmpty
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
phoneRow.axis = .horizontal
|
||||
phoneRow.alignment = .center
|
||||
phoneRow.spacing = 10
|
||||
phoneTitleLabel.text = "客户手机号"
|
||||
phoneTitleLabel.font = .systemFont(ofSize: 12)
|
||||
phoneTitleLabel.textColor = AppColor.text666
|
||||
phoneValueLabel.font = .systemFont(ofSize: 13, weight: .medium)
|
||||
phoneValueLabel.addGestureRecognizer(
|
||||
UITapGestureRecognizer(target: self, action: #selector(phoneTapped))
|
||||
)
|
||||
phoneRow.addArrangedSubview(phoneTitleLabel)
|
||||
phoneRow.addArrangedSubview(phoneValueLabel)
|
||||
|
||||
remarkLabel.textColor = AppColor.text333
|
||||
remarkLabel.lineBreakMode = .byTruncatingTail
|
||||
|
||||
imageRow.axis = .horizontal
|
||||
imageRow.spacing = 8
|
||||
imageRow.distribution = .fillEqually
|
||||
|
||||
emptyImageLabel.text = "暂无图片"
|
||||
emptyImageLabel.font = .systemFont(ofSize: 12)
|
||||
emptyImageLabel.textColor = AppColor.text666
|
||||
emptyImageLabel.textAlignment = .center
|
||||
emptyImageLabel.backgroundColor = OrderTokens.sourceLeadPlaceholder
|
||||
emptyImageLabel.layer.cornerRadius = 6
|
||||
emptyImageLabel.clipsToBounds = true
|
||||
|
||||
let stack = UIStackView(arrangedSubviews: [phoneRow, remarkLabel, imageRow, emptyImageLabel])
|
||||
stack.axis = .vertical
|
||||
stack.spacing = 10
|
||||
addSubview(stack)
|
||||
stack.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview()
|
||||
}
|
||||
emptyImageLabel.snp.makeConstraints { make in
|
||||
make.height.equalTo(72)
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func phoneTapped() {
|
||||
let phone = phoneValueLabel.text?.trimmingCharacters(in: .whitespacesAndNewlines) ?? ""
|
||||
guard !phone.isEmpty else { return }
|
||||
onCallPhone?(phone)
|
||||
}
|
||||
|
||||
@objc private func imageTapped(_ gesture: UITapGestureRecognizer) {
|
||||
guard let imageView = gesture.view as? UIImageView else { return }
|
||||
onImageTap?(currentImages, imageView.tag)
|
||||
}
|
||||
}
|
||||
95
suixinkan/UI/Orders/Views/OrderSourcePersonCell.swift
Normal file
95
suixinkan/UI/Orders/Views/OrderSourcePersonCell.swift
Normal file
@ -0,0 +1,95 @@
|
||||
//
|
||||
// OrderSourcePersonCell.swift
|
||||
// suixinkan
|
||||
//
|
||||
|
||||
import SnapKit
|
||||
import UIKit
|
||||
|
||||
/// 获客员选择列表 cell，对齐 Android `SourcePersonItem`。
|
||||
final class OrderSourcePersonCell: UITableViewCell {
|
||||
static let reuseIdentifier = "OrderSourcePersonCell"
|
||||
|
||||
var onCallPhone: ((String) -> Void)?
|
||||
|
||||
private let cardView = UIView()
|
||||
private let nameLabel = UILabel()
|
||||
private let phoneLabel = UILabel()
|
||||
private let callButton = UIButton(type: .system)
|
||||
private let chevronView = UIImageView()
|
||||
private var personPhone = ""
|
||||
|
||||
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
|
||||
super.init(style: style, reuseIdentifier: reuseIdentifier)
|
||||
selectionStyle = .none
|
||||
backgroundColor = .clear
|
||||
contentView.backgroundColor = .clear
|
||||
setupUI()
|
||||
}
|
||||
|
||||
@available(*, unavailable)
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
func configure(person: OrderSourcePerson, selected: Bool) {
|
||||
nameLabel.text = person.name
|
||||
phoneLabel.text = person.phone
|
||||
personPhone = person.phone
|
||||
cardView.layer.borderColor = (selected ? AppColor.primary : OrderTokens.sourceBorder).cgColor
|
||||
cardView.backgroundColor = selected ? AppColor.primaryLight.withAlphaComponent(0.5) : .white
|
||||
}
|
||||
|
||||
private func setupUI() {
|
||||
cardView.layer.cornerRadius = AppRadius.sm
|
||||
cardView.layer.borderWidth = 1
|
||||
contentView.addSubview(cardView)
|
||||
|
||||
nameLabel.font = .systemFont(ofSize: 16, weight: .medium)
|
||||
nameLabel.textColor = AppColor.text333
|
||||
phoneLabel.font = .systemFont(ofSize: 14)
|
||||
phoneLabel.textColor = AppColor.text666
|
||||
|
||||
callButton.backgroundColor = OrderTokens.phoneIconBackground
|
||||
callButton.layer.cornerRadius = 16
|
||||
callButton.tintColor = AppColor.primary
|
||||
callButton.setImage(UIImage(systemName: "phone.fill"), for: .normal)
|
||||
callButton.addTarget(self, action: #selector(callTapped), for: .touchUpInside)
|
||||
|
||||
chevronView.image = UIImage(systemName: "chevron.right")
|
||||
chevronView.tintColor = AppColor.text666
|
||||
chevronView.contentMode = .scaleAspectFit
|
||||
|
||||
cardView.addSubview(nameLabel)
|
||||
cardView.addSubview(phoneLabel)
|
||||
cardView.addSubview(callButton)
|
||||
cardView.addSubview(chevronView)
|
||||
|
||||
cardView.snp.makeConstraints { make in
|
||||
make.edges.equalToSuperview().inset(UIEdgeInsets(top: 0, left: 0, bottom: 10, right: 0))
|
||||
}
|
||||
nameLabel.snp.makeConstraints { make in
|
||||
make.leading.top.equalToSuperview().inset(14)
|
||||
make.trailing.lessThanOrEqualTo(callButton.snp.leading).offset(-8)
|
||||
}
|
||||
phoneLabel.snp.makeConstraints { make in
|
||||
make.leading.equalTo(nameLabel)
|
||||
make.top.equalTo(nameLabel.snp.bottom).offset(6)
|
||||
make.bottom.equalToSuperview().inset(14)
|
||||
}
|
||||
chevronView.snp.makeConstraints { make in
|
||||
make.trailing.equalToSuperview().inset(14)
|
||||
make.centerY.equalToSuperview()
|
||||
make.width.height.equalTo(20)
|
||||
}
|
||||
callButton.snp.makeConstraints { make in
|
||||
make.trailing.equalTo(chevronView.snp.leading).offset(-8)
|
||||
make.centerY.equalToSuperview()
|
||||
make.width.height.equalTo(32)
|
||||
}
|
||||
}
|
||||
|
||||
@objc private func callTapped() {
|
||||
onCallPhone?(personPhone)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user