add swiftUI code
This commit is contained in:
zeus
@@ -0,0 +1,530 @@
|
||||
//
|
||||
// SupportticketView.swift
|
||||
// SFI
|
||||
//
|
||||
// Created by Mac on 2024/10/20.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
import SwiftUI
|
||||
import ApplicationLibrary
|
||||
|
||||
|
||||
|
||||
struct SupportTicketView : View {
|
||||
|
||||
var edges = getSafeAreaInsets()
|
||||
|
||||
@State var selectedTab = "Chats"
|
||||
@Namespace var animation
|
||||
|
||||
@Environment(\.presentationMode) var presentationMode // 环境变量用于控制视图的呈现
|
||||
@State private var TicketsList: [TicketsReponseDatum] = []
|
||||
@State private var isLoading = false
|
||||
@State private var errorMessage: String?
|
||||
@State private var alert: Alert?
|
||||
|
||||
@State private var showInputSheet = false
|
||||
@State private var tickettitle = ""
|
||||
@State private var userInput = ""
|
||||
|
||||
@State private var isInputLoading = false
|
||||
@State private var submitmessage = ""
|
||||
var body: some View{
|
||||
NavigationView(content: {
|
||||
VStack(spacing: 0){
|
||||
|
||||
VStack{
|
||||
|
||||
ZStack{
|
||||
|
||||
HStack{
|
||||
Button(action: {
|
||||
|
||||
presentationMode.wrappedValue.dismiss() // 手动触发返回
|
||||
}, label: {
|
||||
|
||||
Image(systemName: "chevron.left")
|
||||
.foregroundColor(.white)
|
||||
|
||||
Text("返回")
|
||||
.foregroundColor(.white)
|
||||
}).padding(10) // 增加可点击区域
|
||||
|
||||
Spacer(minLength: 0)
|
||||
|
||||
Button(action: {
|
||||
showInputSheet.toggle()
|
||||
}, label: {
|
||||
// Image(systemName: "note.text.badge.plus")
|
||||
Text("提交新工单").foregroundColor(.red)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
Text("我的工单").fontWeight(.bold).lineLimit(1)
|
||||
|
||||
}
|
||||
.padding()
|
||||
// .padding(.top,edges.top)
|
||||
.foregroundColor(.white)
|
||||
|
||||
|
||||
// HStack(spacing: 20){
|
||||
//
|
||||
// ForEach(tabs,id: \.self){title in
|
||||
//
|
||||
// TabButton(selectedTab: $selectedTab, title: title, animation: animation)
|
||||
// }
|
||||
// }
|
||||
// .padding()
|
||||
// .background(Color.white.opacity(0.08))
|
||||
// .cornerRadius(15)
|
||||
// .padding(.vertical)
|
||||
}
|
||||
.padding(.bottom)
|
||||
// .background(Color("top"))
|
||||
// .clipShape(CustomCorner(corner: .bottomLeft, size: 65))
|
||||
|
||||
ZStack{
|
||||
|
||||
// Color("top")
|
||||
|
||||
// Color("bg")
|
||||
// .clipShape(CustomCorner(corner: .topRight, size: 65))
|
||||
|
||||
ScrollView(.vertical, showsIndicators: false, content: {
|
||||
|
||||
VStack(spacing: 20){
|
||||
|
||||
/*HStack{
|
||||
|
||||
Text("All Chats")
|
||||
.font(.title2)
|
||||
.fontWeight(.bold)
|
||||
|
||||
Spacer(minLength: 0)
|
||||
|
||||
Button(action: {}, label: {
|
||||
|
||||
Image(systemName: "slider.horizontal.3")
|
||||
.font(.system(size: 22))
|
||||
.foregroundColor(.primary)
|
||||
})
|
||||
}
|
||||
.padding([.horizontal,.top])*/
|
||||
|
||||
if isLoading {
|
||||
ProgressView()
|
||||
.progressViewStyle(CircularProgressViewStyle())
|
||||
.padding()
|
||||
}
|
||||
|
||||
if let errorMessage = errorMessage {
|
||||
Text(errorMessage)
|
||||
.bold()
|
||||
.foregroundColor(.red)
|
||||
.multilineTextAlignment(.center) // 确保多行文本居中
|
||||
.padding()
|
||||
}
|
||||
if TicketsList.count > 0 {
|
||||
|
||||
ForEach(TicketsList){chatData in
|
||||
// Chat View...
|
||||
NavigationLink(destination: SupportTicketChatView(ticketID: chatData.idOLD)) {
|
||||
ChatView(chatData: chatData)
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if !isLoading
|
||||
{
|
||||
Text("暂无记录").font(.caption)
|
||||
.foregroundColor(.gray)
|
||||
.multilineTextAlignment(.center) // 确保多行文本居中
|
||||
.padding()
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.vertical)
|
||||
|
||||
})
|
||||
//.clipShape(CustomCorner(corner: .topRight, size: 65))
|
||||
// its cutting off inside view may be its a bug....
|
||||
}
|
||||
}.onAppear(){
|
||||
Task{
|
||||
await getPlanList()
|
||||
}
|
||||
}
|
||||
.navigationBarHidden(true)
|
||||
//.background(Color("bg").ignoresSafeArea(.all, edges: .all))
|
||||
.background(
|
||||
LinearGradient(colors: [
|
||||
|
||||
Color("BG1"),
|
||||
Color("BG1"),
|
||||
Color("BG2"),
|
||||
Color("BG2"),
|
||||
|
||||
], startPoint: .top, endPoint: .bottom).ignoresSafeArea(.all, edges: .all))
|
||||
// .ignoresSafeArea(.all, edges: .top)
|
||||
.sheet(isPresented: $showInputSheet) {
|
||||
InputSheet(tickettitle: $tickettitle, userInput: $userInput, isInputLoading: $isInputLoading, submitmessage: $submitmessage, onSubmit: {
|
||||
Task {
|
||||
// 提交网络请求
|
||||
await submitTicketData(title: tickettitle, userInput: userInput)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
.navigationBarHidden(true)
|
||||
.alertBinding($alert)
|
||||
.navigationBarBackButtonHidden(true) // 隐藏返回按钮
|
||||
}
|
||||
|
||||
public func submitTicketData(title: String, userInput: String) async{
|
||||
isInputLoading = true
|
||||
let userInfoUrl = URL(string: "\(UserManager.shared.baseURL())user/ticket/save?subject=\(title)&level=0&message=\(userInput)")!
|
||||
var request = URLRequest(url: userInfoUrl)
|
||||
request.httpMethod = "POST"
|
||||
request.addValue("application/json", forHTTPHeaderField: "Content-Type")
|
||||
request.addValue(UserManager.shared.getAutoData(), forHTTPHeaderField: "Authorization")
|
||||
|
||||
let task = URLSession.shared.dataTask(with: request) { data, response, error in
|
||||
DispatchQueue.main.async {
|
||||
isInputLoading = false
|
||||
if let error = error {
|
||||
submitmessage = ( "数据请求失败： \(error.localizedDescription)")
|
||||
return
|
||||
}
|
||||
|
||||
guard let data = data else {
|
||||
submitmessage = ( "数据请求失败")
|
||||
return
|
||||
}
|
||||
// MARK: - TicketSendMsgReponse
|
||||
struct TicketSendMsgReponse: Codable {
|
||||
let status, message: String?
|
||||
|
||||
}
|
||||
|
||||
// Parse the user info response
|
||||
if let SendMsgReponse = try? JSONDecoder().decode(TicketSendMsgReponse.self, from: data), let message = SendMsgReponse.message {
|
||||
|
||||
if let stutas = SendMsgReponse.status , stutas == "success" {
|
||||
submitmessage = message
|
||||
//1s 后 关闭窗口
|
||||
withAnimation {
|
||||
DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
|
||||
showInputSheet = false
|
||||
//刷新界面
|
||||
Task{
|
||||
await getPlanList()
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}else{
|
||||
submitmessage = (message)
|
||||
}
|
||||
|
||||
}else{
|
||||
submitmessage = ( "数据请求失败： JSON 解析错误")
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
task.resume()
|
||||
}
|
||||
|
||||
|
||||
|
||||
public func getPlanList() async {
|
||||
|
||||
isLoading = true
|
||||
errorMessage = nil
|
||||
|
||||
|
||||
let userInfoUrl = URL(string: "\(UserManager.shared.baseURL())user/ticket/fetch")!
|
||||
var request = URLRequest(url: userInfoUrl)
|
||||
request.httpMethod = "GET"
|
||||
request.addValue("application/json", forHTTPHeaderField: "Content-Type")
|
||||
request.addValue(UserManager.shared.getAutoData(), forHTTPHeaderField: "Authorization")
|
||||
|
||||
let task = URLSession.shared.dataTask(with: request) { data, response, error in
|
||||
DispatchQueue.main.async {
|
||||
self.isLoading = false
|
||||
|
||||
if let error = error {
|
||||
self.errorMessage = "数据请求失败： \(error.localizedDescription)"
|
||||
return
|
||||
}
|
||||
|
||||
guard let data = data else {
|
||||
self.errorMessage = "数据请求失败"
|
||||
return
|
||||
}
|
||||
|
||||
// Parse the user info response
|
||||
if let Subscribe = try? JSONDecoder().decode(TicketsReponse.self, from: data) {
|
||||
|
||||
if let data = Subscribe.data {
|
||||
TicketsList = data
|
||||
}else{
|
||||
self.errorMessage = Subscribe.message ?? ""
|
||||
}
|
||||
|
||||
}else{
|
||||
self.errorMessage = "数据请求失败： JSON 解析错误"
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
task.resume()
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
var tabs = ["Chats","Status","Calls"]
|
||||
|
||||
struct TabButton : View {
|
||||
|
||||
@Binding var selectedTab : String
|
||||
var title : String
|
||||
var animation : Namespace.ID
|
||||
|
||||
var body: some View{
|
||||
|
||||
Button(action: {
|
||||
|
||||
withAnimation{
|
||||
|
||||
selectedTab = title
|
||||
}
|
||||
|
||||
}, label: {
|
||||
|
||||
Text(title)
|
||||
.foregroundColor(.white)
|
||||
.padding(.vertical,10)
|
||||
.padding(.horizontal)
|
||||
// Sliding Effect...
|
||||
.background(
|
||||
|
||||
ZStack{
|
||||
|
||||
if selectedTab == title{
|
||||
|
||||
RoundedRectangle(cornerRadius: 10)
|
||||
.fill(Color("top"))
|
||||
.matchedGeometryEffect(id: "Tab", in: animation)
|
||||
}
|
||||
}
|
||||
)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
struct CustomCorner : Shape {
|
||||
|
||||
var corner : UIRectCorner
|
||||
var size : CGFloat
|
||||
|
||||
func path(in rect: CGRect) -> Path {
|
||||
|
||||
let path = UIBezierPath(roundedRect: rect, byRoundingCorners: corner, cornerRadii: CGSize(width: size, height: size))
|
||||
|
||||
return Path(path.cgPath)
|
||||
}
|
||||
}
|
||||
|
||||
struct ChatView : View {
|
||||
|
||||
var chatData : TicketsReponseDatum
|
||||
|
||||
var body: some View{
|
||||
|
||||
HStack(spacing: 10){
|
||||
VStack(spacing: 12) {
|
||||
HStack {
|
||||
VStack(alignment: .leading, spacing: 8, content: {
|
||||
|
||||
Text(chatData.subject)
|
||||
.fontWeight(.bold)
|
||||
.lineLimit(1).foregroundColor(.white)
|
||||
|
||||
// Text("官方回复：\(chatData.message ?? "未回复")")
|
||||
// .font(.caption)
|
||||
// .lineLimit(1)
|
||||
|
||||
HStack(content: {
|
||||
|
||||
if(chatData.status == 1){
|
||||
Text("工单状态 : 已关闭").fontWeight(.light).foregroundColor(.gray).font(.subheadline)
|
||||
}else if(chatData.status == 0){
|
||||
Text("工单状态 : 待回复").fontWeight(.light).foregroundColor(.red).font(.subheadline)
|
||||
}else if(chatData.status == 2){
|
||||
Text("工单状态 : 已回复").fontWeight(.light).foregroundColor(.green).font(.subheadline)
|
||||
}
|
||||
|
||||
Spacer(minLength: 0)
|
||||
|
||||
Text("\(TimestampConverter.convertTimestampToDateString(chatData.updatedAt))")
|
||||
.font(.subheadline).foregroundColor(.white)
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
Divider()
|
||||
}
|
||||
}
|
||||
.padding(.horizontal)
|
||||
}
|
||||
}
|
||||
|
||||
// Model And Sample Data....
|
||||
//
|
||||
//struct Chat : Identifiable {
|
||||
//
|
||||
// var id = UUID().uuidString
|
||||
// var name : String
|
||||
// var image : String
|
||||
// var msg : String
|
||||
// var time : String
|
||||
//}
|
||||
//
|
||||
//// were going to do custom grouping of views....
|
||||
//
|
||||
//struct HomeData {
|
||||
//
|
||||
// var groupName : String
|
||||
// var groupData : [Chat]
|
||||
//}
|
||||
|
||||
//var FriendsChat : [Chat] = [
|
||||
//
|
||||
// Chat(name: "iJustine",image: "p0", msg: "Hey EveryOne !!!", time: "02:45"),
|
||||
// Chat(name: "Kavsoft",image: "p1", msg: "Learn - Develop - Deploy", time: "03:45"),
|
||||
// Chat(name: "SwiftUI",image: "p2", msg: "New Framework For iOS", time: "04:55"),
|
||||
// Chat(name: "Bill Gates",image: "p3", msg: "Founder Of Microsoft", time: "06:25"),
|
||||
// Chat(name: "Tim Cook",image: "p4", msg: "Apple lnc CEO", time: "07:19"),
|
||||
// Chat(name: "Jeff",image: "p5", msg: "I dont Know How To Spend Money :)))", time: "08:22"),
|
||||
//]
|
||||
//
|
||||
//var GroupChat : [Chat] = [
|
||||
//
|
||||
// Chat(name: "iTeam",image: "p0", msg: "Hey EveryOne !!!", time: "02:45"),
|
||||
// Chat(name: "Kavsoft - Developers",image: "p1", msg: "Next Video :))))", time: "03:45"),
|
||||
// Chat(name: "SwiftUI - Community",image: "p2", msg: "New File Importer/Exporter", time: "04:55"),
|
||||
//]
|
||||
//
|
||||
//var data = [
|
||||
//
|
||||
// // Group 1
|
||||
// HomeData(groupName: "", groupData: FriendsChat),
|
||||
//]
|
||||
|
||||
struct InputSheet: View {
|
||||
@Binding var tickettitle: String
|
||||
@Binding var userInput: String
|
||||
@Binding var isInputLoading: Bool
|
||||
@Binding var submitmessage:String
|
||||
var onSubmit: () -> Void
|
||||
var body: some View {
|
||||
VStack(spacing: 20) {
|
||||
|
||||
Spacer()
|
||||
|
||||
Text("新的工单").fontWeight(.bold).lineLimit(1)
|
||||
|
||||
Text("请输入工单标题").font(.subheadline) .foregroundColor(.gray)
|
||||
.frame(maxWidth: .infinity)
|
||||
.multilineTextAlignment(.leading)
|
||||
.padding(.leading, 5) // 添加左侧内边距
|
||||
.padding(.top, 8) // 添加顶部内边距
|
||||
|
||||
TextEditor( text: $tickettitle)
|
||||
.textFieldStyle(RoundedBorderTextFieldStyle())
|
||||
.padding()
|
||||
.frame(width: UIScreen.main.bounds.width * 0.9,height: 50)
|
||||
.background(Color.clear) // 设置背景为透明
|
||||
.cornerRadius(10) // 圆角
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 10)
|
||||
.stroke(Color.gray.opacity(0.5), lineWidth: 1)
|
||||
) // 添加边框
|
||||
.background(Color.clear) // 设置背景为透明// 添加边框
|
||||
.font(.system(size: 18))
|
||||
.transparentScrolling()
|
||||
|
||||
|
||||
|
||||
Text("请输入工单内容").font(.subheadline) .foregroundColor(.gray)
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.leading, 5) // 添加左侧内边距
|
||||
.padding(.top, 8) // 添加顶部内边距
|
||||
.multilineTextAlignment(.leading)
|
||||
|
||||
TextEditor(text: $userInput)
|
||||
.textFieldStyle(RoundedBorderTextFieldStyle())
|
||||
.padding()
|
||||
.frame(width: UIScreen.main.bounds.width * 0.9,height: UIScreen.main.bounds.height * 0.4)
|
||||
.background(Color.clear) // 设置背景为透明
|
||||
.cornerRadius(10) // 圆角
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 10)
|
||||
.stroke(Color.gray.opacity(0.5), lineWidth: 1)
|
||||
) // 添加边框
|
||||
.font(.system(size: 18))
|
||||
.transparentScrolling()
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Spacer()
|
||||
|
||||
if !submitmessage.isEmpty{
|
||||
Text(submitmessage).font(.subheadline).foregroundColor(Color.red.opacity(0.9))
|
||||
}
|
||||
|
||||
Button(action: {
|
||||
if( tickettitle.count > 0 && userInput.count > 0){
|
||||
onSubmit() // 提交时触发回调
|
||||
}
|
||||
|
||||
}) {
|
||||
if isInputLoading {
|
||||
ProgressView()
|
||||
.progressViewStyle(CircularProgressViewStyle()).tint(Color("Main"))
|
||||
} else {
|
||||
Text("提交工单")
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding()
|
||||
.background(Color.blue)
|
||||
.foregroundColor(.white)
|
||||
.cornerRadius(10)
|
||||
}
|
||||
}
|
||||
.padding()
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.bottom, 20)
|
||||
|
||||
|
||||
}
|
||||
.background(Color("bg").ignoresSafeArea(.all, edges: .all))
|
||||
.ignoresSafeArea(edges: .bottom) // 忽略安全区域，保证按钮位置靠底部
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user