feat(v1.5): 触摸键盘、格子大字计数、客户停用/删除、按钮收纳、7 天徽标、抽屉时钟

1) 工作台速录
- 手机尾号输入框下方新增 3×4 触摸小键盘（1-9、0、⌫、✓），点 ✓ 直接提交；实体键盘仍可输入
- 抽屉顶部新增秒级时钟（HH:MM:SS），位于日期标题上方

2) 日历格子
- 移除排单缩略信息（客户名/套餐色签/“x/y 单”小字）
- 保留左侧打手颜色竖条，中间改为大字「待完成 / 总数」，例如 1/2 = 还剩 1 单、共 2 单
- 大屏格子按此前约定保持原样

3) 客户停用 / 恢复 / 彻底删除
- customers 新增 archived 列（0/1）；停用后默认从客户列表、日历、待办、大屏、到期提醒、徽标中隐藏，订阅与打卡记录原样保留
- 恢复后立即回到日历；列表右上角可切换「显示已停用」，已停用行带标记
- 彻底删除为二次确认操作，依赖外键级联清理订阅、打卡、暂停、追加记录与加急标记
- 停用/恢复/删除都会写入操作日志

4) 按钮收纳
- 任务行只露出「完成」，跳过 / 加急（取消加急）/ 追加收进「⋯」菜单；已完成行只露「撤销打卡」等，点空白处自动收起
- 加急、跳过等原有能力不变，仅入口折叠

5) 顶栏
- 在「今日到期」「3 天内到期」右侧新增「7 天内到期」徽标，固定统计未来 7 天

6) 视觉
- 移除管理端背景的横线装饰，改为纯底色；大屏网格背景保留

数据库兼容性：
- 只新增 customers.archived 一列，老库启动时自动 ALTER，可重复迁移；原有表结构与接口不变

测试：
- 新增单测 TestCustomerArchiveFilters：停用后日历/到期/徽标/搜索/列表全部过滤、恢复回日历、彻底删除级联清理订阅与打卡
- 功能验证 20 项（键盘、格子计数、折叠菜单、7 天徽标、时钟、停用/恢复/删除、背景）全部通过
- 原有 119 项验收回归全绿；go vet / go test ./... 通过；版本号 1.5.0

internal/web/handlers_calendar.go

@@ -25,8 +25,10 @@ type DayCell struct {
 	DoneCount  int
 	UrgentCnt  int
 	Heat       int
-	Tickets    []Ticket
-	More       int
+	// PendingCount 当日还没完成的单数（= TaskCount - DoneCount）
+	PendingCount int
+	Tickets      []Ticket
+	More         int
 	// Strip 是左侧的打手色竖条（按出现顺序去重，未指派为灰）
 	Strip []string
 }
@@ -307,6 +309,7 @@ func (s *Server) handleCalendar(w http.ResponseWriter, r *http.Request) {
 				tickets = tickets[:3]
 			}
 			cell.Tickets = tickets
+			cell.PendingCount = cell.TaskCount - cell.DoneCount
 			cell.Heat = heatLevel(cell.TaskCount + cell.DueCount)
 			if cell.InMonth {
 				data.MonthDue += cell.DueCount

internal/web/handlers_customers.go

@@ -12,12 +12,14 @@ import (
 )
 
 type customersData struct {
-	List         []store.Customer
-	Pager        Pager
-	Q            string
-	Total        int
-	PackageCount int
-	NoPackages   bool
+	List          []store.Customer
+	Pager         Pager
+	Q             string
+	Total         int
+	PackageCount  int
+	NoPackages    bool
+	ShowArchived  bool
+	ArchivedCount int
 }
 
 func (s *Server) handleCustomers(w http.ResponseWriter, r *http.Request) {
@@ -28,21 +30,24 @@ func (s *Server) handleCustomers(w http.ResponseWriter, r *http.Request) {
 	if pageNo < 1 {
 		pageNo = 1
 	}
-	list, total, err := s.db.ListCustomers(q, pageSize, (pageNo-1)*pageSize, domain.Date(today), warn)
+	showArchived := r.URL.Query().Get("archived") == "1"
+	list, total, err := s.db.ListCustomers(q, pageSize, (pageNo-1)*pageSize, domain.Date(today), warn, showArchived)
 	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)
+		list, total, err = s.db.ListCustomers(q, pageSize, (pager.Page-1)*pageSize, domain.Date(today), warn, showArchived)
 		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}
+	archivedN, _ := s.db.CountArchivedCustomers()
+	data := &customersData{List: list, Pager: pager, Q: q, Total: total, PackageCount: len(pkgs), NoPackages: len(pkgs) == 0,
+		ShowArchived: showArchived, ArchivedCount: archivedN}
 	p := s.newPage(r, "客户", "customers")
 	p.D = data
 	s.render(w, r, "customers", p)
@@ -255,6 +260,58 @@ func (s *Server) handleCustomerDetail(w http.ResponseWriter, r *http.Request) {
 	s.render(w, r, "customer_detail", p)
 }
 
+// handleCustomerArchive 停用客户：默认从列表、日历、大屏隐藏，订阅保留。
+func (s *Server) handleCustomerArchive(w http.ResponseWriter, r *http.Request) {
+	id := pathID(r)
+	c, err := s.db.Customer(id)
+	if err != nil {
+		http.NotFound(w, r)
+		return
+	}
+	if err := s.db.SetCustomerArchived(id, true); err != nil {
+		s.redirect(w, r, "/customers/"+itoa(id), "停用失败："+err.Error())
+		return
+	}
+	s.logOp(r, "停用客户", "customer", id, c.Tail+" "+c.Name+"（订阅保留，不再上日历）")
+	s.redirect(w, r, "/customers", "已停用客户 "+c.Tail+" "+c.Name+"，可在「已停用」里恢复")
+}
+
+// handleCustomerRestore 恢复客户，订单一并回到日历。
+func (s *Server) handleCustomerRestore(w http.ResponseWriter, r *http.Request) {
+	id := pathID(r)
+	c, err := s.db.Customer(id)
+	if err != nil {
+		http.NotFound(w, r)
+		return
+	}
+	if err := s.db.SetCustomerArchived(id, false); err != nil {
+		s.redirect(w, r, "/customers/"+itoa(id), "恢复失败："+err.Error())
+		return
+	}
+	s.logOp(r, "恢复客户", "customer", id, c.Tail+" "+c.Name)
+	s.redirect(w, r, "/customers/"+itoa(id), "已恢复客户 "+c.Tail+" "+c.Name)
+}
+
+// handleCustomerDelete 彻底删除客户及其订阅/打卡/追加记录（外键级联）。
+func (s *Server) handleCustomerDelete(w http.ResponseWriter, r *http.Request) {
+	id := pathID(r)
+	c, err := s.db.Customer(id)
+	if err != nil {
+		http.NotFound(w, r)
+		return
+	}
+	if r.PostFormValue("confirm") != "delete" {
+		s.redirect(w, r, "/customers/"+itoa(id), "请在弹窗里确认删除")
+		return
+	}
+	if err := s.db.DeleteCustomer(id); err != nil {
+		s.redirect(w, r, "/customers/"+itoa(id), "删除失败："+err.Error())
+		return
+	}
+	s.logOp(r, "删除客户", "customer", id, c.Tail+" "+c.Name+"（含订阅与打卡记录）")
+	s.redirect(w, r, "/customers", "已彻底删除客户 "+c.Tail+" "+c.Name)
+}
+
 // handleCustomerAssignee 从客户详情快速指派/取消打手。
 func (s *Server) handleCustomerAssignee(w http.ResponseWriter, r *http.Request) {
 	id := pathID(r)

internal/web/server.go

@@ -105,6 +105,9 @@ func (s *Server) routes() http.Handler {
 	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}/assignee", s.auth(s.handleCustomerAssignee))
+	mux.HandleFunc("POST /customers/{id}/archive", s.auth(s.handleCustomerArchive))
+	mux.HandleFunc("POST /customers/{id}/restore", s.auth(s.handleCustomerRestore))
+	mux.HandleFunc("POST /customers/{id}/delete", s.auth(s.handleCustomerDelete))
 	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))
@@ -334,6 +337,7 @@ type page struct {
 	Next     string
 	DueToday int
 	Due3     int
+	Due7     int
 	Addr     string
 	Theme    string // "" = 跟随系统；light / dark
 	D        any
@@ -371,8 +375,8 @@ func (s *Server) newPage(r *http.Request, title, nav string) *page {
 		Theme:    themeFromRequest(r),
 	}
 	if u != nil {
-		if due, due3, err := s.db.Badges(today); err == nil {
-			p.DueToday, p.Due3 = due, due3
+		if due, due3, due7, err := s.db.Badges(today); err == nil {
+			p.DueToday, p.Due3, p.Due7 = due, due3, due7
 		}
 	}
 	return p

internal/web/static/app.css

@@ -83,9 +83,7 @@
 html, body { margin: 0; padding: 0; }
 
 body {
-  background:
-    linear-gradient(var(--line-2) 1px, transparent 1px) 0 0 / 100% 32px,
-    var(--paper);
+  background: var(--paper);
   color: var(--ink);
   font-family: var(--sans);
   font-size: 14px;
@@ -899,3 +897,81 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
   .asg { font-size: 10px; }
   .assign-form { margin-left: 0; }
 }
+
+
+/* ---------- 日历格子：大字待完成/总数 ---------- */
+
+.cal-cell { justify-content: flex-start; }
+.cell-count {
+  flex: 1 1 auto;
+  display: flex; align-items: baseline; justify-content: center; gap: 4px;
+  padding-top: 4px;
+  font-family: var(--mono);
+  color: var(--muted);
+}
+.cell-count b { font-size: 26px; line-height: 1; font-weight: 700; color: var(--ink); }
+.cell-count span { font-size: 12px; color: var(--muted); }
+.cell-count b:first-child { color: var(--accent); }
+.cal-cell.today .cell-count b { color: var(--accent-ink); }
+.cal-cell.out .cell-count b { color: var(--muted); }
+
+/* ---------- 抽屉时钟 ---------- */
+
+.drawer-clock {
+  position: sticky; top: 0; z-index: 3;
+  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
+  padding: 10px 14px 6px;
+  background: var(--surface);
+  border-bottom: 1px solid var(--line-2);
+}
+.drawer-clock b {
+  font-family: var(--mono); font-size: 22px; letter-spacing: 0.06em;
+  font-variant-numeric: tabular-nums;
+}
+.drawer-clock span { font-size: 11px; color: var(--muted); font-family: var(--mono); }
+.drawer-head { top: 44px; }
+
+/* ---------- 数字小键盘 ---------- */
+
+.keypad {
+  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
+  margin: 8px 0 12px;
+}
+.keypad button {
+  height: 44px;
+  border: 1px solid var(--line); border-radius: var(--radius);
+  background: var(--surface); color: var(--ink);
+  font-family: var(--mono); font-size: 17px; font-weight: 600;
+  cursor: pointer; user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.keypad button:hover { border-color: var(--accent); }
+.keypad button:active { background: var(--accent-soft); }
+.keypad .key-back { color: var(--ink-2); font-size: 15px; }
+.keypad .key-ok { background: var(--accent); border-color: var(--accent); color: var(--paper); }
+.keypad .key-ok:hover { background: var(--accent-ink); border-color: var(--accent-ink); }
+
+/* ---------- 任务行“更多”菜单 ---------- */
+
+.more-actions { position: relative; }
+.more-actions > summary {
+  list-style: none; cursor: pointer;
+  width: 28px; padding: 0; justify-content: center;
+  font-size: 16px; line-height: 1;
+}
+.more-actions > summary::-webkit-details-marker { display: none; }
+.more-actions[open] > summary { background: var(--accent-soft); border-color: var(--accent); }
+.more-menu {
+  position: absolute; right: 0; top: calc(100% + 4px); z-index: 20;
+  display: flex; flex-direction: column; gap: 2px;
+  min-width: 124px; padding: 5px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+}
+.more-menu .btn {
+  justify-content: flex-start; width: 100%;
+  height: 30px; border-color: transparent; background: transparent;
+}
+.more-menu .btn:hover { background: var(--accent-soft); border-color: transparent; }

internal/web/static/app.js

@@ -129,4 +129,50 @@
       document.cookie = KEY + '=' + next + '; path=/; max-age=31536000; SameSite=Lax';
     });
   });
-})();
+})();
+
+/* ---------- 触摸小键盘 + 抽屉时钟 + 更多菜单 ---------- */
+(function () {
+  'use strict';
+
+  /* 时钟：精确到秒 */
+  var clocks = document.querySelectorAll('[data-clock]');
+  function tick() {
+    var d = new Date();
+    var pad = function (n) { return n < 10 ? '0' + n : '' + n; };
+    var t = pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
+    Array.prototype.forEach.call(clocks, function (el) { el.textContent = t; });
+  }
+  if (clocks.length) { tick(); setInterval(tick, 1000); }
+
+  /* 小键盘：输入手机尾号 */
+  Array.prototype.forEach.call(document.querySelectorAll('[data-keypad]'), function (pad) {
+    var form = pad.closest('form');
+    if (!form) return;
+    var input = form.querySelector('input[name="tail"]');
+    if (!input) return;
+    pad.addEventListener('click', function (e) {
+      var btn = e.target.closest('button[data-key]');
+      if (!btn) return;
+      var key = btn.getAttribute('data-key');
+      if (key === 'back') {
+        input.value = input.value.slice(0, -1);
+      } else if (key === 'ok') {
+        if (input.value) {
+          if (form.requestSubmit) { form.requestSubmit(); } else { form.submit(); }
+        }
+      } else {
+        if (input.value.length < 8) { input.value += key; }
+      }
+      input.focus();
+    });
+  });
+
+  /* 更多菜单：点开一个时收起其它，点空白处关闭 */
+  document.addEventListener('click', function (e) {
+    var opened = document.querySelectorAll('.more-actions[open]');
+    Array.prototype.forEach.call(opened, function (d) {
+      if (!d.contains(e.target)) { d.removeAttribute('open'); }
+    });
+  });
+})();

internal/web/templates/_layout.html

@@ -25,6 +25,7 @@
   <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>
+    <a class="pill" href="/subscriptions?state=due7" title="7 天内到期">7 天内 <b>{{.Due7}}</b></a>
     <button class="theme-toggle" type="button" data-theme-toggle aria-label="切换亮色/暗色" title="切换亮色/暗色">
       <span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span>
     </button>

internal/web/templates/pages/calendar.html

@@ -52,14 +52,10 @@
             </span>
           </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}}{{if .Urgent}} urgent{{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 class="cell-count">
+            <b>{{.PendingCount}}</b><span>/ {{.TaskCount}}</span>
           </div>
+          {{end}}
         </a>
         {{end}}
       </div>
@@ -67,6 +63,7 @@
     </div>
 
     <aside class="drawer">
+      <div class="drawer-clock"><b data-clock>--:--:--</b><span>{{.D.TodayStr}}</span></div>
       <header class="drawer-head">
         <h2>{{.D.SelectedLabel}}</h2>
         <div class="drawer-tags">
@@ -86,6 +83,20 @@
           <button class="btn btn-sm btn-primary" type="submit">完成</button>
         </form>
         <p class="muted small quick-hint">唯一匹配直接完成；同尾号多人 / 一单多服务会列出让你勾选。</p>
+        <div class="keypad" data-keypad aria-label="数字小键盘">
+          <button type="button" data-key="1">1</button>
+          <button type="button" data-key="2">2</button>
+          <button type="button" data-key="3">3</button>
+          <button type="button" data-key="4">4</button>
+          <button type="button" data-key="5">5</button>
+          <button type="button" data-key="6">6</button>
+          <button type="button" data-key="7">7</button>
+          <button type="button" data-key="8">8</button>
+          <button type="button" data-key="9">9</button>
+          <button type="button" data-key="0">0</button>
+          <button type="button" data-key="back" class="key-back" aria-label="退格">⌫</button>
+          <button type="button" data-key="ok" class="key-ok" aria-label="确认完成">✓</button>
+        </div>
 
         {{if .D.PickTail}}
         <section class="picker">
@@ -142,10 +153,6 @@
             <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}}">
@@ -153,21 +160,33 @@
                 <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}}
-              <form method="post" action="/tasks/urgent">
-                <input type="hidden" name="sub_id" value="{{.ID}}">
-                <input type="hidden" name="date" value="{{$.D.Selected}}">
-                <input type="hidden" name="urgent" value="{{if .Urgent}}0{{else}}1{{end}}">
-                <input type="hidden" name="back" value="{{$.D.Back}}">
-                <button class="btn btn-sm {{if .Urgent}}btn-urgent{{else}}btn-ghost{{end}}">{{if .Urgent}}取消加急{{else}}加急{{end}}</button>
-              </form>
-              <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&pkg={{$.D.PkgID}}&extend={{.ID}}#extend">追加</a>
+              <details class="more-actions">
+                <summary class="btn btn-sm btn-ghost" title="更多操作" aria-label="更多操作">⋯</summary>
+                <div class="more-menu">
+                  {{if or .Done .Skipped}}
+                  <form method="post" action="/checkins/{{.CheckinID}}/delete">
+                    <input type="hidden" name="back" value="{{$.D.Back}}">
+                    <button class="btn btn-sm btn-ghost" type="submit">撤销打卡</button>
+                  </form>
+                  {{else}}
+                  <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" type="submit">跳过这次</button>
+                  </form>
+                  {{end}}
+                  <form method="post" action="/tasks/urgent">
+                    <input type="hidden" name="sub_id" value="{{.ID}}">
+                    <input type="hidden" name="date" value="{{$.D.Selected}}">
+                    <input type="hidden" name="urgent" value="{{if .Urgent}}0{{else}}1{{end}}">
+                    <input type="hidden" name="back" value="{{$.D.Back}}">
+                    <button class="btn btn-sm {{if .Urgent}}btn-urgent{{else}}btn-ghost{{end}}" type="submit">{{if .Urgent}}取消加急{{else}}标记加急{{end}}</button>
+                  </form>
+                  <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&pkg={{$.D.PkgID}}&extend={{.ID}}#extend">追加时长</a>
+                </div>
+              </details>
             </div>
           </li>
           {{end}}

internal/web/templates/pages/customer_detail.html

@@ -4,7 +4,7 @@
     <div class="cust-id">
       <span class="cust-tail">{{.D.Customer.Tail}}</span>
       <div>
-        <h1>{{.D.Customer.Name}}</h1>
+        <h1>{{.D.Customer.Name}}{{if .D.Customer.Archived}} <span class="chip chip-closed">已停用</span>{{end}}</h1>
         <div class="cust-tags">
           {{range .D.Customer.TagList}}<span class="tagchip">{{.}}</span>{{end}}
         </div>
@@ -29,6 +29,15 @@
     </dl>
     <div class="page-actions">
       <a class="btn" href="/customers/{{.D.Customer.ID}}/edit">编辑资料</a>
+      {{if .D.Customer.Archived}}
+      <form method="post" action="/customers/{{.D.Customer.ID}}/restore"><button class="btn" type="submit">恢复客户</button></form>
+      {{else}}
+      <form method="post" action="/customers/{{.D.Customer.ID}}/archive" data-confirm="停用后该客户不再出现在日历和大屏，订阅会保留。确定停用？"><button class="btn btn-ghost" type="submit">停用客户</button></form>
+      {{end}}
+      <form method="post" action="/customers/{{.D.Customer.ID}}/delete" data-confirm="将永久删除该客户及其全部订阅、打卡与追加记录，无法恢复。确定删除？">
+        <input type="hidden" name="confirm" value="delete">
+        <button class="btn btn-ghost" type="submit" style="color:var(--danger)">彻底删除</button>
+      </form>
       <a class="btn btn-ghost" href="/customers">返回列表</a>
     </div>
   </header>

internal/web/templates/pages/customers.html

@@ -6,6 +6,11 @@
       <p class="muted">共 {{.D.Total}} 位 · 输入手机尾号可快速定位</p>
     </div>
     <div class="page-actions">
+      {{if .D.ShowArchived}}
+      <a class="btn btn-ghost" href="/customers?q={{.D.Q}}">隐藏已停用</a>
+      {{else}}
+      <a class="btn btn-ghost" href="/customers?q={{.D.Q}}&archived=1">显示已停用{{if gt .D.ArchivedCount 0}} ({{.D.ArchivedCount}}){{end}}</a>
+      {{end}}
       <a class="btn btn-primary" href="/customers/new">＋ 新建客户</a>
     </div>
   </header>
@@ -24,10 +29,10 @@
       </thead>
       <tbody>
         {{range .D.List}}
-        <tr>
+        <tr{{if .Archived}} class="archived"{{end}}>
           <td><a class="tail" href="/customers/{{.ID}}">{{.Tail}}</a></td>
           <td>
-            <a class="name" href="/customers/{{.ID}}">{{.Name}}</a>
+            <a class="name" href="/customers/{{.ID}}">{{.Name}}</a>{{if .Archived}} <span class="chip chip-closed">已停用</span>{{end}}
             {{if .GameName}}<div class="muted small">{{.GameName}}{{if .GameServer}} · {{.GameServer}}{{end}}</div>{{end}}
           </td>
           <td class="muted small">{{if .Contact}}{{.Contact}}{{else}}—{{end}}</td>