feat(client): 出入库列表状态筛选改多选并默认草稿+待审核（两端，原型同步）
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wangjia
@@ -51,11 +51,15 @@ const ORDERS=[
|
||||
{no:'RK-20260618-002',party:'泸州老窖仓',wh:'名酒仓',items:2,amount:'¥16,000',status:'已审核',date:'2026-06-18',by:'王经理',auditor:'王经理',goods:'泸州老窖 特曲、国窖 1573',lines:[{n:'泸州老窖 特曲',s:'500ml×6',q:25,a:'¥8,000',pd:'2022-02-14',b:'20260415'},{n:'国窖 1573',s:'500ml×6',q:8,a:'¥8,000',pd:'2021-04-09',b:'20260410'}]},
|
||||
{no:'RK-20260618-001',party:'洋河股份',wh:'主仓',items:2,amount:'¥14,800',status:'草稿',date:'2026-06-18',by:'王经理',auditor:'',goods:'洋河 梦之蓝 M6、洋河 海之蓝',lines:[{n:'洋河 梦之蓝 M6',s:'500ml×6',q:12,a:'¥7,440',pd:'2020-12-01',b:'20260322'},{n:'洋河 海之蓝',s:'500ml×6',q:16,a:'¥7,360',pd:'2022-06-11',b:'20260305'}]},
|
||||
];
|
||||
/* 状态词与桌面/后端对齐：主状态 4 词 + 退单态 2 词（return_state: partial/full） */
|
||||
const ST=['全部','草稿','待审核','已审核','已拒绝','部分退单','已退单'];
|
||||
/* 状态词与桌面/后端对齐：主状态 4 词 + 退单态 2 词（return_state: partial/full）。
|
||||
2026-07-14 改多选：主状态多选、退单伪状态与主状态互斥，默认「草稿+待审核」（D3 用户拍板）。 */
|
||||
const MAIN_ST=['草稿','待审核','已审核','已拒绝'];
|
||||
const RET_ST=['部分退单','已退单'];
|
||||
const DEFAULT_ST=['草稿','待审核'];
|
||||
const ST=['全部',...MAIN_ST,...RET_ST];
|
||||
const OPS=['全部','王经理','李采购'];
|
||||
const REVIEWERS=['全部','张主管','王经理'];
|
||||
const state={q:'',status:'全部'};
|
||||
const state={q:'',statusSet:new Set(DEFAULT_ST),ret:''};
|
||||
/* ---- 状态代表图标（移动纯图标 .ico / 图标+文字 .bi；状态筛选钮为纯文字——用户拍板） ---- */
|
||||
const STICON={'草稿':'i-ic06','待审核':'i-ic04','已审核':'i-check','已拒绝':'i-close','部分退单':'i-undo','已退单':'i-undo','待定价':'i-yen'};
|
||||
function icoB(v){ return `<span class="badge ico b-${v}" title="${v}"><svg class="ic"><use href="#${STICON[v]}"/></svg></span>`; }
|
||||
@@ -66,8 +70,8 @@ let adv={...ADV_DEF};
|
||||
function advCount(){ return Object.keys(ADV_DEF).filter(k=>adv[k]!==ADV_DEF[k]).length; }
|
||||
|
||||
function filtered(){ return ORDERS.filter(o=>{
|
||||
const st=state.status;
|
||||
if(st!=='全部'&&o.status!==st&&o.ret!==st)return false;
|
||||
if(state.ret){ if(o.ret!==state.ret)return false; }
|
||||
else if(state.statusSet.size&&!state.statusSet.has(o.status))return false;
|
||||
if(state.q){const q=state.q.toLowerCase(); if(!o.no.toLowerCase().includes(q)&&!o.party.toLowerCase().includes(q)&&!(o.goods||'').toLowerCase().includes(q))return false;}
|
||||
if(adv.no&&!o.no.toLowerCase().includes(adv.no.toLowerCase()))return false;
|
||||
if(adv.product){const p=adv.product.toLowerCase(); if(!(o.lines||[]).some(l=>l.n.toLowerCase().includes(p)))return false;}
|
||||
@@ -76,11 +80,20 @@ function filtered(){ return ORDERS.filter(o=>{
|
||||
if(adv.reviewer!=='全部'&&o.auditor!==adv.reviewer)return false;
|
||||
if(adv.status!=='全部'&&o.status!==adv.status&&o.ret!==adv.status)return false;
|
||||
return true; }); }
|
||||
// 状态摘要：无=全部、1 项=值本身、多项=「N 项」；退单态优先展示。
|
||||
function statusLabel(){
|
||||
if(state.ret) return state.ret;
|
||||
if(!state.statusSet.size) return '全部';
|
||||
if(state.statusSet.size===1) return [...state.statusSet][0];
|
||||
return state.statusSet.size+' 项';
|
||||
}
|
||||
// 是否为「全部」（空集且无退单）——状态钮高亮判断：非「全部」即视为已筛选（含默认态）。
|
||||
function isAllStatus(){ return !state.ret && !state.statusSet.size; }
|
||||
function render(){
|
||||
const n=advCount();
|
||||
document.getElementById('stVal').textContent=state.status;
|
||||
document.getElementById('stVal').textContent=statusLabel();
|
||||
const ss=document.getElementById('stSel');
|
||||
ss.classList.toggle('primary',state.status!=='全部'); ss.classList.toggle('ghost',state.status==='全部');
|
||||
ss.classList.toggle('primary',!isAllStatus()); ss.classList.toggle('ghost',isAllStatus());
|
||||
const ab=document.getElementById('advBtn');
|
||||
ab.classList.toggle('primary',n>0); ab.classList.toggle('ghost',n===0);
|
||||
const rows=filtered();
|
||||
@@ -96,11 +109,35 @@ function render(){
|
||||
<div class="mc-foot"><svg width="13" height="13" viewBox="0 0 24 24" stroke-width="1.9" style="color:var(--muted)"><use href="#i-info"/></svg>${o.date} · 经手人 ${o.by}${o.auditor?' · 审核 '+o.auditor:''}</div>
|
||||
</a>`).join('');
|
||||
}
|
||||
function setSt(s){ state.status=s; render(); }
|
||||
/* ---- 状态下拉（底部选项 sheet） ---- */
|
||||
function openStatusSheet(){
|
||||
openSheet('状态筛选', ST.map(s=>`<div class="m-opt ${s===state.status?'sel':''}" onclick="setSt('${s}');closeSheet()">${s!=='全部'?`<span class="badge ico b-${s}"><svg class="ic"><use href="#${STICON[s]}"/></svg></span>`:''}${s}<svg class="ck" viewBox="0 0 24 24"><use href="#i-check"/></svg></div>`).join(''));
|
||||
// KPI 卡点击 = 覆盖为该单值（D5，非 toggle 集合成员）；'全部' 清空。
|
||||
function setSt(s){
|
||||
if(s==='全部'){ state.statusSet=new Set(); state.ret=''; }
|
||||
else if(RET_ST.includes(s)){ state.ret=s; state.statusSet=new Set(); }
|
||||
else { state.ret=''; state.statusSet=new Set([s]); }
|
||||
render();
|
||||
}
|
||||
/* ---- 状态筛选（底部 sheet，多选勾选 + 确定应用）：主状态多选 + 退单伪状态互斥 ---- */
|
||||
let stDraft={sel:new Set(DEFAULT_ST),ret:''};
|
||||
function openStatusSheet(){
|
||||
stDraft={sel:new Set(state.statusSet),ret:state.ret};
|
||||
drawStatusSheet();
|
||||
}
|
||||
function stOptRow(s,isRet){
|
||||
const sel = isRet? stDraft.ret===s : stDraft.sel.has(s);
|
||||
return `<div class="m-opt ${sel?'sel':''}" onclick="toggleStatusDraft('${s}',${isRet})"><span class="badge ico b-${s}"><svg class="ic"><use href="#${STICON[s]}"/></svg></span>${s}<svg class="ck" viewBox="0 0 24 24"><use href="#i-check"/></svg></div>`;
|
||||
}
|
||||
function drawStatusSheet(){
|
||||
const rows = MAIN_ST.map(s=>stOptRow(s,false)).join('') + RET_ST.map(s=>stOptRow(s,true)).join('');
|
||||
openSheet('单据状态', rows+`<div style="display:flex;gap:10px;margin-top:16px"><div class="btn ghost" style="flex:1;justify-content:center" onclick="resetStatusDraft()">重置</div><div class="btn primary" style="flex:2;justify-content:center" onclick="applyStatusDraft()">确定</div></div>`);
|
||||
}
|
||||
function toggleStatusDraft(s,isRet){
|
||||
if(isRet){ stDraft.ret = stDraft.ret===s? '' : s; stDraft.sel=new Set(); }
|
||||
else { stDraft.ret=''; stDraft.sel.has(s)?stDraft.sel.delete(s):stDraft.sel.add(s); }
|
||||
drawStatusSheet();
|
||||
}
|
||||
// 重置（D3）：回到默认「草稿+待审核」，不是回「全部」。
|
||||
function resetStatusDraft(){ stDraft={sel:new Set(DEFAULT_ST),ret:''}; drawStatusSheet(); }
|
||||
function applyStatusDraft(){ state.statusSet=new Set(stDraft.sel); state.ret=stDraft.ret; closeSheet(); render(); }
|
||||
|
||||
/* ==================== 详细搜索（底部 sheet，竖排单列） ==================== */
|
||||
let advOpen=''; // 当前展开的下拉字段
|
||||
|
||||
@@ -50,11 +50,15 @@ const ORDERS=[
|
||||
{no:'CK-20260618-004',party:'城东烟酒行',wh:'主仓',items:2,amount:'¥12,500',profit:'¥1,870',status:'已审核',ret:'已退单',date:'2026-06-18',by:'王经理',auditor:'王经理',goods:'西凤酒 旗舰版、郎酒 红花郎 15',lines:[{n:'西凤酒 旗舰版',s:'500ml×6',q:13,a:'¥6,500',pd:'2021-12-05',b:'20260325'},{n:'郎酒 红花郎 15',s:'500ml×6',q:10,a:'¥6,000',pd:'2018-09-16',b:'20260118'}]},
|
||||
{no:'CK-20260618-003',party:'金樽会所',wh:'名酒仓',items:1,amount:'¥8,400',profit:'¥1,260',status:'草稿',date:'2026-06-18',by:'李销售',auditor:'',goods:'汾酒 青花 20',lines:[{n:'汾酒 青花 20',s:'500ml×6',q:12,a:'¥8,400',pd:'2021-01-27',b:'20260506'}]},
|
||||
];
|
||||
/* 状态词与桌面/后端对齐：主状态 4 词 + 退单态 2 词（return_state: partial/full） */
|
||||
const ST=['全部','草稿','待审核','已审核','已拒绝','部分退单','已退单'];
|
||||
/* 状态词与桌面/后端对齐：主状态 4 词 + 退单态 2 词（return_state: partial/full）。
|
||||
2026-07-14 改多选：主状态多选、退单伪状态与主状态互斥，默认「草稿+待审核」（D3 用户拍板）。 */
|
||||
const MAIN_ST=['草稿','待审核','已审核','已拒绝'];
|
||||
const RET_ST=['部分退单','已退单'];
|
||||
const DEFAULT_ST=['草稿','待审核'];
|
||||
const ST=['全部',...MAIN_ST,...RET_ST];
|
||||
const OPS=['全部','王经理','李销售'];
|
||||
const REVIEWERS=['全部','张主管','王经理'];
|
||||
const state={q:'',status:'全部'};
|
||||
const state={q:'',statusSet:new Set(DEFAULT_ST),ret:''};
|
||||
/* ---- 状态代表图标（移动纯图标 .ico / 图标+文字 .bi；状态筛选钮为纯文字——用户拍板） ---- */
|
||||
const STICON={'草稿':'i-ic06','待审核':'i-ic04','已审核':'i-check','已拒绝':'i-close','部分退单':'i-undo','已退单':'i-undo','待定价':'i-yen'};
|
||||
function icoB(v){ return `<span class="badge ico b-${v}" title="${v}"><svg class="ic"><use href="#${STICON[v]}"/></svg></span>`; }
|
||||
@@ -65,8 +69,8 @@ let adv={...ADV_DEF};
|
||||
function advCount(){ return Object.keys(ADV_DEF).filter(k=>adv[k]!==ADV_DEF[k]).length; }
|
||||
|
||||
function filtered(){ return ORDERS.filter(o=>{
|
||||
const st=state.status;
|
||||
if(st!=='全部'&&o.status!==st&&o.ret!==st)return false;
|
||||
if(state.ret){ if(o.ret!==state.ret)return false; }
|
||||
else if(state.statusSet.size&&!state.statusSet.has(o.status))return false;
|
||||
if(state.q){const q=state.q.toLowerCase(); if(!o.no.toLowerCase().includes(q)&&!o.party.toLowerCase().includes(q)&&!(o.goods||'').toLowerCase().includes(q))return false;}
|
||||
if(adv.no&&!o.no.toLowerCase().includes(adv.no.toLowerCase()))return false;
|
||||
if(adv.product){const p=adv.product.toLowerCase(); if(!(o.lines||[]).some(l=>l.n.toLowerCase().includes(p)))return false;}
|
||||
@@ -75,11 +79,20 @@ function filtered(){ return ORDERS.filter(o=>{
|
||||
if(adv.reviewer!=='全部'&&o.auditor!==adv.reviewer)return false;
|
||||
if(adv.status!=='全部'&&o.status!==adv.status&&o.ret!==adv.status)return false;
|
||||
return true; }); }
|
||||
// 状态摘要：无=全部、1 项=值本身、多项=「N 项」；退单态优先展示。
|
||||
function statusLabel(){
|
||||
if(state.ret) return state.ret;
|
||||
if(!state.statusSet.size) return '全部';
|
||||
if(state.statusSet.size===1) return [...state.statusSet][0];
|
||||
return state.statusSet.size+' 项';
|
||||
}
|
||||
// 是否为「全部」（空集且无退单）——状态钮高亮判断：非「全部」即视为已筛选（含默认态）。
|
||||
function isAllStatus(){ return !state.ret && !state.statusSet.size; }
|
||||
function render(){
|
||||
const n=advCount();
|
||||
document.getElementById('stVal').textContent=state.status;
|
||||
document.getElementById('stVal').textContent=statusLabel();
|
||||
const ss=document.getElementById('stSel');
|
||||
ss.classList.toggle('primary',state.status!=='全部'); ss.classList.toggle('ghost',state.status==='全部');
|
||||
ss.classList.toggle('primary',!isAllStatus()); ss.classList.toggle('ghost',isAllStatus());
|
||||
const ab=document.getElementById('advBtn');
|
||||
ab.classList.toggle('primary',n>0); ab.classList.toggle('ghost',n===0);
|
||||
const rows=filtered();
|
||||
@@ -95,11 +108,35 @@ function render(){
|
||||
<div class="mc-foot"><svg width="13" height="13" viewBox="0 0 24 24" stroke-width="1.9" style="color:var(--muted)"><use href="#i-info"/></svg>${o.date} · 经手人 ${o.by}${o.auditor?' · 审核 '+o.auditor:''}</div>
|
||||
</a>`).join('');
|
||||
}
|
||||
function setSt(s){ state.status=s; render(); }
|
||||
/* ---- 状态下拉（底部选项 sheet） ---- */
|
||||
function openStatusSheet(){
|
||||
openSheet('状态筛选', ST.map(s=>`<div class="m-opt ${s===state.status?'sel':''}" onclick="setSt('${s}');closeSheet()">${s!=='全部'?`<span class="badge ico b-${s}"><svg class="ic"><use href="#${STICON[s]}"/></svg></span>`:''}${s}<svg class="ck" viewBox="0 0 24 24"><use href="#i-check"/></svg></div>`).join(''));
|
||||
// KPI 卡点击 = 覆盖为该单值（D5，非 toggle 集合成员）；'全部' 清空。
|
||||
function setSt(s){
|
||||
if(s==='全部'){ state.statusSet=new Set(); state.ret=''; }
|
||||
else if(RET_ST.includes(s)){ state.ret=s; state.statusSet=new Set(); }
|
||||
else { state.ret=''; state.statusSet=new Set([s]); }
|
||||
render();
|
||||
}
|
||||
/* ---- 状态筛选（底部 sheet，多选勾选 + 确定应用）：主状态多选 + 退单伪状态互斥 ---- */
|
||||
let stDraft={sel:new Set(DEFAULT_ST),ret:''};
|
||||
function openStatusSheet(){
|
||||
stDraft={sel:new Set(state.statusSet),ret:state.ret};
|
||||
drawStatusSheet();
|
||||
}
|
||||
function stOptRow(s,isRet){
|
||||
const sel = isRet? stDraft.ret===s : stDraft.sel.has(s);
|
||||
return `<div class="m-opt ${sel?'sel':''}" onclick="toggleStatusDraft('${s}',${isRet})"><span class="badge ico b-${s}"><svg class="ic"><use href="#${STICON[s]}"/></svg></span>${s}<svg class="ck" viewBox="0 0 24 24"><use href="#i-check"/></svg></div>`;
|
||||
}
|
||||
function drawStatusSheet(){
|
||||
const rows = MAIN_ST.map(s=>stOptRow(s,false)).join('') + RET_ST.map(s=>stOptRow(s,true)).join('');
|
||||
openSheet('单据状态', rows+`<div style="display:flex;gap:10px;margin-top:16px"><div class="btn ghost" style="flex:1;justify-content:center" onclick="resetStatusDraft()">重置</div><div class="btn primary" style="flex:2;justify-content:center" onclick="applyStatusDraft()">确定</div></div>`);
|
||||
}
|
||||
function toggleStatusDraft(s,isRet){
|
||||
if(isRet){ stDraft.ret = stDraft.ret===s? '' : s; stDraft.sel=new Set(); }
|
||||
else { stDraft.ret=''; stDraft.sel.has(s)?stDraft.sel.delete(s):stDraft.sel.add(s); }
|
||||
drawStatusSheet();
|
||||
}
|
||||
// 重置（D3）：回到默认「草稿+待审核」，不是回「全部」。
|
||||
function resetStatusDraft(){ stDraft={sel:new Set(DEFAULT_ST),ret:''}; drawStatusSheet(); }
|
||||
function applyStatusDraft(){ state.statusSet=new Set(stDraft.sel); state.ret=stDraft.ret; closeSheet(); render(); }
|
||||
|
||||
/* ==================== 详细搜索（底部 sheet，竖排单列） ==================== */
|
||||
let advOpen='';
|
||||
|
||||
@@ -24,6 +24,11 @@
|
||||
.toolbar .daterange svg{width:14px; height:14px; stroke-width:1.8; color:var(--faint);}
|
||||
.toolbar .daterange .dv{color:var(--text);}
|
||||
.toolbar .sp{margin-left:auto;}
|
||||
/* chip 尾部图标切换：未筛选=下拉箭头，筛选中=× 单清（镜像 inventory.html 多选 chip，待提升至 atoms.css） */
|
||||
.chip .cx{display:none;}
|
||||
.chip.on .cx{display:block; cursor:pointer; color:var(--muted);}
|
||||
.chip.on .cx:hover{color:var(--text);}
|
||||
.chip.on .caret{display:none;}
|
||||
|
||||
/* ---- 状态徽章（新增变体，待提升至 atoms.css） ---- */
|
||||
.badge.b-草稿{background:var(--info-soft); color:var(--muted);}
|
||||
@@ -64,7 +69,7 @@
|
||||
<div class="searchbox"><svg viewBox="0 0 24 24"><use href="#i-search"/></svg><input id="searchInput" placeholder="搜索单号 / 供应商 / 酒名" oninput="state.q=this.value; state.page=1; render()"></div>
|
||||
<div class="chip" id="chipParty" onclick="openPartyFilter(this)">供应商 <span class="cv" id="partyVal"></span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipWh" onclick="openWhFilter(this)">仓库 <span class="cv" id="whVal"></span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipStatus" onclick="openStatusFilter(this)">状态 <span class="cv" id="statusVal"></span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipStatus" onclick="openStatusFilter(this)">状态 <span class="cv" id="statusVal"></span><svg class="cx" viewBox="0 0 24 24" onclick="clearStatus(event)"><use href="#i-close"/></svg><svg class="caret" viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipDate" onclick="openDateFilter(this)"><svg viewBox="0 0 24 24"><use href="#i-ic48"/></svg>入库时间 <span class="cv" id="dateVal"></span></div>
|
||||
<div class="btn soft sm" id="advBtn" onclick="openAdvSearch()"><svg viewBox="0 0 24 24"><use href="#i-ic21"/></svg>详细搜索<span class="cv" id="advCount"></span></div>
|
||||
<div class="sp"></div>
|
||||
@@ -144,9 +149,14 @@ const ORDERS=[
|
||||
{no:'RK-20260613-001',date:'2026-06-13',party:'西凤酒陕西总代',wh:'主仓',count:1,amount:6720,status:'草稿',op:'张主管',auditor:'',lines:[{name:'西凤酒 旗舰版',qty:24,price:280}]},
|
||||
{no:'RK-20260612-003',date:'2026-06-12',party:'水井坊川渝仓',wh:'名酒仓',count:1,amount:16320,status:'待审核',op:'王经理',auditor:'',lines:[{name:'水井坊 井台',qty:24,price:680}]},
|
||||
];
|
||||
const STATUS=['全部','草稿','待审核','已审核','已拒绝','部分退单','已退单'];
|
||||
// 状态筛选 2026-07-14 改多选：主状态(草稿/待审核/已审核/已拒绝)可多选，退单伪状态(部分退单/已退单)
|
||||
// 与主状态互斥（选其一清另一侧）。默认「草稿+待审核」（D3 用户拍板）。
|
||||
const MAIN_STATUS=['草稿','待审核','已审核','已拒绝'];
|
||||
const RET_STATUS=['部分退单','已退单'];
|
||||
const DEFAULT_STATUS=['草稿','待审核'];
|
||||
const STATUS=['全部',...MAIN_STATUS,...RET_STATUS]; // 供详细搜索单选字段沿用
|
||||
const COLS=[{key:'no',label:'单号'},{key:'party',label:'供应商'},{key:'wh',label:'仓库'},{key:'amount',label:'合计金额',num:true},{key:'status',label:'状态'},{key:'op',label:'入库员'},{key:'auditor',label:'审核员'},{key:'act',label:'操作',fixed:true}];
|
||||
const state={q:'',party:'全部',wh:'全部',status:'全部',dateFrom:'',dateTo:'',page:1,perPage:10,orderNo:'',productInfo:'',batch:'',series:'全部',spec:'全部',category:'全部',op:'全部',reviewer:'全部'};
|
||||
const state={q:'',party:'全部',wh:'全部',statusSet:new Set(DEFAULT_STATUS),ret:'',dateFrom:'',dateTo:'',page:1,perPage:10,orderNo:'',productInfo:'',batch:'',series:'全部',spec:'全部',category:'全部',op:'全部',reviewer:'全部'};
|
||||
const PARTIES=['全部',...Array.from(new Set(ORDERS.map(o=>o.party)))];
|
||||
const WAREHOUSES=['全部',...Array.from(new Set(ORDERS.map(o=>o.wh)))];
|
||||
|
||||
@@ -159,7 +169,8 @@ const STICON={'草稿':'i-ic06','待审核':'i-ic04','已审核':'i-check','已
|
||||
function stBadge(v){ return `<span class="badge bi b-${v}"><svg class="ic"><use href="#${STICON[v]}"/></svg>${v}</span>`; }
|
||||
function numf(n){ return (Number(n)||0).toLocaleString(); } /* 明细行内数字：去¥，缩一号（2026-07-03） */
|
||||
function filtered(){ return ORDERS.filter(o=>{
|
||||
if(state.status!=='全部'&&o.status!==state.status&&o.ret!==state.status)return false;
|
||||
if(state.ret){ if(o.ret!==state.ret)return false; }
|
||||
else if(state.statusSet.size&&!state.statusSet.has(o.status))return false;
|
||||
if(state.party!=='全部'&&o.party!==state.party)return false;
|
||||
if(state.wh!=='全部'&&o.wh!==state.wh)return false;
|
||||
if(state.dateFrom&&o.date<state.dateFrom)return false;
|
||||
@@ -176,11 +187,20 @@ function filtered(){ return ORDERS.filter(o=>{
|
||||
if(state.category&&state.category!=='全部'&&!L.some(l=>(PINFO[l.name]||{}).cat===state.category))return false;
|
||||
if(state.batch){const b=state.batch.toLowerCase(); if(!L.some(l=>{const pi=PINFO[l.name]||{}; return (pi.batch||'').toLowerCase().includes(b)||(pi.code||'').toLowerCase().includes(b);}))return false;}
|
||||
return true; }); }
|
||||
// 状态 chip 摘要（镜像 inventory.html 多选 chip）：无=空、1 项=值本身、多项=「N 项」；退单态优先展示。
|
||||
function statusChipLabel(){
|
||||
if(state.ret) return state.ret;
|
||||
if(!state.statusSet.size) return '';
|
||||
if(state.statusSet.size===1) return [...state.statusSet][0];
|
||||
return state.statusSet.size+' 项';
|
||||
}
|
||||
// 状态是否为默认态（草稿+待审核、无退单）——仅用于「重置」按钮高亮判断，避免默认态常年高亮。
|
||||
function isDefaultStatus(){ return !state.ret && state.statusSet.size===2 && state.statusSet.has('草稿') && state.statusSet.has('待审核'); }
|
||||
function syncChips(){
|
||||
const set=(id,chipId,val)=>{ document.getElementById(id).textContent=val||''; document.getElementById(chipId).classList.toggle('on',!!val); };
|
||||
set('partyVal','chipParty',state.party==='全部'?'':state.party);
|
||||
set('whVal','chipWh',state.wh==='全部'?'':state.wh);
|
||||
set('statusVal','chipStatus',state.status==='全部'?'':state.status);
|
||||
set('statusVal','chipStatus',statusChipLabel());
|
||||
set('dateVal','chipDate',state.dateLabel||'');
|
||||
const advCount=[state.orderNo,state.productInfo,state.batch,
|
||||
(state.series&&state.series!=='全部')?1:0,
|
||||
@@ -192,13 +212,13 @@ function syncChips(){
|
||||
advBtnEl.classList.toggle('primary',advCount>0);
|
||||
advBtnEl.classList.toggle('soft',advCount===0);
|
||||
document.getElementById('advCount').textContent=advCount?' · '+advCount:'';
|
||||
const any=state.q||state.party!=='全部'||state.wh!=='全部'||state.status!=='全部'||state.dateFrom||state.dateTo||advCount>0;
|
||||
const any=state.q||state.party!=='全部'||state.wh!=='全部'||!isDefaultStatus()||state.dateFrom||state.dateTo||advCount>0;
|
||||
document.getElementById('resetBtn').classList.toggle('primary',!!any);
|
||||
}
|
||||
function render(){
|
||||
syncChips();
|
||||
const cols=COLS;
|
||||
document.getElementById('thead').innerHTML='<tr>'+cols.map(c=>{ const cls=(c.num?'num ':'')+(c.key==='act'?'act ':''); if(c.filter){const on=state.status!=='全部'; return `<th class="${cls}"><span class="fh ${on?'filtered':''}" onclick="openFilter(this)">${c.label} <svg class="funnel" viewBox="0 0 24 24"><use href="#i-ic22"/></svg></span></th>`;} return `<th class="${cls}">${c.label}</th>`; }).join('')+'</tr>';
|
||||
document.getElementById('thead').innerHTML='<tr>'+cols.map(c=>{ const cls=(c.num?'num ':'')+(c.key==='act'?'act ':''); if(c.filter){const on=!isDefaultStatus(); return `<th class="${cls}"><span class="fh ${on?'filtered':''}" onclick="openFilter(this)">${c.label} <svg class="funnel" viewBox="0 0 24 24"><use href="#i-ic22"/></svg></span></th>`;} return `<th class="${cls}">${c.label}</th>`; }).join('')+'</tr>';
|
||||
const rows=filtered(); const start=(state.page-1)*state.perPage; const pageRows=rows.slice(start,start+state.perPage); const tb=document.getElementById('tbody');
|
||||
if(rows.length===0){ tb.innerHTML=`<tr><td colspan="${cols.length}"><div class="empty">没有匹配的入库单 · 试试调整筛选或搜索</div></td></tr>`; }
|
||||
else { tb.innerHTML=pageRows.map(o=>{ const idx=ORDERS.indexOf(o); return '<tr class="click" onclick="openDetail('+idx+')">'+cols.map(c=>{ if(c.key==='no')return `<td><span class="pcode" style="font-size:var(--fs-body)">${o.no}</span></td>`; if(c.key==='party')return `<td class="pname">${o.party}</td>`; if(c.key==='wh')return `<td>${o.wh}</td>`; if(c.key==='amount')return `<td class="num">${money(o.amount)}</td>`; if(c.key==='status')return `<td>${stBadge(o.status)}${o.ret?' '+stBadge(o.ret):''}</td>`; if(c.key==='op')return `<td>${o.op}</td>`; if(c.key==='auditor')return `<td>${o.auditor?o.auditor:'<span style="color:var(--faint)">—</span>'}</td>`; if(c.key==='act')return `<td class="act"><div class="row-act" onclick="event.stopPropagation()"><svg viewBox="0 0 24 24" onclick="openDetail(${idx})"><use href="#i-eye"/></svg></div></td>`; return `<td>${o[c.key]}</td>`; }).join('')+'</tr>'; }).join(''); }
|
||||
@@ -210,10 +230,32 @@ function go(p){ const pages=Math.max(1,Math.ceil(filtered().length/state.perPage
|
||||
const PAGE_SIZES=[10,20,50,100];
|
||||
function openPageSize(e){ openMenu(e.currentTarget, PAGE_SIZES.map(n=>({v:String(n),label:String(n),sel:n===state.perPage})), v=>{ closeMenus(); setPerPage(v); }, 'pgsize-menu', 88); }
|
||||
function setPerPage(v){ state.perPage=+v; state.page=1; const el=document.getElementById('pageSizeVal'); if(el)el.textContent=v; render(); }
|
||||
function filterStatus(s){ state.status=s; state.page=1; render(); }
|
||||
function clearFilters(){ state.q='';state.party='全部';state.wh='全部';state.status='全部';state.dateFrom='';state.dateTo='';state.dateLabel='';state.datePreset='all';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';state.page=1; document.getElementById('searchInput').value=''; render(); }
|
||||
// KPI 卡点击 = 覆盖为该单值（D5，非 toggle 集合成员）。
|
||||
function filterStatus(s){
|
||||
if(RET_STATUS.includes(s)){ state.ret=s; state.statusSet=new Set(); }
|
||||
else { state.ret=''; state.statusSet=new Set([s]); }
|
||||
state.page=1; render();
|
||||
}
|
||||
// 状态 chip 的 × 单清：回到默认「草稿+待审核」，不是回「全部」（D3）。
|
||||
function clearStatus(e){ e.stopPropagation(); state.statusSet=new Set(DEFAULT_STATUS); state.ret=''; state.page=1; render(); }
|
||||
function clearFilters(){ state.q='';state.party='全部';state.wh='全部';state.statusSet=new Set(DEFAULT_STATUS);state.ret='';state.dateFrom='';state.dateTo='';state.dateLabel='';state.datePreset='all';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';state.page=1; document.getElementById('searchInput').value=''; render(); }
|
||||
|
||||
function openStatusFilter(t){ openMenu(t,STATUS.map(v=>({v,label:v,sel:v===state.status})),v=>{ state.status=v; state.page=1; closeMenus(); render(); }); }
|
||||
// 状态多选菜单：主状态 checkbox 多选 + 退单伪状态互斥（选其一清主状态多选，反之亦然）；
|
||||
// 菜单勾选后不关闭（镜像 inventory.html openDimFilter 的重开手法）。
|
||||
function openStatusFilter(t){
|
||||
const opts=[...MAIN_STATUS.map(v=>({v,label:v,sel:state.statusSet.has(v)})),
|
||||
...RET_STATUS.map(v=>({v,label:v,sel:state.ret===v}))];
|
||||
openMenu(t,opts,v=>{
|
||||
if(RET_STATUS.includes(v)){
|
||||
state.ret = state.ret===v ? '' : v;
|
||||
state.statusSet=new Set();
|
||||
} else {
|
||||
state.ret='';
|
||||
state.statusSet.has(v)?state.statusSet.delete(v):state.statusSet.add(v);
|
||||
}
|
||||
state.page=1; render(); openStatusFilter(t);
|
||||
});
|
||||
}
|
||||
function openPartyFilter(t){ openSearchMenu(t,PARTIES.map(v=>({v,label:v,sel:v===state.party})),v=>{ state.party=v; state.page=1; closeMenus(); render(); },{placeholder:'搜索供应商…'}); }
|
||||
function openWhFilter(t){ openMenu(t,WAREHOUSES.map(v=>({v,label:v,sel:v===state.wh})),v=>{ state.wh=v; state.page=1; closeMenus(); render(); }); }
|
||||
const TODAY='2026-06-22';
|
||||
@@ -264,8 +306,14 @@ const OP_OPTS=['全部',...Array.from(new Set(ORDERS.map(o=>o.op)))];
|
||||
const REVIEWER_OPTS=['全部',...Array.from(new Set(ORDERS.map(o=>o.auditor).filter(Boolean)))];
|
||||
let adv={};
|
||||
function advSet(id,val){ const el=document.getElementById(id); if(el)el.value=(!val||val==='全部')?'':val; }
|
||||
// 详细搜索的「状态」字段仍是单选（原型/Flutter 均未扩展为多选）：多选态无法单值呈现时归「全部」。
|
||||
function currentStatusForAdv(){
|
||||
if(state.ret) return state.ret;
|
||||
if(state.statusSet.size===1) return [...state.statusSet][0];
|
||||
return '全部';
|
||||
}
|
||||
function openAdvSearch(){
|
||||
adv={party:state.party,series:state.series,spec:state.spec,category:state.category,op:state.op,reviewer:state.reviewer,status:state.status,dateFrom:state.dateFrom||'',dateTo:state.dateTo||''};
|
||||
adv={party:state.party,series:state.series,spec:state.spec,category:state.category,op:state.op,reviewer:state.reviewer,status:currentStatusForAdv(),dateFrom:state.dateFrom||'',dateTo:state.dateTo||''};
|
||||
advSet('advParty',adv.party); advSet('advSeries',adv.series); advSet('advSpec',adv.spec); advSet('advCategory',adv.category);
|
||||
advSet('advOp',adv.op); advSet('advReviewer',adv.reviewer); advSet('advStatus',adv.status);
|
||||
document.getElementById('advNo').value=state.orderNo||'';
|
||||
@@ -290,7 +338,10 @@ function applyAdv(){
|
||||
state.productInfo=document.getElementById('advProduct').value.trim();
|
||||
state.batch=document.getElementById('advBatch').value.trim();
|
||||
state.party=adv.party; state.series=adv.series; state.spec=adv.spec; state.category=adv.category;
|
||||
state.op=adv.op; state.reviewer=adv.reviewer; state.status=adv.status;
|
||||
state.op=adv.op; state.reviewer=adv.reviewer;
|
||||
if(adv.status==='全部'){ state.statusSet=new Set(); state.ret=''; }
|
||||
else if(RET_STATUS.includes(adv.status)){ state.ret=adv.status; state.statusSet=new Set(); }
|
||||
else { state.statusSet=new Set([adv.status]); state.ret=''; }
|
||||
state.dateFrom=adv.dateFrom; state.dateTo=adv.dateTo;
|
||||
state.dateLabel=adv.dateFrom?adv.dateFrom+' ~ '+adv.dateTo:''; state.datePreset=adv.dateFrom?'custom':'all';
|
||||
state.page=1; closeOverlay('ovAdv'); render();
|
||||
@@ -298,7 +349,7 @@ function applyAdv(){
|
||||
function resetAdv(){
|
||||
adv={party:'全部',series:'全部',spec:'全部',category:'全部',op:'全部',reviewer:'全部',status:'全部',dateFrom:'',dateTo:''};
|
||||
['advNo','advProduct','advBatch','advParty','advSeries','advSpec','advCategory','advOp','advReviewer','advStatus','advDate'].forEach(id=>{const el=document.getElementById(id); if(el)el.value='';});
|
||||
state.party='全部';state.status='全部';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';
|
||||
state.party='全部';state.statusSet=new Set();state.ret='';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';
|
||||
applyDatePreset('all'); state.page=1; render();
|
||||
}
|
||||
function auditBtns(o,idx){
|
||||
|
||||
@@ -24,6 +24,11 @@
|
||||
.toolbar .daterange svg{width:14px; height:14px; stroke-width:1.8; color:var(--faint);}
|
||||
.toolbar .daterange .dv{color:var(--text);}
|
||||
.toolbar .sp{margin-left:auto;}
|
||||
/* chip 尾部图标切换：未筛选=下拉箭头，筛选中=× 单清（镜像 inventory.html 多选 chip，待提升至 atoms.css） */
|
||||
.chip .cx{display:none;}
|
||||
.chip.on .cx{display:block; cursor:pointer; color:var(--muted);}
|
||||
.chip.on .cx:hover{color:var(--text);}
|
||||
.chip.on .caret{display:none;}
|
||||
|
||||
/* ---- 状态徽章（新增变体，待提升至 atoms.css） ---- */
|
||||
.badge.b-草稿{background:var(--info-soft); color:var(--muted);}
|
||||
@@ -64,7 +69,7 @@
|
||||
<div class="searchbox"><svg viewBox="0 0 24 24"><use href="#i-search"/></svg><input id="searchInput" placeholder="搜索单号 / 客户 / 酒名" oninput="state.q=this.value; state.page=1; render()"></div>
|
||||
<div class="chip" id="chipParty" onclick="openPartyFilter(this)">客户 <span class="cv" id="partyVal"></span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipWh" onclick="openWhFilter(this)">仓库 <span class="cv" id="whVal"></span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipStatus" onclick="openStatusFilter(this)">状态 <span class="cv" id="statusVal"></span><svg viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipStatus" onclick="openStatusFilter(this)">状态 <span class="cv" id="statusVal"></span><svg class="cx" viewBox="0 0 24 24" onclick="clearStatus(event)"><use href="#i-close"/></svg><svg class="caret" viewBox="0 0 24 24"><use href="#i-chevron-down"/></svg></div>
|
||||
<div class="chip" id="chipDate" onclick="openDateFilter(this)"><svg viewBox="0 0 24 24"><use href="#i-ic48"/></svg>出库时间 <span class="cv" id="dateVal"></span></div>
|
||||
<div class="btn soft sm" id="advBtn" onclick="openAdvSearch()"><svg viewBox="0 0 24 24"><use href="#i-ic21"/></svg>详细搜索<span class="cv" id="advCount"></span></div>
|
||||
<div class="sp"></div>
|
||||
@@ -143,9 +148,14 @@ const ORDERS=[
|
||||
{no:'CK-20260614-002',date:'2026-06-14',party:'国际会展中心',wh:'主仓',count:1,amount:8400,status:'草稿',op:'张主管',auditor:'',lines:[{name:'西凤酒 旗舰版',qty:24,price:350}]},
|
||||
{no:'CK-20260613-005',date:'2026-06-13',party:'凯悦酒店宴会',wh:'名酒仓',count:1,amount:32400,status:'已审核',op:'王经理',auditor:'张主管',lines:[{name:'茅台 飞天 53°',qty:12,price:2700}]},
|
||||
];
|
||||
const STATUS=['全部','草稿','待审核','已审核','已拒绝','部分退单','已退单'];
|
||||
// 状态筛选 2026-07-14 改多选：主状态(草稿/待审核/已审核/已拒绝)可多选，退单伪状态(部分退单/已退单)
|
||||
// 与主状态互斥（选其一清另一侧）。默认「草稿+待审核」（D3 用户拍板）。
|
||||
const MAIN_STATUS=['草稿','待审核','已审核','已拒绝'];
|
||||
const RET_STATUS=['部分退单','已退单'];
|
||||
const DEFAULT_STATUS=['草稿','待审核'];
|
||||
const STATUS=['全部',...MAIN_STATUS,...RET_STATUS]; // 供详细搜索单选字段沿用
|
||||
const COLS=[{key:'no',label:'单号'},{key:'party',label:'客户'},{key:'wh',label:'仓库'},{key:'amount',label:'合计金额',num:true},{key:'status',label:'状态'},{key:'op',label:'出库员'},{key:'auditor',label:'审核员'},{key:'act',label:'操作',fixed:true}];
|
||||
const state={q:'',party:'全部',wh:'全部',status:'全部',dateFrom:'',dateTo:'',page:1,perPage:10,orderNo:'',productInfo:'',batch:'',series:'全部',spec:'全部',category:'全部',op:'全部',reviewer:'全部'};
|
||||
const state={q:'',party:'全部',wh:'全部',statusSet:new Set(DEFAULT_STATUS),ret:'',dateFrom:'',dateTo:'',page:1,perPage:10,orderNo:'',productInfo:'',batch:'',series:'全部',spec:'全部',category:'全部',op:'全部',reviewer:'全部'};
|
||||
const PARTIES=['全部',...Array.from(new Set(ORDERS.map(o=>o.party)))];
|
||||
const WAREHOUSES=['全部',...Array.from(new Set(ORDERS.map(o=>o.wh)))];
|
||||
|
||||
@@ -158,7 +168,8 @@ const STICON={'草稿':'i-ic06','待审核':'i-ic04','已审核':'i-check','已
|
||||
function stBadge(v){ return `<span class="badge bi b-${v}"><svg class="ic"><use href="#${STICON[v]}"/></svg>${v}</span>`; }
|
||||
function numf(n){ return (Number(n)||0).toLocaleString(); } /* 明细行内数字：去¥，缩一号（2026-07-03） */
|
||||
function filtered(){ return ORDERS.filter(o=>{
|
||||
if(state.status!=='全部'&&o.status!==state.status&&o.ret!==state.status)return false;
|
||||
if(state.ret){ if(o.ret!==state.ret)return false; }
|
||||
else if(state.statusSet.size&&!state.statusSet.has(o.status))return false;
|
||||
if(state.party!=='全部'&&o.party!==state.party)return false;
|
||||
if(state.wh!=='全部'&&o.wh!==state.wh)return false;
|
||||
if(state.dateFrom&&o.date<state.dateFrom)return false;
|
||||
@@ -175,11 +186,20 @@ function filtered(){ return ORDERS.filter(o=>{
|
||||
if(state.category&&state.category!=='全部'&&!L.some(l=>(PINFO[l.name]||{}).cat===state.category))return false;
|
||||
if(state.batch){const b=state.batch.toLowerCase(); if(!L.some(l=>{const pi=PINFO[l.name]||{}; return (pi.batch||'').toLowerCase().includes(b)||(pi.code||'').toLowerCase().includes(b);}))return false;}
|
||||
return true; }); }
|
||||
// 状态 chip 摘要（镜像 inventory.html 多选 chip）：无=空、1 项=值本身、多项=「N 项」；退单态优先展示。
|
||||
function statusChipLabel(){
|
||||
if(state.ret) return state.ret;
|
||||
if(!state.statusSet.size) return '';
|
||||
if(state.statusSet.size===1) return [...state.statusSet][0];
|
||||
return state.statusSet.size+' 项';
|
||||
}
|
||||
// 状态是否为默认态（草稿+待审核、无退单）——仅用于「重置」按钮高亮判断，避免默认态常年高亮。
|
||||
function isDefaultStatus(){ return !state.ret && state.statusSet.size===2 && state.statusSet.has('草稿') && state.statusSet.has('待审核'); }
|
||||
function syncChips(){
|
||||
const set=(id,chipId,val)=>{ document.getElementById(id).textContent=val||''; document.getElementById(chipId).classList.toggle('on',!!val); };
|
||||
set('partyVal','chipParty',state.party==='全部'?'':state.party);
|
||||
set('whVal','chipWh',state.wh==='全部'?'':state.wh);
|
||||
set('statusVal','chipStatus',state.status==='全部'?'':state.status);
|
||||
set('statusVal','chipStatus',statusChipLabel());
|
||||
set('dateVal','chipDate',state.dateLabel||'');
|
||||
const advCount=[state.orderNo,state.productInfo,state.batch,
|
||||
(state.series&&state.series!=='全部')?1:0,
|
||||
@@ -191,13 +211,13 @@ function syncChips(){
|
||||
advBtnEl.classList.toggle('primary',advCount>0);
|
||||
advBtnEl.classList.toggle('soft',advCount===0);
|
||||
document.getElementById('advCount').textContent=advCount?' · '+advCount:'';
|
||||
const any=state.q||state.party!=='全部'||state.wh!=='全部'||state.status!=='全部'||state.dateFrom||state.dateTo||advCount>0;
|
||||
const any=state.q||state.party!=='全部'||state.wh!=='全部'||!isDefaultStatus()||state.dateFrom||state.dateTo||advCount>0;
|
||||
document.getElementById('resetBtn').classList.toggle('primary',!!any);
|
||||
}
|
||||
function render(){
|
||||
syncChips();
|
||||
const cols=COLS;
|
||||
document.getElementById('thead').innerHTML='<tr>'+cols.map(c=>{ const cls=(c.num?'num ':'')+(c.key==='act'?'act ':''); if(c.filter){const on=state.status!=='全部'; return `<th class="${cls}"><span class="fh ${on?'filtered':''}" onclick="openFilter(this)">${c.label} <svg class="funnel" viewBox="0 0 24 24"><use href="#i-ic22"/></svg></span></th>`;} return `<th class="${cls}">${c.label}</th>`; }).join('')+'</tr>';
|
||||
document.getElementById('thead').innerHTML='<tr>'+cols.map(c=>{ const cls=(c.num?'num ':'')+(c.key==='act'?'act ':''); if(c.filter){const on=!isDefaultStatus(); return `<th class="${cls}"><span class="fh ${on?'filtered':''}" onclick="openFilter(this)">${c.label} <svg class="funnel" viewBox="0 0 24 24"><use href="#i-ic22"/></svg></span></th>`;} return `<th class="${cls}">${c.label}</th>`; }).join('')+'</tr>';
|
||||
const rows=filtered(); const start=(state.page-1)*state.perPage; const pageRows=rows.slice(start,start+state.perPage); const tb=document.getElementById('tbody');
|
||||
if(rows.length===0){ tb.innerHTML=`<tr><td colspan="${cols.length}"><div class="empty">没有匹配的出库单 · 试试调整筛选或搜索</div></td></tr>`; }
|
||||
else { tb.innerHTML=pageRows.map(o=>{ const idx=ORDERS.indexOf(o); return '<tr class="click" onclick="openDetail('+idx+')">'+cols.map(c=>{ if(c.key==='no')return `<td><span class="pcode" style="font-size:var(--fs-body)">${o.no}</span></td>`; if(c.key==='party')return `<td class="pname">${o.party}</td>`; if(c.key==='wh')return `<td>${o.wh}</td>`; if(c.key==='amount')return `<td class="num">${money(o.amount)}</td>`; if(c.key==='status')return `<td>${stBadge(o.status)}${o.ret?' '+stBadge(o.ret):''}</td>`; if(c.key==='op')return `<td>${o.op}</td>`; if(c.key==='auditor')return `<td>${o.auditor?o.auditor:'<span style="color:var(--faint)">—</span>'}</td>`; if(c.key==='act')return `<td class="act"><div class="row-act" onclick="event.stopPropagation()"><svg viewBox="0 0 24 24" onclick="openDetail(${idx})"><use href="#i-eye"/></svg></div></td>`; return `<td>${o[c.key]}</td>`; }).join('')+'</tr>'; }).join(''); }
|
||||
@@ -209,10 +229,32 @@ function go(p){ const pages=Math.max(1,Math.ceil(filtered().length/state.perPage
|
||||
const PAGE_SIZES=[10,20,50,100];
|
||||
function openPageSize(e){ openMenu(e.currentTarget, PAGE_SIZES.map(n=>({v:String(n),label:String(n),sel:n===state.perPage})), v=>{ closeMenus(); setPerPage(v); }, 'pgsize-menu', 88); }
|
||||
function setPerPage(v){ state.perPage=+v; state.page=1; const el=document.getElementById('pageSizeVal'); if(el)el.textContent=v; render(); }
|
||||
function filterStatus(s){ state.status=s; state.page=1; render(); }
|
||||
function clearFilters(){ state.q='';state.party='全部';state.wh='全部';state.status='全部';state.dateFrom='';state.dateTo='';state.dateLabel='';state.datePreset='all';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';state.page=1; document.getElementById('searchInput').value=''; render(); }
|
||||
// KPI 卡点击 = 覆盖为该单值（D5，非 toggle 集合成员）。
|
||||
function filterStatus(s){
|
||||
if(RET_STATUS.includes(s)){ state.ret=s; state.statusSet=new Set(); }
|
||||
else { state.ret=''; state.statusSet=new Set([s]); }
|
||||
state.page=1; render();
|
||||
}
|
||||
// 状态 chip 的 × 单清：回到默认「草稿+待审核」，不是回「全部」（D3）。
|
||||
function clearStatus(e){ e.stopPropagation(); state.statusSet=new Set(DEFAULT_STATUS); state.ret=''; state.page=1; render(); }
|
||||
function clearFilters(){ state.q='';state.party='全部';state.wh='全部';state.statusSet=new Set(DEFAULT_STATUS);state.ret='';state.dateFrom='';state.dateTo='';state.dateLabel='';state.datePreset='all';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';state.page=1; document.getElementById('searchInput').value=''; render(); }
|
||||
|
||||
function openStatusFilter(t){ openMenu(t,STATUS.map(v=>({v,label:v,sel:v===state.status})),v=>{ state.status=v; state.page=1; closeMenus(); render(); }); }
|
||||
// 状态多选菜单：主状态 checkbox 多选 + 退单伪状态互斥（选其一清主状态多选，反之亦然）；
|
||||
// 菜单勾选后不关闭（镜像 inventory.html openDimFilter 的重开手法）。
|
||||
function openStatusFilter(t){
|
||||
const opts=[...MAIN_STATUS.map(v=>({v,label:v,sel:state.statusSet.has(v)})),
|
||||
...RET_STATUS.map(v=>({v,label:v,sel:state.ret===v}))];
|
||||
openMenu(t,opts,v=>{
|
||||
if(RET_STATUS.includes(v)){
|
||||
state.ret = state.ret===v ? '' : v;
|
||||
state.statusSet=new Set();
|
||||
} else {
|
||||
state.ret='';
|
||||
state.statusSet.has(v)?state.statusSet.delete(v):state.statusSet.add(v);
|
||||
}
|
||||
state.page=1; render(); openStatusFilter(t);
|
||||
});
|
||||
}
|
||||
function openPartyFilter(t){ openSearchMenu(t,PARTIES.map(v=>({v,label:v,sel:v===state.party})),v=>{ state.party=v; state.page=1; closeMenus(); render(); },{placeholder:'搜索客户…'}); }
|
||||
function openWhFilter(t){ openMenu(t,WAREHOUSES.map(v=>({v,label:v,sel:v===state.wh})),v=>{ state.wh=v; state.page=1; closeMenus(); render(); }); }
|
||||
const TODAY='2026-06-22';
|
||||
@@ -259,8 +301,14 @@ const OP_OPTS=['全部',...Array.from(new Set(ORDERS.map(o=>o.op)))];
|
||||
const REVIEWER_OPTS=['全部',...Array.from(new Set(ORDERS.map(o=>o.auditor).filter(Boolean)))];
|
||||
let adv={};
|
||||
function advSet(id,val){ const el=document.getElementById(id); if(el)el.value=(!val||val==='全部')?'':val; }
|
||||
// 详细搜索的「状态」字段仍是单选（原型/Flutter 均未扩展为多选）：多选态无法单值呈现时归「全部」。
|
||||
function currentStatusForAdv(){
|
||||
if(state.ret) return state.ret;
|
||||
if(state.statusSet.size===1) return [...state.statusSet][0];
|
||||
return '全部';
|
||||
}
|
||||
function openAdvSearch(){
|
||||
adv={party:state.party,series:state.series,spec:state.spec,category:state.category,op:state.op,reviewer:state.reviewer,status:state.status,dateFrom:state.dateFrom||'',dateTo:state.dateTo||''};
|
||||
adv={party:state.party,series:state.series,spec:state.spec,category:state.category,op:state.op,reviewer:state.reviewer,status:currentStatusForAdv(),dateFrom:state.dateFrom||'',dateTo:state.dateTo||''};
|
||||
advSet('advParty',adv.party); advSet('advSeries',adv.series); advSet('advSpec',adv.spec); advSet('advCategory',adv.category);
|
||||
advSet('advOp',adv.op); advSet('advReviewer',adv.reviewer); advSet('advStatus',adv.status);
|
||||
document.getElementById('advNo').value=state.orderNo||'';
|
||||
@@ -285,7 +333,10 @@ function applyAdv(){
|
||||
state.productInfo=document.getElementById('advProduct').value.trim();
|
||||
state.batch=document.getElementById('advBatch').value.trim();
|
||||
state.party=adv.party; state.series=adv.series; state.spec=adv.spec; state.category=adv.category;
|
||||
state.op=adv.op; state.reviewer=adv.reviewer; state.status=adv.status;
|
||||
state.op=adv.op; state.reviewer=adv.reviewer;
|
||||
if(adv.status==='全部'){ state.statusSet=new Set(); state.ret=''; }
|
||||
else if(RET_STATUS.includes(adv.status)){ state.ret=adv.status; state.statusSet=new Set(); }
|
||||
else { state.statusSet=new Set([adv.status]); state.ret=''; }
|
||||
state.dateFrom=adv.dateFrom; state.dateTo=adv.dateTo;
|
||||
state.dateLabel=adv.dateFrom?adv.dateFrom+' ~ '+adv.dateTo:''; state.datePreset=adv.dateFrom?'custom':'all';
|
||||
state.page=1; closeOverlay('ovAdv'); render();
|
||||
@@ -293,7 +344,7 @@ function applyAdv(){
|
||||
function resetAdv(){
|
||||
adv={party:'全部',series:'全部',spec:'全部',category:'全部',op:'全部',reviewer:'全部',status:'全部',dateFrom:'',dateTo:''};
|
||||
['advNo','advProduct','advBatch','advParty','advSeries','advSpec','advCategory','advOp','advReviewer','advStatus','advDate'].forEach(id=>{const el=document.getElementById(id); if(el)el.value='';});
|
||||
state.party='全部';state.status='全部';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';
|
||||
state.party='全部';state.statusSet=new Set();state.ret='';state.orderNo='';state.productInfo='';state.batch='';state.series='全部';state.spec='全部';state.category='全部';state.op='全部';state.reviewer='全部';
|
||||
applyDatePreset('all'); state.page=1; render();
|
||||
}
|
||||
function auditBtns(o,idx){
|
||||
|
||||
Reference in New Issue
Block a user