/* global React, Icon, Button, Field, Select, Tag, STATUS, Check, useToast, Textarea, Dialog, ModeToggle, ChipFilter, ROLES, PRODUCT_MASTER, SALE_STATUS_LABELS, computeAggStatus, AggStatusDisplay, CellEditor, TableGroupHeader, MetaCard, SubmitConfirmPage, RowActions, BulkBar, DeleteRowBtn, InfoTip, TruncCell, PageHead, ImportBanner, UserChip, SkuToolbar, EmptyState, ShowErrorsProvider, useFormValidation, RowErrTip, ADJ_TRACKING_COLS, renderAdjTrackingCell, isPrototypeSuperUser, canActAsPurchase, canActAsJoanna */ // ADJ-B L2 — 價格調整 批次明細 const { useState, useMemo, useCallback, useEffect } = React; const ADD_LABEL = "新增品項"; // ── Column definitions ────────────────────────────────────────────────────── const pc = (key, label, w, group, opts = {}) => ({ key, label, w, group, ...opts }); const PA_NUM_COL_W = 32; const PA_EDIT_FULL_COLS = [ pc("#", "#", PA_NUM_COL_W, null, { stickyNum: true }), pc("barcode", "品號", 160, "A", { mono: true, sticky2nd: true }), pc("name", "品名", 200, "A"), pc("mainCat", "主類別", 90, "B"), pc("subCat", "次類別", 90, "B"), pc("segment3", "子分類(分析用)", 180, "B"), pc("saleStatus", "商品狀態", 80, "C"), pc("productImage", "商品主圖", 180, "C"), pc("taxType", "含稅別", 70, "C"), pc("origCostExTax", "[原] 未稅進價", 110, "D", { mono: true }), pc("origCostInTax", "[原] 含稅進價", 110, "D", { mono: true }), pc("newCostExTax", "新進價(未稅)", 110, "D", { mono: true }), pc("newCostInTax", "新進價(含稅)", 110, "D", { mono: true }), pc("newCostEffectiveDate", "新進價生效日", 130, "D"), pc("origPrice", "[原] 售價", 90, "E", { mono: true }), pc("newPrice", "新售價", 90, "E", { mono: true }), pc("newPriceEffectiveDate","新售價生效日", 130, "E"), pc("newCostPromoEndDate", "促銷到期日", 130, "E"), pc("origMargin", "原毛利(%)", 80, "G"), pc("newMargin", "新毛利(%)", 80, "G"), pc("activityName", "活動名稱", 140, "F"), pc("activityStartDate", "活動開始日", 130, "F"), pc("activityEndDate", "活動結束日", 130, "F"), pc("adjNote", "商品調整備註", 150, "F"), pc("_action", "操作", 44, null, { actionCol: true }), ]; const PA_REVIEW_EXTRA_COLS = [ pc("finalCostInTax","調整後進價(含稅)", 110, "G", { mono: true }), pc("finalPrice", "調整後售價", 90, "G", { mono: true }), pc("priceChange", "售價增減", 80, "G", { mono: true }), pc("rowStatus", "審核狀態", 90, "H"), pc("reviewPass", "審核結果", 130, "H"), pc("rejectReason", "退回原因", 180, "H"), ...ADJ_TRACKING_COLS({ group: "H", erpHint: "ERP 系統完成價格調整後，由系統管理員手動勾選確認。" }), pc("createdAt", "建立時間", 120, "H", { mono: true }), pc("updatedAt", "更新時間", 120, "H", { mono: true }), ]; const PA_REVIEW_FULL_COLS = [ ...PA_EDIT_FULL_COLS.filter(c => c.key !== "_action" && c.key !== "adjNote"), ...PA_REVIEW_EXTRA_COLS, { ...PA_EDIT_FULL_COLS.find(c => c.key === "adjNote"), group: "H" }, ]; const PA_COL_GROUP_LABELS = { A: "商品識別", B: "分類", C: "商品資訊", D: "進價調整", E: "售價調整", F: "其他", G: "毛利試算", H: "審核" }; // Compact key sets const PA_COMPACT_EDIT_KEYS = ["#", "barcode", "name", "origCostExTax", "origCostInTax", "newCostExTax", "newCostInTax", "newCostEffectiveDate", "origPrice", "newPrice", "newPriceEffectiveDate", "newCostPromoEndDate", "origMargin", "newMargin", "adjNote", "_action"]; const PA_COMPACT_REVIEW_KEYS = ["#", "barcode", "name", "origCostExTax", "origCostInTax", "newCostExTax", "newCostInTax", "newCostEffectiveDate", "newCostPromoEndDate", "origPrice", "newPrice", "newPriceEffectiveDate", "origMargin", "newMargin", "priceChange", "adjNote", "rowStatus", "reviewPass", "rejectReason"]; const PA_COMPACT_SAMANTHA_KEYS = ["#", "barcode", "name", "newCostInTax", "newPrice", "newMargin", "rowStatus", "erpUpdated"]; // Editable field definitions for CellEditor const PA_FIELDS = { barcode: { key: "barcode", type: "str", label: "品號", mono: true, placeholder: "輸入品號…" }, newCostExTax: { key: "newCostExTax", type: "num", label: "新進價(未稅)", unit: "NT$", validate: (row) => (!row.newCostExTax && !row.newPrice) ? "新進價(未稅)或新售價至少填一項" : null }, newCostInTax: { key: "newCostInTax", type: "num", label: "新進價(含稅)", unit: "NT$" }, newCostEffectiveDate: { key: "newCostEffectiveDate", type: "date", label: "新進價生效日", validate: (row) => (!row.newCostEffectiveDate && !row.newPriceEffectiveDate) ? "進價或售價生效日至少填一項" : null }, newCostPromoEndDate: { key: "newCostPromoEndDate", type: "date", label: "促銷到期日" }, newPrice: { key: "newPrice", type: "num", label: "新售價", unit: "NT$", validate: (row) => (!row.newCostExTax && !row.newPrice) ? "新進價(未稅)或新售價至少填一項" : null }, newPriceEffectiveDate:{ key: "newPriceEffectiveDate",type: "date", label: "新售價生效日", validate: (row) => (!row.newCostEffectiveDate && !row.newPriceEffectiveDate) ? "進價或售價生效日至少填一項" : null }, activityName: { key: "activityName", type: "str", label: "活動名稱", placeholder: "選填…" }, activityStartDate: { key: "activityStartDate", type: "date", label: "活動開始日" }, activityEndDate: { key: "activityEndDate", type: "date", label: "活動結束日" }, adjNote: { key: "adjNote", type: "text", label: "商品調整備註", placeholder: "選填備註…" }, }; // ── Helpers ───────────────────────────────────────────────────────────────── const fmtPrice = (v) => v && +v > 0 ? `NT$${(+v).toLocaleString("zh-TW")}` : "—"; const fmtMargin = (price, cost) => { if (!price || !cost || +price <= 0 || +cost <= 0) return null; return (((+price - +cost) / +price) * 100).toFixed(1) + "%"; }; // ── SysCheck logic ────────────────────────────────────────────────────────── const paSysCheckRow = (row) => { if (!row.newCostExTax && !row.newPrice) return { pass: false, msg: "新進價(未稅)或新售價至少填寫其中一項" }; if (row.newCostExTax && +row.newCostExTax <= 0) return { pass: false, msg: "新進價(未稅)必須大於 0" }; if (row.newPrice && +row.newPrice <= 0) return { pass: false, msg: "新售價必須大於 0" }; if (!row.newCostEffectiveDate && !row.newPriceEffectiveDate) return { pass: false, msg: "新進價生效日或新售價生效日至少填寫其中一項" }; return { pass: true, msg: "✓ 檢查通過" }; }; // ── PriceAdjMetaCard ───────────────────────────────────────────────────────── const PriceAdjMetaCard = ({ batch }) => { const agg = computeAggStatus(batch); const statusText = agg.type === "single" ? (STATUS[agg.key]?.label || agg.key) : "混合審核狀態"; const summary = `${batch.batchName} · ${batch.applicant} · ${batch.rows.length} 筆 · ${statusText}`; return (
批次名稱
{batch.batchName}
申請人
更新時間
{batch.updatedAt}
品項筆數
{batch.rows.length} 筆
審核狀態
 ); }; // ── DoubleCheck view ───────────────────────────────────────────────────────── const PA_DC_COLS = [ { key: "#", label: "#", w: 48, group: null, stickyNum: true }, { key: "_product", label: "品號 / 品名", w: 200, group: null, sticky2nd: true }, { key: "origCostExTax", label: "[原] 未稅進價", w: 110, group: "D", mono: true }, { key: "origCostInTax", label: "[原] 含稅進價", w: 110, group: "D", mono: true }, { key: "newCostExTax", label: "新進價(未稅)", w: 110, group: "D", mono: true }, { key: "newCostInTax", label: "新含稅進價", w: 110, group: "D", mono: true }, { key: "origPrice", label: "[原] 售價", w: 100, group: "E", mono: true }, { key: "newPrice", label: "新售價", w: 100, group: "E", mono: true }, { key: "origMargin", label: "原毛利", w: 90, group: "G" }, { key: "newMargin", label: "新毛利", w: 90, group: "G" }, { key: "newCostEffectiveDate", label: "進價生效日", w: 110, group: "F" }, { key: "newPriceEffectiveDate",label: "售價生效日", w: 110, group: "F" }, { key: "adjNote", label: "商品調整備註", w: 180, group: "F" }, ]; const PA_DC_GROUP_LABELS = { D: "進價調整（原 → 新）", E: "售價調整（原 → 新）", G: "毛利試算", F: "調整資訊" }; const PriceAdjDoubleCheckView = ({ batch, onBack, onConfirm }) => { const rows = batch.rows; const [sysChecked, setSysChecked] = useState(false); const checks = useMemo(() => rows.map(r => paSysCheckRow(r)), [rows]); const errCount = checks.filter(c => !c.pass).length; const allPass = rows.length > 0 && errCount === 0; const handleConfirm = () => { setSysChecked(true); if (allPass) onConfirm(); }; const handleBack = () => { if (sysChecked && !allPass) { const errMap = {}; rows.forEach((r, i) => { if (!checks[i].pass) errMap[r.uid] = checks[i].msg; }); onBack(errMap); } else { onBack(null); } }; const renderDCCell = (col, row, idx) => { const k = col.key; const base = {}; if (k === "#") { const dcErrMsg = sysChecked && !checks[idx].pass ? checks[idx].msg : null; return ( {dcErrMsg && } {idx + 1} ); } if (k === "_product") return (
{row.barcode}
{row.name}
); const oldStyle = { ...base, color: "var(--fg-3)", fontFamily: "var(--font-mono)" }; if (k === "origCostExTax") return {fmtPrice(row.origCostExTax)}; if (k === "origCostInTax") return {fmtPrice(row.origCostInTax)}; if (k === "origPrice") return {fmtPrice(row.origPrice)}; if (k === "origMargin") { const m = fmtMargin(row.origPrice, row.origCostInTax); return {m || "—"}; } const mkNew = (newVal, oldVal, display) => { const isChanged = String(oldVal || "") !== String(newVal || "") && newVal; return {display || "—"}; }; if (k === "newCostExTax") return mkNew(row.newCostExTax, row.origCostExTax, fmtPrice(row.newCostExTax)); if (k === "newCostInTax") return mkNew(row.newCostInTax, row.origCostInTax, fmtPrice(row.newCostInTax)); if (k === "newPrice") return mkNew(row.newPrice, row.origPrice, fmtPrice(row.newPrice)); if (k === "newMargin") { const finalCost = row.newCostInTax || row.origCostInTax; const finalPrice = row.newPrice || row.origPrice; const m = fmtMargin(finalPrice, finalCost); const origM = fmtMargin(row.origPrice, row.origCostInTax); const isChanged = m && m !== origM; return {m || "—"}; } if (k === "newCostEffectiveDate" || k === "newPriceEffectiveDate") { return {row[k] || —}; } if (k === "adjNote") return {row.adjNote || —}; return —; }; return ( {sysChecked && !allPass && ( )}
{PA_DC_COLS.map(c => { const s = { width: c.w, minWidth: c.w }; if (c.stickyNum) return ; if (c.sticky2nd) return ; return ; })} {rows.map((row, idx) => ( {PA_DC_COLS.map(col => renderDCCell(col, row, idx))} ))}
{c.label}{c.label}{c.label}
); }; // ── BulkApprove view ───────────────────────────────────────────────────────── const PriceAdjBulkApproveView = ({ batch, onBack, onConfirm }) => { const pendingRows = batch.rows.filter(r => r.rowStatus === "adjPending"); const renderCell = (col, row, idx) => { const k = col.key; const base = {}; if (k === "#") return ( {idx + 1} ); if (k === "_product") return (
{row.barcode}
{row.name}
); const oldStyle = { ...base, color: "var(--fg-3)", fontFamily: "var(--font-mono)" }; if (k === "origCostExTax") return {fmtPrice(row.origCostExTax)}; if (k === "origCostInTax") return {fmtPrice(row.origCostInTax)}; if (k === "origPrice") return {fmtPrice(row.origPrice)}; if (k === "origMargin") return {fmtMargin(row.origPrice, row.origCostInTax) || "—"}; const mkNew = (newVal, oldVal, display) => { const isChanged = String(oldVal || "") !== String(newVal || "") && newVal; return {display || "—"}; }; if (k === "newCostExTax") return mkNew(row.newCostExTax, row.origCostExTax, fmtPrice(row.newCostExTax)); if (k === "newCostInTax") return mkNew(row.newCostInTax, row.origCostInTax, fmtPrice(row.newCostInTax)); if (k === "newPrice") return mkNew(row.newPrice, row.origPrice, fmtPrice(row.newPrice)); if (k === "newMargin") { const finalCost = row.newCostInTax || row.origCostInTax; const finalPrice = row.newPrice || row.origPrice; const m = fmtMargin(finalPrice, finalCost); const origM = fmtMargin(row.origPrice, row.origCostInTax); const isChanged = m && m !== origM; return {m || "—"}; } if (k === "newCostEffectiveDate" || k === "newPriceEffectiveDate") { return {row[k] || "—"}; } if (k === "adjNote") return {row.adjNote || —}; return —; }; return (
{PA_DC_COLS.map(c => { const s = { width: c.w, minWidth: c.w }; if (c.stickyNum) return ; if (c.sticky2nd) return ; return ; })} {pendingRows.map((row, idx) => ( {PA_DC_COLS.map(col => renderCell(col, row, idx))} ))}
{c.label}{c.label}{c.label}
); }; // ── JoannaReviewConfirmView（送出審核確認頁）───────────────────────────────── const PriceAdjJoannaConfirmView = ({ batch, reviewDrafts, onBack, onConfirm }) => { const draftedRows = batch.rows.filter(r => reviewDrafts[r.uid]); return (
{draftedRows.map((row, idx) => { const d = reviewDrafts[row.uid]; const isPass = d.reviewPass === "yes"; const fmtP = v => v && +v > 0 ? `NT$${(+v).toLocaleString("zh-TW")}` : "—"; return ( ); })}
# 品號 / 品名 [原] 未稅進價 新進價(未稅) [原] 售價 新售價 審核結果 退回原因
{idx + 1}
{row.barcode}
{row.name}
 {fmtP(row.origCostExTax)} {fmtP(row.newCostExTax)} {fmtP(row.origPrice)} {fmtP(row.newPrice)} {isPass ? "✓ 通過" : "✗ 退回"} {d.rejectReason || —}
); }; // ── thLabel ────────────────────────────────────────────────────────────────── const paThLabel = (c) => c.info ? : c.label; // ── Main PriceAdjDetail ─────────────────────────────────────────────────────── const PriceAdjDetail = ({ batch, role, onBack, onPatchBatch, onSubmitBatch, onDeleteBatch, onDirtyChange }) => { const [tableMode, setTableMode] = useState("compact"); const [pageMode, setPageMode] = useState("view"); const [selectedRows, setSelectedRows] = useState(new Set()); const [dirty, setDirty] = useState(false); const [reviewDrafts, setReviewDrafts] = useState({}); const [editingCell, setEditingCell] = useState(null); const [fRowStatus, setFRowStatus] = useState([]); const [fErpStatus, setFErpStatus] = useState([]); const { push: toast } = useToast(); useEffect(() => { onDirtyChange?.(dirty); }, [dirty, onDirtyChange]); useEffect(() => () => onDirtyChange?.(false), [onDirtyChange]); const toggleRow = (uid) => setSelectedRows(s => { const next = new Set(s); next.has(uid) ? next.delete(uid) : next.add(uid); return next; }); const toggleAll = (checked) => setSelectedRows(checked ? new Set(batch.rows.map(r => r.uid)) : new Set()); const deleteSelected = () => { selectedRows.forEach(uid => onPatchBatch(batch.id, uid, "_deleteRow", null)); setSelectedRows(new Set()); setDirty(true); }; const isReview = batch.submitted; const canEdit = !batch.submitted || batch.rows.some(r => r.rowStatus === "adjRejected"); const hasRejected = batch.rows.some(r => r.rowStatus === "adjRejected"); // ── Row status filter ─────────────────────────────────────────────────── const statusOptions = useMemo(() => { if (!isReview) return []; const seen = new Set(batch.rows.map(r => r.rowStatus).filter(Boolean)); return [ { value: "adjPending", label: "待審核" }, { value: "adjApproved", label: "審核通過" }, { value: "adjRejected", label: "已退回" }, ].filter(o => seen.has(o.value)); }, [batch.rows, isReview]); const filteredRows = useMemo(() => { let rows = batch.rows; if (isReview && fRowStatus.length > 0) rows = rows.filter(r => fRowStatus.includes(r.rowStatus)); if (role === "samantha" && fErpStatus.length > 0) rows = rows.filter(r => { if (r.rowStatus !== "adjApproved") return false; const pending = !r.erpUpdated; return fErpStatus.some(v => v === "erpPending" ? pending : !pending); }); return rows; }, [batch.rows, isReview, role, fRowStatus, fErpStatus]); // ── Column selection ──────────────────────────────────────────────────── const visibleCols = useMemo(() => { const baseCols = isReview ? PA_REVIEW_FULL_COLS : PA_EDIT_FULL_COLS; if (tableMode === "compact") { const keys = !isReview ? PA_COMPACT_EDIT_KEYS : role === "samantha" ? PA_COMPACT_SAMANTHA_KEYS : PA_COMPACT_REVIEW_KEYS; return baseCols.filter(c => keys.includes(c.key)); } return baseCols; }, [tableMode, isReview, role]); const useGroups = visibleCols.length >= 10; const totalWidth = (!batch.submitted ? 28 : 0) + visibleCols.reduce((s, c) => s + c.w, 0); // ── Auto-fill from PRODUCT_MASTER ─────────────────────────────────────── const autoFillFromMaster = useCallback((barcode) => { const master = PRODUCT_MASTER.find(p => p.barcode === barcode); if (!master) return {}; return { name: master.name, saleStatus: master.saleStatus || "normal", productImage: master.imageUrl || "", mainCat: master.mainCat || "", subCat: master.subCat || "", segment3: master.segment3 || "", taxType: master.taxRate || "", origCostExTax: master.cost || 0, origCostInTax: master.cost || 0, origPrice: master.listPrice || 0, }; }, []); // ── Row patching ───────────────────────────────────────────────────────── const patchRow = (uid, key, value) => { if (key !== "erpUpdated" && key !== "reviewPass" && key !== "rejectReason") setDirty(true); const now = new Date(); const stamp = now.getFullYear().toString() + String(now.getMonth() + 1).padStart(2, "0") + String(now.getDate()).padStart(2, "0") + " " + String(now.getHours()).padStart(2, "0") + ":" + String(now.getMinutes()).padStart(2, "0"); if (key === "barcode") { const filled = autoFillFromMaster(value); onPatchBatch(batch.id, uid, "_multiPatch", { barcode: value, ...filled, updatedAt: stamp }); } else { onPatchBatch(batch.id, uid, key, value); } }; const addRow = () => { setDirty(true); const uid = "pa-r" + Math.random().toString(36).slice(2, 9); const now = new Date(); const stamp = now.getFullYear().toString() + String(now.getMonth() + 1).padStart(2, "0") + String(now.getDate()).padStart(2, "0") + " " + String(now.getHours()).padStart(2, "0") + ":" + String(now.getMinutes()).padStart(2, "0"); const emptyRow = { uid, barcode: "", name: "", saleStatus: "", productImage: "", origCostExTax: 0, origCostInTax: 0, newCostExTax: 0, newCostInTax: 0, newCostEffectiveDate: "", newCostPromoEndDate: "", origPrice: 0, newPrice: 0, newPriceEffectiveDate: "", activityName: "", activityStartDate: "", activityEndDate: "", adjNote: "", rowStatus: "", reviewPass: "", rejectReason: "", erpUpdated: false, createdAt: stamp, updatedAt: stamp, }; onPatchBatch(batch.id, null, "_addRow", emptyRow); }; const deleteRow = (uid) => { setDirty(true); onPatchBatch(batch.id, uid, "_deleteRow", null); }; // ── Submit flow ────────────────────────────────────────────────────────── const handleSaveDraft = () => { setDirty(false); toast({ kind: "success", msg: "草稿已儲存" }); }; const [sysCheckErrMap, setSysCheckErrMap] = useState(null); const { showErrors, submitGuard } = useFormValidation(batch.rows, Object.values(PA_FIELDS).filter(f => f.validate), "送審"); const handleSend = () => submitGuard(() => { setSysCheckErrMap(null); setPageMode("doubleCheck"); }); const handleDoubleCheckBack = (errMap) => { if (errMap) setSysCheckErrMap(errMap); setPageMode("view"); }; const handleSysCheckConfirm = () => { onSubmitBatch(batch.id); setSysCheckErrMap(null); setPageMode("view"); toast({ kind: "success", msg: "已送審，待審核" }); }; const handleResubmit = () => submitGuard(() => { onPatchBatch(batch.id, null, "_resubmit", null); setPageMode("doubleCheck"); }); const handleBulkApproveConfirm = () => { batch.rows .filter(r => r.rowStatus === "adjPending") .forEach(r => onPatchBatch(batch.id, r.uid, "_multiPatch", { rowStatus: "adjApproved", reviewPass: "yes" })); setReviewDrafts({}); setDirty(false); setPageMode("view"); toast({ kind: "success", msg: "已全部批准" }); }; const handleJoannaReviewConfirm = () => { Object.entries(reviewDrafts).forEach(([uid, draft]) => { onPatchBatch(batch.id, uid, "_multiPatch", { rowStatus: draft.reviewPass === "yes" ? "adjApproved" : "adjRejected", reviewPass: draft.reviewPass, rejectReason: draft.rejectReason || "", }); }); setReviewDrafts({}); setDirty(false); setPageMode("view"); toast({ kind: "success", msg: "審核結果已送出" }); }; // ── page__actions ──────────────────────────────────────────────────────── const hasPendingRows = batch.rows.some(r => r.rowStatus === "adjPending"); const hasDraftRejections = Object.values(reviewDrafts).some(d => d.reviewPass === "no"); const renderPageActions = () => { if (canActAsPurchase(role)) { if (!batch.submitted && canEdit) return ( <> ); if (hasRejected) return ( <> ); } if (canActAsJoanna(role) && hasPendingRows) return ( ); return null; }; // ── Cell rendering ─────────────────────────────────────────────────────── const renderCell = (col, row, idx) => { const k = col.key; const isRowEditable = canActAsPurchase(role) && (!batch.submitted || row.rowStatus === "adjRejected"); const canReview = canActAsJoanna(role); const canErpUpdate = role === "samantha" && row.rowStatus === "adjApproved"; const chkOffset = !batch.submitted ? 28 : 0; if (k === "#") return ( {idx + 1} ); if (k === "barcode") return ( {isRowEditable ? patchRow(row.uid, "barcode", val)} /> : {row.barcode || —} } ); if (k === "_action") return ( {isRowEditable && deleteRow(row.uid)} />} ); if (k === "saleStatus") { const ps = row.saleStatus; const bad = ps === "outOfStock" || ps === "discontinued"; return ( {ps ? {SALE_STATUS_LABELS[ps] || ps} : — } ); } if (k === "productImage") { return ( ); } // [原] readonly money columns if (k === "origCostExTax" || k === "origCostInTax" || k === "origPrice") { const v = row[k]; return {v ? fmtPrice(v) : "—"} ; } // Editable input fields (new cost/price/dates/activity/adjNote) const editableKeys = ["newCostExTax","newCostInTax","newCostEffectiveDate","newCostPromoEndDate","newPrice","newPriceEffectiveDate","activityName","activityStartDate","activityEndDate","adjNote"]; if (editableKeys.includes(k)) { if (!isRowEditable) { const v = row[k]; const isNum = ["newCostExTax","newCostInTax","newPrice"].includes(k); const isMono = isNum || ["newCostEffectiveDate","newCostPromoEndDate","newPriceEffectiveDate","activityStartDate","activityEndDate"].includes(k); const isText = !isNum && !isMono; if (isText) return ( ); return {v ? (isNum ? fmtPrice(v) : v) : —} ; } return ( patchRow(row.uid, k, val)} /> ); } // Computed margin / final columns (review only) if (k === "origMargin") { const m = fmtMargin(row.origPrice, row.origCostInTax); return {m || "—"}; } if (k === "newMargin") { const finalCost = row.newCostInTax || row.origCostInTax; const finalPrice = row.newPrice || row.origPrice; const m = fmtMargin(finalPrice, finalCost); const origM = fmtMargin(row.origPrice, row.origCostInTax); const improved = m && origM && parseFloat(m) > parseFloat(origM); return {m || "—"}; } if (k === "finalCostInTax") { const v = row.newCostInTax || row.origCostInTax; return {fmtPrice(v)}; } if (k === "finalPrice") { const v = row.newPrice || row.origPrice; return {fmtPrice(v)}; } if (k === "priceChange") { const finalP = +(row.newPrice || row.origPrice || 0); const origP = +(row.origPrice || 0); if (!origP) return —; const delta = finalP - origP; const color = delta > 0 ? "var(--danger)" : delta < 0 ? "var(--tag-approved-fg)" : "var(--fg-3)"; const sign = delta > 0 ? "+" : ""; return {delta !== 0 ? `${sign}NT$${Math.abs(delta).toLocaleString("zh-TW")}` : "—"} ; } // Review columns if (k === "rowStatus") { return {row.rowStatus ? : —}; } if (k === "reviewPass") { const isPending = row.rowStatus === "adjPending"; const draftPass = reviewDrafts[row.uid]?.reviewPass; if (canReview && isPending) return (
); if (row.reviewPass === "yes") return ✓ 通過; if (row.reviewPass === "no") return ✗ 退回; return —; } if (k === "rejectReason") { const isPending = row.rowStatus === "adjPending"; const showInput = canReview && isPending && reviewDrafts[row.uid]?.reviewPass === "no"; if (showInput) return (