576 lines
17 KiB
Swift
576 lines
17 KiB
Swift
//
|
|
// ScheduleDetailView.swift
|
|
// QuickLocation
|
|
//
|
|
// Created by 八条 on 2026/6/25.
|
|
//
|
|
|
|
import UIKit
|
|
import RxSwift
|
|
import RxCocoa
|
|
|
|
class ScheduleDetailView: UIView {
|
|
|
|
var disposeBag = DisposeBag()
|
|
|
|
private func setupRx() {
|
|
backBtn.rx.tap.subscribe(onNext: { _ in
|
|
AppRouter.shared.popOrDismiss()
|
|
}).disposed(by: disposeBag)
|
|
}
|
|
|
|
private func setupUI() {
|
|
addSubview(navBgView)
|
|
addSubview(navBarView)
|
|
navBarView.addSubview(navTitleLabel)
|
|
navBarView.addSubview(backBtn)
|
|
addSubview(headerView)
|
|
addSubview(travelRouteView)
|
|
addSubview(tableView)
|
|
addSubview(bottomView)
|
|
|
|
navBgView.layoutChain
|
|
.edges(excludingEdge: .bottom)
|
|
.heightToWidth(160/375)
|
|
|
|
navBarView.layoutChain
|
|
.edges(excludingEdge: .bottom)
|
|
.height(kNaviHeight)
|
|
|
|
navTitleLabel.layoutChain
|
|
.top(kStatusBarHeight + 12)
|
|
.centerY(backBtn)
|
|
.centerX()
|
|
|
|
backBtn.layoutChain
|
|
.centerY(navTitleLabel)
|
|
.left(15)
|
|
.width(24)
|
|
.height(24)
|
|
|
|
headerView.layoutChain
|
|
.topToBottomOfView(navBarView)
|
|
.edgesHorzontal()
|
|
|
|
travelRouteView.layoutChain
|
|
.topToBottomOfView(headerView)
|
|
.edgesHorzontal()
|
|
|
|
bottomView.layoutChain
|
|
.edgesHorzontal()
|
|
.height(kSafeBottomMargin + 80)
|
|
.bottom()
|
|
|
|
tableView.layoutChain
|
|
.topToBottomOfView(travelRouteView, offset: 15)
|
|
.edgesHorzontal()
|
|
.bottomToTopOfView(bottomView, offset: 0)
|
|
}
|
|
|
|
lazy var navBgView: UIImageView = {
|
|
let iv = UIImageView()
|
|
iv.image = UIImage(named: "Common/navBar_bg_2")
|
|
iv.contentMode = .scaleAspectFill
|
|
return iv
|
|
}()
|
|
|
|
lazy var navBarView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
lazy var navTitleLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.text = "行程详情"
|
|
label.font = .systemFont(ofSize: 18, weight: .medium)
|
|
label.textColor = ThemeManager.shared.color.titleAuxColor
|
|
label.textAlignment = .center
|
|
return label
|
|
}()
|
|
|
|
lazy var backBtn: UIButton = {
|
|
let btn = UIButton(type: .custom)
|
|
btn.setImage(UIImage(named: "Common/back"), for: .normal)
|
|
btn.extendEdgeInsets = UIEdgeInsets(top: 54, left: 15, bottom: 100, right: 100)
|
|
return btn
|
|
}()
|
|
|
|
/// 谁在关注
|
|
lazy var headerView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "谁在关注"
|
|
titleLab.font = .systemFont(ofSize: 16, weight: .medium)
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.top(15)
|
|
|
|
let dotView = UIView()
|
|
dotView.backgroundColor = UIColor(hexStr: "#16B3FF")
|
|
dotView.cornerRadius = 2
|
|
view.addSubview(dotView)
|
|
dotView.layoutChain
|
|
.left(15)
|
|
.centerY(titleLab)
|
|
.width(4)
|
|
.height(11)
|
|
|
|
titleLab.layoutChain.leftToRightOfView(dotView, offset: 5)
|
|
|
|
view.addSubview(collectionView)
|
|
collectionView.layoutChain
|
|
.topToBottomOfView(titleLab, offset: 15)
|
|
.edgesHorzontal()
|
|
.height(80)
|
|
.bottom(15)
|
|
|
|
view.addSubview(noDataLab)
|
|
noDataLab.layoutChain
|
|
.centerX().centerY()
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var collectionView: UICollectionView = {
|
|
let layout = UICollectionViewFlowLayout()
|
|
layout.scrollDirection = .horizontal
|
|
layout.itemSize = CGSize(width: 80, height: 80)
|
|
layout.minimumLineSpacing = 15
|
|
layout.sectionInset = UIEdgeInsets(top: 0, left: 15, bottom: 0, right: 15)
|
|
let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
|
|
cv.backgroundColor = .clear
|
|
cv.showsHorizontalScrollIndicator = false
|
|
cv.register(ViewedCell.self)
|
|
return cv
|
|
}()
|
|
|
|
lazy var noDataLab: UILabel = {
|
|
let label = UILabel()
|
|
label.text = " 暂无关注"
|
|
label.textColor = UIColor(hexStr: "#999999")
|
|
label.font = .systemFont(ofSize: 14, weight: .regular)
|
|
label.isHidden = true
|
|
return label
|
|
}()
|
|
|
|
/// 行程日期
|
|
lazy var travelRouteView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
|
|
let titleLab = UILabel()
|
|
titleLab.text = "行程日期"
|
|
titleLab.font = .systemFont(ofSize: 16, weight: .medium)
|
|
titleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
view.addSubview(titleLab)
|
|
titleLab.layoutChain
|
|
.top(5)
|
|
|
|
let dotView = UIView()
|
|
dotView.backgroundColor = UIColor(hexStr: "#16B3FF")
|
|
dotView.cornerRadius = 2
|
|
view.addSubview(dotView)
|
|
dotView.layoutChain
|
|
.left(15)
|
|
.centerY(titleLab)
|
|
.width(4)
|
|
.height(11)
|
|
|
|
titleLab.layoutChain.leftToRightOfView(dotView, offset: 5)
|
|
|
|
view.addSubview(dateLab)
|
|
dateLab.layoutChain
|
|
.centerY(titleLab)
|
|
.leftToRightOfView(titleLab, offset: 10)
|
|
|
|
view.addSubview(creatorIcon)
|
|
creatorIcon.layoutChain
|
|
.right(15)
|
|
.width(30)
|
|
.height(30)
|
|
.centerY(titleLab)
|
|
|
|
let creatorTitleLab = UILabel()
|
|
creatorTitleLab.text = "创建人"
|
|
creatorTitleLab.font = .systemFont(ofSize: 12, weight: .medium)
|
|
creatorTitleLab.textColor = ThemeManager.shared.color.titleAuxColor
|
|
view.addSubview(creatorTitleLab)
|
|
creatorTitleLab.layoutChain
|
|
.rightToLeftOfView(creatorIcon, offset: -5)
|
|
.centerY(titleLab)
|
|
|
|
view.addSubview(vipTipsLab)
|
|
vipTipsLab.layoutChain
|
|
.topToBottomOfView(titleLab, offset: 5)
|
|
.leftToView(titleLab)
|
|
.bottom()
|
|
|
|
return view
|
|
}()
|
|
|
|
lazy var dateLab: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = UIColor(hexStr: "#16B3FF")
|
|
label.font = .systemFont(ofSize: 14, weight: .medium)
|
|
return label
|
|
}()
|
|
|
|
lazy var creatorIcon: UIImageView = {
|
|
let view = UIImageView()
|
|
view.cornerRadius = 15
|
|
return view
|
|
}()
|
|
|
|
lazy var vipTipsLab: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = UIColor(hexStr: "#FF7D52")
|
|
label.font = .systemFont(ofSize: 10, weight: .regular)
|
|
return label
|
|
}()
|
|
|
|
lazy var tableView: UITableView = {
|
|
let tv = UITableView(frame: .zero, style: .plain)
|
|
tv.backgroundColor = .clear
|
|
tv.separatorStyle = .none
|
|
tv.estimatedRowHeight = 77
|
|
tv.showsVerticalScrollIndicator = false
|
|
tv.bounces = false
|
|
tv.register(SchedulePointDetailCell.self)
|
|
tv.register(SchedulePointEventCell.self)
|
|
tv.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: 15, right: 0)
|
|
return tv
|
|
}()
|
|
|
|
lazy var bottomView: UIView = {
|
|
let v = UIView()
|
|
v.backgroundColor = .white
|
|
v.layer.cornerRadius = 16
|
|
v.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
|
|
v.layer.shadowColor = UIColor.black.withAlphaComponent(0.1).cgColor
|
|
v.layer.shadowOffset = CGSize(width: 0, height: -2)
|
|
v.layer.shadowRadius = 10
|
|
v.layer.shadowOpacity = 1
|
|
|
|
forwardBtn.isHidden = true
|
|
v.addSubview(forwardBtn)
|
|
v.addSubview(operateBtn)
|
|
v.addSubview(routeBtn)
|
|
|
|
forwardBtn.layoutChain
|
|
.centerY()
|
|
.left(15)
|
|
.width(80)
|
|
|
|
routeBtn.layoutChain
|
|
.centerY()
|
|
.right(15)
|
|
.width(80)
|
|
|
|
operateBtn.layoutChain
|
|
.centerY()
|
|
.leftToRightOfView(forwardBtn, offset: 20)
|
|
.rightToLeftOfView(routeBtn, offset: -20)
|
|
.height(50)
|
|
|
|
return v
|
|
}()
|
|
|
|
lazy var forwardBtn: UIButton = makeVerticalButton(image: UIImage(named: "Schedule/forward"), title: "发送到圈子")
|
|
lazy var routeBtn: UIButton = makeVerticalButton(image: UIImage(named: "Schedule/route"), title: "查看路线")
|
|
|
|
/// 创建图片在上、文字在下的按钮
|
|
private func makeVerticalButton(image: UIImage?, title: String) -> UIButton {
|
|
let btn = UIButton(type: .custom)
|
|
btn.setImage(image, for: .normal)
|
|
btn.setTitle(title, for: .normal)
|
|
btn.setTitleColor(UIColor(hexStr: "#333333"), for: .normal)
|
|
btn.titleLabel?.font = .systemFont(ofSize: 12, weight: .medium)
|
|
btn.titleLabel?.textAlignment = .center
|
|
btn.imageView?.contentMode = .scaleAspectFit
|
|
// 图片在上、文字在下
|
|
let width = btn.titleLabel?.intrinsicContentSize.width ?? 0
|
|
btn.imageEdgeInsets = UIEdgeInsets(top: -20, left: 0, bottom: 0, right: -width)
|
|
btn.titleEdgeInsets = UIEdgeInsets(top: 0, left: -24, bottom: -24, right: 0)
|
|
btn.contentEdgeInsets = UIEdgeInsets(top: 24, left: 0, bottom: 24, right: 0)
|
|
return btn
|
|
}
|
|
|
|
lazy var operateBtn: UIButton = {
|
|
let btn = UIButton()
|
|
btn.setTitle("取消关注", for: .selected)
|
|
btn.setTitleColor(.white, for: .normal)
|
|
btn.titleLabel?.font = .systemFont(ofSize: 16, weight: .medium)
|
|
btn.setBackgroundImage(UIImage(named: "Common/button_bg_2"), for: .normal)
|
|
btn.cornerRadius = 25
|
|
return btn
|
|
}()
|
|
|
|
override init(frame: CGRect) {
|
|
super.init(frame: .zero)
|
|
backgroundColor = .white
|
|
setupUI()
|
|
setupRx()
|
|
}
|
|
|
|
required init?(coder aDecoder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
}
|
|
|
|
// MARK: - SchedulePointDetailCell
|
|
class SchedulePointDetailCell: UITableViewCell {
|
|
|
|
var disposeBag = DisposeBag()
|
|
|
|
func configure(model: SchedulePointModel, index: Int, total: Int) {
|
|
indexLabel.text = "\(index + 1)"
|
|
locationLabel.text = model.street
|
|
remarkLab.text = model.remark.isEmpty ? "备注：无备注" : model.remark
|
|
timeLabel.text = getDateInterval2String(date: "\(model.expected_timestamp / 1000)", dateFormat: "HH:mm")
|
|
|
|
var indexName = ""
|
|
if index == 0 {
|
|
indexName = "起点："
|
|
}
|
|
else if index == total - 1 {
|
|
indexName = "终点："
|
|
}
|
|
else {
|
|
indexName = "途经点："
|
|
}
|
|
indexNameLab.text = indexName
|
|
bottomDashView.isHidden = index == total - 1
|
|
}
|
|
|
|
// MARK: - Init
|
|
override init(style: CellStyle, reuseIdentifier: String?) {
|
|
super.init(style: style, reuseIdentifier: reuseIdentifier)
|
|
selectionStyle = .none
|
|
backgroundColor = .clear
|
|
setupViews()
|
|
}
|
|
|
|
required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }
|
|
|
|
override func prepareForReuse() {
|
|
super.prepareForReuse()
|
|
disposeBag = DisposeBag()
|
|
}
|
|
|
|
private func setupViews() {
|
|
contentView.addSubview(pointIcon)
|
|
contentView.addSubview(bottomDashView)
|
|
contentView.addSubview(indexLabel)
|
|
contentView.addSubview(indexNameLab)
|
|
contentView.addSubview(locationLabel)
|
|
contentView.addSubview(timeLabel)
|
|
contentView.addSubview(remarkLab)
|
|
|
|
pointIcon.layoutChain
|
|
.top()
|
|
.left(15)
|
|
.width(18).height(18)
|
|
|
|
indexLabel.layoutChain
|
|
.top().leftToRightOfView(pointIcon, offset: 10)
|
|
.width(22).height(20)
|
|
|
|
indexNameLab.layoutChain
|
|
.leftToRightOfView(indexLabel, offset: 5)
|
|
.centerY(indexLabel)
|
|
|
|
locationLabel.layoutChain
|
|
.centerY(indexLabel)
|
|
.leftToRightOfView(indexNameLab, offset: 2)
|
|
.compressionHorizontal(.defaultLow)
|
|
|
|
timeLabel.layoutChain
|
|
.centerY(indexLabel)
|
|
.leftToRightOfView(locationLabel, offset: 20)
|
|
.right(10, relation: .greaterThanOrEqual)
|
|
.compressionHorizontal(.required)
|
|
|
|
remarkLab.layoutChain
|
|
.topToBottomOfView(indexLabel, offset: 5)
|
|
.leftToView(indexLabel)
|
|
.right(15)
|
|
.bottom(10)
|
|
.compressionVertical(.required)
|
|
|
|
bottomDashView.layoutChain
|
|
.topToBottomOfView(pointIcon, offset: 5)
|
|
.centerX(pointIcon)
|
|
.width(0.5)
|
|
.bottom(5)
|
|
}
|
|
|
|
// MARK: - Views
|
|
private let pointIcon: UIImageView = {
|
|
let iv = UIImageView(image: UIImage(named: "Schedule/point"))
|
|
iv.contentMode = .scaleAspectFit
|
|
return iv
|
|
}()
|
|
|
|
private let bottomDashView: DashLineView = {
|
|
let v = DashLineView()
|
|
v.backgroundColor = .clear
|
|
return v
|
|
}()
|
|
|
|
private let indexLabel: UILabel = {
|
|
let l = UILabel()
|
|
l.backgroundColor = UIColor(hexStr: "#DCF4FF")
|
|
l.textColor = UIColor(hexStr: "#176F9B")
|
|
l.font = .systemFont(ofSize: 12, weight: .medium)
|
|
l.textAlignment = .center
|
|
return l
|
|
}()
|
|
|
|
lazy var indexNameLab: UILabel = {
|
|
let l = UILabel()
|
|
l.font = .systemFont(ofSize: 14, weight: .medium)
|
|
l.textColor = UIColor(hexStr: "#16B3FF")
|
|
return l
|
|
}()
|
|
|
|
private let locationLabel: UILabel = {
|
|
let l = UILabel()
|
|
l.font = .systemFont(ofSize: 14, weight: .medium)
|
|
l.textColor = UIColor(hexStr: "#333333")
|
|
// l.numberOfLines = 0
|
|
return l
|
|
}()
|
|
|
|
private let timeLabel: UILabel = {
|
|
let l = UILabel()
|
|
l.font = .systemFont(ofSize: 12, weight: .medium)
|
|
l.textColor = UIColor(hexStr: "#333333")
|
|
l.isUserInteractionEnabled = true
|
|
l.textAlignment = .right
|
|
return l
|
|
}()
|
|
|
|
lazy var remarkLab: UILabel = {
|
|
let l = UILabel()
|
|
l.font = .systemFont(ofSize: 12, weight: .regular)
|
|
l.textColor = UIColor(hexStr: "#999999")
|
|
l.numberOfLines = 0
|
|
return l
|
|
}()
|
|
|
|
override func layoutSubviews() {
|
|
super.layoutSubviews()
|
|
contentView.layoutIfNeeded()
|
|
indexLabel.setCornerRadius(corners: [.bottomRight, .topLeft], withCornerRadii: CGSize(width: 10, height: 10))
|
|
}
|
|
}
|
|
|
|
// MARK: - SchedulePointEventCell
|
|
class SchedulePointEventCell: UITableViewCell {
|
|
|
|
var disposeBag = DisposeBag()
|
|
|
|
func configure(model: SchedulePointEventModel, index: Int, total: Int) {
|
|
var suffix = ""
|
|
if index == 0 {
|
|
suffix = " 起点"
|
|
} else if index == total - 1 {
|
|
suffix = " 终点"
|
|
} else {
|
|
suffix = " 途经点"
|
|
}
|
|
infoLab.text = model.text + "到达" + suffix
|
|
}
|
|
|
|
// MARK: - Init
|
|
override init(style: CellStyle, reuseIdentifier: String?) {
|
|
super.init(style: style, reuseIdentifier: reuseIdentifier)
|
|
selectionStyle = .none
|
|
backgroundColor = .clear
|
|
setupViews()
|
|
}
|
|
|
|
required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }
|
|
|
|
override func prepareForReuse() {
|
|
super.prepareForReuse()
|
|
disposeBag = DisposeBag()
|
|
}
|
|
|
|
private func setupViews() {
|
|
contentView.addSubview(verticalDashLineView)
|
|
contentView.addSubview(horizontalDashLineView)
|
|
contentView.addSubview(dotView)
|
|
contentView.addSubview(infoView)
|
|
infoView.addSubview(infoLab)
|
|
|
|
verticalDashLineView.layoutChain
|
|
.left(24)
|
|
.edgesVertical()
|
|
.width(1)
|
|
|
|
dotView.layoutChain
|
|
.centerX(verticalDashLineView)
|
|
.centerY()
|
|
.width(8)
|
|
.height(8)
|
|
|
|
horizontalDashLineView.layoutChain
|
|
.leftToRightOfView(dotView)
|
|
.centerY(dotView)
|
|
.height(1)
|
|
.width(30)
|
|
|
|
infoView.layoutChain
|
|
.leftToRightOfView(horizontalDashLineView, offset: 5)
|
|
.edgesVertical(10)
|
|
.right(15)
|
|
|
|
infoLab.layoutChain
|
|
.edgesHorzontal(15)
|
|
.edgesVertical(15)
|
|
}
|
|
|
|
// MARK: - Views
|
|
lazy var verticalDashLineView: DashLineView = {
|
|
let v = DashLineView()
|
|
v.backgroundColor = .clear
|
|
return v
|
|
}()
|
|
|
|
lazy var horizontalDashLineView: HorizontalDashLineView = {
|
|
let v = HorizontalDashLineView()
|
|
v.backgroundColor = .clear
|
|
return v
|
|
}()
|
|
|
|
lazy var dotView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = UIColor(hexStr: "#16B3FF")
|
|
view.cornerRadius = 4
|
|
return view
|
|
}()
|
|
|
|
lazy var infoView: UIView = {
|
|
let v = UIView()
|
|
v.backgroundColor = .white
|
|
v.layer.cornerRadius = 10
|
|
v.layer.shadowColor = UIColor.black.withAlphaComponent(0.1).cgColor
|
|
v.layer.shadowOffset = CGSize(width: 0, height: -2)
|
|
v.layer.shadowRadius = 10
|
|
v.layer.shadowOpacity = 1
|
|
return v
|
|
}()
|
|
|
|
lazy var infoLab: UILabel = {
|
|
let l = UILabel()
|
|
l.font = .systemFont(ofSize: 12, weight: .medium)
|
|
l.textColor = UIColor(hexStr: "#333333")
|
|
return l
|
|
}()
|
|
}
|