Construction Stock — Wireframes

19 หน้าจอ Mobile + Admin + LINE — สร้างจริง deploy พร้อมใช้งานแล้ว · ปรับปรุง 2026-05-27

✓ IMPLEMENTED · v1.0 MVP
1. Flutter Mobile App (for Warehouse / Foreman / Subcontractor)
Mobile-first, large tap targets (≥56dp), offline-capable. Designed for users wearing gloves or working outdoors.
M-01 · Login
9:415G · 100%
CS

Construction Stock

บริหารวัสดุง่ายกว่าที่เคย

▶ เข้าสู่ระบบด้วย LINE
อ่าน QR เชิญเข้าระบบ

ยังไม่มีบัญชี? ติดต่อ Admin ของคุณ

LINE Login เป็น primary method. มี QR invite fallback สำหรับครั้งแรก
M-02 · Home (Foreman view)
9:415G · 100%
สวัสดี
น้องบีม · ไซต์ ก.ก. คอนโด
3
โครงการ ก.ก. คอนโด
งบวัสดุใช้ไปแล้ว 68%
รับของ
เบิกของ
📷
สแกน QR
📝
ขอซื้อ (PR)
🔧
เครื่องมือ
แจ้งของเสีย
กิจกรรมล่าสุด
เบิกปูน TPI 20 ถุง
10 นาทีที่แล้ว · ไซต์ A
เสร็จ
🏠
หน้าหลัก
📋
กิจกรรม
📊
โครงการ
👤
ฉัน
Tile grid ใหญ่ ชัด ใช้สีจำแนกหน้าที่ มี project budget bar ด้านบน
M-03 · เบิกของ (Step 1: เลือกโครงการ)
9:415G · 100%
เบิกของ
ขั้นที่ 1 จาก 3
ก.ก. คอนโด — Phase 1
เริ่มงาน
งบใช้ไป 68% · เริ่ม 01/04/2026
หมู่บ้านพฤกษา 12
ใกล้เต็ม
งบใช้ไป 92% · เริ่ม 15/02/2026
โรงงาน BFC ปลวกแดง
งบใช้ไป 45% · เริ่ม 10/03/2026
ต่อไป →
ทุก stock movement ต้องผูกโครงการ (BRL-02). แสดง budget % ช่วยตัดสินใจ
M-04 · สแกน QR (Step 2)
9:415G · 100%
×
สแกน QR วัสดุ
วาง QR ในกรอบ
ระบบจะอ่านอัตโนมัติ
⌨ พิมพ์รหัสแทน
เปิดกล้องอัตโนมัติ · รองรับ Code128, EAN13, QR · fallback ใส่รหัสเอง
M-05 · เบิกของ (Step 3: ระบุจำนวน)
9:415G · 100%
เบิกของ
ปูนซีเมนต์ TPI ปอร์ตแลนด์
SKU: CMT-TPI-50 · 50 กก./ถุง
คงเหลือ 240 ถุง · ราคาเฉลี่ย 142 ฿
20
✓ ไม่เกิน BOQ (ใช้ไปแล้ว 320/500 ถุง)
📷 ถ่ายรูป
📍 GPS
ยืนยันเบิกของ
Big qty stepper · BOQ check (US-PJ-03) · photo/GPS optional
M-06 · รับของ (อ้างอิง PO)
9:415G · 100%
รับของเข้าคลัง
PO #2026-0312
รอรับของ
บ.วัสดุดี จก. · ส่งถึง 12/05/2026
รายการ ({{checked}}/3)
ปูน TPI ปอร์ตแลนด์
สั่ง 100 ถุง · รับมาแล้ว 0
100
เหล็กเส้นกลม RB6
สั่ง 50 เส้น · รับมาแล้ว 0
50
หิน 3/4"
รับเพียงบางส่วน · 20/30 คิว
20
📷 รูปใบส่ง
บันทึก GR
Partial receipt (US-PC-04) · ถ่ายรูปใบส่งของแนบ GR
M-07 · ตรวจนับสต็อก (Blind Count)
9:415G · 100%
นับสต็อก · คลังกลาง
12/45
เหล็กฉาก 4×4 หนา 6มม.
SKU: STL-LG-44-6 · เส้น
🔒 Blind Count Mode
ไม่แสดงจำนวนในระบบจนกว่าจะนับเสร็จทุก item เพื่อความถูกต้อง
ข้าม
ถัดไป →
Blind count = ไม่เห็นเลขในระบบจนนับเสร็จ ลด bias (US-IN-07)
M-08 · ยืมเครื่องมือ
9:415G · 100%
ยืมเครื่องมือ
เครื่องเจาะ Bosch GBH 2-26
SN: BOSCH-2026-014 · สภาพดี
พร้อมยืม
+
ยืนยันการยืม
Tool/Equipment tracking (US-TL-02) · บังคับถ่ายรูปสภาพก่อนยืม
M-09 · แจ้งของเสีย/ของหาย
9:415G · 100%
แจ้งของเสีย
⚠ ของเสียทุกรายการต้องอนุมัติก่อนหักสต็อก
+
ส่งคำขอ (รออนุมัติ)
Wastage tracking (US-WS-01) · บังคับใส่รูป + reason code
M-10 · แจ้งเตือน
9:415G · 100%
แจ้งเตือน (3)
อ่านทั้งหมด
📦 ของเข้าคลังแล้ว
5 นาที
PO#2026-0312 รับครบแล้ว · เปิดดู →
⚠ สต็อกใกล้หมด
1 ชม.
ปูน TPI เหลือ 18 ถุง (ต่ำกว่า 30) — สั่งเพิ่ม?
🚨 PO รออนุมัติ
2 ชม.
PO#2026-0318 ยอด 87,500 ฿ จากพี่แอน
✓ อนุมัติ
✕ ปฏิเสธ
📅 รายงานวันนี้
เมื่อวาน
เบิกออก 12 รายการ · มูลค่ารวม 45,200 ฿
Color-coded by priority · inline approval action
M-11 · รายละเอียดโครงการ
9:415G · 100%
ก.ก. คอนโด
งบวัสดุที่ใช้
฿ 3.4M / 5M
เหลือ
฿ 1.6M
68% · เริ่ม 01/04 · ครบกำหนด 30/09
BOQ ใช้ไปแล้ว (Top 3)
ปูน TPI320/500 ถุง
เหล็ก DB20820/1000 เส้น
หิน 3/4"95/100 คิว
ดู BOQ ทั้งหมด (87 รายการ)
BOQ vs Actual ในมือถือ · color-coded เมื่อ % สูง
M-12 · Offline Mode
📡 ออฟไลน์ · 3 รายการรอ sync
น้องบีม
ไซต์ ก.ก. คอนโด
3
📡 ใช้งานแบบออฟไลน์
บันทึกได้ตามปกติ — จะ sync อัตโนมัติเมื่อมีเน็ต
รายการรอ sync (3)
เบิกปูน TPI 20 ถุง
บันทึก 9:31 · ไซต์ ก.ก.
รอ
รับเหล็ก DB20 50 เส้น
บันทึก 9:35 · PO#0312
รอ
แจ้งของเสีย — ปูน 3 ถุง
บันทึก 9:38
รอ
ลองเชื่อมต่ออีกครั้ง
Offline-first (US-IN-06) · banner ชัดเจน · queue แสดงรายการรอ sync
2. LINE Integration
Push notifications + LIFF approval — เพื่อให้ผู้บริหารและฝ่ายจัดซื้อ approve ได้โดยไม่ต้องเปิดแอป
L-01 · LINE Push Notification (Flex Message)
9:415G · 100%
CS
Construction Stock
Official Account
วันนี้ 14:30
🚨 PO รออนุมัติ
PO #2026-0318
บ. วัสดุดี จก.
ยอดรวม ฿ 87,500
โครงการ: ก.ก. คอนโด Phase 1
• ปูน TPI × 200 ถุง — 28,400 ฿
• เหล็ก DB20 × 500 เส้น — 45,000 ฿
• หิน 3/4" × 20 คิว — 14,100 ฿
✓ อนุมัติ
✕ ปฏิเสธ
→ เปิดดูใน LIFF
⚠ ของใกล้หมด
3 รายการ ต่ำกว่า min stock
• ปูน TPI — เหลือ 18 (min 30)
• เหล็ก RB6 — เหลือ 24 (min 50)
• ทินเนอร์ — เหลือ 5 (min 12)
Flex Message ออกแบบให้กด approve ได้ทันที (US-LN-03) · batch low-stock เป็น digest เดียว ลด message cost
L-02 · LIFF Approval Page
9:415G · 100%
× อนุมัติ PO LIFF
🚨 รออนุมัติของคุณ
จากพี่แอน · 14:30 น.
เลขที่ PO
2026-0318
โครงการ
ก.ก. คอนโด Phase 1
Supplier
บ. วัสดุดี จก.
ยอดรวม
฿ 87,500.00
ปูน TPI × 200 ถุง28,400
เหล็ก DB20 × 50045,000
หิน 3/4" × 20 คิว14,100
งบโครงการคงเหลือ ฿ 1,600,000
หลัง approve จะเหลือ ฿ 1,512,500
ปฏิเสธ
✓ อนุมัติ PO
LIFF mini app · เปิดตรงใน LINE ไม่ต้องเปิดแอป · แสดง impact ต่องบโครงการก่อน approve
3. SvelteKit Admin Web (for Owner / Purchasing / Accountant)
Desktop-first · table-heavy · keyboard friendly · 1280px+ viewport
A-01 · Owner Dashboard
https://admin.construction-stock.app/dashboard

Dashboard

วันนี้ · 12 พ.ค. 2026
Export
+ สร้าง PO ใหม่
มูลค่าสต็อกรวม
฿ 4.8M
↑ 2.3% เดือนนี้
PO รออนุมัติ
12
↑ 3 จากเมื่อวาน
ของใกล้หมด
8
รายการ
โครงการ active
5
ใช้งบเฉลี่ย 62%
ต้นทุนวัสดุ vs งบ (5 โครงการ) ดูรายงาน →
⚠ ของใกล้หมด ดูทั้งหมด →
ปูน TPI18 / 30
เหล็ก RB624 / 50
ทินเนอร์5 / 12
เหล็กฉาก 4×442 / 50
PO รออนุมัติของฉัน (3) ดูทั้งหมด →
PO#โครงการSupplierยอดรวมสถานะ
2026-0318ก.ก. คอนโดวัสดุดี จก.฿ 87,500รออนุมัติ L2ดู →
2026-0319พฤกษา 12เหล็กไทย฿ 124,800รออนุมัติ L1ดู →
2026-0320BFC ปลวกแดงหินแก่ง฿ 45,200รออนุมัติ L1ดู →
KPI cards + bar chart + actionable lists · everything answerable in <5 sec at a glance
A-02 · Items / Master Data
https://admin.construction-stock.app/items

วัสดุ (Items)

📥 Import Excel
🏷 Print QR Labels
+ เพิ่มรายการ
SKUชื่อวัสดุหมวดหน่วยคงเหลือมูลค่าMin StockสถานะQR
CMT-TPI-50ปูนซีเมนต์ TPI ปอร์ตแลนด์ปูนถุง182,55630ใกล้หมด🏷
STL-DB20เหล็กข้ออ้อย DB20เหล็กเส้น42838,520100ปกติ🏷
STL-RB6เหล็กเส้นกลม RB6เหล็กเส้น241,44050ใกล้หมด🏷
RCK-34หิน 3/4"หินคิว8257,40030ปกติ🏷
SND-FNทรายละเอียดทรายคิว4522,50020ปกติ🏷
TNR-Gทินเนอร์ เกรด Gเคมีแกลลอน51,25012ต่ำ🏷
STL-LG-44-6เหล็กฉาก 4×4 หนา 6มม.เหล็กเส้น4221,00050ต่ำ🏷
แสดง 1-7 จาก 1,247 รายการ
1
2
3
Data table + bulk operations · multi-filter · inline status badges · QR label printing
A-03 · Project Detail (BOQ vs Actual)
https://admin.construction-stock.app/projects/kok-condo-p1

ก.ก. คอนโด Phase 1

PRJ-2026-001 · ลูกค้า บ.เคเค ดีเวลล็อปเปอร์ · 01/04/2026 → 30/09/2026 · Active
+ Issue Material
📥 Export
🔒 Close Project
งบวัสดุ
฿ 5,000,000
ใช้ไปแล้ว
฿ 3,400,000
68%
คงเหลือ
฿ 1,600,000
Wastage
฿ 124,500
3.6%
BOQ vs Actual (87 รายการ)
SKUชื่อวัสดุBOQ (qty)ใช้จริง% ใช้Progressมูลค่าจริงVariance
RCK-34หิน 3/4"100 คิว95 คิว 95%
฿ 66,500−5%
STL-DB20เหล็ก DB201,000 เส้น820 เส้น 82%
฿ 73,800−18%
CMT-TPI-50ปูน TPI500 ถุง320 ถุง 64%
฿ 45,440−36%
SND-FNทรายละเอียด80 คิว52 คิว 65%
฿ 26,000−35%
EXT-WLวอลล์ฉาบนอก30 ถุง34 ถุง 113%
฿ 13,600+13%
Project cost tracking · BOQ vs Actual แบบ live · highlight แถวที่เกิน BOQ (รายการสุดท้าย)
A-04 · PO Detail / Approval
https://admin.construction-stock.app/po/2026-0318

PO #2026-0318

สร้างโดย พี่แอน · 12/05/2026 14:30 · รออนุมัติ L2 (Owner)
🖨 Print
📧 ส่ง Supplier
✕ ปฏิเสธ
✓ อนุมัติ
รายละเอียด PO
SKUชื่อวัสดุจำนวนหน่วยราคา/หน่วยราคาเฉลี่ย (อ้างอิง)ยอด
CMT-TPI-50ปูน TPI200ถุง142140 (+1.4%)28,400
STL-DB20เหล็ก DB20500เส้น9092 (−2.2%)45,000
RCK-34หิน 3/4"20คิว705700 (+0.7%)14,100
รวม87,500
VAT 7%6,125
รวมทั้งสิ้น฿ 93,625
Supplier
บ. วัสดุดี จก.
เครดิต 30 วัน · ส่งภายใน 3 วัน
ติดต่อ: คุณนุช 081-xxx-xxxx
ประวัติ: 24 PO, on-time 92%, return 1.2%
Approval Flow
L1: พี่ใหญ่ (Manager)
อนุมัติ · 14:35
!
L2: พี่สมชาย (Owner)
รออนุมัติ
ผลต่องบโครงการ
งบคงเหลือก่อน: ฿ 1,600,000
หลัง approve: ฿ 1,506,375
PO approval screen · ราคาเปรียบเทียบกับ avg · supplier performance · approval timeline · budget impact
A-05 · Stock Card Report
https://admin.construction-stock.app/reports/stock-card?item=CMT-TPI-50

Stock Card — ปูน TPI ปอร์ตแลนด์

CMT-TPI-50 · ทุกคลัง · 01/05/2026 → 12/05/2026
🖨 Print
📊 Export Excel
📄 Export PDF
ยอดยกมา
450 ถุง
รับเข้า
+ 320
เบิกออก
− 752
คงเหลือ
18 ถุง
รายการเคลื่อนไหว
วันที่เอกสารประเภทคลังผู้บันทึกโครงการเข้าออกคงเหลือราคา
12/05 14:30ISS-0084เบิกออกไซต์ ก.ก.น้องบีมก.ก. คอนโด2018142
12/05 09:15GR-0312รับเข้าคลังกลางเฮียโต้ง20038142
11/05 16:42ISS-0083เบิกออกไซต์ พฤกษาน้องแบงค์พฤกษา 1250−162140
10/05 11:20WST-0012ของเสียไซต์ ก.ก.น้องบีมก.ก. คอนโด3−112140
09/05 10:00ADJ-0007ปรับปรุงคลังกลางเฮียโต้ง5−109140
05/05 14:00GR-0298รับเข้าคลังกลางเฮียโต้ง120−104140
* แถวที่เป็นสีแดงคือ Wastage · ทุก movement คลิกเพื่อดูรายละเอียดและรูปประกอบ
Stock card — append-only ledger · drill down ดูรูปและรายละเอียดได้