From 0d43c43c29c8b46272e9e670b689d6d57b84724e Mon Sep 17 00:00:00 2001
From: wangjia <809946525@qq.com>
Date: Sat, 4 Jul 2026 09:57:41 +0800
Subject: [PATCH] =?UTF-8?q?docs(design):=20=E7=A7=BB=E5=8A=A8=E5=87=BA?=
 =?UTF-8?q?=E5=85=A5=E5=BA=93=E5=B7=A5=E5=85=B7=E6=A0=8F=E5=85=A8=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E5=8C=96=EF=BC=88=E6=96=B0=E5=A2=9E=E5=8E=BB=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E3=80=81=E7=8A=B6=E6=80=81=E5=8E=BB=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E7=AE=AD=E5=A4=B4=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增按钮只留 + 图标（primary 方钮，title 提示）
- 状态筛选改纯图标钮：默认漏斗，选中某状态后按钮图标切换为该状态的
  BADGE_ICON 代表图标并转 primary 高亮，取消回漏斗 ghost

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
---
 .superpowers/prototype/screens/m-stock-in-list.html  | 10 +++++-----
 .superpowers/prototype/screens/m-stock-out-list.html | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/.superpowers/prototype/screens/m-stock-in-list.html b/.superpowers/prototype/screens/m-stock-in-list.html
index 020443c..9cedd12 100644
--- a/.superpowers/prototype/screens/m-stock-in-list.html
+++ b/.superpowers/prototype/screens/m-stock-in-list.html
@@ -22,9 +22,9 @@
   <div class="m-scroll">
     <div style="display:flex;gap:8px;align-items:stretch;margin-bottom:10px">
       <div class="m-search" style="flex:1;min-width:0"><svg viewBox="0 0 24 24"><use href="#i-search"/></svg><input id="q" placeholder="搜索单号 / 供应商 / 酒名" oninput="state.q=this.value;render()"></div>
-      <div class="m-select" id="stSel" style="height:auto;flex:none" onclick="openStatusSheet()"><span id="stVal">全部</span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
+      <div class="btn ghost" id="stSel" style="height:auto;flex:none;padding:0 12px" onclick="openStatusSheet()" title="状态筛选"><svg viewBox="0 0 24 24" id="stIcon"><use href="#i-ic22"/></svg></div>
       <div class="btn ghost" id="advBtn" style="height:auto;flex:none;padding:0 12px" onclick="openAdv()" title="详细搜索"><svg viewBox="0 0 24 24"><use href="#i-ic21"/></svg></div>
-      <div class="btn primary" style="height:auto;flex:none" onclick="location.href='m-stock-in.html'"><svg viewBox="0 0 24 24"><use href="#i-plus"/></svg>新增</div>
+      <div class="btn primary" style="height:auto;flex:none;padding:0 12px" onclick="location.href='m-stock-in.html'" title="新增"><svg viewBox="0 0 24 24"><use href="#i-plus"/></svg></div>
     </div>
     <div class="m-kpi" style="margin-bottom:10px">
       <div class="k" onclick="setSt('全部')"><div class="kl"><svg viewBox="0 0 24 24"><use href="#i-download"/></svg>近30天入库笔数</div><div class="kv">28</div><div class="kd up">▲ 12% 较上期</div></div>
@@ -79,9 +79,9 @@ function filtered(){ return ORDERS.filter(o=>{
   return true; }); }
 function render(){
   const n=advCount();
-  document.getElementById('stVal').textContent=state.status;
-  document.getElementById('stSel').style.borderColor=state.status==='全部'?'':'var(--primary)';
-  document.getElementById('stSel').style.color=state.status==='全部'?'':'var(--primary)';
+  document.getElementById('stIcon').innerHTML='<use href="#'+(state.status==='全部'?'i-ic22':STICON[state.status])+'"/>';
+  const ss=document.getElementById('stSel');
+  ss.classList.toggle('primary',state.status!=='全部'); ss.classList.toggle('ghost',state.status==='全部');
   const ab=document.getElementById('advBtn');
   ab.classList.toggle('primary',n>0); ab.classList.toggle('ghost',n===0);
   const rows=filtered();
diff --git a/.superpowers/prototype/screens/m-stock-out-list.html b/.superpowers/prototype/screens/m-stock-out-list.html
index 2cfd042..0382438 100644
--- a/.superpowers/prototype/screens/m-stock-out-list.html
+++ b/.superpowers/prototype/screens/m-stock-out-list.html
@@ -22,9 +22,9 @@
   <div class="m-scroll">
     <div style="display:flex;gap:8px;align-items:stretch;margin-bottom:10px">
       <div class="m-search" style="flex:1;min-width:0"><svg viewBox="0 0 24 24"><use href="#i-search"/></svg><input id="q" placeholder="搜索单号 / 客户 / 酒名" oninput="state.q=this.value;render()"></div>
-      <div class="m-select" id="stSel" style="height:auto;flex:none" onclick="openStatusSheet()"><span id="stVal">全部</span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
+      <div class="btn ghost" id="stSel" style="height:auto;flex:none;padding:0 12px" onclick="openStatusSheet()" title="状态筛选"><svg viewBox="0 0 24 24" id="stIcon"><use href="#i-ic22"/></svg></div>
       <div class="btn ghost" id="advBtn" style="height:auto;flex:none;padding:0 12px" onclick="openAdv()" title="详细搜索"><svg viewBox="0 0 24 24"><use href="#i-ic21"/></svg></div>
-      <div class="btn primary" style="height:auto;flex:none" onclick="location.href='m-stock-out.html'"><svg viewBox="0 0 24 24"><use href="#i-plus"/></svg>新增</div>
+      <div class="btn primary" style="height:auto;flex:none;padding:0 12px" onclick="location.href='m-stock-out.html'" title="新增"><svg viewBox="0 0 24 24"><use href="#i-plus"/></svg></div>
     </div>
     <div class="m-kpi" style="margin-bottom:10px">
       <div class="k" onclick="setSt('全部')"><div class="kl"><svg viewBox="0 0 24 24"><use href="#i-upload"/></svg>近30天出库笔数</div><div class="kv">35</div><div class="kd up">▲ 9.2% 较上期</div></div>
@@ -78,9 +78,9 @@ function filtered(){ return ORDERS.filter(o=>{
   return true; }); }
 function render(){
   const n=advCount();
-  document.getElementById('stVal').textContent=state.status;
-  document.getElementById('stSel').style.borderColor=state.status==='全部'?'':'var(--primary)';
-  document.getElementById('stSel').style.color=state.status==='全部'?'':'var(--primary)';
+  document.getElementById('stIcon').innerHTML='<use href="#'+(state.status==='全部'?'i-ic22':STICON[state.status])+'"/>';
+  const ss=document.getElementById('stSel');
+  ss.classList.toggle('primary',state.status!=='全部'); ss.classList.toggle('ghost',state.status==='全部');
   const ab=document.getElementById('advBtn');
   ab.classList.toggle('primary',n>0); ab.classList.toggle('ghost',n===0);
   const rows=filtered();