@@ -0,0 +1,119 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"net/http"
|
||||
"strings"
|
||||
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
func (s *Server) handleSetupPage(w http.ResponseWriter, r *http.Request) {
|
||||
n, err := s.db.CountUsers()
|
||||
if err != nil {
|
||||
http.Error(w, "数据库异常", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
if n > 0 {
|
||||
http.Redirect(w, r, "/login", http.StatusFound)
|
||||
return
|
||||
}
|
||||
p := s.newPage(r, "初始化管理员", "")
|
||||
s.render(w, r, "setup", p)
|
||||
}
|
||||
|
||||
func (s *Server) handleSetupPost(w http.ResponseWriter, r *http.Request) {
|
||||
n, _ := s.db.CountUsers()
|
||||
if n > 0 {
|
||||
http.Redirect(w, r, "/login", http.StatusFound)
|
||||
return
|
||||
}
|
||||
if !sameOrigin(r) {
|
||||
http.Error(w, "跨站请求被拒绝", http.StatusForbidden)
|
||||
return
|
||||
}
|
||||
username := strings.TrimSpace(r.PostFormValue("username"))
|
||||
display := strings.TrimSpace(r.PostFormValue("display_name"))
|
||||
pw := r.PostFormValue("password")
|
||||
pw2 := r.PostFormValue("password2")
|
||||
p := s.newPage(r, "初始化管理员", "")
|
||||
switch {
|
||||
case len(username) < 3:
|
||||
s.fail(w, r, "setup", "用户名至少 3 个字符", p)
|
||||
return
|
||||
case len(pw) < 6:
|
||||
s.fail(w, r, "setup", "密码至少 6 位", p)
|
||||
return
|
||||
case pw != pw2:
|
||||
s.fail(w, r, "setup", "两次输入的密码不一致", p)
|
||||
return
|
||||
}
|
||||
if display == "" {
|
||||
display = username
|
||||
}
|
||||
u, err := s.db.CreateUser(username, display, pw)
|
||||
if err != nil {
|
||||
s.fail(w, r, "setup", "创建失败："+err.Error(), p)
|
||||
return
|
||||
}
|
||||
_ = s.db.Log(store.OpLog{OperatorID: u.ID, OperatorName: u.DisplayName, Action: "创建管理员",
|
||||
Entity: "user", EntityID: u.ID, Summary: "初始化管理员账号 " + username, IP: clientIP(r)})
|
||||
s.startSession(w, r, u)
|
||||
s.redirect(w, r, "/packages", "管理员已创建，先添加一个服务套餐吧")
|
||||
}
|
||||
|
||||
func (s *Server) handleLoginPage(w http.ResponseWriter, r *http.Request) {
|
||||
n, _ := s.db.CountUsers()
|
||||
if n == 0 {
|
||||
http.Redirect(w, r, "/setup", http.StatusFound)
|
||||
return
|
||||
}
|
||||
if s.userFromRequest(r) != nil {
|
||||
http.Redirect(w, r, "/calendar", http.StatusFound)
|
||||
return
|
||||
}
|
||||
p := s.newPage(r, "登录", "")
|
||||
s.render(w, r, "login", p)
|
||||
}
|
||||
|
||||
func (s *Server) handleLoginPost(w http.ResponseWriter, r *http.Request) {
|
||||
if !sameOrigin(r) {
|
||||
http.Error(w, "跨站请求被拒绝", http.StatusForbidden)
|
||||
return
|
||||
}
|
||||
username := strings.TrimSpace(r.PostFormValue("username"))
|
||||
pw := r.PostFormValue("password")
|
||||
next := r.PostFormValue("next")
|
||||
if !strings.HasPrefix(next, "/") || strings.HasPrefix(next, "//") {
|
||||
next = "/calendar"
|
||||
}
|
||||
u, err := s.db.Authenticate(username, pw)
|
||||
if err != nil {
|
||||
p := s.newPage(r, "登录", "")
|
||||
s.fail(w, r, "login", "用户名或密码不正确", p)
|
||||
return
|
||||
}
|
||||
_ = s.db.Log(store.OpLog{OperatorID: u.ID, OperatorName: u.DisplayName, Action: "登录",
|
||||
Entity: "session", Summary: "登录成功", IP: clientIP(r)})
|
||||
s.startSession(w, r, u)
|
||||
s.redirect(w, r, next, "欢迎回来，"+u.DisplayName)
|
||||
}
|
||||
|
||||
func (s *Server) handleLogout(w http.ResponseWriter, r *http.Request) {
|
||||
if c, err := r.Cookie(cookieSession); err == nil && c.Value != "" {
|
||||
_ = s.db.DeleteSession(c.Value)
|
||||
}
|
||||
http.SetCookie(w, &http.Cookie{Name: cookieSession, Value: "", Path: "/", MaxAge: -1, HttpOnly: true})
|
||||
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
||||
}
|
||||
|
||||
// logOp 是写操作日志的便捷方法。
|
||||
func (s *Server) logOp(r *http.Request, action, entity string, entityID int64, summary string) {
|
||||
u := s.currentUser(r)
|
||||
if u == nil {
|
||||
return
|
||||
}
|
||||
_ = s.db.Log(store.OpLog{
|
||||
OperatorID: u.ID, OperatorName: u.DisplayName, Action: action,
|
||||
Entity: entity, EntityID: entityID, Summary: summary, IP: clientIP(r),
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,348 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
"sort"
|
||||
"time"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
// DayCell 是日历格。
|
||||
type DayCell struct {
|
||||
Date string
|
||||
Day int
|
||||
InMonth bool
|
||||
IsToday bool
|
||||
IsWeekend bool
|
||||
IsSelected bool
|
||||
IsPast bool
|
||||
DueCount int
|
||||
TaskCount int
|
||||
DoneCount int
|
||||
Heat int
|
||||
Tickets []Ticket
|
||||
More int
|
||||
}
|
||||
|
||||
// Ticket 是日历格里的色签。
|
||||
type Ticket struct {
|
||||
SubID int64
|
||||
Tail string
|
||||
Name string
|
||||
Pkg string
|
||||
Color string
|
||||
Done bool
|
||||
Skipped bool
|
||||
IsDue bool
|
||||
}
|
||||
|
||||
// TaskRow 是当日待打清单的一行。
|
||||
type TaskRow struct {
|
||||
SubView
|
||||
CheckinID int64
|
||||
Done bool
|
||||
Skipped bool
|
||||
Note string
|
||||
Operator string
|
||||
}
|
||||
|
||||
type calendarData struct {
|
||||
Year, Month int
|
||||
Title string
|
||||
PrevY, PrevM int
|
||||
NextY, NextM int
|
||||
TodayStr string
|
||||
Weekdays []string
|
||||
Weeks [][]DayCell
|
||||
Selected string
|
||||
SelectedLabel string
|
||||
SelectedIsToday bool
|
||||
SelectedIsPast bool
|
||||
Tasks []TaskRow
|
||||
Due []SubView
|
||||
OtherDue []SubView
|
||||
Extend *ExtendPanel
|
||||
MonthDue int
|
||||
MonthTasks int
|
||||
MonthDone int
|
||||
NoPackages bool
|
||||
NoCustomers bool
|
||||
Back string
|
||||
}
|
||||
|
||||
// calSub 是日历计算用的订阅上下文。
|
||||
type calSub struct {
|
||||
sub store.Subscription
|
||||
start time.Time
|
||||
end time.Time
|
||||
hasEnd bool
|
||||
eval domain.Eval
|
||||
pauses []store.Pause
|
||||
}
|
||||
|
||||
func (c calSub) pausedOn(date string) bool {
|
||||
for _, p := range c.pauses {
|
||||
if p.StartDate == "" {
|
||||
continue
|
||||
}
|
||||
if date >= p.StartDate && (p.EndDate == "" || date < p.EndDate) {
|
||||
return true
|
||||
}
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
func (c calSub) covers(date string) bool {
|
||||
if c.sub.Status == domain.StatusClosed || !c.hasEnd {
|
||||
return false
|
||||
}
|
||||
if date < c.sub.StartDate || date > c.sub.EndDate {
|
||||
return false
|
||||
}
|
||||
if c.sub.Unit == domain.UnitCount && c.eval.RemainingCount <= 0 {
|
||||
return false
|
||||
}
|
||||
return !c.pausedOn(date)
|
||||
}
|
||||
|
||||
func (s *Server) handleCalendar(w http.ResponseWriter, r *http.Request) {
|
||||
today := domain.Today()
|
||||
y := s.queryInt(r, "y", today.Year())
|
||||
m := s.queryInt(r, "m", int(today.Month()))
|
||||
if m < 1 || m > 12 {
|
||||
y, m = today.Year(), int(today.Month())
|
||||
}
|
||||
monthStart := domain.MonthStart(y, time.Month(m))
|
||||
monthEnd := domain.MonthEnd(y, time.Month(m))
|
||||
|
||||
sel := r.URL.Query().Get("d")
|
||||
selT, err := domain.ParseDate(sel)
|
||||
if sel != "" && err != nil {
|
||||
sel = ""
|
||||
}
|
||||
if sel == "" {
|
||||
if today.After(monthEnd) || today.Before(monthStart) {
|
||||
sel = domain.Date(monthStart)
|
||||
} else {
|
||||
sel = domain.Date(today)
|
||||
}
|
||||
selT = domain.ParseDateOr(sel, today)
|
||||
}
|
||||
|
||||
// 网格：以周一为首日，铺满整月所需的周数
|
||||
gridStart := domain.AddDays(monthStart, -domain.WeekdayIndex(monthStart))
|
||||
weeks := (domain.WeekdayIndex(monthStart) + monthEnd.Day() + 6) / 7
|
||||
gridEnd := domain.AddDays(gridStart, weeks*7-1)
|
||||
|
||||
subs, err := s.db.CalendarSubs(domain.Date(gridStart), domain.Date(gridEnd))
|
||||
if err != nil {
|
||||
http.Error(w, "读取订阅失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
ids := make([]int64, 0, len(subs))
|
||||
for _, sub := range subs {
|
||||
ids = append(ids, sub.ID)
|
||||
}
|
||||
pauses, err := s.db.PausesForSubs(ids)
|
||||
if err != nil {
|
||||
http.Error(w, "读取暂停记录失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
checkins, err := s.db.CheckinsBetween(domain.Date(gridStart), domain.Date(gridEnd))
|
||||
if err != nil {
|
||||
http.Error(w, "读取打卡记录失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
|
||||
warn := s.warnDays()
|
||||
list := make([]calSub, 0, len(subs))
|
||||
for _, sub := range subs {
|
||||
cs := calSub{
|
||||
sub: sub,
|
||||
start: domain.ParseDateOr(sub.StartDate, today),
|
||||
eval: sub.Eval(today, warn),
|
||||
pauses: pauses[sub.ID],
|
||||
}
|
||||
if sub.EndDate != "" {
|
||||
cs.end = domain.ParseDateOr(sub.EndDate, today)
|
||||
cs.hasEnd = true
|
||||
}
|
||||
list = append(list, cs)
|
||||
}
|
||||
|
||||
data := &calendarData{
|
||||
Year: y, Month: m,
|
||||
Title: fmt.Sprintf("%d 年 %d 月", y, m),
|
||||
TodayStr: domain.Date(today),
|
||||
Weekdays: []string{"一", "二", "三", "四", "五", "六", "日"},
|
||||
Selected: sel,
|
||||
SelectedIsToday: sel == domain.Date(today),
|
||||
Back: r.URL.RequestURI(),
|
||||
}
|
||||
data.PrevY, data.PrevM = m-1, y
|
||||
if data.PrevM < 1 {
|
||||
data.PrevM = 12
|
||||
data.PrevY = y - 1
|
||||
}
|
||||
data.NextY, data.NextM = y, m+1
|
||||
if data.NextM > 12 {
|
||||
data.NextM = 1
|
||||
data.NextY = y + 1
|
||||
}
|
||||
label := selT.Format("1 月 2 日")
|
||||
data.SelectedLabel = label + " 周" + dowCN(sel)
|
||||
data.SelectedIsPast = selT.Before(today)
|
||||
|
||||
// 铺格子
|
||||
for wi := 0; wi < weeks; wi++ {
|
||||
week := make([]DayCell, 0, 7)
|
||||
for di := 0; di < 7; di++ {
|
||||
day := domain.AddDays(gridStart, wi*7+di)
|
||||
ds := domain.Date(day)
|
||||
cell := DayCell{
|
||||
Date: ds,
|
||||
Day: day.Day(),
|
||||
InMonth: day.Month() == time.Month(m),
|
||||
IsToday: ds == domain.Date(today),
|
||||
IsWeekend: di >= 5,
|
||||
IsSelected: ds == sel,
|
||||
IsPast: day.Before(today),
|
||||
}
|
||||
tickets := []Ticket{}
|
||||
for _, cs := range list {
|
||||
if cs.sub.EndDate == ds {
|
||||
cell.DueCount++
|
||||
}
|
||||
if !cell.InMonth || !cs.covers(ds) {
|
||||
continue
|
||||
}
|
||||
cell.TaskCount++
|
||||
ci := checkins[cs.sub.ID][ds]
|
||||
t := Ticket{
|
||||
SubID: cs.sub.ID,
|
||||
Tail: cs.sub.CustomerTail,
|
||||
Name: cs.sub.CustomerName,
|
||||
Pkg: shortName(cs.sub.PackageName),
|
||||
Color: cs.sub.PackageColor,
|
||||
Done: ci.Status == "done",
|
||||
Skipped: ci.Status == "skipped",
|
||||
IsDue: cs.sub.EndDate == ds,
|
||||
}
|
||||
if t.Done || t.Skipped {
|
||||
cell.DoneCount++
|
||||
}
|
||||
tickets = append(tickets, t)
|
||||
}
|
||||
sort.SliceStable(tickets, func(i, j int) bool {
|
||||
if tickets[i].Done != tickets[j].Done {
|
||||
return !tickets[i].Done
|
||||
}
|
||||
return tickets[i].SubID < tickets[j].SubID
|
||||
})
|
||||
if len(tickets) > 3 {
|
||||
cell.More = len(tickets) - 3
|
||||
tickets = tickets[:3]
|
||||
}
|
||||
cell.Tickets = tickets
|
||||
cell.Heat = heatLevel(cell.TaskCount + cell.DueCount)
|
||||
if cell.InMonth {
|
||||
data.MonthDue += cell.DueCount
|
||||
data.MonthTasks += cell.TaskCount
|
||||
data.MonthDone += cell.DoneCount
|
||||
}
|
||||
week = append(week, cell)
|
||||
}
|
||||
data.Weeks = append(data.Weeks, week)
|
||||
}
|
||||
|
||||
// 当日清单
|
||||
due := []SubView{}
|
||||
tasks := []TaskRow{}
|
||||
for _, cs := range list {
|
||||
if cs.sub.EndDate == sel {
|
||||
due = append(due, newSubView(cs.sub, today, warn))
|
||||
}
|
||||
if !cs.covers(sel) {
|
||||
continue
|
||||
}
|
||||
v := newSubView(cs.sub, today, warn)
|
||||
row := TaskRow{SubView: v}
|
||||
if ci, ok := checkins[cs.sub.ID][sel]; ok {
|
||||
row.CheckinID = ci.ID
|
||||
row.Done = ci.Status == "done"
|
||||
row.Skipped = ci.Status == "skipped"
|
||||
row.Note = ci.Note
|
||||
row.Operator = ci.OperatorName
|
||||
}
|
||||
tasks = append(tasks, row)
|
||||
}
|
||||
sort.SliceStable(tasks, func(i, j int) bool {
|
||||
ai := tasks[i].Done || tasks[i].Skipped
|
||||
aj := tasks[j].Done || tasks[j].Skipped
|
||||
if ai != aj {
|
||||
return !ai
|
||||
}
|
||||
return tasks[i].EndDate < tasks[j].EndDate
|
||||
})
|
||||
data.Tasks = tasks
|
||||
data.Due = due
|
||||
|
||||
// 其它日期到期（不在当天的 7 天内）
|
||||
if upcoming, err := s.db.RecentDue(domain.Date(today), 7); err == nil {
|
||||
for _, u := range upcoming {
|
||||
if u.EndDate == sel {
|
||||
continue
|
||||
}
|
||||
data.OtherDue = append(data.OtherDue, newSubView(u, today, warn))
|
||||
}
|
||||
}
|
||||
|
||||
// 追加面板
|
||||
if eid := s.queryInt(r, "extend", 0); eid > 0 {
|
||||
if sub, err := s.db.Sub(int64(eid)); err == nil {
|
||||
if pkg, err := s.db.Package(sub.PackageID); err == nil {
|
||||
back := r.URL.Path + "?" + r.URL.RawQuery
|
||||
data.Extend = buildExtendPanel(sub, pkg, today, back, warn)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 空态提示
|
||||
if n, _ := s.db.CustomerCount(); n == 0 {
|
||||
data.NoCustomers = true
|
||||
}
|
||||
if pkgs, _ := s.db.ListPackages(false); len(pkgs) == 0 {
|
||||
data.NoPackages = true
|
||||
}
|
||||
|
||||
p := s.newPage(r, "日历", "calendar")
|
||||
p.D = data
|
||||
s.render(w, r, "calendar", p)
|
||||
}
|
||||
|
||||
func heatLevel(n int) int {
|
||||
switch {
|
||||
case n <= 0:
|
||||
return 0
|
||||
case n <= 2:
|
||||
return 1
|
||||
case n <= 5:
|
||||
return 2
|
||||
case n <= 9:
|
||||
return 3
|
||||
default:
|
||||
return 4
|
||||
}
|
||||
}
|
||||
|
||||
// shortName 取套餐名前两个字符，用作日历色签上的短标签。
|
||||
func shortName(s string) string {
|
||||
r := []rune(s)
|
||||
if len(r) <= 2 {
|
||||
return s
|
||||
}
|
||||
return string(r[:2])
|
||||
}
|
||||
@@ -0,0 +1,305 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"errors"
|
||||
"net/http"
|
||||
"sort"
|
||||
"strconv"
|
||||
"strings"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
type customersData struct {
|
||||
List []store.Customer
|
||||
Pager Pager
|
||||
Q string
|
||||
Total int
|
||||
PackageCount int
|
||||
NoPackages bool
|
||||
}
|
||||
|
||||
func (s *Server) handleCustomers(w http.ResponseWriter, r *http.Request) {
|
||||
today := domain.Today()
|
||||
warn := s.warnDays()
|
||||
q := r.URL.Query().Get("q")
|
||||
pageNo := s.queryInt(r, "page", 1)
|
||||
if pageNo < 1 {
|
||||
pageNo = 1
|
||||
}
|
||||
list, total, err := s.db.ListCustomers(q, pageSize, (pageNo-1)*pageSize, domain.Date(today), warn)
|
||||
if err != nil {
|
||||
http.Error(w, "读取客户失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
pager := newPager(r, pageNo, pageSize, total)
|
||||
if pager.Page != pageNo {
|
||||
list, total, err = s.db.ListCustomers(q, pageSize, (pager.Page-1)*pageSize, domain.Date(today), warn)
|
||||
if err != nil {
|
||||
http.Error(w, "读取客户失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
}
|
||||
pkgs, _ := s.db.ListPackages(false)
|
||||
data := &customersData{List: list, Pager: pager, Q: q, Total: total, PackageCount: len(pkgs), NoPackages: len(pkgs) == 0}
|
||||
p := s.newPage(r, "客户", "customers")
|
||||
p.D = data
|
||||
s.render(w, r, "customers", p)
|
||||
}
|
||||
|
||||
type customerFormData struct {
|
||||
Customer *store.Customer
|
||||
IsNew bool
|
||||
}
|
||||
|
||||
func (s *Server) handleCustomerNewPage(w http.ResponseWriter, r *http.Request) {
|
||||
p := s.newPage(r, "新建客户", "customers")
|
||||
p.D = &customerFormData{Customer: &store.Customer{}, IsNew: true}
|
||||
s.render(w, r, "customer_form", p)
|
||||
}
|
||||
|
||||
func readCustomerForm(r *http.Request) *store.Customer {
|
||||
return &store.Customer{
|
||||
Tail: strings.TrimSpace(r.PostFormValue("tail")),
|
||||
Name: strings.TrimSpace(r.PostFormValue("name")),
|
||||
GameName: strings.TrimSpace(r.PostFormValue("game_name")),
|
||||
GameServer: strings.TrimSpace(r.PostFormValue("game_server")),
|
||||
Contact: strings.TrimSpace(r.PostFormValue("contact")),
|
||||
Tags: normalizeTags(r.PostFormValue("tags")),
|
||||
Source: strings.TrimSpace(r.PostFormValue("source")),
|
||||
Note: strings.TrimSpace(r.PostFormValue("note")),
|
||||
}
|
||||
}
|
||||
|
||||
func normalizeTags(v string) string {
|
||||
parts := strings.FieldsFunc(v, func(r rune) bool { return r == ',' || r == '，' || r == ' ' || r == ';' || r == '；' })
|
||||
seen := map[string]bool{}
|
||||
out := []string{}
|
||||
for _, p := range parts {
|
||||
p = strings.TrimSpace(p)
|
||||
if p == "" || seen[p] {
|
||||
continue
|
||||
}
|
||||
seen[p] = true
|
||||
out = append(out, p)
|
||||
}
|
||||
return strings.Join(out, ",")
|
||||
}
|
||||
|
||||
func validateCustomer(c *store.Customer) string {
|
||||
if c.Tail == "" {
|
||||
return "手机尾号不能为空"
|
||||
}
|
||||
if len([]rune(c.Tail)) > 8 {
|
||||
return "手机尾号最长 8 位"
|
||||
}
|
||||
if c.Name == "" {
|
||||
return "客户名不能为空"
|
||||
}
|
||||
if len([]rune(c.Name)) > 32 {
|
||||
return "客户名最长 32 字"
|
||||
}
|
||||
return ""
|
||||
}
|
||||
|
||||
func (s *Server) handleCustomerCreate(w http.ResponseWriter, r *http.Request) {
|
||||
c := readCustomerForm(r)
|
||||
p := s.newPage(r, "新建客户", "customers")
|
||||
if msg := validateCustomer(c); msg != "" {
|
||||
p.D = &customerFormData{Customer: c, IsNew: true}
|
||||
s.fail(w, r, "customer_form", msg, p)
|
||||
return
|
||||
}
|
||||
id, err := s.db.CreateCustomer(c)
|
||||
if err != nil {
|
||||
msg := "创建失败：" + err.Error()
|
||||
if errors.Is(err, store.ErrDuplicate) {
|
||||
msg = "该「尾号 + 姓名」的客户已存在，请直接搜索后追加订阅"
|
||||
}
|
||||
p.D = &customerFormData{Customer: c, IsNew: true}
|
||||
s.fail(w, r, "customer_form", msg, p)
|
||||
return
|
||||
}
|
||||
s.logOp(r, "新建客户", "customer", id, "新建客户 "+c.Tail+" "+c.Name)
|
||||
s.redirect(w, r, "/customers/"+itoa(id), "客户已创建，接着为他添加订阅")
|
||||
}
|
||||
|
||||
func (s *Server) handleCustomerEditPage(w http.ResponseWriter, r *http.Request) {
|
||||
c, err := s.db.Customer(pathID(r))
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
p := s.newPage(r, "编辑客户", "customers")
|
||||
p.D = &customerFormData{Customer: c, IsNew: false}
|
||||
s.render(w, r, "customer_form", p)
|
||||
}
|
||||
|
||||
func (s *Server) handleCustomerUpdate(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
old, err := s.db.Customer(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
c := readCustomerForm(r)
|
||||
c.ID = id
|
||||
p := s.newPage(r, "编辑客户", "customers")
|
||||
if msg := validateCustomer(c); msg != "" {
|
||||
p.D = &customerFormData{Customer: c, IsNew: false}
|
||||
s.fail(w, r, "customer_form", msg, p)
|
||||
return
|
||||
}
|
||||
if err := s.db.UpdateCustomer(c); err != nil {
|
||||
msg := "保存失败：" + err.Error()
|
||||
if errors.Is(err, store.ErrDuplicate) {
|
||||
msg = "该「尾号 + 姓名」的客户已存在"
|
||||
}
|
||||
p.D = &customerFormData{Customer: c, IsNew: false}
|
||||
s.fail(w, r, "customer_form", msg, p)
|
||||
return
|
||||
}
|
||||
s.logOp(r, "编辑客户", "customer", id, "修改客户 "+c.Tail+" "+c.Name+"（原 "+old.Tail+" "+old.Name+"）")
|
||||
s.redirect(w, r, "/customers/"+itoa(id), "客户资料已保存")
|
||||
}
|
||||
|
||||
// CheckinRow 是打卡历史的展示行。
|
||||
type CheckinRow struct {
|
||||
store.Checkin
|
||||
SubName string
|
||||
SubColor string
|
||||
}
|
||||
|
||||
type customerDetailData struct {
|
||||
Customer *store.Customer
|
||||
Subs []SubView
|
||||
Adjustments []store.Adjustment
|
||||
AdjSubName map[int64]string
|
||||
AdjSubColor map[int64]string
|
||||
Checkins []CheckinRow
|
||||
Packages []store.Package
|
||||
Timeline *Timeline
|
||||
Extend *ExtendPanel
|
||||
TotalRemain string
|
||||
}
|
||||
|
||||
func (s *Server) handleCustomerDetail(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
c, err := s.db.Customer(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
today := domain.Today()
|
||||
warn := s.warnDays()
|
||||
|
||||
subs, err := s.db.SubsByCustomer(id)
|
||||
if err != nil {
|
||||
http.Error(w, "读取订阅失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
pkgs, _ := s.db.ListPackages(false)
|
||||
ids := make([]int64, 0, len(subs))
|
||||
subByID := map[int64]store.Subscription{}
|
||||
for _, sub := range subs {
|
||||
ids = append(ids, sub.ID)
|
||||
subByID[sub.ID] = sub
|
||||
}
|
||||
pauses, _ := s.db.PausesForSubs(ids)
|
||||
|
||||
data := &customerDetailData{
|
||||
Customer: c,
|
||||
Subs: subViews(subs, today, warn),
|
||||
Packages: pkgs,
|
||||
Timeline: buildTimeline(subs, pauses, today),
|
||||
AdjSubName: map[int64]string{},
|
||||
AdjSubColor: map[int64]string{},
|
||||
}
|
||||
for _, sub := range subs {
|
||||
data.AdjSubName[sub.ID] = sub.PackageName
|
||||
data.AdjSubColor[sub.ID] = sub.PackageColor
|
||||
adj, err := s.db.AdjustmentsBySub(sub.ID)
|
||||
if err == nil {
|
||||
data.Adjustments = append(data.Adjustments, adj...)
|
||||
}
|
||||
if ci, err := s.db.CheckinsForSub(sub.ID, 30); err == nil {
|
||||
for _, one := range ci {
|
||||
data.Checkins = append(data.Checkins, CheckinRow{Checkin: one, SubName: sub.PackageName, SubColor: sub.PackageColor})
|
||||
}
|
||||
}
|
||||
}
|
||||
// 按时间排序（新→旧）
|
||||
sortAdjustments(data.Adjustments)
|
||||
sortCheckins(data.Checkins)
|
||||
|
||||
if eid := s.queryInt(r, "extend", 0); eid > 0 {
|
||||
if sub, ok := subByID[int64(eid)]; ok {
|
||||
if pkg, err := s.db.Package(sub.PackageID); err == nil {
|
||||
back := r.URL.Path + "?" + r.URL.RawQuery
|
||||
data.Extend = buildExtendPanel(&sub, pkg, today, back, warn)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p := s.newPage(r, c.Tail+" "+c.Name, "customers")
|
||||
p.D = data
|
||||
s.render(w, r, "customer_detail", p)
|
||||
}
|
||||
|
||||
func (s *Server) handleSubCreate(w http.ResponseWriter, r *http.Request) {
|
||||
customerID := pathID(r)
|
||||
c, err := s.db.Customer(customerID)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
in := store.CreateSubInput{
|
||||
CustomerID: customerID,
|
||||
PackageID: int64(s.formInt(r, "package_id", 0)),
|
||||
StartDate: r.PostFormValue("start_date"),
|
||||
EndDate: r.PostFormValue("end_date"),
|
||||
Days: s.formInt(r, "days", 0),
|
||||
TotalCount: s.formInt(r, "total_count", 0),
|
||||
Note: strings.TrimSpace(r.PostFormValue("note")),
|
||||
}
|
||||
u := s.currentUser(r)
|
||||
if u != nil {
|
||||
in.OperatorID = u.ID
|
||||
}
|
||||
sub, err := s.db.CreateSub(in)
|
||||
if err != nil {
|
||||
s.redirect(w, r, "/customers/"+itoa(customerID), "创建订阅失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "新建订阅", "subscription", sub.ID,
|
||||
"为 "+c.Tail+" "+c.Name+" 开通 "+sub.PackageName+"（"+unitLabel(sub.Unit)+"）")
|
||||
s.redirect(w, r, "/customers/"+itoa(customerID), "已开通「"+sub.PackageName+"」")
|
||||
}
|
||||
|
||||
func unitLabel(u string) string {
|
||||
if u == domain.UnitCount {
|
||||
return "按次"
|
||||
}
|
||||
return "按日"
|
||||
}
|
||||
|
||||
func itoa(v int64) string { return strconv.FormatInt(v, 10) }
|
||||
|
||||
func sortAdjustments(list []store.Adjustment) {
|
||||
sort.SliceStable(list, func(i, j int) bool {
|
||||
if list[i].CreatedAt != list[j].CreatedAt {
|
||||
return list[i].CreatedAt > list[j].CreatedAt
|
||||
}
|
||||
return list[i].ID > list[j].ID
|
||||
})
|
||||
}
|
||||
|
||||
func sortCheckins(list []CheckinRow) {
|
||||
sort.SliceStable(list, func(i, j int) bool {
|
||||
if list[i].ServiceDate != list[j].ServiceDate {
|
||||
return list[i].ServiceDate > list[j].ServiceDate
|
||||
}
|
||||
return list[i].ID > list[j].ID
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,299 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"encoding/csv"
|
||||
"fmt"
|
||||
"net"
|
||||
"net/http"
|
||||
"strconv"
|
||||
"strings"
|
||||
"time"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
type logsData struct {
|
||||
List []store.OpLog
|
||||
Pager Pager
|
||||
Q string
|
||||
Total int
|
||||
}
|
||||
|
||||
func (s *Server) handleLogs(w http.ResponseWriter, r *http.Request) {
|
||||
q := r.URL.Query().Get("q")
|
||||
pageNo := s.queryInt(r, "page", 1)
|
||||
if pageNo < 1 {
|
||||
pageNo = 1
|
||||
}
|
||||
list, total, err := s.db.ListLogs(q, pageSize, (pageNo-1)*pageSize)
|
||||
if err != nil {
|
||||
http.Error(w, "读取日志失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
pager := newPager(r, pageNo, pageSize, total)
|
||||
if pager.Page != pageNo {
|
||||
list, total, err = s.db.ListLogs(q, pageSize, (pager.Page-1)*pageSize)
|
||||
if err != nil {
|
||||
http.Error(w, "读取日志失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
}
|
||||
p := s.newPage(r, "操作日志", "logs")
|
||||
p.D = &logsData{List: list, Pager: pager, Q: q, Total: total}
|
||||
s.render(w, r, "logs", p)
|
||||
}
|
||||
|
||||
type settingsData struct {
|
||||
WarnDays int
|
||||
ScreenRefresh int
|
||||
Users []store.User
|
||||
Backups []string
|
||||
DBPath string
|
||||
BackupDir string
|
||||
BackupKeep int
|
||||
BackupEnabled bool
|
||||
ConfigPath string
|
||||
ScreenPublic bool
|
||||
Addrs []string
|
||||
Port string
|
||||
Uptime string
|
||||
LogCount int
|
||||
Version string
|
||||
CustomerCount int
|
||||
PackageCount int
|
||||
}
|
||||
|
||||
func humanDuration(d time.Duration) string {
|
||||
secs := int(d.Seconds())
|
||||
days := secs / 86400
|
||||
hours := (secs % 86400) / 3600
|
||||
mins := (secs % 3600) / 60
|
||||
switch {
|
||||
case days > 0:
|
||||
return fmt.Sprintf("%d 天 %d 小时", days, hours)
|
||||
case hours > 0:
|
||||
return fmt.Sprintf("%d 小时 %d 分钟", hours, mins)
|
||||
default:
|
||||
return fmt.Sprintf("%d 分钟", mins)
|
||||
}
|
||||
}
|
||||
|
||||
func LocalAddrs() []string {
|
||||
out := []string{}
|
||||
ifaces, err := net.Interfaces()
|
||||
if err != nil {
|
||||
return out
|
||||
}
|
||||
for _, iface := range ifaces {
|
||||
if iface.Flags&net.FlagUp == 0 || iface.Flags&net.FlagLoopback != 0 {
|
||||
continue
|
||||
}
|
||||
addrs, err := iface.Addrs()
|
||||
if err != nil {
|
||||
continue
|
||||
}
|
||||
for _, a := range addrs {
|
||||
var ip net.IP
|
||||
switch v := a.(type) {
|
||||
case *net.IPNet:
|
||||
ip = v.IP
|
||||
case *net.IPAddr:
|
||||
ip = v.IP
|
||||
}
|
||||
if ip == nil {
|
||||
continue
|
||||
}
|
||||
ip4 := ip.To4()
|
||||
if ip4 == nil || ip4.IsLoopback() {
|
||||
continue
|
||||
}
|
||||
ipStr := ip4.String()
|
||||
if strings.HasPrefix(ipStr, "169.254.") {
|
||||
continue
|
||||
}
|
||||
out = append(out, ipStr)
|
||||
}
|
||||
}
|
||||
return out
|
||||
}
|
||||
|
||||
func (s *Server) handleSettings(w http.ResponseWriter, r *http.Request) {
|
||||
users, _ := s.db.ListUsers()
|
||||
backups, _ := s.db.ListBackups()
|
||||
custN, _ := s.db.CustomerCount()
|
||||
pkgs, _ := s.db.ListPackages(true)
|
||||
logN, _ := s.db.LogCount()
|
||||
port := s.cfg.Addr
|
||||
if strings.HasPrefix(port, ":") {
|
||||
port = port[1:]
|
||||
}
|
||||
data := &settingsData{
|
||||
WarnDays: s.warnDays(),
|
||||
ScreenRefresh: s.screenRefresh(),
|
||||
Users: users,
|
||||
Backups: backups,
|
||||
DBPath: s.db.Path,
|
||||
BackupDir: s.cfg.BackupDir,
|
||||
BackupKeep: s.cfg.BackupKeep,
|
||||
BackupEnabled: s.cfg.BackupEnabled,
|
||||
ConfigPath: s.cfg.ConfigPath,
|
||||
ScreenPublic: s.cfg.ScreenPublic,
|
||||
Addrs: LocalAddrs(),
|
||||
Port: port,
|
||||
Uptime: humanDuration(time.Since(s.started)),
|
||||
LogCount: logN,
|
||||
Version: s.cfg.Version,
|
||||
CustomerCount: custN,
|
||||
PackageCount: len(pkgs),
|
||||
}
|
||||
p := s.newPage(r, "设置", "settings")
|
||||
p.D = data
|
||||
s.render(w, r, "settings", p)
|
||||
}
|
||||
|
||||
func (s *Server) handleSettingsSave(w http.ResponseWriter, r *http.Request) {
|
||||
warn := s.formInt(r, "warn_days", 3)
|
||||
if warn < 0 {
|
||||
warn = 0
|
||||
}
|
||||
if warn > 60 {
|
||||
warn = 60
|
||||
}
|
||||
|
||||
refresh := s.formInt(r, "screen_refresh", 30)
|
||||
if refresh < 5 {
|
||||
refresh = 5
|
||||
}
|
||||
if refresh > 600 {
|
||||
refresh = 600
|
||||
}
|
||||
_ = s.db.SetSetting("warn_days", strconv.Itoa(warn))
|
||||
_ = s.db.SetSetting("screen_refresh", strconv.Itoa(refresh))
|
||||
s.logOp(r, "修改设置", "settings", 0,
|
||||
fmt.Sprintf("预警 %d 天、大屏刷新 %d 秒", warn, refresh))
|
||||
s.redirect(w, r, "/settings", "设置已保存")
|
||||
}
|
||||
|
||||
func (s *Server) handlePasswordChange(w http.ResponseWriter, r *http.Request) {
|
||||
u := s.currentUser(r)
|
||||
old := r.PostFormValue("old_password")
|
||||
pw := r.PostFormValue("password")
|
||||
pw2 := r.PostFormValue("password2")
|
||||
if u == nil {
|
||||
http.Redirect(w, r, "/login", http.StatusFound)
|
||||
return
|
||||
}
|
||||
if _, err := s.db.Authenticate(u.Username, old); err != nil {
|
||||
s.redirect(w, r, "/settings", "原密码不正确")
|
||||
return
|
||||
}
|
||||
if len(pw) < 6 {
|
||||
s.redirect(w, r, "/settings", "新密码至少 6 位")
|
||||
return
|
||||
}
|
||||
if pw != pw2 {
|
||||
s.redirect(w, r, "/settings", "两次输入的新密码不一致")
|
||||
return
|
||||
}
|
||||
if err := s.db.UpdatePassword(u.ID, pw); err != nil {
|
||||
s.redirect(w, r, "/settings", "修改失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "修改密码", "user", u.ID, "管理员 "+u.Username+" 修改了自己的密码")
|
||||
s.redirect(w, r, "/settings", "密码已更新")
|
||||
}
|
||||
|
||||
func (s *Server) handleUserCreate(w http.ResponseWriter, r *http.Request) {
|
||||
username := strings.TrimSpace(r.PostFormValue("username"))
|
||||
display := strings.TrimSpace(r.PostFormValue("display_name"))
|
||||
pw := r.PostFormValue("password")
|
||||
switch {
|
||||
case len(username) < 3:
|
||||
s.redirect(w, r, "/settings", "用户名至少 3 个字符")
|
||||
return
|
||||
case len(pw) < 6:
|
||||
s.redirect(w, r, "/settings", "密码至少 6 位")
|
||||
return
|
||||
}
|
||||
if display == "" {
|
||||
display = username
|
||||
}
|
||||
u, err := s.db.CreateUser(username, display, pw)
|
||||
if err != nil {
|
||||
if err == store.ErrDuplicate {
|
||||
s.redirect(w, r, "/settings", "用户名已存在")
|
||||
return
|
||||
}
|
||||
s.redirect(w, r, "/settings", "创建失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "新增管理员", "user", u.ID, "新增管理员 "+username)
|
||||
s.redirect(w, r, "/settings", "管理员 "+username+" 已创建")
|
||||
}
|
||||
|
||||
func (s *Server) handleUserToggle(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
me := s.currentUser(r)
|
||||
if me != nil && me.ID == id {
|
||||
s.redirect(w, r, "/settings", "不能停用自己的账户")
|
||||
return
|
||||
}
|
||||
target, err := s.db.UserByID(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
if err := s.db.SetUserActive(id, !target.IsActive); err != nil {
|
||||
s.redirect(w, r, "/settings", "操作失败："+err.Error())
|
||||
return
|
||||
}
|
||||
action := "停用账户"
|
||||
if !target.IsActive {
|
||||
action = "启用账户"
|
||||
}
|
||||
s.logOp(r, action, "user", id, action+" "+target.Username)
|
||||
s.redirect(w, r, "/settings", action+"成功")
|
||||
}
|
||||
|
||||
func (s *Server) handleBackupNow(w http.ResponseWriter, r *http.Request) {
|
||||
path, err := s.db.BackupNow(s.cfg.BackupKeep)
|
||||
if err != nil {
|
||||
s.redirect(w, r, "/settings", "备份失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "备份数据", "backup", 0, "手动备份 "+path)
|
||||
s.redirect(w, r, "/settings", "已备份："+path)
|
||||
}
|
||||
|
||||
func (s *Server) handleExport(w http.ResponseWriter, r *http.Request) {
|
||||
kind := strings.TrimSuffix(r.PathValue("kind"), ".csv")
|
||||
var set *store.ExportRowSet
|
||||
var err error
|
||||
switch kind {
|
||||
case "customers":
|
||||
set, err = s.db.ExportCustomers()
|
||||
case "subscriptions":
|
||||
set, err = s.db.ExportSubscriptions(domain.Today(), s.warnDays())
|
||||
case "logs":
|
||||
set, err = s.db.ExportLogs()
|
||||
default:
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
if err != nil {
|
||||
http.Error(w, "导出失败："+err.Error(), http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
w.Header().Set("Content-Type", "text/csv; charset=utf-8")
|
||||
w.Header().Set("Content-Disposition",
|
||||
fmt.Sprintf("attachment; filename=\"daili-%s-%s.csv\"", kind, time.Now().Format("20060102")))
|
||||
_, _ = w.Write([]byte{0xEF, 0xBB, 0xBF})
|
||||
cw := csv.NewWriter(w)
|
||||
_ = cw.Write(set.Header)
|
||||
for _, row := range set.Rows {
|
||||
_ = cw.Write(row)
|
||||
}
|
||||
cw.Flush()
|
||||
s.logOp(r, "导出数据", "export", 0, "导出 "+kind+"（"+strconv.Itoa(len(set.Rows))+" 行）")
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"net/http"
|
||||
"strconv"
|
||||
"strings"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
type packagesData struct {
|
||||
List []store.Package
|
||||
}
|
||||
|
||||
func (s *Server) handlePackages(w http.ResponseWriter, r *http.Request) {
|
||||
list, err := s.db.ListPackages(true)
|
||||
if err != nil {
|
||||
http.Error(w, "读取套餐失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
p := s.newPage(r, "套餐", "packages")
|
||||
p.D = &packagesData{List: list}
|
||||
s.render(w, r, "packages", p)
|
||||
}
|
||||
|
||||
type packageFormData struct {
|
||||
Package *store.Package
|
||||
IsNew bool
|
||||
}
|
||||
|
||||
func (s *Server) handlePackageNewPage(w http.ResponseWriter, r *http.Request) {
|
||||
p := s.newPage(r, "新增套餐", "packages")
|
||||
p.D = &packageFormData{
|
||||
Package: &store.Package{Unit: domain.UnitDay, DefaultAmount: 30, Color: "#2F5D50"},
|
||||
IsNew: true,
|
||||
}
|
||||
s.render(w, r, "package_form", p)
|
||||
}
|
||||
|
||||
func readPackageForm(r *http.Request) *store.Package {
|
||||
p := &store.Package{
|
||||
Name: strings.TrimSpace(r.PostFormValue("name")),
|
||||
Unit: strings.TrimSpace(r.PostFormValue("unit")),
|
||||
DefaultAmount: 0,
|
||||
Color: strings.TrimSpace(r.PostFormValue("color")),
|
||||
Note: strings.TrimSpace(r.PostFormValue("note")),
|
||||
SortOrder: 0,
|
||||
}
|
||||
if v, err := strconv.Atoi(strings.TrimSpace(r.PostFormValue("default_amount"))); err == nil {
|
||||
p.DefaultAmount = v
|
||||
}
|
||||
if v, err := strconv.Atoi(strings.TrimSpace(r.PostFormValue("sort_order"))); err == nil {
|
||||
p.SortOrder = v
|
||||
}
|
||||
if price := strings.TrimSpace(r.PostFormValue("price")); price != "" {
|
||||
if f, err := strconv.ParseFloat(price, 64); err == nil {
|
||||
p.PriceCents = int(f*100 + 0.5)
|
||||
p.HasPrice = true
|
||||
}
|
||||
}
|
||||
if p.Unit == "" {
|
||||
p.Unit = domain.UnitDay
|
||||
}
|
||||
return p
|
||||
}
|
||||
|
||||
func validatePackage(p *store.Package) string {
|
||||
if p.Name == "" {
|
||||
return "套餐名称不能为空"
|
||||
}
|
||||
if len([]rune(p.Name)) > 32 {
|
||||
return "套餐名称最长 32 字"
|
||||
}
|
||||
if p.Unit != domain.UnitDay && p.Unit != domain.UnitCount {
|
||||
return "套餐类型不正确"
|
||||
}
|
||||
if p.DefaultAmount <= 0 {
|
||||
return "默认天数/次数必须大于 0"
|
||||
}
|
||||
if p.Color == "" || !strings.HasPrefix(p.Color, "#") {
|
||||
return "请选择套餐颜色"
|
||||
}
|
||||
return ""
|
||||
}
|
||||
|
||||
func (s *Server) handlePackageCreate(w http.ResponseWriter, r *http.Request) {
|
||||
pkg := readPackageForm(r)
|
||||
p := s.newPage(r, "新增套餐", "packages")
|
||||
if msg := validatePackage(pkg); msg != "" {
|
||||
p.D = &packageFormData{Package: pkg, IsNew: true}
|
||||
s.fail(w, r, "package_form", msg, p)
|
||||
return
|
||||
}
|
||||
id, err := s.db.CreatePackage(pkg)
|
||||
if err != nil {
|
||||
p.D = &packageFormData{Package: pkg, IsNew: true}
|
||||
s.fail(w, r, "package_form", "保存失败："+err.Error(), p)
|
||||
return
|
||||
}
|
||||
s.logOp(r, "新增套餐", "package", id, "新增套餐 "+pkg.Name)
|
||||
s.redirect(w, r, "/packages", "套餐已创建，现在可以给客户开通了")
|
||||
}
|
||||
|
||||
func (s *Server) handlePackageEditPage(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
pkg, err := s.db.Package(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
p := s.newPage(r, "编辑套餐", "packages")
|
||||
p.D = &packageFormData{Package: pkg, IsNew: false}
|
||||
s.render(w, r, "package_form", p)
|
||||
}
|
||||
|
||||
func (s *Server) handlePackageUpdate(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
pkg := readPackageForm(r)
|
||||
pkg.ID = id
|
||||
p := s.newPage(r, "编辑套餐", "packages")
|
||||
if msg := validatePackage(pkg); msg != "" {
|
||||
p.D = &packageFormData{Package: pkg, IsNew: false}
|
||||
s.fail(w, r, "package_form", msg, p)
|
||||
return
|
||||
}
|
||||
if err := s.db.UpdatePackage(pkg); err != nil {
|
||||
p.D = &packageFormData{Package: pkg, IsNew: false}
|
||||
s.fail(w, r, "package_form", "保存失败："+err.Error(), p)
|
||||
return
|
||||
}
|
||||
s.logOp(r, "编辑套餐", "package", id, "修改套餐 "+pkg.Name)
|
||||
s.redirect(w, r, "/packages", "套餐已保存")
|
||||
}
|
||||
|
||||
func (s *Server) handlePackageArchive(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
pkg, err := s.db.Package(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
archived := !pkg.Archived
|
||||
if err := s.db.SetPackageArchived(id, archived); err != nil {
|
||||
s.redirect(w, r, "/packages", "操作失败："+err.Error())
|
||||
return
|
||||
}
|
||||
action := "归档套餐"
|
||||
msg := "套餐已归档，不再允许新订阅（已有订阅不受影响）"
|
||||
if !archived {
|
||||
action = "取消归档"
|
||||
msg = "套餐已恢复"
|
||||
}
|
||||
s.logOp(r, action, "package", id, action+" "+pkg.Name)
|
||||
s.redirect(w, r, "/packages", msg)
|
||||
}
|
||||
@@ -0,0 +1,134 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
"time"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
type screenDay struct {
|
||||
Date string
|
||||
Day int
|
||||
InMonth bool
|
||||
IsToday bool
|
||||
IsPast bool
|
||||
Due int
|
||||
Heat int
|
||||
}
|
||||
|
||||
type screenData struct {
|
||||
Stats *store.Stats
|
||||
MonthTitle string
|
||||
Year, Month int
|
||||
Weeks [][]screenDay
|
||||
Weekdays []string
|
||||
Top []SubView
|
||||
DueToday []SubView
|
||||
TodayList []SubView
|
||||
Recent []store.Adjustment
|
||||
TodayTasks int
|
||||
TodayDone int
|
||||
Refresh int
|
||||
Version string
|
||||
}
|
||||
|
||||
func (s *Server) handleScreen(w http.ResponseWriter, r *http.Request) {
|
||||
today := domain.Today()
|
||||
warn := s.warnDays()
|
||||
stats, err := s.db.ScreenStats(today, warn)
|
||||
if err != nil {
|
||||
http.Error(w, "读取大屏数据失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
data := &screenData{
|
||||
Stats: stats,
|
||||
MonthTitle: fmt.Sprintf("%d 年 %d 月", today.Year(), int(today.Month())),
|
||||
Year: today.Year(),
|
||||
Month: int(today.Month()),
|
||||
Weekdays: []string{"一", "二", "三", "四", "五", "六", "日"},
|
||||
Top: subViews(stats.Top, today, warn),
|
||||
DueToday: subViews(stats.DueTodaySubs, today, warn),
|
||||
Refresh: s.screenRefresh(),
|
||||
Version: s.cfg.Version,
|
||||
}
|
||||
if len(data.DueToday) > 6 {
|
||||
data.DueToday = data.DueToday[:6]
|
||||
}
|
||||
|
||||
// 本月热力
|
||||
monthStart := domain.MonthStart(today.Year(), today.Month())
|
||||
monthEnd := domain.MonthEnd(today.Year(), today.Month())
|
||||
gridStart := domain.AddDays(monthStart, -domain.WeekdayIndex(monthStart))
|
||||
weeks := (domain.WeekdayIndex(monthStart) + monthEnd.Day() + 6) / 7
|
||||
for wi := 0; wi < weeks; wi++ {
|
||||
week := make([]screenDay, 0, 7)
|
||||
for di := 0; di < 7; di++ {
|
||||
d := domain.AddDays(gridStart, wi*7+di)
|
||||
ds := domain.Date(d)
|
||||
due := stats.Heat[ds]
|
||||
week = append(week, screenDay{
|
||||
Date: ds,
|
||||
Day: d.Day(),
|
||||
InMonth: d.Month() == today.Month(),
|
||||
IsToday: ds == domain.Date(today),
|
||||
IsPast: d.Before(today),
|
||||
Due: due,
|
||||
Heat: heatLevel(due),
|
||||
})
|
||||
}
|
||||
data.Weeks = append(data.Weeks, week)
|
||||
}
|
||||
|
||||
if adj, err := s.db.RecentAdjustments(6); err == nil {
|
||||
data.Recent = adj
|
||||
}
|
||||
list, done := s.todayTaskList(today)
|
||||
data.TodayTasks = len(list)
|
||||
data.TodayDone = done
|
||||
data.TodayList = subViews(list, today, warn)
|
||||
|
||||
p := s.newPage(r, "大屏", "screen")
|
||||
p.D = data
|
||||
s.render(w, r, "screen", p)
|
||||
}
|
||||
|
||||
// todayTaskList 返回今天应服务的订阅与已完成数量。
|
||||
func (s *Server) todayTaskList(today time.Time) ([]store.Subscription, int) {
|
||||
ts := domain.Date(today)
|
||||
subs, err := s.db.CalendarSubs(ts, ts)
|
||||
if err != nil {
|
||||
return nil, 0
|
||||
}
|
||||
ids := make([]int64, 0, len(subs))
|
||||
for _, sub := range subs {
|
||||
ids = append(ids, sub.ID)
|
||||
}
|
||||
pauses, _ := s.db.PausesForSubs(ids)
|
||||
checkins, _ := s.db.CheckinsBetween(ts, ts)
|
||||
warn := s.warnDays()
|
||||
out := []store.Subscription{}
|
||||
done := 0
|
||||
for _, sub := range subs {
|
||||
if sub.Status == domain.StatusClosed {
|
||||
continue
|
||||
}
|
||||
if sub.StartDate > ts || sub.EndDate == "" || sub.EndDate < ts {
|
||||
continue
|
||||
}
|
||||
cs := calSub{sub: sub, pauses: pauses[sub.ID], hasEnd: true, eval: sub.Eval(today, warn)}
|
||||
if sub.Unit == domain.UnitCount && cs.eval.RemainingCount <= 0 {
|
||||
continue
|
||||
}
|
||||
if cs.pausedOn(ts) {
|
||||
continue
|
||||
}
|
||||
out = append(out, sub)
|
||||
if ci, ok := checkins[sub.ID][ts]; ok && ci.Status == "done" {
|
||||
done++
|
||||
}
|
||||
}
|
||||
return out, done
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
"strings"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
type subsData struct {
|
||||
List []SubView
|
||||
Pager Pager
|
||||
State string
|
||||
PackageID int64
|
||||
Q string
|
||||
Packages []store.Package
|
||||
Total int
|
||||
}
|
||||
|
||||
func (s *Server) handleSubscriptions(w http.ResponseWriter, r *http.Request) {
|
||||
today := domain.Today()
|
||||
warn := s.warnDays()
|
||||
state := r.URL.Query().Get("state")
|
||||
if state == "" {
|
||||
state = "active"
|
||||
}
|
||||
packageID := int64(s.queryInt(r, "package_id", 0))
|
||||
q := r.URL.Query().Get("q")
|
||||
pageNo := s.queryInt(r, "page", 1)
|
||||
if pageNo < 1 {
|
||||
pageNo = 1
|
||||
}
|
||||
f := store.SubFilter{Q: q, State: state, PackageID: packageID, Limit: pageSize, Offset: (pageNo - 1) * pageSize, Today: today}
|
||||
list, total, err := s.db.ListSubs(f)
|
||||
if err != nil {
|
||||
http.Error(w, "读取订阅失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
pager := newPager(r, pageNo, pageSize, total)
|
||||
if pager.Page != pageNo {
|
||||
f.Offset = (pager.Page - 1) * pageSize
|
||||
list, total, err = s.db.ListSubs(f)
|
||||
if err != nil {
|
||||
http.Error(w, "读取订阅失败", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
}
|
||||
pkgs, _ := s.db.ListPackages(true)
|
||||
data := &subsData{
|
||||
List: subViews(list, today, warn), Pager: pager, State: state,
|
||||
PackageID: packageID, Q: q, Packages: pkgs, Total: total,
|
||||
}
|
||||
p := s.newPage(r, "订阅", "subscriptions")
|
||||
p.D = data
|
||||
s.render(w, r, "subscriptions", p)
|
||||
}
|
||||
|
||||
func (s *Server) handleSubExtend(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
sub, err := s.db.Sub(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
u := s.currentUser(r)
|
||||
var opID int64
|
||||
if u != nil {
|
||||
opID = u.ID
|
||||
}
|
||||
note := strings.TrimSpace(r.PostFormValue("note"))
|
||||
back := backURL(r, "/customers/"+itoa(sub.CustomerID))
|
||||
|
||||
if sub.Unit == domain.UnitDay {
|
||||
newEnd := strings.TrimSpace(r.PostFormValue("new_end_date"))
|
||||
plan, err := s.db.ExtendDays(id, newEnd, note, opID)
|
||||
if err != nil {
|
||||
s.redirect(w, r, back+"#extend", "追加失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "追加时长", "subscription", id, fmt.Sprintf("%s 追加 %d 天：%s → %s（起点 %s）",
|
||||
sub.SubTitle(), plan.Days, sub.EndDate, domain.Date(plan.NewEnd), domain.Date(plan.Base)))
|
||||
s.redirect(w, r, back, fmt.Sprintf("已追加 %d 天，新结束日 %s", plan.Days, domain.Date(plan.NewEnd)))
|
||||
return
|
||||
}
|
||||
|
||||
add := s.formInt(r, "add_count", 0)
|
||||
optEnd := strings.TrimSpace(r.PostFormValue("new_end_opt"))
|
||||
if err := s.db.AddCount(id, add, optEnd, note, opID); err != nil {
|
||||
s.redirect(w, r, back+"#extend", "追加失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "追加次数", "subscription", id, fmt.Sprintf("%s 追加 %d 次", sub.SubTitle(), add))
|
||||
s.redirect(w, r, back, fmt.Sprintf("已追加 %d 次", add))
|
||||
}
|
||||
|
||||
func (s *Server) handleSubAction(action string) http.HandlerFunc {
|
||||
return func(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
sub, err := s.db.Sub(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
back := backURL(r, "/customers/"+itoa(sub.CustomerID))
|
||||
switch action {
|
||||
case "pause":
|
||||
if err := s.db.PauseSub(id, 0); err != nil {
|
||||
s.redirect(w, r, back, "暂停失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "暂停订阅", "subscription", id, sub.SubTitle()+" 暂停")
|
||||
s.redirect(w, r, back, "已暂停，剩余时长将冻结")
|
||||
case "resume":
|
||||
shift, err := s.db.ResumeSub(id, 0)
|
||||
if err != nil {
|
||||
s.redirect(w, r, back, "恢复失败："+err.Error())
|
||||
return
|
||||
}
|
||||
msg := "已恢复"
|
||||
if shift > 0 {
|
||||
msg = fmt.Sprintf("已恢复，结束日顺延 %d 天", shift)
|
||||
}
|
||||
s.logOp(r, "恢复订阅", "subscription", id, fmt.Sprintf("%s 恢复，顺延 %d 天", sub.SubTitle(), shift))
|
||||
s.redirect(w, r, back, msg)
|
||||
case "close":
|
||||
if err := s.db.CloseSub(id); err != nil {
|
||||
s.redirect(w, r, back, "结束失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "结束订阅", "subscription", id, sub.SubTitle()+" 结束")
|
||||
s.redirect(w, r, back, "订阅已结束")
|
||||
case "reopen":
|
||||
if err := s.db.ReopenSub(id); err != nil {
|
||||
s.redirect(w, r, back, "启用失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "重新启用", "subscription", id, sub.SubTitle()+" 重新启用")
|
||||
s.redirect(w, r, back, "订阅已重新启用")
|
||||
default:
|
||||
http.NotFound(w, r)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
func (s *Server) handleCheckinSave(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
sub, err := s.db.Sub(id)
|
||||
if err != nil {
|
||||
http.NotFound(w, r)
|
||||
return
|
||||
}
|
||||
back := backURL(r, "/calendar?d="+r.PostFormValue("date"))
|
||||
date := strings.TrimSpace(r.PostFormValue("date"))
|
||||
status := strings.TrimSpace(r.PostFormValue("status"))
|
||||
note := strings.TrimSpace(r.PostFormValue("note"))
|
||||
u := s.currentUser(r)
|
||||
var opID int64
|
||||
if u != nil {
|
||||
opID = u.ID
|
||||
}
|
||||
if err := s.db.SaveCheckin(id, date, status, note, opID); err != nil {
|
||||
s.redirect(w, r, back, "打卡失败："+err.Error())
|
||||
return
|
||||
}
|
||||
label := "已完成"
|
||||
if status == "skipped" {
|
||||
label = "已跳过"
|
||||
}
|
||||
s.logOp(r, "打卡", "subscription", id, fmt.Sprintf("%s %s 打卡：%s", sub.SubTitle(), date, label))
|
||||
s.redirect(w, r, back, "已记录："+sub.CustomerTail+" "+sub.CustomerName+" "+date)
|
||||
}
|
||||
|
||||
func (s *Server) handleCheckinDelete(w http.ResponseWriter, r *http.Request) {
|
||||
id := pathID(r)
|
||||
back := backURL(r, "/calendar")
|
||||
subID, err := s.db.DeleteCheckin(id, 0)
|
||||
if err != nil {
|
||||
s.redirect(w, r, back, "撤销失败："+err.Error())
|
||||
return
|
||||
}
|
||||
s.logOp(r, "撤销打卡", "subscription", subID, "撤销打卡记录 #"+itoa(id))
|
||||
s.redirect(w, r, back, "已撤销打卡")
|
||||
}
|
||||
@@ -0,0 +1,477 @@
|
||||
// Package web 提供 HTTP 路由、会话、模板渲染与页面处理器。
|
||||
package web
|
||||
|
||||
import (
|
||||
"bytes"
|
||||
"context"
|
||||
"crypto/rand"
|
||||
"embed"
|
||||
"encoding/hex"
|
||||
"fmt"
|
||||
"html/template"
|
||||
"io/fs"
|
||||
"log"
|
||||
"net"
|
||||
"net/http"
|
||||
"net/url"
|
||||
"strconv"
|
||||
"strings"
|
||||
"time"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
//go:embed templates/_layout.html templates/_screen_layout.html templates/_partials.html templates/pages/*.html
|
||||
var templateFS embed.FS
|
||||
|
||||
//go:embed static
|
||||
var staticFS embed.FS
|
||||
|
||||
const (
|
||||
cookieSession = "daili_sid"
|
||||
cookieFlash = "daili_flash"
|
||||
sessionTTL = 7 * 24 * time.Hour
|
||||
pageSize = 20
|
||||
)
|
||||
|
||||
// Config 是服务配置。
|
||||
type Config struct {
|
||||
Addr string
|
||||
DBPath string
|
||||
BackupKeep int
|
||||
BackupDir string
|
||||
BackupEnabled bool
|
||||
ScreenPublic bool
|
||||
ConfigPath string
|
||||
Version string
|
||||
}
|
||||
|
||||
// Server 是应用服务。
|
||||
type Server struct {
|
||||
db *store.DB
|
||||
cfg Config
|
||||
tpl *renderer
|
||||
handler http.Handler
|
||||
started time.Time
|
||||
}
|
||||
|
||||
type ctxKey int
|
||||
|
||||
const userCtxKey ctxKey = 1
|
||||
|
||||
// New 构造服务。
|
||||
func New(db *store.DB, cfg Config) (*Server, error) {
|
||||
r, err := newRenderer()
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
s := &Server{db: db, cfg: cfg, tpl: r, started: time.Now()}
|
||||
s.handler = s.routes()
|
||||
return s, nil
|
||||
}
|
||||
|
||||
// Handler 返回 HTTP 处理器。
|
||||
func (s *Server) Handler() http.Handler { return s.handler }
|
||||
|
||||
func (s *Server) routes() http.Handler {
|
||||
mux := http.NewServeMux()
|
||||
|
||||
sub, err := fs.Sub(staticFS, "static")
|
||||
if err != nil {
|
||||
panic(err)
|
||||
}
|
||||
mux.Handle("GET /static/", cacheControl(http.StripPrefix("/static/", http.FileServerFS(sub))))
|
||||
mux.HandleFunc("GET /healthz", func(w http.ResponseWriter, r *http.Request) {
|
||||
w.Header().Set("Content-Type", "text/plain; charset=utf-8")
|
||||
_, _ = w.Write([]byte("ok"))
|
||||
})
|
||||
|
||||
mux.HandleFunc("GET /login", s.handleLoginPage)
|
||||
mux.HandleFunc("POST /login", s.handleLoginPost)
|
||||
mux.HandleFunc("GET /setup", s.handleSetupPage)
|
||||
mux.HandleFunc("POST /setup", s.handleSetupPost)
|
||||
mux.HandleFunc("POST /logout", s.handleLogout)
|
||||
|
||||
mux.HandleFunc("GET /{$}", func(w http.ResponseWriter, r *http.Request) {
|
||||
http.Redirect(w, r, "/calendar", http.StatusFound)
|
||||
})
|
||||
mux.HandleFunc("GET /calendar", s.auth(s.handleCalendar))
|
||||
mux.HandleFunc("GET /customers", s.auth(s.handleCustomers))
|
||||
mux.HandleFunc("GET /customers/new", s.auth(s.handleCustomerNewPage))
|
||||
mux.HandleFunc("POST /customers", s.auth(s.handleCustomerCreate))
|
||||
mux.HandleFunc("GET /customers/{id}", s.auth(s.handleCustomerDetail))
|
||||
mux.HandleFunc("GET /customers/{id}/edit", s.auth(s.handleCustomerEditPage))
|
||||
mux.HandleFunc("POST /customers/{id}/edit", s.auth(s.handleCustomerUpdate))
|
||||
mux.HandleFunc("POST /customers/{id}/subscriptions", s.auth(s.handleSubCreate))
|
||||
mux.HandleFunc("GET /subscriptions", s.auth(s.handleSubscriptions))
|
||||
mux.HandleFunc("POST /subscriptions/{id}/extend", s.auth(s.handleSubExtend))
|
||||
mux.HandleFunc("POST /subscriptions/{id}/pause", s.auth(s.handleSubAction("pause")))
|
||||
mux.HandleFunc("POST /subscriptions/{id}/resume", s.auth(s.handleSubAction("resume")))
|
||||
mux.HandleFunc("POST /subscriptions/{id}/close", s.auth(s.handleSubAction("close")))
|
||||
mux.HandleFunc("POST /subscriptions/{id}/reopen", s.auth(s.handleSubAction("reopen")))
|
||||
mux.HandleFunc("POST /subscriptions/{id}/checkin", s.auth(s.handleCheckinSave))
|
||||
mux.HandleFunc("POST /checkins/{id}/delete", s.auth(s.handleCheckinDelete))
|
||||
mux.HandleFunc("GET /packages", s.auth(s.handlePackages))
|
||||
mux.HandleFunc("GET /packages/new", s.auth(s.handlePackageNewPage))
|
||||
mux.HandleFunc("POST /packages", s.auth(s.handlePackageCreate))
|
||||
mux.HandleFunc("GET /packages/{id}/edit", s.auth(s.handlePackageEditPage))
|
||||
mux.HandleFunc("POST /packages/{id}/edit", s.auth(s.handlePackageUpdate))
|
||||
mux.HandleFunc("POST /packages/{id}/archive", s.auth(s.handlePackageArchive))
|
||||
if s.cfg.ScreenPublic {
|
||||
// 大屏免登录：仅局域网部署时使用，内容为只读看板
|
||||
mux.HandleFunc("GET /screen", s.handleScreen)
|
||||
} else {
|
||||
mux.HandleFunc("GET /screen", s.auth(s.handleScreen))
|
||||
}
|
||||
mux.HandleFunc("GET /logs", s.auth(s.handleLogs))
|
||||
mux.HandleFunc("GET /settings", s.auth(s.handleSettings))
|
||||
mux.HandleFunc("POST /settings", s.auth(s.handleSettingsSave))
|
||||
mux.HandleFunc("POST /settings/password", s.auth(s.handlePasswordChange))
|
||||
mux.HandleFunc("POST /settings/users", s.auth(s.handleUserCreate))
|
||||
mux.HandleFunc("POST /settings/users/{id}/toggle", s.auth(s.handleUserToggle))
|
||||
mux.HandleFunc("POST /settings/backup", s.auth(s.handleBackupNow))
|
||||
mux.HandleFunc("GET /export/{kind}", s.auth(s.handleExport))
|
||||
|
||||
return s.noCacheHTML(mux)
|
||||
}
|
||||
|
||||
func cacheControl(h http.Handler) http.Handler {
|
||||
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
w.Header().Set("Cache-Control", "public, max-age=300")
|
||||
h.ServeHTTP(w, r)
|
||||
})
|
||||
}
|
||||
|
||||
func (s *Server) noCacheHTML(h http.Handler) http.Handler {
|
||||
return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
if !strings.HasPrefix(r.URL.Path, "/static/") {
|
||||
w.Header().Set("X-Content-Type-Options", "nosniff")
|
||||
w.Header().Set("Referrer-Policy", "same-origin")
|
||||
}
|
||||
h.ServeHTTP(w, r)
|
||||
})
|
||||
}
|
||||
|
||||
// ---------- 会话与鉴权 ----------
|
||||
|
||||
func randomToken() string {
|
||||
b := make([]byte, 24)
|
||||
if _, err := rand.Read(b); err != nil {
|
||||
return strconv.FormatInt(time.Now().UnixNano(), 36)
|
||||
}
|
||||
return hex.EncodeToString(b)
|
||||
}
|
||||
|
||||
func clientIP(r *http.Request) string {
|
||||
host, _, err := net.SplitHostPort(r.RemoteAddr)
|
||||
if err != nil {
|
||||
return r.RemoteAddr
|
||||
}
|
||||
return host
|
||||
}
|
||||
|
||||
func (s *Server) startSession(w http.ResponseWriter, r *http.Request, u *store.User) {
|
||||
token := randomToken()
|
||||
if err := s.db.CreateSession(token, u.ID, sessionTTL, clientIP(r)); err != nil {
|
||||
log.Printf("创建会话失败: %v", err)
|
||||
}
|
||||
http.SetCookie(w, &http.Cookie{
|
||||
Name: cookieSession, Value: token, Path: "/", HttpOnly: true,
|
||||
SameSite: http.SameSiteLaxMode, MaxAge: int(sessionTTL.Seconds()),
|
||||
})
|
||||
}
|
||||
|
||||
func (s *Server) userFromRequest(r *http.Request) *store.User {
|
||||
c, err := r.Cookie(cookieSession)
|
||||
if err != nil || c.Value == "" {
|
||||
return nil
|
||||
}
|
||||
u, err := s.db.SessionUser(c.Value)
|
||||
if err != nil {
|
||||
return nil
|
||||
}
|
||||
return u
|
||||
}
|
||||
|
||||
func (s *Server) currentUser(r *http.Request) *store.User {
|
||||
if u, ok := r.Context().Value(userCtxKey).(*store.User); ok {
|
||||
return u
|
||||
}
|
||||
return nil
|
||||
}
|
||||
|
||||
func sameOrigin(r *http.Request) bool {
|
||||
origin := r.Header.Get("Origin")
|
||||
if origin == "" {
|
||||
return true
|
||||
}
|
||||
u, err := url.Parse(origin)
|
||||
if err != nil {
|
||||
return false
|
||||
}
|
||||
return strings.EqualFold(u.Host, r.Host)
|
||||
}
|
||||
|
||||
func (s *Server) auth(h http.HandlerFunc) http.HandlerFunc {
|
||||
return func(w http.ResponseWriter, r *http.Request) {
|
||||
if r.Method == http.MethodPost && !sameOrigin(r) {
|
||||
http.Error(w, "跨站请求被拒绝", http.StatusForbidden)
|
||||
return
|
||||
}
|
||||
u := s.userFromRequest(r)
|
||||
if u == nil {
|
||||
if r.Method == http.MethodGet {
|
||||
next := url.QueryEscape(r.URL.RequestURI())
|
||||
http.Redirect(w, r, "/login?next="+next, http.StatusFound)
|
||||
return
|
||||
}
|
||||
http.Redirect(w, r, "/login", http.StatusFound)
|
||||
return
|
||||
}
|
||||
ctx := context.WithValue(r.Context(), userCtxKey, u)
|
||||
h(w, r.WithContext(ctx))
|
||||
}
|
||||
}
|
||||
|
||||
// ---------- 渲染 ----------
|
||||
|
||||
type renderer struct {
|
||||
pages map[string]*template.Template
|
||||
}
|
||||
|
||||
func newRenderer() (*renderer, error) {
|
||||
funcs := template.FuncMap{
|
||||
"seq": func(n int) []int {
|
||||
out := make([]int, 0, n)
|
||||
for i := 0; i < n; i++ {
|
||||
out = append(out, i)
|
||||
}
|
||||
return out
|
||||
},
|
||||
"add": func(a, b int) int { return a + b },
|
||||
"sub": func(a, b int) int { return a - b },
|
||||
"money": func(cents int) string {
|
||||
return fmt.Sprintf("%.0f", float64(cents)/100)
|
||||
},
|
||||
"pct": func(f float64) string { return fmt.Sprintf("%.2f", f) },
|
||||
"md": func(s string) string { return mdOf(s) },
|
||||
"dow": dowCN,
|
||||
}
|
||||
base, err := template.New("base").Funcs(funcs).ParseFS(templateFS,
|
||||
"templates/_layout.html", "templates/_partials.html")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
screenBase, err := template.New("screen").Funcs(funcs).ParseFS(templateFS,
|
||||
"templates/_screen_layout.html", "templates/_partials.html")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
pages := map[string]*template.Template{}
|
||||
entries, err := fs.Glob(templateFS, "templates/pages/*.html")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
for _, p := range entries {
|
||||
name := strings.TrimSuffix(strings.TrimPrefix(p, "templates/pages/"), ".html")
|
||||
var baseSet *template.Template
|
||||
if name == "screen" {
|
||||
baseSet = screenBase
|
||||
} else {
|
||||
baseSet = base
|
||||
}
|
||||
clone, err := baseSet.Clone()
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
if _, err := clone.ParseFS(templateFS, p); err != nil {
|
||||
return nil, fmt.Errorf("解析模板 %s 失败: %w", p, err)
|
||||
}
|
||||
pages[name] = clone
|
||||
}
|
||||
return &renderer{pages: pages}, nil
|
||||
}
|
||||
|
||||
func mdOf(s string) string {
|
||||
if len(s) >= 10 {
|
||||
return s[5:10]
|
||||
}
|
||||
return s
|
||||
}
|
||||
|
||||
func dowCN(s string) string {
|
||||
t, err := domain.ParseDate(s)
|
||||
if err != nil {
|
||||
return ""
|
||||
}
|
||||
return [...]string{"一", "二", "三", "四", "五", "六", "日"}[domain.WeekdayIndex(t)]
|
||||
}
|
||||
|
||||
// page 是所有页面模板的根数据。
|
||||
type page struct {
|
||||
User *store.User
|
||||
Title string
|
||||
Nav string
|
||||
Flash string
|
||||
Error string
|
||||
Today time.Time
|
||||
TodayStr string
|
||||
WarnDays int
|
||||
Version string
|
||||
Query string
|
||||
Next string
|
||||
DueToday int
|
||||
Due3 int
|
||||
Addr string
|
||||
D any
|
||||
}
|
||||
|
||||
func (s *Server) warnDays() int {
|
||||
v, err := strconv.Atoi(s.db.Setting("warn_days", "3"))
|
||||
if err != nil || v <= 0 {
|
||||
return 3
|
||||
}
|
||||
return v
|
||||
}
|
||||
|
||||
func (s *Server) screenRefresh() int {
|
||||
v, err := strconv.Atoi(s.db.Setting("screen_refresh", "30"))
|
||||
if err != nil || v < 5 {
|
||||
return 30
|
||||
}
|
||||
return v
|
||||
}
|
||||
|
||||
func (s *Server) newPage(r *http.Request, title, nav string) *page {
|
||||
u := s.currentUser(r)
|
||||
today := domain.Today()
|
||||
p := &page{
|
||||
User: u,
|
||||
Title: title,
|
||||
Nav: nav,
|
||||
Today: today,
|
||||
TodayStr: domain.Date(today),
|
||||
WarnDays: s.warnDays(),
|
||||
Version: s.cfg.Version,
|
||||
Query: r.URL.Query().Get("q"),
|
||||
Next: r.URL.Query().Get("next"),
|
||||
}
|
||||
if u != nil {
|
||||
if due, due3, err := s.db.Badges(today); err == nil {
|
||||
p.DueToday, p.Due3 = due, due3
|
||||
}
|
||||
}
|
||||
return p
|
||||
}
|
||||
|
||||
func (s *Server) popFlash(w http.ResponseWriter, r *http.Request) string {
|
||||
c, err := r.Cookie(cookieFlash)
|
||||
if err != nil || c.Value == "" {
|
||||
return ""
|
||||
}
|
||||
msg, _ := url.QueryUnescape(c.Value)
|
||||
http.SetCookie(w, &http.Cookie{Name: cookieFlash, Value: "", Path: "/", MaxAge: -1, HttpOnly: true})
|
||||
return msg
|
||||
}
|
||||
|
||||
func setFlash(w http.ResponseWriter, msg string) {
|
||||
http.SetCookie(w, &http.Cookie{
|
||||
Name: cookieFlash, Value: url.QueryEscape(msg), Path: "/",
|
||||
MaxAge: 30, HttpOnly: true, SameSite: http.SameSiteLaxMode,
|
||||
})
|
||||
}
|
||||
|
||||
func (s *Server) redirect(w http.ResponseWriter, r *http.Request, to, flash string) {
|
||||
if flash != "" {
|
||||
setFlash(w, flash)
|
||||
}
|
||||
http.Redirect(w, r, to, http.StatusSeeOther)
|
||||
}
|
||||
|
||||
func (s *Server) render(w http.ResponseWriter, r *http.Request, name string, d *page) {
|
||||
if d.User == nil {
|
||||
d.User = s.currentUser(r)
|
||||
}
|
||||
if d.Flash == "" {
|
||||
d.Flash = s.popFlash(w, r)
|
||||
}
|
||||
if d.Today.IsZero() {
|
||||
d.Today = domain.Today()
|
||||
d.TodayStr = domain.Date(d.Today)
|
||||
}
|
||||
if d.WarnDays == 0 {
|
||||
d.WarnDays = s.warnDays()
|
||||
}
|
||||
tpl, ok := s.tpl.pages[name]
|
||||
if !ok {
|
||||
log.Printf("模板不存在: %s", name)
|
||||
http.Error(w, "页面不存在", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
layout := "layout"
|
||||
if name == "screen" {
|
||||
layout = "screenlayout"
|
||||
}
|
||||
var buf bytes.Buffer
|
||||
if err := tpl.ExecuteTemplate(&buf, layout, d); err != nil {
|
||||
log.Printf("渲染 %s 失败: %v", name, err)
|
||||
http.Error(w, "页面渲染失败: "+err.Error(), http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
w.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
w.Header().Set("Cache-Control", "no-store")
|
||||
_, _ = buf.WriteTo(w)
|
||||
}
|
||||
|
||||
func (s *Server) fail(w http.ResponseWriter, r *http.Request, name string, msg string, d *page) {
|
||||
if d == nil {
|
||||
d = s.newPage(r, "出错了", "")
|
||||
}
|
||||
d.Error = msg
|
||||
w.WriteHeader(http.StatusBadRequest)
|
||||
s.render(w, r, name, d)
|
||||
}
|
||||
|
||||
// ---------- 参数 ----------
|
||||
|
||||
func (s *Server) queryInt(r *http.Request, key string, def int) int {
|
||||
v, err := strconv.Atoi(r.URL.Query().Get(key))
|
||||
if err != nil {
|
||||
return def
|
||||
}
|
||||
return v
|
||||
}
|
||||
|
||||
func (s *Server) formInt(r *http.Request, key string, def int) int {
|
||||
v, err := strconv.Atoi(strings.TrimSpace(r.PostFormValue(key)))
|
||||
if err != nil {
|
||||
return def
|
||||
}
|
||||
return v
|
||||
}
|
||||
|
||||
func pathID(r *http.Request) int64 {
|
||||
id, err := strconv.ParseInt(r.PathValue("id"), 10, 64)
|
||||
if err != nil {
|
||||
return 0
|
||||
}
|
||||
return id
|
||||
}
|
||||
|
||||
// backURL 取安全的返回地址。
|
||||
func backURL(r *http.Request, def string) string {
|
||||
if b := strings.TrimSpace(r.PostFormValue("back")); strings.HasPrefix(b, "/") && !strings.HasPrefix(b, "//") {
|
||||
return b
|
||||
}
|
||||
if ref := r.Referer(); ref != "" {
|
||||
if u, err := url.Parse(ref); err == nil && strings.EqualFold(u.Host, r.Host) {
|
||||
p := u.RequestURI()
|
||||
if strings.HasPrefix(p, "/") {
|
||||
return p
|
||||
}
|
||||
}
|
||||
}
|
||||
return def
|
||||
}
|
||||
@@ -0,0 +1,688 @@
|
||||
/* ============================================================
|
||||
代打台 · 管理端（浅色「接单台」）
|
||||
纸感底色 + 墨色文字 + 松墨绿主色；色签（ticket）是唯一强装饰
|
||||
============================================================ */
|
||||
|
||||
:root {
|
||||
--paper: #f7f6f2;
|
||||
--surface: #ffffff;
|
||||
--ink: #1a1c21;
|
||||
--ink-2: #43474f;
|
||||
--muted: #7a7e86;
|
||||
--line: #e3e0d6;
|
||||
--line-2: #efede6;
|
||||
--accent: #2f5d50;
|
||||
--accent-ink: #22453b;
|
||||
--accent-soft: #e7efea;
|
||||
--danger: #b4231f;
|
||||
--danger-soft: #fbeceb;
|
||||
--warn: #a85e12;
|
||||
--warn-soft: #fbf1e3;
|
||||
--info: #41556b;
|
||||
--info-soft: #eaeef2;
|
||||
--radius: 3px;
|
||||
--mono: "Bahnschrift", "Consolas", "SF Mono", ui-monospace, monospace;
|
||||
--sans: "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", system-ui, -apple-system, "Segoe UI", sans-serif;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
[hidden] { display: none !important; }
|
||||
|
||||
html, body { margin: 0; padding: 0; }
|
||||
|
||||
body {
|
||||
background:
|
||||
linear-gradient(var(--line-2) 1px, transparent 1px) 0 0 / 100% 32px,
|
||||
var(--paper);
|
||||
color: var(--ink);
|
||||
font-family: var(--sans);
|
||||
font-size: 14px;
|
||||
line-height: 1.55;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
a { color: var(--accent); text-decoration: none; }
|
||||
a:hover { text-decoration: underline; text-underline-offset: 2px; }
|
||||
|
||||
h1, h2, h3 { margin: 0; font-weight: 700; letter-spacing: -0.01em; }
|
||||
h1 { font-size: 22px; }
|
||||
h2 { font-size: 15px; }
|
||||
h3 { font-size: 13px; }
|
||||
|
||||
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
|
||||
.small { font-size: 12px; }
|
||||
.muted { color: var(--muted); }
|
||||
.right { text-align: right; }
|
||||
|
||||
/* ---------- 顶栏 ---------- */
|
||||
|
||||
.topbar {
|
||||
position: sticky; top: 0; z-index: 40;
|
||||
display: flex; align-items: center; gap: 14px;
|
||||
padding: 0 20px; height: 56px;
|
||||
background: rgba(247, 246, 242, 0.94);
|
||||
backdrop-filter: blur(6px);
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.brand { display: flex; align-items: center; gap: 8px; color: var(--ink); text-decoration: none; }
|
||||
.brand:hover { text-decoration: none; }
|
||||
.brand-mark {
|
||||
display: grid; place-items: center;
|
||||
width: 26px; height: 26px;
|
||||
background: var(--accent); color: #fff;
|
||||
font-size: 14px; font-weight: 700;
|
||||
border-radius: 2px;
|
||||
box-shadow: 2px 2px 0 rgba(47, 93, 80, 0.18);
|
||||
}
|
||||
.brand-name { font-weight: 700; letter-spacing: 0.06em; }
|
||||
|
||||
.search { position: relative; flex: 1 1 260px; max-width: 380px; }
|
||||
.search input {
|
||||
width: 100%; height: 34px;
|
||||
padding: 0 34px 0 12px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius);
|
||||
background: var(--surface);
|
||||
font: inherit; color: var(--ink);
|
||||
}
|
||||
.search input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
|
||||
.search kbd {
|
||||
position: absolute; right: 8px; top: 7px;
|
||||
font-family: var(--mono); font-size: 11px;
|
||||
color: var(--muted);
|
||||
border: 1px solid var(--line); border-bottom-width: 2px;
|
||||
border-radius: 3px; padding: 0 5px; background: var(--paper);
|
||||
}
|
||||
|
||||
.nav { display: flex; gap: 2px; }
|
||||
.nav a {
|
||||
padding: 6px 10px; border-radius: var(--radius);
|
||||
color: var(--ink-2); font-size: 13px;
|
||||
}
|
||||
.nav a:hover { background: var(--surface); text-decoration: none; }
|
||||
.nav a.on { background: var(--accent); color: #fff; }
|
||||
.nav a.nav-screen { color: var(--accent); }
|
||||
|
||||
.topbar-right { margin-left: auto; display: flex; align-items: center; gap: 8px; }
|
||||
|
||||
.pill {
|
||||
display: inline-flex; align-items: center; gap: 5px;
|
||||
height: 28px; padding: 0 10px;
|
||||
border: 1px solid var(--line); border-radius: 999px;
|
||||
background: var(--surface);
|
||||
font-size: 12px; color: var(--ink-2); white-space: nowrap;
|
||||
}
|
||||
.pill b { font-family: var(--mono); font-size: 13px; }
|
||||
.pill:hover { text-decoration: none; border-color: var(--accent); }
|
||||
.pill-due b { color: var(--danger); }
|
||||
.pill-warn b { color: var(--warn); }
|
||||
|
||||
.me { display: flex; align-items: center; gap: 8px; font-size: 13px; }
|
||||
.me a { color: var(--ink-2); }
|
||||
.link-btn {
|
||||
border: 0; background: none; padding: 0; cursor: pointer;
|
||||
color: var(--muted); font: inherit; font-size: 12px;
|
||||
}
|
||||
.link-btn:hover { color: var(--danger); }
|
||||
|
||||
/* ---------- 提示条 ---------- */
|
||||
|
||||
.flash {
|
||||
position: fixed; z-index: 90;
|
||||
left: 50%; top: 68px; transform: translateX(-50%);
|
||||
max-width: min(680px, calc(100vw - 32px));
|
||||
padding: 9px 16px;
|
||||
background: var(--accent); color: #fff;
|
||||
border-radius: var(--radius);
|
||||
box-shadow: 0 6px 24px rgba(26, 28, 33, 0.16);
|
||||
font-size: 13px;
|
||||
animation: flash-in 0.22s ease-out;
|
||||
}
|
||||
.flash-error { background: var(--danger); }
|
||||
.flash.hide { opacity: 0; transition: opacity 0.4s ease; }
|
||||
@keyframes flash-in { from { opacity: 0; transform: translate(-50%, -6px); } }
|
||||
|
||||
/* ---------- 布局 ---------- */
|
||||
|
||||
main { padding: 0 20px 40px; }
|
||||
main.with-top { padding-top: 22px; }
|
||||
|
||||
.page { max-width: 1280px; margin: 0 auto; }
|
||||
.page.narrow { max-width: 860px; }
|
||||
|
||||
.page-head {
|
||||
display: flex; align-items: flex-end; justify-content: space-between;
|
||||
gap: 16px; flex-wrap: wrap; margin-bottom: 16px;
|
||||
}
|
||||
.page-head p { margin: 4px 0 0; font-size: 12px; }
|
||||
.page-actions { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
|
||||
.foot {
|
||||
max-width: 1280px; margin: 0 auto; padding: 18px 20px 28px;
|
||||
font-size: 12px; color: var(--muted);
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.notice {
|
||||
margin: 0 0 14px; padding: 10px 14px;
|
||||
background: var(--warn-soft); border-left: 3px solid var(--warn);
|
||||
font-size: 13px; border-radius: 0 var(--radius) var(--radius) 0;
|
||||
}
|
||||
.notice.note { background: var(--accent-soft); border-left-color: var(--accent); white-space: pre-wrap; }
|
||||
|
||||
/* ---------- 按钮与表单 ---------- */
|
||||
|
||||
.btn {
|
||||
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
|
||||
height: 34px; padding: 0 14px;
|
||||
border: 1px solid var(--line); border-radius: var(--radius);
|
||||
background: var(--surface); color: var(--ink);
|
||||
font: inherit; font-size: 13px; cursor: pointer;
|
||||
white-space: nowrap; text-decoration: none;
|
||||
}
|
||||
.btn:hover { border-color: var(--ink-2); text-decoration: none; }
|
||||
.btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
|
||||
.btn-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
|
||||
.btn-primary:hover { background: var(--accent-ink); border-color: var(--accent-ink); }
|
||||
.btn-ghost { background: transparent; border-color: transparent; color: var(--ink-2); }
|
||||
.btn-ghost:hover { background: var(--surface); border-color: var(--line); }
|
||||
.btn-sm { height: 28px; padding: 0 10px; font-size: 12px; }
|
||||
.btn-square { width: 34px; padding: 0; font-size: 18px; line-height: 1; }
|
||||
.btn-block { width: 100%; }
|
||||
.btn.disabled { opacity: 0.4; pointer-events: none; }
|
||||
|
||||
form { margin: 0; }
|
||||
fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
|
||||
|
||||
.field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
|
||||
.field > span { font-size: 12px; color: var(--ink-2); font-weight: 600; }
|
||||
.field > span i { color: var(--danger); font-style: normal; }
|
||||
.field input[type="text"], .field input[type="password"], .field input[type="number"],
|
||||
.field input[type="date"], .field input[type="search"], .field select, .field textarea {
|
||||
width: 100%; min-height: 34px; padding: 6px 10px;
|
||||
border: 1px solid var(--line); border-radius: var(--radius);
|
||||
background: var(--surface); font: inherit; color: var(--ink);
|
||||
}
|
||||
.field textarea { resize: vertical; line-height: 1.6; }
|
||||
.field input:focus, .field select:focus, .field textarea:focus {
|
||||
outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft);
|
||||
}
|
||||
.field input[type="color"] { width: 100%; height: 34px; padding: 2px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); cursor: pointer; }
|
||||
.fieldset { border: 0; padding: 0; }
|
||||
|
||||
.radios { display: grid; gap: 8px; }
|
||||
.radios label {
|
||||
display: grid; grid-template-columns: 18px 1fr; grid-template-rows: auto auto;
|
||||
column-gap: 10px; align-items: center;
|
||||
padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius);
|
||||
background: var(--surface); cursor: pointer;
|
||||
}
|
||||
.radios label:hover { border-color: var(--accent); }
|
||||
.radios input { grid-row: span 2; margin: 0; accent-color: var(--accent); }
|
||||
.radios b { font-size: 13px; }
|
||||
.radios small { grid-column: 2; color: var(--muted); font-size: 12px; }
|
||||
|
||||
.input-suffix { position: relative; }
|
||||
.input-suffix input { padding-right: 40px; }
|
||||
.input-suffix b {
|
||||
position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
|
||||
font-size: 12px; color: var(--muted); font-weight: 400;
|
||||
}
|
||||
|
||||
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
|
||||
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 14px; }
|
||||
|
||||
.actions { display: flex; gap: 8px; align-items: center; margin-top: 6px; }
|
||||
.actions.wrap { flex-wrap: wrap; }
|
||||
|
||||
.inline-form {
|
||||
display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap;
|
||||
margin-top: 14px; padding: 12px;
|
||||
background: var(--surface); border: 1px dashed var(--line); border-radius: var(--radius);
|
||||
}
|
||||
.inline-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--ink-2); }
|
||||
.inline-field input, .inline-field select {
|
||||
height: 32px; padding: 0 8px; min-width: 130px;
|
||||
border: 1px solid var(--line); border-radius: var(--radius);
|
||||
background: var(--surface); font: inherit; font-size: 13px; color: var(--ink);
|
||||
}
|
||||
.inline-form select[name="package_id"] { min-width: 220px; }
|
||||
|
||||
.form.card, .section.card {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius);
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.filterbar { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
|
||||
.filterbar input[type="search"], .filterbar select {
|
||||
height: 34px; padding: 0 10px;
|
||||
border: 1px solid var(--line); border-radius: var(--radius);
|
||||
background: var(--surface); font: inherit; color: var(--ink);
|
||||
}
|
||||
.filterbar input[type="search"] { flex: 1 1 260px; max-width: 420px; }
|
||||
|
||||
/* ---------- 认证页 ---------- */
|
||||
|
||||
.auth { min-height: 100vh; display: grid; place-items: center; padding: 32px 16px; }
|
||||
.auth-card {
|
||||
width: 100%; max-width: 380px;
|
||||
background: var(--surface); border: 1px solid var(--line);
|
||||
border-top: 3px solid var(--accent);
|
||||
padding: 28px;
|
||||
box-shadow: 0 18px 40px -32px rgba(26, 28, 33, 0.5);
|
||||
}
|
||||
.auth-brand { display: flex; align-items: center; gap: 8px; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 18px; }
|
||||
.auth-card h1 { font-size: 20px; margin-bottom: 4px; }
|
||||
.auth-card > p { font-size: 12px; margin: 0 0 18px; }
|
||||
.auth-foot { margin-top: 16px !important; text-align: center; }
|
||||
.form .btn-block { margin-top: 4px; }
|
||||
|
||||
/* ---------- 日历 ---------- */
|
||||
|
||||
.cal-page { max-width: 1400px; margin: 0 auto; }
|
||||
|
||||
.cal-head {
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
gap: 16px; flex-wrap: wrap; margin-bottom: 14px;
|
||||
}
|
||||
.cal-title { display: flex; align-items: center; gap: 10px; }
|
||||
.cal-title h1 { font-size: 20px; font-family: var(--mono); letter-spacing: 0.02em; }
|
||||
.cal-stats { display: flex; align-items: center; gap: 16px; font-size: 12px; color: var(--muted); flex-wrap: wrap; }
|
||||
.cal-stats em {
|
||||
font-family: var(--mono); font-style: normal; font-size: 16px;
|
||||
color: var(--ink); margin-right: 4px;
|
||||
}
|
||||
|
||||
.cal-body { display: grid; grid-template-columns: minmax(0, 1fr) 372px; gap: 16px; align-items: start; }
|
||||
|
||||
.cal-grid {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius);
|
||||
background: var(--surface);
|
||||
overflow: hidden;
|
||||
}
|
||||
.cal-dow {
|
||||
display: grid; grid-template-columns: repeat(7, 1fr);
|
||||
background: var(--paper);
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.cal-dow span {
|
||||
padding: 7px 0; text-align: center;
|
||||
font-size: 12px; color: var(--muted);
|
||||
}
|
||||
.cal-week { display: grid; grid-template-columns: repeat(7, 1fr); }
|
||||
|
||||
.cal-cell {
|
||||
position: relative;
|
||||
display: flex; flex-direction: column; gap: 3px;
|
||||
min-height: 112px; padding: 6px 7px 8px;
|
||||
border-right: 1px solid var(--line-2);
|
||||
border-bottom: 1px solid var(--line-2);
|
||||
color: var(--ink); text-decoration: none;
|
||||
transition: background 0.12s ease;
|
||||
}
|
||||
.cal-cell:nth-child(7n) { border-right: 0; }
|
||||
.cal-cell:hover { background: #f2f7f4; text-decoration: none; }
|
||||
.cal-cell.out { opacity: 0.4; }
|
||||
.cal-cell.weekend .dnum { color: var(--muted); }
|
||||
.cal-cell.sel { box-shadow: inset 0 0 0 2px var(--accent); z-index: 2; }
|
||||
.cal-cell.today .dnum {
|
||||
background: var(--accent); color: #fff;
|
||||
border-radius: 50%; width: 22px; height: 22px;
|
||||
display: inline-grid; place-items: center;
|
||||
}
|
||||
.cal-cell.has-due::after {
|
||||
content: ""; position: absolute; left: 6px; right: 6px; bottom: 3px;
|
||||
border-bottom: 1px dashed rgba(180, 35, 31, 0.45);
|
||||
}
|
||||
|
||||
.cal-cell.heat-1 { background: rgba(47, 93, 80, 0.045); }
|
||||
.cal-cell.heat-2 { background: rgba(47, 93, 80, 0.085); }
|
||||
.cal-cell.heat-3 { background: rgba(47, 93, 80, 0.13); }
|
||||
.cal-cell.heat-4 { background: rgba(47, 93, 80, 0.19); }
|
||||
.cal-cell.heat-0:hover, .cal-cell.heat-1:hover { background: #f2f7f4; }
|
||||
|
||||
.cell-top { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
|
||||
.dnum { font-family: var(--mono); font-size: 13px; font-weight: 700; line-height: 1.4; }
|
||||
.due-badge {
|
||||
display: inline-flex; align-items: baseline; gap: 2px;
|
||||
font-size: 10px; padding: 0 5px; line-height: 16px;
|
||||
background: var(--danger); color: #fff; border-radius: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.due-badge em { font-style: normal; opacity: 0.85; }
|
||||
.cell-load { font-family: var(--mono); font-size: 10px; color: var(--accent); }
|
||||
|
||||
.cell-tickets { display: flex; flex-direction: column; gap: 2px; margin-top: auto; overflow: hidden; }
|
||||
|
||||
.ticket {
|
||||
display: inline-flex; align-items: baseline; gap: 3px;
|
||||
max-width: 100%; min-width: 0;
|
||||
padding: 1px 5px;
|
||||
font-size: 10.5px; line-height: 16px;
|
||||
border-left: 3px solid var(--tag, var(--accent));
|
||||
background: color-mix(in srgb, var(--tag, var(--accent)) 11%, #fff);
|
||||
border-radius: 1px 2px 2px 1px;
|
||||
white-space: nowrap;
|
||||
color: var(--ink-2);
|
||||
}
|
||||
.ticket b { font-family: var(--mono); font-size: 11px; color: var(--ink); flex: 0 0 auto; }
|
||||
.ticket .tk-name { overflow: hidden; text-overflow: ellipsis; }
|
||||
.ticket i { font-style: normal; font-size: 9.5px; color: var(--muted); flex: 0 0 auto; }
|
||||
.ticket.done { opacity: 0.55; }
|
||||
.ticket.done::after { content: "✓"; color: var(--accent); font-size: 10px; }
|
||||
.ticket.skipped { opacity: 0.4; text-decoration: line-through; }
|
||||
.ticket.more { border-left-color: var(--line); background: var(--paper); color: var(--muted); }
|
||||
|
||||
/* ---------- 当日抽屉 ---------- */
|
||||
|
||||
.drawer {
|
||||
position: sticky; top: 72px;
|
||||
border: 1px solid var(--line); border-radius: var(--radius);
|
||||
background: var(--surface);
|
||||
max-height: calc(100vh - 100px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
.drawer-head {
|
||||
position: sticky; top: 0; z-index: 2;
|
||||
display: flex; align-items: center; justify-content: space-between; gap: 8px;
|
||||
padding: 12px 14px;
|
||||
background: var(--paper); border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.drawer-head h2 { font-size: 14px; font-family: var(--mono); }
|
||||
.drawer-tags { display: flex; gap: 4px; }
|
||||
.drawer-block { padding: 12px 14px; border-bottom: 1px solid var(--line-2); }
|
||||
.drawer-block:last-child { border-bottom: 0; }
|
||||
.drawer-block h3 {
|
||||
display: flex; align-items: center; gap: 6px;
|
||||
font-size: 12px; color: var(--ink-2); margin-bottom: 8px;
|
||||
text-transform: none; letter-spacing: 0.02em;
|
||||
}
|
||||
.drawer-block h3 em {
|
||||
font-family: var(--mono); font-style: normal; font-size: 11px;
|
||||
background: var(--paper); border: 1px solid var(--line);
|
||||
border-radius: 999px; padding: 0 6px; color: var(--muted);
|
||||
}
|
||||
.drawer-block p { margin: 0; font-size: 12px; }
|
||||
|
||||
.due-list, .task-list, .mini-due, .checkin-list { list-style: none; margin: 0; padding: 0; }
|
||||
|
||||
.due-list li {
|
||||
display: flex; align-items: center; justify-content: space-between; gap: 8px;
|
||||
padding: 6px 0; border-bottom: 1px dashed var(--line-2);
|
||||
}
|
||||
.due-list li:last-child { border-bottom: 0; }
|
||||
.due-main { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--ink); }
|
||||
.due-main .pkg, .task-meta .pkg { font-size: 11px; color: var(--muted); }
|
||||
.due-main .rem { font-family: var(--mono); font-size: 11px; color: var(--danger); }
|
||||
|
||||
.task { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 8px 0; border-bottom: 1px dashed var(--line-2); }
|
||||
.task:last-child { border-bottom: 0; }
|
||||
.task-main { min-width: 0; flex: 1 1 auto; }
|
||||
.task-title { display: flex; align-items: center; gap: 6px; color: var(--ink); }
|
||||
.task-meta { display: flex; gap: 6px; font-size: 11px; color: var(--muted); margin-top: 2px; }
|
||||
.task-note { font-size: 11px; color: var(--ink-2); margin-top: 2px; }
|
||||
.task-actions { display: flex; gap: 4px; align-items: center; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; max-width: 170px; }
|
||||
.task.done .task-title, .task.skipped .task-title { opacity: 0.5; }
|
||||
.task.skipped .task-title .ticket { text-decoration: line-through; }
|
||||
|
||||
.mini-due li { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; padding: 4px 0; font-size: 12px; }
|
||||
.sm-date { font-family: var(--mono); font-size: 11px; color: var(--muted); }
|
||||
|
||||
/* ---------- 状态标签 ---------- */
|
||||
|
||||
.chip {
|
||||
display: inline-flex; align-items: center;
|
||||
height: 20px; padding: 0 7px;
|
||||
font-size: 11px; line-height: 1;
|
||||
border-radius: 2px; border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chip-active { background: var(--accent-soft); color: var(--accent-ink); border-color: rgba(47, 93, 80, 0.2); }
|
||||
.chip-pending { background: var(--info-soft); color: var(--info); border-color: rgba(65, 85, 107, 0.2); }
|
||||
.chip-paused { background: var(--info-soft); color: var(--info); border-color: rgba(65, 85, 107, 0.2); }
|
||||
.chip-expired { background: var(--danger-soft); color: var(--danger); border-color: rgba(180, 35, 31, 0.22); }
|
||||
.chip-usedup { background: var(--warn-soft); color: var(--warn); border-color: rgba(168, 94, 18, 0.22); }
|
||||
.chip-closed { background: #f0efeb; color: var(--muted); border-color: var(--line); }
|
||||
.chip-plain { background: var(--paper); color: var(--ink-2); border-color: var(--line); }
|
||||
|
||||
.tagchip {
|
||||
display: inline-block; margin-right: 4px;
|
||||
padding: 0 6px; height: 19px; line-height: 19px;
|
||||
font-size: 11px; color: var(--ink-2);
|
||||
background: var(--paper); border: 1px solid var(--line); border-radius: 2px;
|
||||
}
|
||||
|
||||
.due { font-size: 11px; }
|
||||
.due-today { color: var(--danger); font-weight: 700; }
|
||||
.due-warn { color: var(--warn); }
|
||||
.due-expired { color: var(--muted); }
|
||||
.due-ok, .due-none { color: var(--muted); }
|
||||
.plus { color: var(--accent); font-family: var(--mono); }
|
||||
|
||||
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; vertical-align: 1px; }
|
||||
.dot.big { width: 12px; height: 12px; margin: 0; }
|
||||
|
||||
/* ---------- 表格 ---------- */
|
||||
|
||||
.table-wrap { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow-x: auto; }
|
||||
.table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||||
.table th {
|
||||
text-align: left; padding: 9px 12px;
|
||||
font-size: 11px; font-weight: 600; color: var(--muted);
|
||||
letter-spacing: 0.04em;
|
||||
background: var(--paper);
|
||||
border-bottom: 1px solid var(--line);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.table td { padding: 9px 12px; border-bottom: 1px solid var(--line-2); vertical-align: middle; }
|
||||
.table tbody tr:last-child td { border-bottom: 0; }
|
||||
.table tbody tr:hover { background: #fbfcfb; }
|
||||
.table.tight td, .table.tight th { padding: 7px 10px; }
|
||||
.table .col-dot { width: 28px; }
|
||||
.table tr.archived { opacity: 0.6; }
|
||||
.actions-cell { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
|
||||
|
||||
.tail {
|
||||
display: inline-block; font-family: var(--mono); font-size: 15px; font-weight: 700;
|
||||
color: var(--accent-ink); letter-spacing: 0.04em;
|
||||
}
|
||||
.name { font-weight: 600; color: var(--ink); }
|
||||
.summary { font-size: 12px; color: var(--ink-2); }
|
||||
|
||||
.pager { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; }
|
||||
.pager-info { font-size: 12px; color: var(--muted); font-family: var(--mono); }
|
||||
|
||||
.empty {
|
||||
display: flex; flex-direction: column; align-items: center; gap: 12px;
|
||||
padding: 56px 20px; text-align: center;
|
||||
border: 1px dashed var(--line); border-radius: var(--radius);
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
.empty p { margin: 0; color: var(--muted); font-size: 13px; }
|
||||
.empty-mark {
|
||||
width: 46px; height: 30px; display: grid; place-items: center;
|
||||
border: 1px solid var(--line); border-left: 4px solid var(--accent);
|
||||
background: var(--surface); color: var(--muted); font-size: 12px;
|
||||
transform: rotate(-4deg);
|
||||
}
|
||||
|
||||
/* ---------- 客户详情 ---------- */
|
||||
|
||||
.cust-head { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: start; margin-bottom: 16px; }
|
||||
.cust-id { display: flex; align-items: center; gap: 14px; }
|
||||
.cust-tail {
|
||||
font-family: var(--mono); font-size: 30px; font-weight: 700; line-height: 1;
|
||||
padding: 8px 12px;
|
||||
background: var(--surface); border: 1px solid var(--line);
|
||||
border-left: 4px solid var(--accent);
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
.cust-tags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
|
||||
.cust-meta { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; }
|
||||
.cust-meta dt { font-size: 11px; color: var(--muted); }
|
||||
.cust-meta dd { margin: 0; font-size: 12px; color: var(--ink-2); }
|
||||
|
||||
.section { margin-top: 22px; }
|
||||
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
|
||||
.section-head h2 { font-size: 14px; }
|
||||
.section-head .muted { font-size: 11px; }
|
||||
.section.card h2 { margin-bottom: 12px; }
|
||||
|
||||
.subgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 12px; }
|
||||
|
||||
.subcard {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--line);
|
||||
border-left: 4px solid var(--tag, var(--accent));
|
||||
border-radius: var(--radius);
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
.subcard-head { display: flex; align-items: center; gap: 6px; padding: 10px 12px 6px; }
|
||||
.subcard-head h3 { font-size: 13px; flex: 1 1 auto; }
|
||||
.subcard-head .unit { font-size: 10px; color: var(--muted); border: 1px solid var(--line); border-radius: 2px; padding: 0 4px; }
|
||||
.subcard-body { padding: 0 12px 10px; }
|
||||
.subcard-big { font-family: var(--mono); font-size: 20px; font-weight: 700; letter-spacing: 0.01em; }
|
||||
.subcard-meta { font-family: var(--mono); font-size: 11px; color: var(--muted); margin-top: 2px; }
|
||||
.bar { height: 5px; background: var(--line-2); border-radius: 999px; overflow: hidden; margin-top: 8px; }
|
||||
.bar i { display: block; height: 100%; background: var(--tag, var(--accent)); }
|
||||
.subcard-foot {
|
||||
display: flex; gap: 4px; flex-wrap: wrap;
|
||||
padding: 8px 12px; border-top: 1px dashed var(--line);
|
||||
background: #fcfcfa;
|
||||
}
|
||||
|
||||
.timeline { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 16px 16px 10px; }
|
||||
.tl-axis { position: relative; height: 18px; margin-left: 92px; margin-right: 150px; border-bottom: 1px solid var(--line-2); }
|
||||
.tl-tick { position: absolute; top: 0; font-family: var(--mono); font-size: 10px; color: var(--muted); transform: translateX(-50%); }
|
||||
.tl-row { display: grid; grid-template-columns: 84px 1fr 142px; gap: 8px; align-items: center; padding: 5px 0; }
|
||||
.tl-name { font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.tl-track { position: relative; height: 20px; background: var(--line-2); border-radius: 2px; }
|
||||
.tl-bar { position: absolute; top: 4px; height: 12px; background: var(--tag); border-radius: 2px; }
|
||||
.tl-bar.st-paused { opacity: 0.45; }
|
||||
.tl-bar.st-closed { background: var(--muted); opacity: 0.6; }
|
||||
.tl-pause {
|
||||
position: absolute; top: 4px; height: 12px;
|
||||
background: repeating-linear-gradient(135deg, #c9c7c0 0 4px, #e6e4dd 4px 8px);
|
||||
border-radius: 1px;
|
||||
}
|
||||
.tl-due { position: absolute; top: 1px; bottom: 1px; width: 2px; background: var(--danger); }
|
||||
.tl-legend { font-family: var(--mono); font-size: 10px; color: var(--muted); text-align: right; }
|
||||
|
||||
.checkin-list li { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px dashed var(--line-2); font-size: 12px; }
|
||||
.checkin-list li:last-child { border-bottom: 0; }
|
||||
|
||||
/* ---------- 追加面板 ---------- */
|
||||
|
||||
.extend {
|
||||
margin-top: 18px;
|
||||
border: 1px solid var(--accent);
|
||||
border-radius: var(--radius);
|
||||
background: var(--surface);
|
||||
box-shadow: 0 12px 32px -26px rgba(26, 28, 33, 0.8);
|
||||
scroll-margin-top: 80px;
|
||||
}
|
||||
.drawer .extend { margin: 12px 14px; }
|
||||
.extend-head {
|
||||
display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
|
||||
padding: 12px 14px;
|
||||
background: var(--accent-soft);
|
||||
border-bottom: 1px solid rgba(47, 93, 80, 0.2);
|
||||
}
|
||||
.extend-head h3 { font-size: 14px; }
|
||||
.extend-head p { margin: 2px 0 0; font-size: 11px; }
|
||||
.extend-close { font-size: 20px; line-height: 1; color: var(--ink-2); padding: 0 4px; }
|
||||
.extend-form { padding: 14px; }
|
||||
|
||||
.extend-preview {
|
||||
display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px;
|
||||
padding: 10px; margin-bottom: 10px;
|
||||
background: var(--paper); border: 1px dashed var(--line); border-radius: var(--radius);
|
||||
}
|
||||
.extend-preview div { display: flex; flex-direction: column; gap: 1px; }
|
||||
.extend-preview span { font-size: 10px; color: var(--muted); }
|
||||
.extend-preview b { font-family: var(--mono); font-size: 13px; font-weight: 600; }
|
||||
.extend-preview b i { font-style: normal; font-size: 18px; color: var(--accent); }
|
||||
.extend-preview .add b { color: var(--accent); }
|
||||
.extend-hint { margin: 0 0 10px; font-size: 11px; color: var(--muted); }
|
||||
|
||||
.minis { display: grid; grid-template-columns: repeat(auto-fit, minmax(196px, 1fr)); gap: 12px; margin-bottom: 12px; }
|
||||
.minimonth { border: 1px solid var(--line); border-radius: var(--radius); padding: 8px; }
|
||||
.minimonth-title { font-size: 11px; color: var(--ink-2); font-weight: 600; margin-bottom: 6px; text-align: center; }
|
||||
.minimonth-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
|
||||
.minimonth-grid .dow { text-align: center; font-size: 10px; color: var(--muted); }
|
||||
.miniday {
|
||||
height: 28px; border: 1px solid transparent; border-radius: 2px;
|
||||
background: transparent; font: inherit; font-size: 11px; font-family: var(--mono);
|
||||
color: var(--ink-2); cursor: pointer; padding: 0;
|
||||
}
|
||||
.miniday:hover:not(:disabled) { background: var(--accent-soft); border-color: rgba(47, 93, 80, 0.3); }
|
||||
.miniday.out { color: #c3c1ba; }
|
||||
.miniday.old { background: var(--warn-soft); border-color: rgba(168, 94, 18, 0.35); font-weight: 700; }
|
||||
.miniday.today { outline: 1px solid var(--accent); }
|
||||
.miniday.picked { background: var(--accent); color: #fff; border-color: var(--accent); font-weight: 700; }
|
||||
.miniday:disabled { color: #d6d4cc; cursor: not-allowed; }
|
||||
|
||||
/* ---------- 设置页杂项 ---------- */
|
||||
|
||||
.kv { display: grid; gap: 6px; margin: 0 0 14px; }
|
||||
.kv > div { display: grid; grid-template-columns: 88px 1fr; gap: 10px; align-items: baseline; }
|
||||
.kv dt { font-size: 11px; color: var(--muted); }
|
||||
.kv dd { margin: 0; font-size: 12px; word-break: break-all; }
|
||||
.backups { margin-top: 12px; font-size: 12px; }
|
||||
.backups summary { cursor: pointer; color: var(--ink-2); }
|
||||
.backups ul { margin: 8px 0 0; padding-left: 18px; color: var(--muted); }
|
||||
|
||||
.tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--line); margin-bottom: 14px; flex-wrap: wrap; }
|
||||
.tabs a {
|
||||
padding: 7px 12px; font-size: 13px; color: var(--ink-2);
|
||||
border-bottom: 2px solid transparent; margin-bottom: -1px;
|
||||
}
|
||||
.tabs a:hover { text-decoration: none; color: var(--ink); }
|
||||
.tabs a.on { color: var(--accent); border-bottom-color: var(--accent); font-weight: 600; }
|
||||
|
||||
/* ---------- 响应式 ---------- */
|
||||
|
||||
@media (max-width: 1180px) {
|
||||
.cal-body { grid-template-columns: 1fr; }
|
||||
.drawer { position: static; max-height: none; }
|
||||
.cust-head { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.topbar { height: auto; flex-wrap: wrap; padding: 8px 12px; gap: 8px; }
|
||||
.search { order: 3; flex-basis: 100%; max-width: none; }
|
||||
.nav { order: 4; flex-basis: 100%; overflow-x: auto; }
|
||||
.topbar-right { order: 2; margin-left: auto; }
|
||||
main { padding: 0 12px 32px; }
|
||||
.cal-grid { overflow-x: auto; }
|
||||
.cal-week, .cal-dow { min-width: 680px; }
|
||||
.cal-cell { min-height: 96px; }
|
||||
.grid-2, .grid-3 { grid-template-columns: 1fr; }
|
||||
.cust-tail { font-size: 24px; }
|
||||
.tl-row { grid-template-columns: 70px 1fr; }
|
||||
.tl-legend { display: none; }
|
||||
.tl-axis { margin-right: 0; }
|
||||
.extend-preview { grid-template-columns: 1fr 1fr; }
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.pill { display: none; }
|
||||
.cal-week, .cal-dow { min-width: 0; }
|
||||
.cal-cell { min-height: 64px; padding: 3px; }
|
||||
.dnum { font-size: 12px; }
|
||||
.due-badge { font-size: 9px; padding: 0 4px; line-height: 14px; }
|
||||
.due-badge em { display: none; }
|
||||
.cell-load { display: none; }
|
||||
.cell-tickets { display: none; }
|
||||
.task { flex-direction: column; }
|
||||
.task-actions { max-width: none; justify-content: flex-start; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
/* 代打台 · 交互增强（无框架，全部渐进增强） */
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
/* 提示条自动淡出 */
|
||||
document.querySelectorAll('[data-flash]').forEach(function (el) {
|
||||
setTimeout(function () {
|
||||
el.classList.add('hide');
|
||||
setTimeout(function () { el.remove(); }, 450);
|
||||
}, 4200);
|
||||
});
|
||||
|
||||
/* 按 / 聚焦搜索框 */
|
||||
document.addEventListener('keydown', function (e) {
|
||||
if (e.key !== '/' || e.metaKey || e.ctrlKey || e.altKey) return;
|
||||
var tag = (document.activeElement && document.activeElement.tagName) || '';
|
||||
if (/^(INPUT|TEXTAREA|SELECT)$/.test(tag)) return;
|
||||
var s = document.querySelector('[data-search]');
|
||||
if (s) { e.preventDefault(); s.focus(); s.select(); }
|
||||
});
|
||||
|
||||
/* 危险操作确认 */
|
||||
document.querySelectorAll('form[data-confirm]').forEach(function (f) {
|
||||
f.addEventListener('submit', function (e) {
|
||||
if (!window.confirm(f.getAttribute('data-confirm'))) e.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
/* 追加时长面板：点日历挑终止日 + 实时反算 */
|
||||
function parseDay(s) { return new Date(s + 'T00:00:00'); }
|
||||
function diffDays(a, b) { return Math.round((b.getTime() - a.getTime()) / 86400000); }
|
||||
|
||||
document.querySelectorAll('form[data-extend]').forEach(function (form) {
|
||||
var base = parseDay(form.getAttribute('data-base'));
|
||||
var today = parseDay(form.getAttribute('data-today'));
|
||||
var input = form.querySelector('[data-end-input]');
|
||||
var endLabel = form.querySelector('[data-end-label]');
|
||||
var daysEl = form.querySelector('[data-days]');
|
||||
var remainEl = form.querySelector('[data-remain]');
|
||||
var buttons = form.querySelectorAll('.miniday');
|
||||
if (!input) return;
|
||||
|
||||
function paint(date) {
|
||||
if (!date) return;
|
||||
var d = parseDay(date);
|
||||
input.value = date;
|
||||
if (endLabel) endLabel.textContent = date;
|
||||
var days = diffDays(base, d) + 1;
|
||||
if (daysEl) daysEl.textContent = days > 0 ? days : 0;
|
||||
var remain = diffDays(today, d) + 1;
|
||||
if (remainEl) remainEl.textContent = remain > 0 ? remain : 0;
|
||||
buttons.forEach(function (b) {
|
||||
b.classList.toggle('picked', b.getAttribute('data-date') === date);
|
||||
});
|
||||
}
|
||||
|
||||
buttons.forEach(function (b) {
|
||||
b.addEventListener('click', function () {
|
||||
if (!b.disabled) paint(b.getAttribute('data-date'));
|
||||
});
|
||||
});
|
||||
input.addEventListener('change', function () { paint(input.value); });
|
||||
if (input.value) paint(input.value);
|
||||
});
|
||||
|
||||
/* 新订阅表单：按套餐类型切换「天数 / 次数 / 终止日」 */
|
||||
document.querySelectorAll('form[data-sub-form]').forEach(function (form) {
|
||||
var sel = form.querySelector('[data-pkg-select]');
|
||||
var daysWrap = form.querySelector('[data-days-wrap]');
|
||||
var countWrap = form.querySelector('[data-count-wrap]');
|
||||
var endWrap = form.querySelector('[data-end-wrap]');
|
||||
if (!sel) return;
|
||||
|
||||
function sync() {
|
||||
var opt = sel.options[sel.selectedIndex];
|
||||
var unit = opt && opt.getAttribute('data-unit');
|
||||
var amount = opt && opt.getAttribute('data-amount');
|
||||
if (unit === 'count') {
|
||||
if (daysWrap) daysWrap.hidden = true;
|
||||
if (countWrap) { countWrap.hidden = false; if (amount) countWrap.querySelector('input').value = amount; }
|
||||
if (endWrap) endWrap.hidden = true;
|
||||
} else if (unit === 'day') {
|
||||
if (daysWrap) { daysWrap.hidden = false; if (amount) daysWrap.querySelector('input').value = amount; }
|
||||
if (countWrap) countWrap.hidden = true;
|
||||
if (endWrap) endWrap.hidden = false;
|
||||
} else {
|
||||
if (daysWrap) daysWrap.hidden = false;
|
||||
if (countWrap) countWrap.hidden = true;
|
||||
if (endWrap) endWrap.hidden = true;
|
||||
}
|
||||
}
|
||||
sel.addEventListener('change', sync);
|
||||
sync();
|
||||
});
|
||||
|
||||
/* 套餐表单：切换默认量单位文案 */
|
||||
document.querySelectorAll('form[data-package-form]').forEach(function (form) {
|
||||
var label = form.querySelector('[data-unit-label]');
|
||||
var radios = form.querySelectorAll('input[name="unit"]');
|
||||
function sync() {
|
||||
var v = 'day';
|
||||
radios.forEach(function (r) { if (r.checked) v = r.value; });
|
||||
if (label) label.textContent = v === 'count' ? '次' : '天';
|
||||
}
|
||||
radios.forEach(function (r) { r.addEventListener('change', sync); });
|
||||
sync();
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,9 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
|
||||
<rect width="64" height="64" rx="6" fill="#2F5D50"/>
|
||||
<rect x="6" y="14" width="52" height="36" rx="3" fill="none" stroke="#F7F6F2" stroke-width="3"/>
|
||||
<path d="M10 34h44" stroke="#F7F6F2" stroke-width="2" stroke-dasharray="4 4" opacity="0.55"/>
|
||||
<rect x="12" y="20" width="14" height="7" fill="#F7F6F2"/>
|
||||
<rect x="32" y="20" width="20" height="3" fill="#F7F6F2" opacity="0.8"/>
|
||||
<rect x="32" y="26" width="12" height="3" fill="#F7F6F2" opacity="0.5"/>
|
||||
<rect x="12" y="42" width="24" height="3" fill="#F7F6F2" opacity="0.7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 627 B |
@@ -0,0 +1,212 @@
|
||||
/* ============================================================
|
||||
代打台 · 可视化大屏（深色「记分板」）
|
||||
============================================================ */
|
||||
|
||||
:root {
|
||||
--bg: #070a0f;
|
||||
--panel: #0e141c;
|
||||
--panel-2: #121a24;
|
||||
--line: #1b2530;
|
||||
--ink: #e8eef2;
|
||||
--dim: #7d8b99;
|
||||
--mint: #35e0c6;
|
||||
--mint-dim: rgba(53, 224, 198, 0.14);
|
||||
--amber: #f5a524;
|
||||
--red: #f2555a;
|
||||
--mono: "Bahnschrift", "Consolas", "SF Mono", ui-monospace, monospace;
|
||||
--sans: "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
html, body { margin: 0; height: 100%; }
|
||||
|
||||
body.screen-body {
|
||||
background:
|
||||
radial-gradient(1200px 600px at 15% -10%, rgba(53, 224, 198, 0.07), transparent 60%),
|
||||
radial-gradient(900px 500px at 100% 0%, rgba(245, 165, 36, 0.05), transparent 55%),
|
||||
var(--bg);
|
||||
color: var(--ink);
|
||||
font-family: var(--sans);
|
||||
font-size: 14px;
|
||||
min-height: 100vh;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
a { color: var(--mint); text-decoration: none; }
|
||||
a:hover { opacity: 0.8; }
|
||||
|
||||
.scr {
|
||||
display: flex; flex-direction: column;
|
||||
min-height: 100vh;
|
||||
padding: clamp(12px, 1.4vw, 22px) clamp(14px, 1.8vw, 28px);
|
||||
gap: clamp(10px, 1.1vw, 16px);
|
||||
}
|
||||
|
||||
.scr-head { display: flex; align-items: center; gap: 16px; }
|
||||
.scr-brand {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
font-size: clamp(15px, 1.2vw, 19px); font-weight: 700; letter-spacing: 0.1em;
|
||||
}
|
||||
.scr-brand .mark {
|
||||
display: grid; place-items: center;
|
||||
width: 30px; height: 30px; border-radius: 3px;
|
||||
background: var(--mint); color: #04211d; font-size: 15px;
|
||||
box-shadow: 0 0 22px rgba(53, 224, 198, 0.45);
|
||||
}
|
||||
.scr-brand em { font-style: normal; color: var(--dim); font-weight: 400; letter-spacing: 0.24em; font-size: 0.7em; }
|
||||
|
||||
.scr-clock { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; }
|
||||
.scr-clock b {
|
||||
font-family: var(--mono); font-size: clamp(24px, 2.4vw, 36px);
|
||||
font-weight: 600; line-height: 1;
|
||||
color: var(--ink); letter-spacing: 0.04em;
|
||||
text-shadow: 0 0 22px rgba(53, 224, 198, 0.25);
|
||||
}
|
||||
.scr-clock span { font-family: var(--mono); font-size: 11px; color: var(--dim); letter-spacing: 0.1em; }
|
||||
.scr-links { font-size: 11px; color: var(--dim); }
|
||||
|
||||
/* KPI */
|
||||
.scr-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(8px, 0.9vw, 14px); }
|
||||
.kpi {
|
||||
position: relative; overflow: hidden;
|
||||
background: linear-gradient(180deg, var(--panel-2), var(--panel));
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 4px;
|
||||
padding: clamp(10px, 1vw, 16px) clamp(12px, 1.2vw, 20px);
|
||||
}
|
||||
.kpi::before {
|
||||
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
|
||||
background: var(--mint); opacity: 0.75;
|
||||
}
|
||||
.kpi-warm::before { background: var(--amber); }
|
||||
.kpi-hot::before { background: var(--red); }
|
||||
.kpi span { display: block; font-size: 11px; color: var(--dim); letter-spacing: 0.16em; }
|
||||
.kpi b {
|
||||
font-family: var(--mono); font-size: clamp(28px, 3.4vw, 52px); font-weight: 700;
|
||||
line-height: 1.15; letter-spacing: -0.01em;
|
||||
}
|
||||
.kpi i { font-style: normal; font-size: 11px; color: var(--dim); margin-left: 4px; }
|
||||
.kpi-hot b { color: var(--red); }
|
||||
.kpi-warm b { color: var(--amber); }
|
||||
|
||||
/* 主区 */
|
||||
.scr-main { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(10px, 1.1vw, 16px); flex: 1 1 auto; }
|
||||
.panel {
|
||||
background: var(--panel);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 4px;
|
||||
padding: clamp(10px, 1vw, 16px);
|
||||
display: flex; flex-direction: column; min-height: 0;
|
||||
}
|
||||
.panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
|
||||
.panel-head h2 {
|
||||
margin: 0; font-size: clamp(12px, 0.95vw, 14px); font-weight: 600; letter-spacing: 0.08em;
|
||||
color: var(--ink);
|
||||
}
|
||||
.panel-head h2::before {
|
||||
content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px;
|
||||
background: var(--mint); vertical-align: 2px;
|
||||
}
|
||||
.panel-head span { font-size: 11px; color: var(--dim); font-family: var(--mono); }
|
||||
|
||||
/* 热力月历 */
|
||||
.heat-grid { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; }
|
||||
.heat-dow, .heat-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
|
||||
.heat-row { flex: 1 1 0; min-height: 0; }
|
||||
.heat-dow { flex: 0 0 auto; }
|
||||
.heat-dow span { text-align: center; font-size: 10px; color: var(--dim); }
|
||||
.heat-cell {
|
||||
position: relative;
|
||||
display: flex; flex-direction: column; justify-content: space-between;
|
||||
min-height: 34px;
|
||||
padding: 5px 6px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 3px;
|
||||
background: #0a1017;
|
||||
}
|
||||
.heat-cell span { font-family: var(--mono); font-size: 10px; color: var(--dim); }
|
||||
.heat-cell b {
|
||||
align-self: flex-end; font-family: var(--mono); font-size: clamp(12px, 1.1vw, 16px);
|
||||
color: var(--mint); font-weight: 700;
|
||||
}
|
||||
.heat-cell.out { opacity: 0.28; }
|
||||
.heat-cell.today { border-color: var(--mint); box-shadow: 0 0 0 1px rgba(53, 224, 198, 0.35), 0 0 18px rgba(53, 224, 198, 0.16); }
|
||||
.heat-cell.h1 { background: rgba(53, 224, 198, 0.08); border-color: rgba(53, 224, 198, 0.22); }
|
||||
.heat-cell.h2 { background: rgba(53, 224, 198, 0.15); border-color: rgba(53, 224, 198, 0.3); }
|
||||
.heat-cell.h3 { background: rgba(53, 224, 198, 0.24); border-color: rgba(53, 224, 198, 0.42); }
|
||||
.heat-cell.h4 { background: rgba(53, 224, 198, 0.36); border-color: rgba(53, 224, 198, 0.6); }
|
||||
.heat-cell.h3 b, .heat-cell.h4 b { color: #eafffb; }
|
||||
.heat-legend { display: flex; align-items: center; gap: 5px; margin-top: 10px; font-size: 10px; color: var(--dim); flex: 0 0 auto; }
|
||||
.heat-legend i { width: 18px; height: 9px; border-radius: 2px; border: 1px solid #26313d; }
|
||||
.heat-legend .h0 { background: #0a1017; }
|
||||
.heat-legend .h1 { background: rgba(53, 224, 198, 0.16); }
|
||||
.heat-legend .h2 { background: rgba(53, 224, 198, 0.28); }
|
||||
.heat-legend .h3 { background: rgba(53, 224, 198, 0.42); }
|
||||
.heat-legend .h4 { background: rgba(53, 224, 198, 0.6); }
|
||||
|
||||
/* TOP10 */
|
||||
.top-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
|
||||
.top-item {
|
||||
display: grid; grid-template-columns: 22px auto 1fr auto auto;
|
||||
grid-template-areas: "rank tail name pkg remain" "rank bar bar bar bar";
|
||||
column-gap: 8px; row-gap: 3px;
|
||||
align-items: center;
|
||||
padding: 5px 8px;
|
||||
border-radius: 3px;
|
||||
background: #0a1017;
|
||||
border-left: 2px solid transparent;
|
||||
}
|
||||
.top-item .rank { grid-area: rank; font-family: var(--mono); font-size: 11px; color: var(--dim); }
|
||||
.top-tail { grid-area: tail; font-family: var(--mono); font-size: clamp(13px, 1.15vw, 17px); font-weight: 700; letter-spacing: 0.03em; }
|
||||
.top-name { grid-area: name; font-size: 12px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.top-pkg {
|
||||
grid-area: pkg; font-size: 10px; color: var(--dim);
|
||||
border-left: 2px solid var(--tag); padding-left: 5px;
|
||||
}
|
||||
.top-remain { grid-area: remain; font-family: var(--mono); font-size: 12px; color: var(--mint); }
|
||||
.top-bar { grid-area: bar; height: 3px; background: #16202b; border-radius: 999px; overflow: hidden; }
|
||||
.top-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--mint), rgba(53, 224, 198, 0.35)); }
|
||||
.top-item.lv-warn { border-left-color: var(--amber); }
|
||||
.top-item.lv-warn .top-remain { color: var(--amber); }
|
||||
.top-item.lv-warn .top-bar i { background: linear-gradient(90deg, var(--amber), rgba(245, 165, 36, 0.3)); }
|
||||
.top-item.lv-today, .top-item.lv-expired { border-left-color: var(--red); }
|
||||
.top-item.lv-today .top-remain, .top-item.lv-expired .top-remain { color: var(--red); }
|
||||
.top-item.lv-today .top-bar i, .top-item.lv-expired .top-bar i { background: linear-gradient(90deg, var(--red), rgba(242, 85, 90, 0.3)); }
|
||||
|
||||
/* 底部 */
|
||||
.scr-bottom { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(10px, 1.1vw, 16px); }
|
||||
.today-list, .recent-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; max-height: 22vh; overflow: hidden; }
|
||||
.today-list li {
|
||||
display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center;
|
||||
padding: 4px 6px; border-bottom: 1px solid rgba(27, 37, 48, 0.6);
|
||||
}
|
||||
.tchip {
|
||||
display: inline-flex; align-items: baseline; gap: 3px;
|
||||
padding: 1px 6px; font-size: 11px;
|
||||
border-left: 3px solid var(--tag);
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
border-radius: 1px 2px 2px 1px;
|
||||
}
|
||||
.tchip b { font-family: var(--mono); font-size: 12px; color: var(--ink); }
|
||||
.today-list .pkg, .recent-list .pkg { font-size: 11px; color: var(--dim); }
|
||||
.today-list .rem { font-family: var(--mono); font-size: 11px; color: var(--mint); }
|
||||
|
||||
.recent-list li { display: flex; align-items: center; gap: 8px; padding: 3px 4px; font-size: 11px; border-bottom: 1px solid rgba(27, 37, 48, 0.6); }
|
||||
.recent-list .time { color: var(--dim); font-size: 10px; }
|
||||
.recent-list .who b { font-family: var(--mono); font-size: 12px; margin-right: 4px; }
|
||||
.recent-list .plus { margin-left: auto; color: var(--mint); font-family: var(--mono); font-style: normal; }
|
||||
.recent-list .op { color: var(--dim); }
|
||||
|
||||
.scr-foot { font-size: 10px; color: #47535f; text-align: right; letter-spacing: 0.12em; }
|
||||
.scr-empty { margin: auto; color: var(--dim); font-size: 12px; text-align: center; }
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
.scr-kpis { grid-template-columns: repeat(2, 1fr); }
|
||||
.scr-main, .scr-bottom { grid-template-columns: 1fr; }
|
||||
.heat-cell { min-height: 34px; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* { animation: none !important; transition: none !important; }
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
/* 大屏：时钟 + 全屏快捷键 */
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
function pad(n) { return n < 10 ? '0' + n : '' + n; }
|
||||
|
||||
function tick() {
|
||||
var d = new Date();
|
||||
var clock = document.querySelector('[data-clock]');
|
||||
if (clock) clock.textContent = pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
|
||||
var dateEl = document.querySelector('[data-date]');
|
||||
if (dateEl) {
|
||||
dateEl.textContent = d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) +
|
||||
' 周' + '日一二三四五六'.charAt(d.getDay());
|
||||
}
|
||||
}
|
||||
tick();
|
||||
setInterval(tick, 1000);
|
||||
|
||||
document.addEventListener('keydown', function (e) {
|
||||
if (e.key === 'f' || e.key === 'F') {
|
||||
if (document.fullscreenElement) {
|
||||
document.exitFullscreen();
|
||||
} else if (document.documentElement.requestFullscreen) {
|
||||
document.documentElement.requestFullscreen();
|
||||
}
|
||||
}
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,41 @@
|
||||
{{define "layout"}}<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{.Title}} · 代打台</title>
|
||||
<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
|
||||
<link rel="stylesheet" href="/static/app.css">
|
||||
</head>
|
||||
<body>
|
||||
{{if .User}}
|
||||
<header class="topbar">
|
||||
<a class="brand" href="/calendar"><span class="brand-mark">代</span><span class="brand-name">代打台</span></a>
|
||||
<form class="search" action="/customers" method="get" role="search">
|
||||
<input type="search" name="q" value="{{.Query}}" placeholder="手机尾号 / 姓名 / 游戏名" aria-label="搜索客户" autocomplete="off" data-search>
|
||||
<kbd>/</kbd>
|
||||
</form>
|
||||
<nav class="nav">
|
||||
<a href="/calendar" class="{{if eq .Nav "calendar"}}on{{end}}">日历</a>
|
||||
<a href="/customers" class="{{if eq .Nav "customers"}}on{{end}}">客户</a>
|
||||
<a href="/subscriptions" class="{{if eq .Nav "subscriptions"}}on{{end}}">订阅</a>
|
||||
<a href="/packages" class="{{if eq .Nav "packages"}}on{{end}}">套餐</a>
|
||||
<a href="/screen" target="_blank" rel="noopener" class="nav-screen">大屏 ↗</a>
|
||||
</nav>
|
||||
<div class="topbar-right">
|
||||
<a class="pill pill-due" href="/subscriptions?state=due_today" title="今天到期的订阅">今日到期 <b>{{.DueToday}}</b></a>
|
||||
<a class="pill pill-warn" href="/subscriptions?state=due3" title="3 天内到期">3 天内 <b>{{.Due3}}</b></a>
|
||||
<div class="me">
|
||||
<a href="/settings">{{if .User.DisplayName}}{{.User.DisplayName}}{{else}}{{.User.Username}}{{end}}</a>
|
||||
<form method="post" action="/logout"><button type="submit" class="link-btn">退出</button></form>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{end}}
|
||||
{{if .Flash}}<div class="flash" data-flash>{{.Flash}}</div>{{end}}
|
||||
{{if .Error}}<div class="flash flash-error">{{.Error}}</div>{{end}}
|
||||
<main{{if .User}} class="with-top"{{end}}>{{template "content" .}}</main>
|
||||
{{if .User}}<footer class="foot">代打台 v{{.Version}} · <a href="/logs">操作日志</a> · <a href="/settings">设置</a> · <a href="/screen" target="_blank" rel="noopener">大屏</a></footer>{{end}}
|
||||
<script src="/static/app.js" defer></script>
|
||||
</body>
|
||||
</html>{{end}}
|
||||
@@ -0,0 +1,135 @@
|
||||
{{define "state-chip"}}<span class="chip chip-{{.StateClass}}">{{.StateLabel}}</span>{{end}}
|
||||
|
||||
{{define "pager"}}
|
||||
{{if gt .Pages 1}}
|
||||
<nav class="pager">
|
||||
{{if .Prev}}<a class="btn btn-sm" href="{{.Prev}}">← 上一页</a>{{else}}<span class="btn btn-sm disabled">← 上一页</span>{{end}}
|
||||
<span class="pager-info">{{.Page}} / {{.Pages}} 页 · 共 {{.Total}} 条</span>
|
||||
{{if .Next}}<a class="btn btn-sm" href="{{.Next}}">下一页 →</a>{{else}}<span class="btn btn-sm disabled">下一页 →</span>{{end}}
|
||||
</nav>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
{{define "empty"}}
|
||||
<div class="empty">
|
||||
<div class="empty-mark">票</div>
|
||||
<p>{{.Text}}</p>
|
||||
{{if .Action}}<a class="btn btn-primary" href="{{.Action}}">{{.ActionText}}</a>{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
{{define "sub-card"}}
|
||||
<article class="subcard" id="sub-{{.ID}}" style="--tag:{{.PackageColor}}">
|
||||
<div class="subcard-head">
|
||||
<span class="tag"></span>
|
||||
<h3>{{.PackageName}}</h3>
|
||||
{{template "state-chip" .}}
|
||||
<span class="unit">{{.UnitLabel}}</span>
|
||||
</div>
|
||||
<div class="subcard-body">
|
||||
<div class="subcard-big">{{.RemainText}}</div>
|
||||
<div class="subcard-meta">{{.PeriodText}}</div>
|
||||
{{if .DueText}}<div class="due due-{{.Eval.Level}}">{{.DueText}}</div>{{end}}
|
||||
<div class="bar"><i style="width:{{.Progress}}%"></i></div>
|
||||
</div>
|
||||
<div class="subcard-foot">
|
||||
{{if ne .Status "closed"}}
|
||||
{{if .CanCheckinToday}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/checkin">
|
||||
<input type="hidden" name="date" value="{{.Today}}">
|
||||
<input type="hidden" name="status" value="done">
|
||||
<button class="btn btn-sm">今日打卡</button>
|
||||
</form>
|
||||
{{end}}
|
||||
<a class="btn btn-primary btn-sm" href="?extend={{.ID}}#extend">{{if eq .Unit "day"}}追加时长{{else}}追加次数{{end}}</a>
|
||||
{{if eq .Status "active"}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/pause" data-confirm="暂停后剩余时长冻结，确认暂停？">
|
||||
<button class="btn btn-sm">暂停</button>
|
||||
</form>
|
||||
{{else if eq .Status "paused"}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/resume">
|
||||
<button class="btn btn-sm">恢复</button>
|
||||
</form>
|
||||
{{end}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/close" data-confirm="结束后该订阅不再出现在待打清单，确认结束？">
|
||||
<button class="btn btn-sm btn-ghost">结束</button>
|
||||
</form>
|
||||
{{else}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/reopen">
|
||||
<button class="btn btn-sm">重新启用</button>
|
||||
</form>
|
||||
{{end}}
|
||||
</div>
|
||||
</article>
|
||||
{{end}}
|
||||
|
||||
{{define "extend-panel"}}
|
||||
<section class="extend" id="extend" style="--tag:{{.Sub.PackageColor}}">
|
||||
<header class="extend-head">
|
||||
<div>
|
||||
<h3>给 {{.Sub.CustomerTail}} {{.Sub.CustomerName}} 追加{{if .IsDay}}时长{{else}}次数{{end}}</h3>
|
||||
<p class="muted">{{.Sub.PackageName}} · {{.View.RemainText}} · {{.View.PeriodText}}</p>
|
||||
</div>
|
||||
<a class="extend-close" href="{{.Back}}" aria-label="关闭">×</a>
|
||||
</header>
|
||||
{{if .IsDay}}
|
||||
<form method="post" action="/subscriptions/{{.Sub.ID}}/extend" class="extend-form"
|
||||
data-extend data-base="{{.Base}}" data-old-end="{{.OldEnd}}" data-today="{{.Today}}">
|
||||
<input type="hidden" name="back" value="{{.Back}}">
|
||||
<input type="hidden" name="new_end_date" value="{{.Suggested}}" data-end-input>
|
||||
<div class="extend-preview">
|
||||
<div><span>计算起点</span><b data-base-label>{{.Base}}</b></div>
|
||||
<div><span>原结束日</span><b>{{.OldEnd}}</b></div>
|
||||
<div><span>新结束日</span><b data-end-label>{{.Suggested}}</b></div>
|
||||
<div class="add"><span>本次追加</span><b><i data-days>{{.SuggestedDays}}</i> 天</b></div>
|
||||
<div><span>追加后剩余</span><b><i data-remain>—</i> 天</b></div>
|
||||
</div>
|
||||
<p class="extend-hint">在下面的日历上点选新的终止日期；未到期的订阅从原结束日次日起算，已到期的从今天起算。</p>
|
||||
<div class="minis">
|
||||
{{range .Months}}
|
||||
<div class="minimonth">
|
||||
<div class="minimonth-title">{{.Title}}</div>
|
||||
<div class="minimonth-grid">
|
||||
<span class="dow">一</span><span class="dow">二</span><span class="dow">三</span><span class="dow">四</span><span class="dow">五</span><span class="dow">六</span><span class="dow">日</span>
|
||||
{{range .Weeks}}{{range .}}
|
||||
<button type="button" class="miniday{{if not .InMonth}} out{{end}}{{if .IsOldEnd}} old{{end}}{{if .IsToday}} today{{end}}" data-date="{{.Date}}"{{if .Disabled}} disabled{{end}}>{{.Day}}</button>
|
||||
{{end}}{{end}}
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<label class="field"><span>备注</span>
|
||||
<input type="text" name="note" maxlength="120" placeholder="例如：微信转账 30 天 / 补送 3 天">
|
||||
</label>
|
||||
<div class="actions">
|
||||
<button type="submit" class="btn btn-primary">确认追加</button>
|
||||
<a class="btn" href="{{.Back}}">取消</a>
|
||||
</div>
|
||||
</form>
|
||||
{{else}}
|
||||
<form method="post" action="/subscriptions/{{.Sub.ID}}/extend" class="extend-form">
|
||||
<input type="hidden" name="back" value="{{.Back}}">
|
||||
<div class="extend-preview">
|
||||
<div><span>当前剩余</span><b>{{.View.RemainText}}</b></div>
|
||||
<div><span>已用 / 总数</span><b>{{.Sub.UsedCount}} / {{.Sub.TotalCount}}</b></div>
|
||||
{{if .Sub.EndDate}}<div><span>有效期至</span><b>{{.Sub.EndDate}}</b></div>{{end}}
|
||||
</div>
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>追加次数</span>
|
||||
<input type="number" name="add_count" min="1" max="10000" value="{{.DefaultAmount}}" required>
|
||||
</label>
|
||||
<label class="field"><span>新的有效期（留空不改）</span>
|
||||
<input type="date" name="new_end_opt">
|
||||
</label>
|
||||
</div>
|
||||
<label class="field"><span>备注</span>
|
||||
<input type="text" name="note" maxlength="120" placeholder="例如：加购 10 次副本">
|
||||
</label>
|
||||
<div class="actions">
|
||||
<button type="submit" class="btn btn-primary">确认追加</button>
|
||||
<a class="btn" href="{{.Back}}">取消</a>
|
||||
</div>
|
||||
</form>
|
||||
{{end}}
|
||||
</section>
|
||||
{{end}}
|
||||
@@ -0,0 +1,15 @@
|
||||
{{define "screenlayout"}}<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="refresh" content="{{.D.Refresh}}">
|
||||
<title>{{.Title}} · 代打台</title>
|
||||
<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
|
||||
<link rel="stylesheet" href="/static/screen.css">
|
||||
</head>
|
||||
<body class="screen-body">
|
||||
{{template "content" .}}
|
||||
<script src="/static/screen.js" defer></script>
|
||||
</body>
|
||||
</html>{{end}}
|
||||
@@ -0,0 +1,146 @@
|
||||
{{define "content"}}
|
||||
<div class="cal-page">
|
||||
<header class="cal-head">
|
||||
<div class="cal-title">
|
||||
<a class="btn btn-ghost btn-square" href="/calendar?y={{.D.PrevY}}&m={{.D.PrevM}}" aria-label="上个月">‹</a>
|
||||
<h1>{{.D.Title}}</h1>
|
||||
<a class="btn btn-ghost btn-square" href="/calendar?y={{.D.NextY}}&m={{.D.NextM}}" aria-label="下个月">›</a>
|
||||
<a class="btn btn-sm" href="/calendar">回到今天</a>
|
||||
</div>
|
||||
<div class="cal-stats">
|
||||
<span><em>{{.D.MonthDue}}</em>本月到期</span>
|
||||
<span><em>{{.D.MonthTasks}}</em>本月待打</span>
|
||||
<span><em>{{.D.MonthDone}}</em>已完成</span>
|
||||
<a class="btn btn-primary btn-sm" href="/customers/new">＋ 新建客户</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{if .D.NoPackages}}
|
||||
<div class="notice">还没有服务套餐，先去 <a href="/packages/new">新建套餐</a>，再给客户开通。</div>
|
||||
{{else if .D.NoCustomers}}
|
||||
<div class="notice">还没有客户，<a href="/customers/new">新建第一位客户</a>。</div>
|
||||
{{end}}
|
||||
|
||||
<div class="cal-body">
|
||||
<div class="cal-grid" role="grid">
|
||||
<div class="cal-dow" role="row">
|
||||
{{range .D.Weekdays}}<span>{{.}}</span>{{end}}
|
||||
</div>
|
||||
{{range .D.Weeks}}
|
||||
<div class="cal-week" role="row">
|
||||
{{range .}}
|
||||
<a class="cal-cell heat-{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}{{if .IsSelected}} sel{{end}}{{if .IsWeekend}} weekend{{end}}{{if .DueCount}} has-due{{end}}"
|
||||
href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{.Date}}" role="gridcell">
|
||||
<div class="cell-top">
|
||||
<span class="dnum">{{.Day}}</span>
|
||||
{{if .DueCount}}<span class="due-badge"><em>到期</em>{{.DueCount}}</span>{{end}}
|
||||
</div>
|
||||
{{if .TaskCount}}
|
||||
<div class="cell-load">{{.DoneCount}}/{{.TaskCount}} 单</div>
|
||||
{{end}}
|
||||
<div class="cell-tickets">
|
||||
{{range .Tickets}}
|
||||
<span class="ticket{{if .Done}} done{{end}}{{if .Skipped}} skipped{{end}}" style="--tag:{{.Color}}"><b>{{.Tail}}</b><span class="tk-name">{{.Name}}</span><i>{{.Pkg}}</i></span>
|
||||
{{end}}
|
||||
{{if gt .More 0}}<span class="ticket more">+{{.More}}</span>{{end}}
|
||||
</div>
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<aside class="drawer">
|
||||
<header class="drawer-head">
|
||||
<h2>{{.D.SelectedLabel}}</h2>
|
||||
<div class="drawer-tags">
|
||||
{{if .D.SelectedIsToday}}<span class="chip chip-active">今天</span>{{end}}
|
||||
{{if .D.SelectedIsPast}}<span class="chip chip-closed">已过去</span>{{end}}
|
||||
<span class="chip chip-plain">{{len .D.Tasks}} 待打</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="drawer-block">
|
||||
<h3>这天到期 <em>{{len .D.Due}}</em></h3>
|
||||
{{if .D.Due}}
|
||||
<ul class="due-list">
|
||||
{{range .D.Due}}
|
||||
<li>
|
||||
<a class="due-main" href="/customers/{{.CustomerID}}">
|
||||
<span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
|
||||
<span class="pkg">{{.PackageName}}</span>
|
||||
<span class="rem">{{.RemainShort}}</span>
|
||||
</a>
|
||||
<a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&extend={{.ID}}#extend">追加</a>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}<p class="muted">没有到期订阅。</p>{{end}}
|
||||
</section>
|
||||
|
||||
<section class="drawer-block">
|
||||
<h3>当日待打 <em>{{len .D.Tasks}}</em></h3>
|
||||
{{if .D.Tasks}}
|
||||
<ul class="task-list">
|
||||
{{range .D.Tasks}}
|
||||
<li class="task{{if .Done}} done{{end}}{{if .Skipped}} skipped{{end}}">
|
||||
<div class="task-main">
|
||||
<a class="task-title" href="/customers/{{.CustomerID}}">
|
||||
<span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
|
||||
<span class="pkg">{{.PackageName}}</span>
|
||||
</a>
|
||||
<div class="task-meta">
|
||||
<span>{{.RemainText}}</span>
|
||||
{{if .DueText}}<span class="due due-{{.Eval.Level}}">{{.DueText}}</span>{{end}}
|
||||
</div>
|
||||
{{if .Note}}<div class="task-note">{{.Note}}{{if .Operator}} · {{.Operator}}{{end}}</div>{{end}}
|
||||
</div>
|
||||
<div class="task-actions">
|
||||
{{if or .Done .Skipped}}
|
||||
<span class="chip {{if .Done}}chip-active{{else}}chip-paused{{end}}">{{if .Done}}已完成{{else}}已跳过{{end}}</span>
|
||||
<form method="post" action="/checkins/{{.CheckinID}}/delete">
|
||||
<input type="hidden" name="back" value="{{$.D.Back}}">
|
||||
<button class="btn btn-sm btn-ghost">撤销</button>
|
||||
</form>
|
||||
{{else}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/checkin">
|
||||
<input type="hidden" name="date" value="{{$.D.Selected}}">
|
||||
<input type="hidden" name="status" value="done">
|
||||
<input type="hidden" name="back" value="{{$.D.Back}}">
|
||||
<button class="btn btn-sm btn-primary">完成</button>
|
||||
</form>
|
||||
<form method="post" action="/subscriptions/{{.ID}}/checkin">
|
||||
<input type="hidden" name="date" value="{{$.D.Selected}}">
|
||||
<input type="hidden" name="status" value="skipped">
|
||||
<input type="hidden" name="back" value="{{$.D.Back}}">
|
||||
<button class="btn btn-sm btn-ghost">跳过</button>
|
||||
</form>
|
||||
{{end}}
|
||||
<a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&extend={{.ID}}#extend">追加</a>
|
||||
</div>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}<p class="muted">这天没有待打任务。</p>{{end}}
|
||||
</section>
|
||||
|
||||
{{if .D.Extend}}{{template "extend-panel" .D.Extend}}{{end}}
|
||||
|
||||
<section class="drawer-block">
|
||||
<h3>近 7 天到期</h3>
|
||||
{{if .D.OtherDue}}
|
||||
<ul class="mini-due">
|
||||
{{range .D.OtherDue}}
|
||||
<li>
|
||||
<a href="/customers/{{.CustomerID}}"><span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span></a>
|
||||
<span class="muted">{{.PackageName}}</span>
|
||||
<span class="sm-date">{{.EndDate}}</span>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}<p class="muted">7 天内没有其它到期。</p>{{end}}
|
||||
</section>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,152 @@
|
||||
{{define "content"}}
|
||||
<div class="page">
|
||||
<header class="cust-head">
|
||||
<div class="cust-id">
|
||||
<span class="cust-tail">{{.D.Customer.Tail}}</span>
|
||||
<div>
|
||||
<h1>{{.D.Customer.Name}}</h1>
|
||||
<div class="cust-tags">
|
||||
{{range .D.Customer.TagList}}<span class="tagchip">{{.}}</span>{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<dl class="cust-meta">
|
||||
{{if .D.Customer.GameName}}<div><dt>游戏</dt><dd>{{.D.Customer.GameName}}</dd></div>{{end}}
|
||||
{{if .D.Customer.GameServer}}<div><dt>区服</dt><dd>{{.D.Customer.GameServer}}</dd></div>{{end}}
|
||||
{{if .D.Customer.Contact}}<div><dt>联系</dt><dd>{{.D.Customer.Contact}}</dd></div>{{end}}
|
||||
{{if .D.Customer.Source}}<div><dt>来源</dt><dd>{{.D.Customer.Source}}</dd></div>{{end}}
|
||||
<div><dt>建档</dt><dd>{{.D.Customer.CreatedAt}}</dd></div>
|
||||
</dl>
|
||||
<div class="page-actions">
|
||||
<a class="btn" href="/customers/{{.D.Customer.ID}}/edit">编辑资料</a>
|
||||
<a class="btn btn-ghost" href="/customers">返回列表</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{if .D.Customer.Note}}<div class="notice note">{{.D.Customer.Note}}</div>{{end}}
|
||||
|
||||
<section class="section">
|
||||
<div class="section-head">
|
||||
<h2>订阅</h2>
|
||||
<span class="muted">同一套餐只能有一条订阅，需要更多时长请用「追加」</span>
|
||||
</div>
|
||||
{{if .D.Subs}}
|
||||
<div class="subgrid">
|
||||
{{range .D.Subs}}{{template "sub-card" .}}{{end}}
|
||||
</div>
|
||||
{{else}}
|
||||
<p class="muted">还没有订阅。用下面的表单为他开通第一个套餐。</p>
|
||||
{{end}}
|
||||
|
||||
{{if .D.Packages}}
|
||||
<form method="post" action="/customers/{{.D.Customer.ID}}/subscriptions" class="inline-form" data-sub-form>
|
||||
<select name="package_id" required data-pkg-select>
|
||||
<option value="">选择套餐…</option>
|
||||
{{range .D.Packages}}
|
||||
<option value="{{.ID}}" data-unit="{{.Unit}}" data-amount="{{.DefaultAmount}}"{{if .Archived}} disabled{{end}}>
|
||||
{{.Name}} · {{.UnitLabel}} {{.DefaultAmount}}{{if eq .Unit "day"}}天{{else}}次{{end}}{{if .Archived}}（已归档）{{end}}
|
||||
</option>
|
||||
{{end}}
|
||||
</select>
|
||||
<label class="inline-field">开始日
|
||||
<input type="date" name="start_date" value="{{.TodayStr}}" required>
|
||||
</label>
|
||||
<label class="inline-field" data-days-wrap>{{/* 默认显示 */}}
|
||||
天数 <input type="number" name="days" min="1" max="3650" value="30">
|
||||
</label>
|
||||
<label class="inline-field" data-count-wrap hidden>
|
||||
次数 <input type="number" name="total_count" min="1" max="10000" value="10">
|
||||
</label>
|
||||
<label class="inline-field" data-end-wrap>
|
||||
终止日（可留空）<input type="date" name="end_date">
|
||||
</label>
|
||||
<button class="btn btn-primary" type="submit">开通订阅</button>
|
||||
</form>
|
||||
{{else}}
|
||||
<p class="muted">还没有可用套餐，<a href="/packages/new">先新建套餐</a>。</p>
|
||||
{{end}}
|
||||
</section>
|
||||
|
||||
{{if .D.Extend}}{{template "extend-panel" .D.Extend}}{{end}}
|
||||
|
||||
{{if .D.Timeline}}
|
||||
<section class="section">
|
||||
<div class="section-head">
|
||||
<h2>时间轴</h2>
|
||||
<span class="muted">{{.D.Timeline.Start}} → {{.D.Timeline.End}} · 灰色为暂停段</span>
|
||||
</div>
|
||||
<div class="timeline">
|
||||
<div class="tl-axis">
|
||||
{{range .D.Timeline.Ticks}}<span class="tl-tick" style="left:{{pct .Left}}%">{{.Label}}</span>{{end}}
|
||||
</div>
|
||||
{{range .D.Timeline.Bars}}
|
||||
<div class="tl-row">
|
||||
<span class="tl-name">{{.Name}}</span>
|
||||
<div class="tl-track">
|
||||
<i class="tl-bar st-{{.State}}" style="--tag:{{.Color}};left:{{pct .Left}}%;width:{{pct .Width}}%"></i>
|
||||
{{range .Pauses}}<u class="tl-pause" style="left:{{pct .Left}}%;width:{{pct .Width}}%"></u>{{end}}
|
||||
{{if .HasDue}}<em class="tl-due" style="left:{{pct .DueLeft}}%"></em>{{end}}
|
||||
</div>
|
||||
<span class="tl-legend">{{.Label}}</span>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
|
||||
<section class="section">
|
||||
<div class="section-head">
|
||||
<h2>服务时长追加记录</h2>
|
||||
<span class="muted">每次追加都留痕，可作为对账依据</span>
|
||||
</div>
|
||||
{{if .D.Adjustments}}
|
||||
<div class="table-wrap">
|
||||
<table class="table tight">
|
||||
<thead>
|
||||
<tr><th>时间</th><th>套餐</th><th>类型</th><th>计算起点</th><th>结束日变化</th><th>增量</th><th>备注</th><th>操作人</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .D.Adjustments}}
|
||||
<tr>
|
||||
<td class="mono small">{{.CreatedAt}}</td>
|
||||
<td><span class="dot" style="background:{{index $.D.AdjSubColor .SubID}}"></span>{{index $.D.AdjSubName .SubID}}</td>
|
||||
<td>{{.KindLabel}}</td>
|
||||
<td class="mono small">{{if .BaseDate}}{{.BaseDate}}{{else}}—{{end}}</td>
|
||||
<td class="mono small">{{if .OldEndDate}}{{.OldEndDate}} → {{end}}{{if .NewEndDate}}{{.NewEndDate}}{{else}}—{{end}}</td>
|
||||
<td class="mono">
|
||||
{{if gt .DaysAdded 0}}<span class="plus">+{{.DaysAdded}} 天</span>{{end}}
|
||||
{{if gt .CountAdded 0}}<span class="plus">+{{.CountAdded}} 次</span>{{end}}
|
||||
{{if and (le .DaysAdded 0) (le .CountAdded 0)}}—{{end}}
|
||||
</td>
|
||||
<td class="small">{{if .Note}}{{.Note}}{{else}}—{{end}}</td>
|
||||
<td class="small">{{if .OperatorName}}{{.OperatorName}}{{else}}—{{end}}</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{else}}<p class="muted">还没有追加记录。</p>{{end}}
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="section-head">
|
||||
<h2>打卡历史</h2>
|
||||
<span class="muted">最近 30 条</span>
|
||||
</div>
|
||||
{{if .D.Checkins}}
|
||||
<ul class="checkin-list">
|
||||
{{range .D.Checkins}}
|
||||
<li>
|
||||
<span class="mono">{{.ServiceDate}}</span>
|
||||
<span class="dot" style="background:{{.SubColor}}"></span>
|
||||
<span>{{.SubName}}</span>
|
||||
<span class="chip {{if eq .Status "done"}}chip-active{{else}}chip-paused{{end}}">{{if eq .Status "done"}}完成{{else}}跳过{{end}}</span>
|
||||
{{if .Note}}<span class="muted small">{{.Note}}</span>{{end}}
|
||||
<span class="muted small">{{if .OperatorName}}{{.OperatorName}}{{end}}</span>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}<p class="muted">还没有打卡记录。</p>{{end}}
|
||||
</section>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,48 @@
|
||||
{{define "content"}}
|
||||
<div class="page narrow">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>{{if .D.IsNew}}新建客户{{else}}编辑客户{{end}}</h1>
|
||||
<p class="muted">手机尾号 + 客户名 唯一；尾号是日常查询的主键。</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<form method="post" class="form card"
|
||||
action="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}/edit{{end}}">
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>手机尾号 <i>*</i></span>
|
||||
<input name="tail" value="{{.D.Customer.Tail}}" required maxlength="8" placeholder="例如 1234" autofocus>
|
||||
</label>
|
||||
<label class="field"><span>客户名 <i>*</i></span>
|
||||
<input name="name" value="{{.D.Customer.Name}}" required maxlength="32" placeholder="例如 老张">
|
||||
</label>
|
||||
</div>
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>游戏名</span>
|
||||
<input name="game_name" value="{{.D.Customer.GameName}}" maxlength="32" placeholder="例如 王者荣耀">
|
||||
</label>
|
||||
<label class="field"><span>区服 / UID</span>
|
||||
<input name="game_server" value="{{.D.Customer.GameServer}}" maxlength="32" placeholder="例如 微信区 123456">
|
||||
</label>
|
||||
</div>
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>联系方式</span>
|
||||
<input name="contact" value="{{.D.Customer.Contact}}" maxlength="64" placeholder="微信 / QQ">
|
||||
</label>
|
||||
<label class="field"><span>来源渠道</span>
|
||||
<input name="source" value="{{.D.Customer.Source}}" maxlength="32" placeholder="抖音 / 朋友介绍">
|
||||
</label>
|
||||
</div>
|
||||
<label class="field"><span>标签</span>
|
||||
<input name="tags" value="{{.D.Customer.Tags}}" maxlength="120" placeholder="老客户,包月,难缠（逗号分隔）">
|
||||
</label>
|
||||
<label class="field"><span>备注</span>
|
||||
<textarea name="note" rows="3" maxlength="500" placeholder="打法偏好、沟通记录等">{{.D.Customer.Note}}</textarea>
|
||||
</label>
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="submit">保存</button>
|
||||
<a class="btn" href="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}{{end}}">取消</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,58 @@
|
||||
{{define "content"}}
|
||||
<div class="page">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>客户</h1>
|
||||
<p class="muted">共 {{.D.Total}} 位 · 输入手机尾号可快速定位</p>
|
||||
</div>
|
||||
<div class="page-actions">
|
||||
<a class="btn btn-primary" href="/customers/new">＋ 新建客户</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<form class="filterbar" method="get" action="/customers">
|
||||
<input type="search" name="q" value="{{.D.Q}}" placeholder="手机尾号 / 姓名 / 游戏名 / 联系方式" autocomplete="off">
|
||||
<button class="btn" type="submit">搜索</button>
|
||||
{{if .D.Q}}<a class="btn btn-ghost" href="/customers">清除</a>{{end}}
|
||||
</form>
|
||||
|
||||
{{if .D.List}}
|
||||
<div class="table-wrap">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr><th>尾号</th><th>客户</th><th>联系方式</th><th>订阅与剩余</th><th>标签</th><th></th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .D.List}}
|
||||
<tr>
|
||||
<td><a class="tail" href="/customers/{{.ID}}">{{.Tail}}</a></td>
|
||||
<td>
|
||||
<a class="name" href="/customers/{{.ID}}">{{.Name}}</a>
|
||||
{{if .GameName}}<div class="muted small">{{.GameName}}{{if .GameServer}} · {{.GameServer}}{{end}}</div>{{end}}
|
||||
</td>
|
||||
<td class="muted small">{{if .Contact}}{{.Contact}}{{else}}—{{end}}</td>
|
||||
<td>
|
||||
<span class="summary due-{{.Level}}">{{.Summary}}</span>
|
||||
</td>
|
||||
<td>{{range .TagList}}<span class="tagchip">{{.}}</span>{{end}}</td>
|
||||
<td class="right"><a class="btn btn-sm" href="/customers/{{.ID}}">详情</a></td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{template "pager" .D.Pager}}
|
||||
{{else}}
|
||||
<div class="empty">
|
||||
<div class="empty-mark">票</div>
|
||||
{{if .D.Q}}
|
||||
<p>没有匹配「{{.D.Q}}」的客户。</p>
|
||||
<a class="btn" href="/customers">看全部客户</a>
|
||||
{{else}}
|
||||
<p>还没有客户。先建一位，再给他开套餐。</p>
|
||||
<a class="btn btn-primary" href="/customers/new">＋ 新建客户</a>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,20 @@
|
||||
{{define "content"}}
|
||||
<div class="auth">
|
||||
<div class="auth-card">
|
||||
<div class="auth-brand"><span class="brand-mark">代</span><span>代打台</span></div>
|
||||
<h1>登录</h1>
|
||||
<p class="muted">所有账户均为管理员，任何操作都会留痕。</p>
|
||||
<form method="post" action="/login" class="form">
|
||||
<input type="hidden" name="next" value="{{.Next}}">
|
||||
<label class="field"><span>用户名</span>
|
||||
<input type="text" name="username" required autofocus autocomplete="username">
|
||||
</label>
|
||||
<label class="field"><span>密码</span>
|
||||
<input type="password" name="password" required autocomplete="current-password">
|
||||
</label>
|
||||
<button type="submit" class="btn btn-primary btn-block">登录</button>
|
||||
</form>
|
||||
<p class="auth-foot muted">代打台 · 单文件部署 · 数据只在本机</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,39 @@
|
||||
{{define "content"}}
|
||||
<div class="page">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>操作日志</h1>
|
||||
<p class="muted">共 {{.D.Total}} 条 · 谁在什么时候改了什么，都在这里</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<form class="filterbar" method="get" action="/logs">
|
||||
<input type="search" name="q" value="{{.D.Q}}" placeholder="搜索摘要 / 动作 / 操作人" autocomplete="off">
|
||||
<button class="btn" type="submit">搜索</button>
|
||||
{{if .D.Q}}<a class="btn btn-ghost" href="/logs">清除</a>{{end}}
|
||||
</form>
|
||||
|
||||
{{if .D.List}}
|
||||
<div class="table-wrap">
|
||||
<table class="table tight">
|
||||
<thead><tr><th>时间</th><th>操作人</th><th>动作</th><th>对象</th><th>摘要</th><th>IP</th></tr></thead>
|
||||
<tbody>
|
||||
{{range .D.List}}
|
||||
<tr>
|
||||
<td class="mono small">{{.CreatedAt}}</td>
|
||||
<td>{{if .OperatorName}}{{.OperatorName}}{{else}}系统{{end}}</td>
|
||||
<td><span class="chip chip-plain">{{.Action}}</span></td>
|
||||
<td class="small muted">{{if .Entity}}{{.Entity}}{{if .EntityID}} #{{.EntityID}}{{end}}{{else}}—{{end}}</td>
|
||||
<td class="small">{{.Summary}}</td>
|
||||
<td class="mono small muted">{{.IP}}</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{template "pager" .D.Pager}}
|
||||
{{else}}
|
||||
<div class="empty"><div class="empty-mark">票</div><p>没有符合条件的日志。</p></div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,57 @@
|
||||
{{define "content"}}
|
||||
<div class="page narrow">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>{{if .D.IsNew}}新增套餐{{else}}编辑套餐{{end}}</h1>
|
||||
<p class="muted">按日套餐用起止日期计算剩余天数；按次套餐记录剩余次数。</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<form method="post" class="form card" data-package-form
|
||||
action="{{if .D.IsNew}}/packages{{else}}/packages/{{.D.Package.ID}}/edit{{end}}">
|
||||
<label class="field"><span>套餐名称 <i>*</i></span>
|
||||
<input name="name" required maxlength="32" value="{{.D.Package.Name}}" placeholder="例如 包月日常 / 赛季深渊 / 10 次副本">
|
||||
</label>
|
||||
|
||||
<fieldset class="field">
|
||||
<span>计费方式 <i>*</i></span>
|
||||
<div class="radios">
|
||||
<label><input type="radio" name="unit" value="day"{{if eq .D.Package.Unit "day"}} checked{{end}}>
|
||||
<b>按日</b><small>有开始日与结束日，每天一条待打任务，可打卡</small></label>
|
||||
<label><input type="radio" name="unit" value="count"{{if eq .D.Package.Unit "count"}} checked{{end}}>
|
||||
<b>按次</b><small>记录剩余次数，排期完成时自动扣 1 次，有效期可选</small></label>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>默认量 <i>*</i></span>
|
||||
<div class="input-suffix">
|
||||
<input type="number" name="default_amount" min="1" max="10000" value="{{.D.Package.DefaultAmount}}" required>
|
||||
<b data-unit-label>{{if eq .D.Package.Unit "count"}}次{{else}}天{{end}}</b>
|
||||
</div>
|
||||
</label>
|
||||
<label class="field"><span>参考价（元，可空）</span>
|
||||
<input type="number" name="price" min="0" step="1" value="{{if .D.Package.HasPrice}}{{money .D.Package.PriceCents}}{{end}}" placeholder="例如 300">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>日历色签</span>
|
||||
<input type="color" name="color" value="{{.D.Package.Color}}">
|
||||
</label>
|
||||
<label class="field"><span>排序（小的靠前）</span>
|
||||
<input type="number" name="sort_order" value="{{.D.Package.SortOrder}}">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<label class="field"><span>说明</span>
|
||||
<textarea name="note" rows="2" maxlength="200" placeholder="套餐包含什么、怎么个打法">{{.D.Package.Note}}</textarea>
|
||||
</label>
|
||||
|
||||
<div class="actions">
|
||||
<button class="btn btn-primary" type="submit">保存</button>
|
||||
<a class="btn" href="/packages">取消</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,49 @@
|
||||
{{define "content"}}
|
||||
<div class="page">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>套餐</h1>
|
||||
<p class="muted">新增套餐只需加一行配置，不会影响任何已有客户与订阅</p>
|
||||
</div>
|
||||
<div class="page-actions"><a class="btn btn-primary" href="/packages/new">＋ 新增套餐</a></div>
|
||||
</header>
|
||||
|
||||
{{if .D.List}}
|
||||
<div class="table-wrap">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr><th class="col-dot"></th><th>名称</th><th>类型</th><th>默认量</th><th>参考价</th><th>订阅中 / 总数</th><th>状态</th><th></th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .D.List}}
|
||||
<tr{{if .Archived}} class="archived"{{end}}>
|
||||
<td><span class="dot big" style="background:{{.Color}}"></span></td>
|
||||
<td>
|
||||
<b>{{.Name}}</b>
|
||||
{{if .Note}}<div class="muted small">{{.Note}}</div>{{end}}
|
||||
</td>
|
||||
<td>{{.UnitLabel}}</td>
|
||||
<td class="mono">{{.DefaultAmount}}{{if eq .Unit "day"}} 天{{else}} 次{{end}}</td>
|
||||
<td class="mono">{{if .HasPrice}}¥{{money .PriceCents}}{{else}}—{{end}}</td>
|
||||
<td class="mono">{{.ActiveCount}} / {{.SubCount}}</td>
|
||||
<td>{{if .Archived}}<span class="chip chip-closed">已归档</span>{{else}}<span class="chip chip-active">启用中</span>{{end}}</td>
|
||||
<td class="actions-cell">
|
||||
<a class="btn btn-sm" href="/packages/{{.ID}}/edit">编辑</a>
|
||||
<form method="post" action="/packages/{{.ID}}/archive"{{if not .Archived}} data-confirm="归档后不能再新建该套餐的订阅，已有订阅不受影响。继续？"{{end}}>
|
||||
<button class="btn btn-sm btn-ghost">{{if .Archived}}恢复{{else}}归档{{end}}</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="empty">
|
||||
<div class="empty-mark">票</div>
|
||||
<p>还没有套餐。先建「包月日常」这类常用套餐，之后客户开通就一键完成。</p>
|
||||
<a class="btn btn-primary" href="/packages/new">＋ 新增套餐</a>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,113 @@
|
||||
{{define "content"}}
|
||||
<div class="scr">
|
||||
<header class="scr-head">
|
||||
<div class="scr-brand"><span class="mark">代</span>代打台<em>控制台</em></div>
|
||||
<div class="scr-clock"><b data-clock>--:--:--</b><span data-date></span></div>
|
||||
<div class="scr-links">每 {{.D.Refresh}} 秒刷新 · <a href="/calendar">进入工作台</a></div>
|
||||
</header>
|
||||
|
||||
<section class="scr-kpis">
|
||||
<div class="kpi">
|
||||
<span>客户</span><b>{{.D.Stats.Customers}}</b><i>位</i>
|
||||
</div>
|
||||
<div class="kpi">
|
||||
<span>活跃订阅</span><b>{{.D.Stats.ActiveSubs}}</b><i>条</i>
|
||||
</div>
|
||||
<div class="kpi kpi-hot">
|
||||
<span>今日到期</span><b>{{.D.Stats.DueToday}}</b><i>条</i>
|
||||
</div>
|
||||
<div class="kpi kpi-warm">
|
||||
<span>7 天内到期</span><b>{{.D.Stats.Due7}}</b><i>条</i>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="scr-main">
|
||||
<div class="panel panel-cal">
|
||||
<div class="panel-head">
|
||||
<h2>到期热力</h2>
|
||||
<span>{{.D.MonthTitle}} · 本月 {{.D.Stats.MonthDue}} 条到期</span>
|
||||
</div>
|
||||
<div class="heat-grid">
|
||||
<div class="heat-dow">{{range .D.Weekdays}}<span>{{.}}</span>{{end}}</div>
|
||||
{{range .D.Weeks}}
|
||||
<div class="heat-row">
|
||||
{{range .}}
|
||||
<div class="heat-cell h{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}">
|
||||
<span>{{.Day}}</span>
|
||||
{{if .Due}}<b>{{.Due}}</b>{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<div class="heat-legend">
|
||||
<span>到期数</span><i class="h0"></i><i class="h1"></i><i class="h2"></i><i class="h3"></i><i class="h4"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-top">
|
||||
<div class="panel-head"><h2>即将到期 TOP 10</h2><span>按剩余量排序</span></div>
|
||||
{{if .D.Top}}
|
||||
<ol class="top-list">
|
||||
{{range $i, $s := .D.Top}}
|
||||
<li class="top-item lv-{{$s.Eval.Level}}">
|
||||
<span class="rank">{{add $i 1}}</span>
|
||||
<span class="top-tail">{{$s.CustomerTail}}</span>
|
||||
<span class="top-name">{{$s.CustomerName}}</span>
|
||||
<span class="top-pkg" style="--tag:{{$s.PackageColor}}">{{$s.PackageName}}</span>
|
||||
<span class="top-remain">{{$s.RemainShort}}</span>
|
||||
<span class="top-bar"><i style="width:{{$s.Progress}}%"></i></span>
|
||||
</li>
|
||||
{{end}}
|
||||
</ol>
|
||||
{{else}}
|
||||
<p class="scr-empty">暂无订阅数据</p>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="scr-bottom">
|
||||
<div class="panel">
|
||||
<div class="panel-head">
|
||||
<h2>今日待打</h2>
|
||||
<span>{{.D.TodayDone}} / {{.D.TodayTasks}} 已完成</span>
|
||||
</div>
|
||||
{{if .D.TodayList}}
|
||||
<ul class="today-list">
|
||||
{{range .D.TodayList}}
|
||||
<li class="lv-{{.Eval.Level}}">
|
||||
<span class="tchip" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
|
||||
<span class="pkg">{{.PackageName}}</span>
|
||||
<span class="rem">{{.RemainShort}}</span>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<p class="scr-empty">今天没有待打任务</p>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="panel-head"><h2>最近追加</h2><span>服务时长变更流水</span></div>
|
||||
{{if .D.Recent}}
|
||||
<ul class="recent-list">
|
||||
{{range .D.Recent}}
|
||||
<li>
|
||||
<span class="time mono">{{.CreatedAt}}</span>
|
||||
<span class="who"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
|
||||
<span class="pkg">{{.PackageName}}</span>
|
||||
{{if gt .DaysAdded 0}}<em class="plus">+{{.DaysAdded}} 天</em>{{end}}
|
||||
{{if gt .CountAdded 0}}<em class="plus">+{{.CountAdded}} 次</em>{{end}}
|
||||
<span class="op">{{.OperatorName}}</span>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<p class="scr-empty">还没有追加记录</p>
|
||||
{{end}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="scr-foot">代打台 v{{.D.Version}} · 数据每 {{.D.Refresh}} 秒自动刷新 · 按 F 进入全屏</footer>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,102 @@
|
||||
{{define "content"}}
|
||||
<div class="page narrow">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>设置</h1>
|
||||
<p class="muted">预警天数、备份、账户与数据导出</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="section card">
|
||||
<h2>基础设置</h2>
|
||||
<form method="post" action="/settings" class="form">
|
||||
<div class="grid-2">
|
||||
<label class="field"><span>到期预警（天）</span>
|
||||
<input type="number" name="warn_days" min="0" max="60" value="{{.D.WarnDays}}">
|
||||
</label>
|
||||
<label class="field"><span>大屏自动刷新（秒）</span>
|
||||
<input type="number" name="screen_refresh" min="5" max="600" value="{{.D.ScreenRefresh}}">
|
||||
</label>
|
||||
</div>
|
||||
<p class="muted small">监听地址、端口、数据库、备份、日志、时区等部署参数在 <code>daili.ini</code> 里配置，改完重启生效。</p>
|
||||
<div class="actions"><button class="btn btn-primary" type="submit">保存设置</button></div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="section card">
|
||||
<h2>管理员</h2>
|
||||
<p class="muted small">所有账户权限相同，任何操作都会记在日志里。</p>
|
||||
<div class="table-wrap">
|
||||
<table class="table tight">
|
||||
<thead><tr><th>用户名</th><th>显示名称</th><th>状态</th><th>创建时间</th><th>最近登录</th><th></th></tr></thead>
|
||||
<tbody>
|
||||
{{$me := .User}}
|
||||
{{range .D.Users}}
|
||||
<tr>
|
||||
<td class="mono">{{.Username}}</td>
|
||||
<td>{{.DisplayName}}</td>
|
||||
<td>{{if .IsActive}}<span class="chip chip-active">启用</span>{{else}}<span class="chip chip-closed">停用</span>{{end}}</td>
|
||||
<td class="mono small">{{.CreatedAt}}</td>
|
||||
<td class="mono small">{{if .LastLoginAt}}{{.LastLoginAt}}{{else}}—{{end}}</td>
|
||||
<td class="actions-cell">
|
||||
{{if eq .ID $me.ID}}
|
||||
<span class="muted small">当前账户</span>
|
||||
{{else}}
|
||||
<form method="post" action="/settings/users/{{.ID}}/toggle">
|
||||
<button class="btn btn-sm btn-ghost">{{if .IsActive}}停用{{else}}启用{{end}}</button>
|
||||
</form>
|
||||
{{end}}
|
||||
</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<form method="post" action="/settings/users" class="inline-form">
|
||||
<label class="inline-field">用户名 <input name="username" required minlength="3" maxlength="32" autocomplete="off"></label>
|
||||
<label class="inline-field">显示名称 <input name="display_name" maxlength="32"></label>
|
||||
<label class="inline-field">初始密码 <input type="password" name="password" required minlength="6" autocomplete="new-password"></label>
|
||||
<button class="btn btn-primary" type="submit">新增管理员</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="section card">
|
||||
<h2>修改我的密码</h2>
|
||||
<form method="post" action="/settings/password" class="form">
|
||||
<div class="grid-3">
|
||||
<label class="field"><span>原密码</span><input type="password" name="old_password" required autocomplete="current-password"></label>
|
||||
<label class="field"><span>新密码（≥6 位）</span><input type="password" name="password" required minlength="6" autocomplete="new-password"></label>
|
||||
<label class="field"><span>再输一次</span><input type="password" name="password2" required minlength="6" autocomplete="new-password"></label>
|
||||
</div>
|
||||
<div class="actions"><button class="btn btn-primary" type="submit">更新密码</button></div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="section card">
|
||||
<h2>数据</h2>
|
||||
<dl class="kv">
|
||||
<div><dt>配置文件</dt><dd class="mono small">{{.D.ConfigPath}} <span class="muted">（修改后重启生效）</span></dd></div>
|
||||
<div><dt>数据库</dt><dd class="mono small">{{.D.DBPath}}</dd></div>
|
||||
<div><dt>备份</dt><dd class="mono small">{{.D.BackupDir}} · 保留 {{.D.BackupKeep}} 份 · {{if .D.BackupEnabled}}自动备份已开启{{else}}自动备份已关闭{{end}}</dd></div>
|
||||
<div><dt>大屏</dt><dd class="mono small">/screen {{if .D.ScreenPublic}}免登录{{else}}需登录{{end}}</dd></div>
|
||||
<div><dt>局域网地址</dt><dd class="mono small">http://{{if .D.Addrs}}{{index .D.Addrs 0}}{{else}}127.0.0.1{{end}}:{{.D.Port}}/screen</dd></div>
|
||||
<div><dt>已运行</dt><dd class="mono">{{.D.Uptime}}</dd></div>
|
||||
<div><dt>数据量</dt><dd>{{.D.CustomerCount}} 位客户 · {{.D.PackageCount}} 个套餐 · {{.D.LogCount}} 条日志</dd></div>
|
||||
</dl>
|
||||
<div class="actions wrap">
|
||||
<form method="post" action="/settings/backup"><button class="btn" type="submit">立即备份</button></form>
|
||||
<a class="btn" href="/export/customers.csv">导出客户 CSV</a>
|
||||
<a class="btn" href="/export/subscriptions.csv">导出订阅 CSV</a>
|
||||
<a class="btn" href="/export/logs.csv">导出日志 CSV</a>
|
||||
</div>
|
||||
{{if .D.Backups}}
|
||||
<details class="backups">
|
||||
<summary>最近备份（{{len .D.Backups}} 份）</summary>
|
||||
<ul class="mono small">
|
||||
{{range .D.Backups}}<li>{{.}}</li>{{end}}
|
||||
</ul>
|
||||
</details>
|
||||
{{end}}
|
||||
</section>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,25 @@
|
||||
{{define "content"}}
|
||||
<div class="auth">
|
||||
<div class="auth-card">
|
||||
<div class="auth-brand"><span class="brand-mark">代</span><span>代打台</span></div>
|
||||
<h1>创建第一个管理员</h1>
|
||||
<p class="muted">数据库里还没有账户。设置好账号后即可开始录入套餐与客户。</p>
|
||||
<form method="post" action="/setup" class="form">
|
||||
<label class="field"><span>用户名</span>
|
||||
<input type="text" name="username" required minlength="3" maxlength="32" autocomplete="username" placeholder="建议用拼音或英文名">
|
||||
</label>
|
||||
<label class="field"><span>显示名称</span>
|
||||
<input type="text" name="display_name" maxlength="32" placeholder="例如：老王（可留空）">
|
||||
</label>
|
||||
<label class="field"><span>密码（至少 6 位）</span>
|
||||
<input type="password" name="password" required minlength="6" autocomplete="new-password">
|
||||
</label>
|
||||
<label class="field"><span>再输一次密码</span>
|
||||
<input type="password" name="password2" required minlength="6" autocomplete="new-password">
|
||||
</label>
|
||||
<button type="submit" class="btn btn-primary btn-block">创建并登录</button>
|
||||
</form>
|
||||
<p class="auth-foot muted">忘记密码只能手动改数据库，请妥善保管。</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,76 @@
|
||||
{{define "content"}}
|
||||
<div class="page">
|
||||
<header class="page-head">
|
||||
<div>
|
||||
<h1>订阅</h1>
|
||||
<p class="muted">共 {{.D.Total}} 条 · 剩余时长各自独立计算</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="tabs">
|
||||
<a href="/subscriptions?state=active" class="{{if eq .D.State "active"}}on{{end}}">进行中</a>
|
||||
<a href="/subscriptions?state=due7" class="{{if eq .D.State "due7"}}on{{end}}">7 天内到期</a>
|
||||
<a href="/subscriptions?state=due_today" class="{{if eq .D.State "due_today"}}on{{end}}">今天到期</a>
|
||||
<a href="/subscriptions?state=expired" class="{{if eq .D.State "expired"}}on{{end}}">已到期</a>
|
||||
<a href="/subscriptions?state=paused" class="{{if eq .D.State "paused"}}on{{end}}">暂停中</a>
|
||||
<a href="/subscriptions?state=closed" class="{{if eq .D.State "closed"}}on{{end}}">已结束</a>
|
||||
<a href="/subscriptions?state=all" class="{{if eq .D.State "all"}}on{{end}}">全部</a>
|
||||
</div>
|
||||
|
||||
<form class="filterbar" method="get" action="/subscriptions">
|
||||
<input type="hidden" name="state" value="{{.D.State}}">
|
||||
<input type="search" name="q" value="{{.D.Q}}" placeholder="尾号 / 姓名 / 套餐" autocomplete="off">
|
||||
<select name="package_id">
|
||||
<option value="0">全部套餐</option>
|
||||
{{range .D.Packages}}
|
||||
<option value="{{.ID}}"{{if eq $.D.PackageID .ID}} selected{{end}}>{{.Name}}</option>
|
||||
{{end}}
|
||||
</select>
|
||||
<button class="btn" type="submit">筛选</button>
|
||||
</form>
|
||||
|
||||
{{if .D.List}}
|
||||
<div class="table-wrap">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr><th>客户</th><th>套餐</th><th>状态</th><th>剩余</th><th>时间</th><th>操作</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{range .D.List}}
|
||||
<tr>
|
||||
<td>
|
||||
<a class="tail" href="/customers/{{.CustomerID}}">{{.CustomerTail}}</a>
|
||||
<a class="name" href="/customers/{{.CustomerID}}">{{.CustomerName}}</a>
|
||||
</td>
|
||||
<td><span class="dot" style="background:{{.PackageColor}}"></span>{{.PackageName}}
|
||||
<span class="muted small">{{.UnitLabel}}</span></td>
|
||||
<td>{{template "state-chip" .}}</td>
|
||||
<td class="mono">{{.RemainText}}{{if .DueText}}<div class="due due-{{.Eval.Level}} small">{{.DueText}}</div>{{end}}</td>
|
||||
<td class="mono small">{{.PeriodText}}</td>
|
||||
<td class="actions-cell">
|
||||
{{if ne .Status "closed"}}
|
||||
<a class="btn btn-sm" href="/customers/{{.CustomerID}}?extend={{.ID}}#extend">追加</a>
|
||||
{{if eq .Status "active"}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/pause"><button class="btn btn-sm btn-ghost">暂停</button></form>
|
||||
{{else if eq .Status "paused"}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/resume"><button class="btn btn-sm">恢复</button></form>
|
||||
{{end}}
|
||||
{{else}}
|
||||
<form method="post" action="/subscriptions/{{.ID}}/reopen"><button class="btn btn-sm">重新启用</button></form>
|
||||
{{end}}
|
||||
</td>
|
||||
</tr>
|
||||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{{template "pager" .D.Pager}}
|
||||
{{else}}
|
||||
<div class="empty">
|
||||
<div class="empty-mark">票</div>
|
||||
<p>这个筛选下没有订阅。</p>
|
||||
<a class="btn" href="/subscriptions?state=all">看全部</a>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
@@ -0,0 +1,424 @@
|
||||
package web
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
"net/url"
|
||||
"sort"
|
||||
"strconv"
|
||||
"time"
|
||||
|
||||
"daili/internal/domain"
|
||||
"daili/internal/store"
|
||||
)
|
||||
|
||||
// SubView 是订阅的展示视图（已算好状态、文案与进度）。
|
||||
type SubView struct {
|
||||
store.Subscription
|
||||
Eval domain.Eval
|
||||
StateLabel string
|
||||
StateClass string
|
||||
RemainText string
|
||||
RemainShort string
|
||||
PeriodText string
|
||||
DueText string
|
||||
Progress int
|
||||
Checkin *store.Checkin
|
||||
CheckinState string
|
||||
UnitLabel string
|
||||
Today string
|
||||
// CanCheckinToday 表示今天可以直接打卡（订阅在有效状态与区间内）
|
||||
CanCheckinToday bool
|
||||
}
|
||||
|
||||
func stateLabel(state string) (string, string) {
|
||||
switch state {
|
||||
case domain.StateActive:
|
||||
return "进行中", "active"
|
||||
case domain.StatePending:
|
||||
return "未开始", "pending"
|
||||
case domain.StatePaused:
|
||||
return "暂停中", "paused"
|
||||
case domain.StateExpired:
|
||||
return "已到期", "expired"
|
||||
case domain.StateUsedUp:
|
||||
return "次数用尽", "usedup"
|
||||
case domain.StateClosed:
|
||||
return "已结束", "closed"
|
||||
}
|
||||
return "未知", "unknown"
|
||||
}
|
||||
|
||||
func newSubView(s store.Subscription, today time.Time, warnDays int) SubView {
|
||||
e := s.Eval(today, warnDays)
|
||||
label, class := stateLabel(e.State)
|
||||
v := SubView{
|
||||
Subscription: s,
|
||||
Eval: e,
|
||||
StateLabel: label,
|
||||
StateClass: class,
|
||||
Today: domain.Date(today),
|
||||
}
|
||||
if s.Unit == domain.UnitDay {
|
||||
v.UnitLabel = "按日"
|
||||
v.RemainText = fmt.Sprintf("剩 %d 天", e.RemainingDays)
|
||||
v.RemainShort = fmt.Sprintf("%d 天", e.RemainingDays)
|
||||
v.PeriodText = s.StartDate + " → " + s.EndDate
|
||||
total := domain.DayDiff(domain.ParseDateOr(s.StartDate, today), domain.ParseDateOr(s.EndDate, today)) + 1
|
||||
if total > 0 {
|
||||
v.Progress = clampPct(e.RemainingDays * 100 / total)
|
||||
}
|
||||
} else {
|
||||
v.UnitLabel = "按次"
|
||||
v.RemainText = fmt.Sprintf("剩 %d / %d 次", e.RemainingCount, s.TotalCount)
|
||||
v.RemainShort = fmt.Sprintf("%d 次", e.RemainingCount)
|
||||
v.PeriodText = s.StartDate + " 起"
|
||||
if s.EndDate != "" {
|
||||
v.PeriodText += " · 有效期至 " + s.EndDate
|
||||
} else {
|
||||
v.PeriodText += " · 无有效期"
|
||||
}
|
||||
if s.TotalCount > 0 {
|
||||
v.Progress = clampPct(e.RemainingCount * 100 / s.TotalCount)
|
||||
}
|
||||
}
|
||||
|
||||
switch e.Level {
|
||||
case domain.LevelToday:
|
||||
v.DueText = "今天到期"
|
||||
case domain.LevelWarn:
|
||||
switch {
|
||||
case e.DaysLeft == 1:
|
||||
v.DueText = "明天到期"
|
||||
case e.DaysLeft > 1:
|
||||
v.DueText = fmt.Sprintf("%d 天后到期", e.DaysLeft)
|
||||
case s.Unit == domain.UnitDay:
|
||||
v.DueText = fmt.Sprintf("还剩 %d 天", e.RemainingDays)
|
||||
default:
|
||||
v.DueText = fmt.Sprintf("%d 天后到期", e.DaysLeft)
|
||||
}
|
||||
case domain.LevelExpired:
|
||||
if s.EndDate != "" {
|
||||
d := domain.DayDiff(domain.ParseDateOr(s.EndDate, today), today)
|
||||
if d > 0 {
|
||||
v.DueText = fmt.Sprintf("已过期 %d 天", d)
|
||||
} else {
|
||||
v.DueText = "已到期"
|
||||
}
|
||||
} else {
|
||||
v.DueText = "次数已用尽"
|
||||
}
|
||||
}
|
||||
// 今天能否打卡：进行中且（按日或有剩余次数）
|
||||
v.CanCheckinToday = e.State == domain.StateActive &&
|
||||
(s.Unit == domain.UnitDay || e.RemainingCount > 0)
|
||||
return v
|
||||
}
|
||||
|
||||
func clampPct(v int) int {
|
||||
if v < 0 {
|
||||
return 0
|
||||
}
|
||||
if v > 100 {
|
||||
return 100
|
||||
}
|
||||
return v
|
||||
}
|
||||
|
||||
func subViews(subs []store.Subscription, today time.Time, warnDays int) []SubView {
|
||||
out := make([]SubView, 0, len(subs))
|
||||
for _, s := range subs {
|
||||
out = append(out, newSubView(s, today, warnDays))
|
||||
}
|
||||
return out
|
||||
}
|
||||
|
||||
// ---------- 追加面板 ----------
|
||||
|
||||
// ExtendPanel 是「追加时长/次数」面板数据。
|
||||
type ExtendPanel struct {
|
||||
Sub store.Subscription
|
||||
View SubView
|
||||
IsDay bool
|
||||
Today string
|
||||
OldEnd string
|
||||
Base string
|
||||
Suggested string
|
||||
SuggestedDays int
|
||||
Back string
|
||||
Months []MiniMonth
|
||||
DefaultAmount int
|
||||
}
|
||||
|
||||
// MiniMonth 是面板内的迷你月历。
|
||||
type MiniMonth struct {
|
||||
Title string
|
||||
Weeks [][]MiniDay
|
||||
}
|
||||
|
||||
// MiniDay 是迷你月历的一天。
|
||||
type MiniDay struct {
|
||||
Date string
|
||||
Day int
|
||||
InMonth bool
|
||||
IsOldEnd bool
|
||||
IsToday bool
|
||||
Disabled bool
|
||||
IsWeekend bool
|
||||
}
|
||||
|
||||
func buildExtendPanel(s *store.Subscription, pkg *store.Package, today time.Time, back string, warnDays int) *ExtendPanel {
|
||||
p := &ExtendPanel{
|
||||
Sub: *s,
|
||||
View: newSubView(*s, today, warnDays),
|
||||
IsDay: s.Unit == domain.UnitDay,
|
||||
Today: domain.Date(today),
|
||||
Back: back,
|
||||
DefaultAmount: pkg.DefaultAmount,
|
||||
}
|
||||
if p.DefaultAmount <= 0 {
|
||||
p.DefaultAmount = 30
|
||||
}
|
||||
if s.Unit != domain.UnitDay {
|
||||
return p
|
||||
}
|
||||
oldEnd := domain.ParseDateOr(s.EndDate, today)
|
||||
plan := domain.PlanExtend(oldEnd, oldEnd, today)
|
||||
suggested := domain.AddDays(plan.Base, p.DefaultAmount-1)
|
||||
p.OldEnd = domain.Date(oldEnd)
|
||||
p.Base = domain.Date(plan.Base)
|
||||
p.Suggested = domain.Date(suggested)
|
||||
p.SuggestedDays = p.DefaultAmount
|
||||
|
||||
anchor := oldEnd
|
||||
if anchor.Before(today) {
|
||||
anchor = today
|
||||
}
|
||||
sy, sm := anchor.Year(), anchor.Month()
|
||||
for i := 0; i < 3; i++ {
|
||||
mm := time.Month(int(sm) + i)
|
||||
y := sy
|
||||
for mm > 12 {
|
||||
mm -= 12
|
||||
y++
|
||||
}
|
||||
p.Months = append(p.Months, buildMiniMonth(y, mm, plan.Base, oldEnd, today))
|
||||
}
|
||||
return p
|
||||
}
|
||||
|
||||
func buildMiniMonth(y int, m time.Month, base, oldEnd, today time.Time) MiniMonth {
|
||||
first := domain.MonthStart(y, m)
|
||||
last := domain.MonthEnd(y, m)
|
||||
start := domain.AddDays(first, -domain.WeekdayIndex(first))
|
||||
end := domain.AddDays(last, 7-domain.WeekdayIndex(last)-1)
|
||||
if domain.WeekdayIndex(last) == 6 {
|
||||
end = last
|
||||
}
|
||||
mm := MiniMonth{Title: fmt.Sprintf("%d 年 %d 月", y, int(m))}
|
||||
var week []MiniDay
|
||||
for d := start; !d.After(end); d = domain.AddDays(d, 1) {
|
||||
md := MiniDay{
|
||||
Date: domain.Date(d),
|
||||
Day: d.Day(),
|
||||
InMonth: d.Month() == m,
|
||||
IsOldEnd: domain.Date(d) == domain.Date(oldEnd),
|
||||
IsToday: domain.Date(d) == domain.Date(today),
|
||||
Disabled: d.Before(base),
|
||||
IsWeekend: d.Weekday() == time.Saturday || d.Weekday() == time.Sunday,
|
||||
}
|
||||
week = append(week, md)
|
||||
if len(week) == 7 {
|
||||
mm.Weeks = append(mm.Weeks, week)
|
||||
week = nil
|
||||
}
|
||||
}
|
||||
if len(week) > 0 {
|
||||
mm.Weeks = append(mm.Weeks, week)
|
||||
}
|
||||
return mm
|
||||
}
|
||||
|
||||
// ---------- 时间轴 ----------
|
||||
|
||||
// Timeline 是客户订阅的时间轴（签带）。
|
||||
type Timeline struct {
|
||||
Start string
|
||||
End string
|
||||
Ticks []Tick
|
||||
Bars []Bar
|
||||
}
|
||||
|
||||
// Tick 是时间轴刻度。
|
||||
type Tick struct {
|
||||
Label string
|
||||
Left float64
|
||||
}
|
||||
|
||||
// Bar 是一条订阅签带。
|
||||
type Bar struct {
|
||||
SubID int64
|
||||
Name string
|
||||
Color string
|
||||
Left float64
|
||||
Width float64
|
||||
DueLeft float64
|
||||
Label string
|
||||
State string
|
||||
Pauses []BarPause
|
||||
HasDue bool
|
||||
}
|
||||
|
||||
// BarPause 是签带上的暂停灰段。
|
||||
type BarPause struct {
|
||||
Left float64
|
||||
Width float64
|
||||
}
|
||||
|
||||
func buildTimeline(subs []store.Subscription, pauses map[int64][]store.Pause, today time.Time) *Timeline {
|
||||
if len(subs) == 0 {
|
||||
return nil
|
||||
}
|
||||
start := today
|
||||
end := today
|
||||
for _, s := range subs {
|
||||
st := domain.ParseDateOr(s.StartDate, today)
|
||||
if st.Before(start) {
|
||||
start = st
|
||||
}
|
||||
en := st.AddDate(0, 0, 30)
|
||||
if s.EndDate != "" {
|
||||
en = domain.ParseDateOr(s.EndDate, en)
|
||||
}
|
||||
if en.After(end) {
|
||||
end = en
|
||||
}
|
||||
}
|
||||
start = domain.AddDays(start, -7)
|
||||
end = domain.AddDays(end, 14)
|
||||
totalDays := domain.DayDiff(start, end) + 1
|
||||
if totalDays <= 0 {
|
||||
return nil
|
||||
}
|
||||
pos := func(t time.Time) float64 {
|
||||
return float64(domain.DayDiff(start, t)) / float64(totalDays) * 100
|
||||
}
|
||||
|
||||
tl := &Timeline{Start: domain.Date(start), End: domain.Date(end)}
|
||||
|
||||
// 月刻度
|
||||
cur := domain.MonthStart(start.Year(), start.Month())
|
||||
if cur.Before(start) {
|
||||
cur = cur.AddDate(0, 1, 0)
|
||||
}
|
||||
for !cur.After(end) {
|
||||
tl.Ticks = append(tl.Ticks, Tick{
|
||||
Label: fmt.Sprintf("%d.%02d", cur.Year(), int(cur.Month())),
|
||||
Left: pos(cur),
|
||||
})
|
||||
cur = cur.AddDate(0, 1, 0)
|
||||
}
|
||||
|
||||
for _, s := range subs {
|
||||
st := domain.ParseDateOr(s.StartDate, today)
|
||||
en := st.AddDate(0, 0, 30)
|
||||
if s.EndDate != "" {
|
||||
en = domain.ParseDateOr(s.EndDate, en)
|
||||
}
|
||||
if en.Before(st) {
|
||||
en = st
|
||||
}
|
||||
b := Bar{
|
||||
SubID: s.ID,
|
||||
Name: s.PackageName,
|
||||
Color: s.PackageColor,
|
||||
Left: pos(st),
|
||||
Width: float64(domain.DayDiff(st, en)+1) / float64(totalDays) * 100,
|
||||
Label: domain.Date(st) + " → " + domain.Date(en),
|
||||
State: s.Status,
|
||||
HasDue: s.EndDate != "",
|
||||
}
|
||||
b.DueLeft = pos(en)
|
||||
if b.Width < 0.8 {
|
||||
b.Width = 0.8
|
||||
}
|
||||
for _, p := range pauses[s.ID] {
|
||||
ps := domain.ParseDateOr(p.StartDate, st)
|
||||
var pe time.Time
|
||||
if p.EndDate != "" {
|
||||
pe = domain.ParseDateOr(p.EndDate, today)
|
||||
} else {
|
||||
pe = today
|
||||
}
|
||||
if pe.Before(ps) {
|
||||
pe = ps
|
||||
}
|
||||
if ps.Before(st) {
|
||||
ps = st
|
||||
}
|
||||
if pe.After(en) {
|
||||
pe = en
|
||||
}
|
||||
if pe.Before(ps) {
|
||||
continue
|
||||
}
|
||||
b.Pauses = append(b.Pauses, BarPause{
|
||||
Left: pos(ps),
|
||||
Width: float64(domain.DayDiff(ps, pe)+1) / float64(totalDays) * 100,
|
||||
})
|
||||
}
|
||||
tl.Bars = append(tl.Bars, b)
|
||||
}
|
||||
sort.Slice(tl.Bars, func(i, j int) bool { return tl.Bars[i].SubID < tl.Bars[j].SubID })
|
||||
return tl
|
||||
}
|
||||
|
||||
// ---------- 分页 ----------
|
||||
|
||||
// Pager 是分页控件数据。
|
||||
type Pager struct {
|
||||
Page int
|
||||
Pages int
|
||||
Total int
|
||||
Prev string
|
||||
Next string
|
||||
From int
|
||||
To int
|
||||
}
|
||||
|
||||
func newPager(r *http.Request, pageNo, perPage, total int) Pager {
|
||||
pages := (total + perPage - 1) / perPage
|
||||
if pages < 1 {
|
||||
pages = 1
|
||||
}
|
||||
if pageNo < 1 {
|
||||
pageNo = 1
|
||||
}
|
||||
if pageNo > pages {
|
||||
pageNo = pages
|
||||
}
|
||||
mk := func(n int) string {
|
||||
q := url.Values{}
|
||||
for k, v := range r.URL.Query() {
|
||||
q[k] = v
|
||||
}
|
||||
q.Set("page", strconv.Itoa(n))
|
||||
return r.URL.Path + "?" + q.Encode()
|
||||
}
|
||||
p := Pager{Page: pageNo, Pages: pages, Total: total}
|
||||
p.From = (pageNo-1)*perPage + 1
|
||||
if total == 0 {
|
||||
p.From = 0
|
||||
}
|
||||
p.To = pageNo * perPage
|
||||
if p.To > total {
|
||||
p.To = total
|
||||
}
|
||||
if pageNo > 1 {
|
||||
p.Prev = mk(pageNo - 1)
|
||||
}
|
||||
if pageNo < pages {
|
||||
p.Next = mk(pageNo + 1)
|
||||
}
|
||||
return p
|
||||
}
|
||||
Reference in New Issue
Block a user