wooo/ewoooc
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: align stockout pages with supply risk UX
All checks were successful
CD Pipeline / deploy (push) Successful in 1m3s
Details

Browse Source
This commit is contained in:
ogt
2026-06-26 19:03:15 +08:00
parent e76e05510c
commit fbce41cf02
7 changed files with 54 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/vendor_stockout_import_v2.html
View File

@@ -14,11 +14,11 @@
<section class="stockout-import-header">
<div>
<div class="stockout-import-eyebrow momo-mono">
<i class="fas fa-file-import"></i>STOCKOUT IMPORT
<i class="fas fa-file-import"></i>供貨風險匯入
</div>
<h1 class="stockout-import-title">Excel 匯入</h1>
<p class="stockout-import-subtitle">
補齊缺貨資料，先保住主推商品供貨。
補齊缺貨清單，先保住主推商品供貨。
</p>
<div class="stockout-import-actions is-header">
<a class="stockout-action" href="{{ url_for('vendor.index') }}">
@@ -30,8 +30,8 @@
</div>
</div>
<aside class="stockout-import-note">
<div class="stockout-import-note-label momo-mono">資料原則</div>
<div class="stockout-import-note-value">只匯入使用者上傳的正式 Excel，不預填任何資料列。</div>
<div class="stockout-import-note-label momo-mono">匯入原則</div>
<div class="stockout-import-note-value">只匯入正式 Excel，不預填示範品項。</div>
</aside>
</section>
@@ -54,9 +54,9 @@
<aside class="stockout-import-side">
<div class="stockout-import-card">
<div class="stockout-card-label momo-mono">必要資料</div>
<div class="stockout-card-label momo-mono">必要內容</div>
<div class="stockout-card-title">來源供應商編號、來源供應商名稱、商品ID、商品名稱</div>
<div class="stockout-card-meta momo-mono">缺少必要資料時，會先停止匯入並提示需補內容。</div>
<div class="stockout-card-meta momo-mono">缺少必要內容時，會先停止匯入並提示需補項目。</div>
</div>
<div class="stockout-import-card">
<div class="stockout-card-label momo-mono">匯入範本</div>

8
templates/vendor_stockout_list_v2.html
View File

@@ -47,7 +47,7 @@
<div class="stockout-kpi">
<div class="stockout-kpi-label momo-mono">已發送</div>
<div class="stockout-kpi-value momo-mono is-success">{{ stats.sent | number_format }}</div>
<div class="stockout-kpi-sub momo-mono">通知完成記錄</div>
<div class="stockout-kpi-sub momo-mono">已完成通知</div>
</div>
<div class="stockout-kpi">
<div class="stockout-kpi-label momo-mono">失敗</div>
@@ -106,10 +106,10 @@
href="{{ url_for('vendor.list_page', status='duplicate', q=search_query, batch=current_batch, sort=current_sort, page_size=page_size) }}">重複</a>
</nav>
<section class="stockout-table-card" aria-label="缺貨資料表">
<section class="stockout-table-card" aria-label="缺貨處理清單">
<div class="stockout-table-head">
<div>
<span class="stockout-table-title">缺貨資料</span>
<span class="stockout-table-title">供貨風險清單</span>
<span class="stockout-table-meta momo-mono">第 {{ current_page }} / {{ total_pages }} 頁</span>
</div>
<span class="stockout-table-meta momo-mono">{{ total_items | number_format }} 筆</span>
@@ -169,7 +169,7 @@
</div>
{% else %}
<div class="stockout-empty momo-mono">
目前沒有符合條件的缺貨資料；請調整篩選條件，或先匯入真實缺貨清單。
目前沒有符合條件的缺貨項目；請調整篩選條件，或先匯入真實缺貨清單。
</div>
{% endif %}

24
templates/vendor_stockout_send_email_v2.html
View File

@@ -1,5 +1,5 @@
{% extends "ewoooc_base.html" %}
{% block title %}郵件發送記錄 - EwoooC{% endblock %}
{% block title %}補貨通知紀錄 · EwoooC{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/page-vendor-tools.css') }}">
{% endblock %}
@@ -8,8 +8,8 @@
<section class="vendor-tools-page" data-vendor-tool="email">
<header class="vendor-tools-header">
<div>
<span class="vendor-tools-kicker"><i class="fas fa-boxes-stacked"></i> Vendor Stockout</span>
<h1>郵件發送記錄</h1>
<span class="vendor-tools-kicker"><i class="fas fa-boxes-stacked"></i>供貨風險</span>
<h1>補貨通知紀錄</h1>
<p>先處理失敗通知，讓補貨協調不中斷。</p>
</div>
<div class="vendor-tools-nav" aria-label="廠商缺貨工具導覽">
@@ -27,10 +27,10 @@
<!-- 標題 -->
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="mb-0">
<i class="fas fa-paper-plane text-primary me-3"></i>郵件發送記錄
<i class="fas fa-paper-plane text-primary me-3"></i>補貨通知紀錄
</h2>
<a href="/vendor-stockout" class="btn btn-outline-secondary">
<i class="fas fa-home me-2"></i>返回主頁
<i class="fas fa-home me-2"></i>返回總覽
</a>
</div>
@@ -41,7 +41,7 @@
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<div class="text-muted small">總發送數</div>
<div class="text-muted small">通知總數</div>
<h3 class="mb-0" id="statTotal">0</h3>
</div>
<div class="fs-1 text-primary">
@@ -56,7 +56,7 @@
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<div class="text-muted small">成功</div>
<div class="text-muted small">已送達</div>
<h3 class="mb-0 text-success" id="statSuccess">0</h3>
</div>
<div class="fs-1 text-success">
@@ -132,20 +132,20 @@
</div>
</div>
<!-- 資料表格 -->
<!-- 通知清單 -->
<div class="table-container">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>ID</th>
<th>批次編號</th>
<th>紀錄</th>
<th>批次</th>
<th>廠商</th>
<th>收件者</th>
<th>主旨</th>
<th>商品數</th>
<th>狀態</th>
<th>發送時間</th>
<th>通知時間</th>
</tr>
</thead>
<tbody id="tableBody">
@@ -161,7 +161,7 @@
<!-- 分頁 -->
<div class="d-flex justify-content-between align-items-center mt-3">
<div class="text-muted">
共 <span id="totalCount">0</span> 筆記錄
共 <span id="totalCount">0</span> 筆通知
</div>
<nav>
<ul class="pagination mb-0" id="pagination"></ul>

20
templates/vendor_stockout_vendor_management_v2.html
View File

@@ -1,5 +1,5 @@
{% extends "ewoooc_base.html" %}
{% block title %}廠商管理 - EwoooC{% endblock %}
{% block title %}供應商窗口 · EwoooC{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/page-vendor-tools.css') }}">
{% endblock %}
@@ -8,16 +8,16 @@
<section class="vendor-tools-page" data-vendor-tool="management">
<header class="vendor-tools-header">
<div>
<span class="vendor-tools-kicker"><i class="fas fa-boxes-stacked"></i> Vendor Stockout</span>
<h1>廠商管理</h1>
<p>維護供應商與收件人，讓缺貨補救能快速送達。</p>
<span class="vendor-tools-kicker"><i class="fas fa-boxes-stacked"></i>供貨風險</span>
<h1>供應商窗口</h1>
<p>維護正確窗口，讓缺貨補救能快速送達。</p>
</div>
<div class="vendor-tools-nav" aria-label="廠商缺貨工具導覽">
<a href="/vendor-stockout/" ><i class="fas fa-table-columns"></i>總覽</a>
<a href="/vendor-stockout/list" ><i class="fas fa-list-check"></i>缺貨清單</a>
<a href="/vendor-stockout/import" ><i class="fas fa-file-arrow-up"></i>匯入</a>
<a href="/vendor-stockout/vendor-management" class="is-active" aria-current="page"><i class="fas fa-building"></i>廠商</a>
<a href="/vendor-stockout/send-email" ><i class="fas fa-paper-plane"></i>郵件記錄</a>
<a href="/vendor-stockout/send-email" ><i class="fas fa-paper-plane"></i>補貨通知</a>
<a href="/vendor-stockout/history" ><i class="fas fa-clock-rotate-left"></i>歷史</a>
</div>
</header>
@@ -25,7 +25,7 @@
<div class="vendor-tools-body">
<div class="container-fluid" style="padding: 2rem;">
<h2 class="mb-4">
<i class="fas fa-building me-2" style="color: var(--momo-page-accent-dark);"></i>廠商管理
<i class="fas fa-building me-2" style="color: var(--momo-page-accent-dark);"></i>供應商窗口
</h2>
<!-- 分頁標籤 -->
@@ -33,7 +33,7 @@
<ul class="nav nav-tabs" id="vendorTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="list-tab" data-bs-toggle="tab" data-bs-target="#list" type="button">
<i class="fas fa-list me-2"></i>廠商清單
<i class="fas fa-list me-2"></i>供應商清單
</button>
</li>
<li class="nav-item" role="presentation">
@@ -52,7 +52,7 @@
<div class="col-md-4">
<div class="stats-card">
<div class="stats-number text-primary" style="font-size: 2rem; font-weight: bold;" id="totalVendors">0</div>
<div class="stats-label text-muted">總廠商數</div>
<div class="stats-label text-muted">供應商數</div>
</div>
</div>
<div class="col-md-4">
@@ -74,8 +74,8 @@
<div class="card-body">
<div class="row align-items-end">
<div class="col-md-4">
<label class="form-label">搜尋廠商</label>
<input type="text" class="form-control" id="searchVendor" placeholder="輸入廠商代碼或名稱">
<label class="form-label">搜尋供應商</label>
<input type="text" class="form-control" id="searchVendor" placeholder="輸入供應商代碼或名稱">
</div>
<div class="col-md-3">
<button class="btn btn-success" id="searchBtn">