汉秋
703078352c
将最低部署版本降至 iOS 16，以 ObservableObject 替换 @Observable，新增导航与 UI 兼容层，并补充登录冒烟 UI 测试。 Co-authored-by: Cursor <cursoragent@cursor.com>
256 lines
11 KiB
Swift
256 lines
11 KiB
Swift
//
|
||
// ScheduleViews.swift
|
||
// suixinkan
|
||
//
|
||
// Created by Codex on 2026/6/24.
|
||
//
|
||
|
||
import SwiftUI
|
||
|
||
/// 排班管理页面，展示月视图日期标记和当天排班列表。
|
||
struct ScheduleManagementView: View {
|
||
@EnvironmentObject private var accountContext: AccountContext
|
||
@Environment(\.scheduleAPI) private var scheduleAPI
|
||
@Environment(\.globalLoading) private var globalLoading
|
||
@StateObject private var viewModel = ScheduleManagementViewModel()
|
||
|
||
var body: some View {
|
||
VStack(spacing: 0) {
|
||
if accountContext.currentScenic?.id == nil {
|
||
AppContentUnavailableView("缺少景区", systemImage: "calendar.badge.exclamationmark", description: Text("请选择景区后再查看排班。"))
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
} else {
|
||
ScrollView {
|
||
VStack(spacing: AppMetrics.Spacing.medium) {
|
||
calendarCard
|
||
scheduleListCard
|
||
}
|
||
.padding(AppMetrics.Spacing.medium)
|
||
}
|
||
.background(Color(hex: 0xF5F7FA))
|
||
.refreshable { await reload(showLoading: false) }
|
||
}
|
||
}
|
||
.navigationTitle("日程管理")
|
||
.navigationBarTitleDisplayMode(.inline)
|
||
.toolbar {
|
||
ToolbarItem(placement: .topBarTrailing) {
|
||
NavigationLink(value: HomeRoute.scheduleAdd) {
|
||
Image(systemName: "plus")
|
||
}
|
||
.accessibilityLabel("添加日程")
|
||
}
|
||
}
|
||
.task(id: accountContext.currentScenic?.id) {
|
||
await reload(showLoading: true)
|
||
}
|
||
}
|
||
|
||
private var calendarCard: some View {
|
||
VStack(spacing: AppMetrics.Spacing.medium) {
|
||
HStack {
|
||
Button {
|
||
Task { await viewModel.previousMonth(api: scheduleAPI, scenicId: accountContext.currentScenic?.id) }
|
||
} label: {
|
||
Image(systemName: "chevron.left")
|
||
.frame(width: 36, height: 36)
|
||
}
|
||
Spacer()
|
||
Text(viewModel.monthDate.scheduleYearMonthText)
|
||
.font(.system(size: AppMetrics.FontSize.title3, weight: .semibold))
|
||
Spacer()
|
||
Button {
|
||
Task { await viewModel.nextMonth(api: scheduleAPI, scenicId: accountContext.currentScenic?.id) }
|
||
} label: {
|
||
Image(systemName: "chevron.right")
|
||
.frame(width: 36, height: 36)
|
||
}
|
||
}
|
||
LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 7), spacing: AppMetrics.Spacing.small) {
|
||
ForEach(viewModel.monthDate.scheduleDaysInMonth, id: \.scheduleDayText) { date in
|
||
Button {
|
||
Task { await viewModel.selectDate(date, api: scheduleAPI, scenicId: accountContext.currentScenic?.id) }
|
||
} label: {
|
||
VStack(spacing: 4) {
|
||
Text(dayNumber(date))
|
||
.font(.system(size: AppMetrics.FontSize.subheadline, weight: viewModel.selectedDate.scheduleDayText == date.scheduleDayText ? .bold : .regular))
|
||
Circle()
|
||
.fill(viewModel.markedDays.contains(date.scheduleDayText) ? AppDesign.primary : .clear)
|
||
.frame(width: 5, height: 5)
|
||
}
|
||
.foregroundStyle(viewModel.selectedDate.scheduleDayText == date.scheduleDayText ? .white : AppDesign.textPrimary)
|
||
.frame(height: 42)
|
||
.frame(maxWidth: .infinity)
|
||
.background(viewModel.selectedDate.scheduleDayText == date.scheduleDayText ? AppDesign.primary : Color.clear, in: RoundedRectangle(cornerRadius: 8))
|
||
}
|
||
.buttonStyle(.plain)
|
||
}
|
||
}
|
||
}
|
||
.padding(AppMetrics.Spacing.medium)
|
||
.background(.white, in: RoundedRectangle(cornerRadius: AppMetrics.CornerRadius.card))
|
||
}
|
||
|
||
private var scheduleListCard: some View {
|
||
VStack(alignment: .leading, spacing: AppMetrics.Spacing.small) {
|
||
Text(viewModel.selectedDate.scheduleDayText)
|
||
.font(.system(size: AppMetrics.FontSize.body, weight: .semibold))
|
||
if viewModel.items.isEmpty {
|
||
AppContentUnavailableView("当天暂无日程", systemImage: "calendar")
|
||
.frame(minHeight: 180)
|
||
} else {
|
||
ForEach(viewModel.items) { item in
|
||
ScheduleItemCard(item: item) {
|
||
Task { await viewModel.delete(item: item, api: scheduleAPI, scenicId: accountContext.currentScenic?.id) }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.padding(AppMetrics.Spacing.medium)
|
||
.background(.white, in: RoundedRectangle(cornerRadius: AppMetrics.CornerRadius.card))
|
||
}
|
||
|
||
private func reload(showLoading: Bool) async {
|
||
await globalLoading.withOptionalLoading(showLoading && accountContext.currentScenic?.id != nil) {
|
||
await viewModel.reload(api: scheduleAPI, scenicId: accountContext.currentScenic?.id)
|
||
}
|
||
}
|
||
|
||
private func dayNumber(_ date: Date) -> String {
|
||
let formatter = DateFormatter()
|
||
formatter.dateFormat = "d"
|
||
return formatter.string(from: date)
|
||
}
|
||
}
|
||
|
||
/// 新增排班页面，支持手动录入和关联订单。
|
||
struct ScheduleAddView: View {
|
||
@Environment(\.dismiss) private var dismiss
|
||
@EnvironmentObject private var accountContext: AccountContext
|
||
@Environment(\.scheduleAPI) private var scheduleAPI
|
||
@Environment(\.globalLoading) private var globalLoading
|
||
@StateObject private var viewModel = ScheduleAddViewModel()
|
||
@State private var date = Date()
|
||
@State private var startTime = Date()
|
||
@State private var endTime = Calendar.current.date(byAdding: .hour, value: 1, to: Date()) ?? Date()
|
||
|
||
var body: some View {
|
||
ScrollView {
|
||
VStack(spacing: AppMetrics.Spacing.medium) {
|
||
formCard("基础信息") {
|
||
TextField("日程名称", text: $viewModel.draft.name)
|
||
.appInputFieldStyle(cornerRadius: AppMetrics.CornerRadius.input, minHeight: AppMetrics.ControlSize.inputHeight)
|
||
TextField("备注", text: $viewModel.draft.remark, axis: .vertical)
|
||
.lineLimit(2...4)
|
||
.appInputFieldStyle(cornerRadius: AppMetrics.CornerRadius.input, minHeight: 82)
|
||
Picker("关联订单", selection: Binding(get: { viewModel.draft.selectedOrder?.orderNumber ?? "" }, set: { value in
|
||
viewModel.draft.selectedOrder = viewModel.availableOrders.first { $0.orderNumber == value }
|
||
})) {
|
||
Text("不关联").tag("")
|
||
ForEach(viewModel.availableOrders) { order in
|
||
Text("\(order.projectName) \(order.orderNumber)").tag(order.orderNumber)
|
||
}
|
||
}
|
||
TextField("手工输入订单号（兜底）", text: $viewModel.draft.manualOrderNumber)
|
||
.appInputFieldStyle(cornerRadius: AppMetrics.CornerRadius.input, minHeight: AppMetrics.ControlSize.inputHeight)
|
||
}
|
||
formCard("时间") {
|
||
DatePicker("日期", selection: $date, displayedComponents: .date)
|
||
DatePicker("开始时间", selection: $startTime, displayedComponents: .hourAndMinute)
|
||
DatePicker("结束时间", selection: $endTime, displayedComponents: .hourAndMinute)
|
||
}
|
||
if let error = viewModel.errorMessage {
|
||
Text(error)
|
||
.font(.system(size: AppMetrics.FontSize.caption))
|
||
.foregroundStyle(Color(hex: 0xE5484D))
|
||
.frame(maxWidth: .infinity, alignment: .leading)
|
||
}
|
||
}
|
||
.padding(AppMetrics.Spacing.medium)
|
||
}
|
||
.background(Color(hex: 0xF5F7FA))
|
||
.navigationTitle("添加日程")
|
||
.navigationBarTitleDisplayMode(.inline)
|
||
.toolbar {
|
||
ToolbarItem(placement: .topBarTrailing) {
|
||
Button(viewModel.submitting ? "保存中..." : "保存") {
|
||
Task { await submit() }
|
||
}
|
||
.disabled(viewModel.submitting)
|
||
}
|
||
}
|
||
.task {
|
||
await viewModel.loadOrders(api: scheduleAPI, scenicId: accountContext.currentScenic?.id)
|
||
}
|
||
}
|
||
|
||
private func formCard<Content: View>(_ title: String, @ViewBuilder content: () -> Content) -> some View {
|
||
VStack(alignment: .leading, spacing: AppMetrics.Spacing.small) {
|
||
Text(title)
|
||
.font(.system(size: AppMetrics.FontSize.body, weight: .semibold))
|
||
content()
|
||
}
|
||
.padding(AppMetrics.Spacing.medium)
|
||
.background(.white, in: RoundedRectangle(cornerRadius: AppMetrics.CornerRadius.card))
|
||
}
|
||
|
||
private func submit() async {
|
||
let start = combinedDate(date: date, time: startTime)
|
||
let end = combinedDate(date: date, time: endTime)
|
||
await globalLoading.withLoading {
|
||
if await viewModel.submit(api: scheduleAPI, scenicId: accountContext.currentScenic?.id, startDate: start, endDate: end) {
|
||
dismiss()
|
||
}
|
||
}
|
||
}
|
||
|
||
private func combinedDate(date: Date, time: Date) -> Date {
|
||
let calendar = Calendar.current
|
||
var dateComponents = calendar.dateComponents([.year, .month, .day], from: date)
|
||
let timeComponents = calendar.dateComponents([.hour, .minute], from: time)
|
||
dateComponents.hour = timeComponents.hour
|
||
dateComponents.minute = timeComponents.minute
|
||
return calendar.date(from: dateComponents) ?? date
|
||
}
|
||
}
|
||
|
||
/// 排班日程卡片。
|
||
private struct ScheduleItemCard: View {
|
||
let item: ScheduleItem
|
||
let onDelete: () -> Void
|
||
|
||
var body: some View {
|
||
VStack(alignment: .leading, spacing: AppMetrics.Spacing.small) {
|
||
HStack {
|
||
Text(item.name.isEmpty ? "--" : item.name)
|
||
.font(.system(size: AppMetrics.FontSize.body, weight: .semibold))
|
||
Spacer()
|
||
Button(role: .destructive, action: onDelete) {
|
||
Image(systemName: "trash")
|
||
.frame(width: 32, height: 32)
|
||
}
|
||
}
|
||
row("clock", "\(item.startTime) - \(item.endTime)")
|
||
row("note.text", item.remark.isEmpty ? "无备注" : item.remark)
|
||
if let orderNumber = item.orderNumber, !orderNumber.isEmpty {
|
||
row("bag", "订单号：\(orderNumber)")
|
||
}
|
||
if let phone = item.userPhone, !phone.isEmpty {
|
||
row("person", "用户：\(phone)")
|
||
}
|
||
}
|
||
.padding(AppMetrics.Spacing.small)
|
||
.background(Color(hex: 0xF8FAFC), in: RoundedRectangle(cornerRadius: AppMetrics.CornerRadius.input))
|
||
}
|
||
|
||
private func row(_ icon: String, _ text: String) -> some View {
|
||
HStack(spacing: 8) {
|
||
Image(systemName: icon)
|
||
.foregroundStyle(AppDesign.textSecondary)
|
||
Text(text)
|
||
.foregroundStyle(AppDesign.textSecondary)
|
||
}
|
||
.font(.system(size: AppMetrics.FontSize.caption))
|
||
}
|
||
}
|