สินค้า

เมนูนำทางของระบบ

Ganis Chemistry, บริษัท การ์นิส เคมิสทรี จำกัด
พิมพ์ชนก ศรีสุขพนักงานทั่วไป

โทเคนสีทั้งหมด

42

สี แบรนด์ สถานะ และกลาง

ตัวอย่างมูลค่า

฿125,000.00

ใช้ตัวคั่นหลักพันเสมอ

ตัวอย่างจำนวน

1,250,000 หน่วย

รูปแบบตัวเลขมาตรฐาน

ปุ่มหลักและปุ่มรอง

ขนาดมาตรฐาน 38 พิกเซล และขนาดเล็ก 32 พิกเซล ใช้โทเคนสีและระยะห่างจากระบบกลางทั้งหมด

ปุ่มไอคอน

ปุ่มที่มีเฉพาะไอคอนต้องมีชื่อสำหรับผู้ใช้โปรแกรมอ่านหน้าจอเสมอ

ป้ายสถานะ

สำเร็จรอดำเนินการผิดพลาดข้อมูลเลือกอยู่ปิดใช้งาน

ส้ม คือ แบรนด์ และการเลือก, เขียว คือ สำเร็จ, เหลือง คือ รอดำเนินการ, แดง คือ ผิดพลาด, น้ำเงิน คือ ข้อมูล, เทา คือ สถานะกลาง

สวิตช์เปิดปิด

กล่องเลือก

ตัวเลือกเดียว

ช่องกรอกข้อความ

ใช้สำหรับแสดงชื่อสินค้าในเอกสารและรายงาน

ตัวอย่างรูปแบบ ABC-001

กรุณากรอกชื่อสินค้า

อ่านได้อย่างเดียว คัดลอกค่าได้

ปิดการแก้ไขตามสิทธิ์การใช้งาน

ใช้ชนิดข้อมูลมาตรฐานของเบราว์เซอร์

ส่วนนำหน้าและส่วนต่อท้าย

฿

แสดงผลด้วยตัวคั่นหลักพันเสมอ

กก.

ค่าที่แก้ไขได้ใช้พฤติกรรมตัวเลขมาตรฐาน

SKU

ส่วนนำหน้าเป็นข้อความคงที่

ช่องข้อความหลายบรรทัด

ปรับความสูงแนวตั้งได้

กรุณากรอกรายละเอียดเพิ่มเติม

อ่านได้อย่างเดียว

ตัวเลือกแบบมาตรฐาน

ใช้ตัวเลือกมาตรฐานของเบราว์เซอร์

ตัวอย่างค่าที่เลือกแล้ว

กรุณาเลือกหน่วยนับ

ปิดการแก้ไขตามสิทธิ์การใช้งาน

ช่องค้นหาภายในหน้า

ใช้กับตารางและรายการในอนาคต

ตัวอย่างค่าที่พิมพ์แล้วพร้อมปุ่มล้างค่า

สถานะปิดการใช้งาน

ช่องค้นหานี้เป็นคอมโพเนนต์สำหรับค้นหาข้อมูลภายในหน้า แยกจากช่องค้นหาส่วนกลางบนแถบหัวข้อ และยังไม่มีการทำงานค้นหาจริงในเฟสนี้

แท็บเนื้อหาในหน้า

เนื้อหาตัวอย่างสำหรับแท็บภาพรวม

ใช้ลูกศรซ้ายและขวา ปุ่ม Home และ End เพื่อเลื่อนแท็บ เมื่อพื้นที่ไม่พอรายการแท็บจะเลื่อนแนวนอนภายในตัวเอง

ส่วนที่เปิดและปิดได้

ข้อมูลตัวอย่างสำหรับส่วนที่สามารถเปิดและปิดได้

ตารางข้อมูลมาตรฐาน

ตัวอย่างสำหรับตรวจสอบคอมโพเนนต์เท่านั้น เลือกแล้ว 1 รายการ

พบ 37 รายการ จากทั้งหมด 37 รายการ

ตารางตัวอย่างรายการสินค้าสำหรับตรวจสอบคอมโพเนนต์
สถานะการจัดการ
PRD-001สารทำความสะอาดอเนกประสงค์ สูตรเข้มข้น Aวัตถุดิบ1,250 หน่วย฿125.00พร้อมใช้งาน
PRD-002โซดาไฟเกล็ด 25 กิโลกรัมวัตถุดิบ25 กก.฿1,450.50พร้อมใช้งาน
PRD-003ขวดพลาสติก HDPE ขนาด 1 ลิตร พร้อมฝาเกลียวนิรภัยบรรจุภัณฑ์12,500 ชิ้น฿8.75รอดำเนินการ
PRD-004น้ำยาปรับสภาพน้ำ สูตรอุตสาหกรรมสินค้าสำเร็จรูป320 แกลลอน฿2,750.00ผิดพลาด
PRD-005ฉลากสินค้า พิมพ์สี 4 สีบรรจุภัณฑ์125,000 ดวง฿0.85พร้อมใช้งาน
PRD-006แอลกอฮอล์ 70 เปอร์เซ็นต์สินค้าสำเร็จรูป4,800 ขวด฿42.00ปิดใช้งาน
PRD-007ถังบรรจุเคมี ขนาด 200 ลิตรบรรจุภัณฑ์1,830 ใบ฿1,250.00รอดำเนินการ
PRD-008กรดซัลฟิวริก ความเข้มข้น 98 เปอร์เซ็นต์วัตถุดิบ860 ลิตร฿78.50พร้อมใช้งาน
PRD-009โซเดียมคลอไรด์ เกรดอุตสาหกรรมวัตถุดิบ22,400 กก.฿6.25พร้อมใช้งาน
PRD-010กล่องลูกฟูก 5 ชั้น ขนาดมาตรฐานบรรจุภัณฑ์9,600 ใบ฿14.75รอดำเนินการ

ตารางที่ไม่มีข้อมูล

ตรวจสอบสถานะว่างของตาราง

ตารางตัวอย่างสถานะไม่มีข้อมูล
รหัสสินค้าชื่อสินค้าหมวดหมู่จำนวนคงเหลือต้นทุนต่อหน่วยสถานะ

ไม่พบข้อมูล

ยังไม่มีรายการที่จะแสดงในขณะนี้

การ์ดมาตรฐานและการ์ดตัวชี้วัด

ตัวอย่างสำหรับตรวจสอบส่วนประกอบ ใช้พื้นผิว เส้นขอบ และเงาชุดเดียวกันทั้งระบบ

การ์ดมาตรฐาน

การ์ดพื้นฐานที่มีเฉพาะเนื้อหา ใช้ได้กับกลุ่มข้อมูล ฟอร์ม หรือคอนเทนเนอร์ตาราง

ภาพรวมสต็อก

ข้อมูลสรุปสำหรับรอบเดือนปัจจุบัน

การ์ดที่มีหัวเรื่องและคำอธิบายสั้น

รายการเคลื่อนไหวล่าสุด

พื้นที่การกระทำเป็นแบบทั่วไป ไม่ผูกกับงานธุรกิจใด

การ์ดที่มีพื้นที่การกระทำในส่วนหัว

สรุปการตรวจนับ

จำนวนรายการที่ตรวจนับแล้ว 1,250 จากทั้งหมด 1,420 รายการ

การ์ดตัวชี้วัด

มูลค่าสินค้าคงคลัง

฿125,000.00

เทียบเดือนก่อน ฿110,000.00เพิ่มขึ้น 13.6% เชิงบวก

จำนวนสินค้าทั้งหมด

1,250 รายการ

เดือนก่อน 1,180 รายการเพิ่มขึ้น 5.9% เชิงบวก

ต้นทุนเฉลี่ยต่อหน่วย

฿84.50

เดือนก่อน ฿78.20เพิ่มขึ้น 8.1% เชิงลบ

ระยะเวลาหมุนเวียนสต็อก

32 วัน

เทียบเดือนก่อน ไม่เปลี่ยนแปลงคงที่ 0.0% เป็นกลาง

อัตราการพร้อมใช้งาน

96.40%

จากทั้งหมด 12,500 รายการ

มูลค่าสินค้ารอตรวจรับ

-

ยังไม่มีข้อมูลในรอบนี้

ทดสอบตัวเลขขนาดใหญ่

มูลค่าสินค้าคงคลังรวมทุกคลัง

฿12,500,000.00

เทียบปีก่อน ฿11,480,000.00เพิ่มขึ้น 8.9% เชิงบวก

จำนวนหน่วยคงเหลือทั้งหมด

1,250,000 รายการ

เทียบปีก่อน 1,190,000 รายการลดลง 4.2% เชิงลบ

ต้นทุนรวมสะสม

฿9,876,543.21

ข้อมูลสะสมตั้งแต่ต้นปีงบประมาณ

สรุปข้อมูลระเบียนและคุณลักษณะข้อมูล

ส่วนประกอบกลางที่ใช้ซ้ำได้กับทุกประเภทข้อมูล เช่น สินค้า คลังสินค้า ผู้ขาย ลูกค้า พนักงาน

ตัวอย่างระเบียนแบบมีรูปภาพ

ขวดน้ำยาทำความสะอาดอเนกประสงค์ สูตรเข้มข้น A

น้ำยาทำความสะอาดอเนกประสงค์ สูตรเข้มข้น A

PRD-001

พร้อมใช้งาน
รหัสสินค้า
PRD-001
หมวดหมู่
วัตถุดิบ
หน่วยนับ
กิโลกรัม
คลังหลัก
คลังกลาง
ต้นทุนต่อหน่วย
฿125.00

ใช้สำหรับการคำนวณต้นทุน

สต็อกขั้นต่ำ
1,250 หน่วย
อัตราภาษี
VAT 7%
หมายเหตุ
สำหรับใช้ในสายการผลิตหลัก

อัปเดตล่าสุด 26/08/2026

สถานะการตรวจสอบ
ตรวจสอบแล้ว

ตัวอย่างระเบียนแบบไม่มีรูปภาพ

คลังวัตถุดิบหลัก

WH-001

รอตรวจสอบ
รหัสคลัง
WH-001
ผู้ดูแลคลัง
-
ความรับผิดชอบ
สารทำความสะอาดและบำรุงพื้นผิวสำหรับกระบวนการผลิตอุตสาหกรรม รวมถึงงานควบคุมคุณภาพวัตถุดิบขาเข้า
มูลค่าคงคลังรวม
฿12,500,000.00

ข้อมูล ณ สิ้นเดือนก่อน

ทดสอบคุณลักษณะข้อมูลแบบเดี่ยว

กรณีทดสอบคุณลักษณะข้อมูล

มูลค่ารวมทุกคลัง
฿12,500,000.00

ตัวเลขขนาดใหญ่พร้อมตัวคั่นหลักพัน

จำนวนคงเหลือ
12,500 รายการ
รายละเอียดการใช้งาน
สารทำความสะอาดและบำรุงพื้นผิวสำหรับกระบวนการผลิตอุตสาหกรรม
สถานะการอนุมัติ
อนุมัติแล้ว

ค่าของคุณลักษณะรับส่วนประกอบที่ใช้ร่วมกันได้

รหัสอ้างอิงภายนอก
-
รอบการตรวจนับถัดไป
ยังไม่กำหนด

แถบความคืบหน้าและการแสดงสถานะเชิงปริมาณ

ส่วนประกอบรับค่าที่คำนวณแล้วจากภายนอก และรับโทนเชิงความหมายจากผู้เรียกใช้เสมอ

แถบความคืบหน้าเชิงเส้น

ความคืบหน้าการผลิต62%

ความคืบหน้าเชิงปริมาณของแบรนด์ ไม่มีความหมายเชิงบวกหรือลบ

สต็อกพร้อมใช้88%

พร้อมใช้งานสำหรับการขาย

ความจุที่ใช้งาน76%

ใกล้ถึงระดับความจุสูงสุด

งบประมาณที่ใช้ไป96%

เกินระดับเฝ้าระวังที่กำหนดไว้

การจัดสรรคำสั่งซื้อ45%

ข้อมูลเชิงปริมาณเพื่อการติดตาม

ขนาดเล็กสำหรับพื้นที่จำกัด38.0%

ขนาดเล็กใช้ในตารางหรือการ์ดที่มีความหนาแน่นสูง

กรณีทดสอบค่าขอบเขต

ค่าเป็นศูนย์0%

แสดงรางว่างและรายงานค่า 0 ให้เทคโนโลยีช่วยเหลือ

ค่าเต็มจำนวน100%

เติมเต็มราง 100 เปอร์เซ็นต์

ค่ามากกว่าค่าสูงสุด100%

ค่าจริง 120 จาก 100 การแสดงผลถูกจำกัดที่ 100 เปอร์เซ็นต์

ค่าติดลบ0%

ค่าติดลบถูกจำกัดการแสดงผลที่ 0 เปอร์เซ็นต์

ค่าสูงสุดไม่ถูกต้อง0%

ค่าสูงสุดน้อยกว่าหรือเท่ากับ 0 จะแสดงสถานะศูนย์อย่างปลอดภัย

ตัวอย่างเกณฑ์เชิงความหมาย คำนวณโดยชั้นที่เรียกใช้เท่านั้น

ระดับการใช้งาน 25%25%

โทนถูกกำหนดจากภายนอก ส่วนประกอบไม่ตีความเปอร์เซ็นต์เอง

ระดับการใช้งาน 75%75%

โทนถูกกำหนดจากภายนอก ส่วนประกอบไม่ตีความเปอร์เซ็นต์เอง

ระดับการใช้งาน 95%95%

โทนถูกกำหนดจากภายนอก ส่วนประกอบไม่ตีความเปอร์เซ็นต์เอง

แถบแบ่งส่วนแบบแคปซูลแนวตั้ง โทนเชิงความหมายทั้งหมด

ความคืบหน้าการผลิต
18,000 หน่วย30,000 หน่วย

ความคืบหน้าเชิงปริมาณของแบรนด์

สต็อกพร้อมใช้
24,000 หน่วย30,000 หน่วย

พร้อมใช้งานสำหรับการขาย

การจัดสรรคำสั่งซื้อ
13,500 หน่วย30,000 หน่วย

ถูกจัดสรรไว้แล้วสำหรับคำสั่งซื้อ

ความจุใกล้เต็ม
27,000 หน่วย30,000 หน่วย

ใกล้ถึงระดับความจุสูงสุด

เกินระดับที่กำหนด
31,500 หน่วย30,000 หน่วย

เกินระดับเฝ้าระวังที่กำหนดไว้

ข้อมูลเชิงปริมาณ
9,000 หน่วย30,000 หน่วย

ข้อมูลกลางที่ไม่มีความหมายเชิงบวกหรือลบ

สัดส่วนมาตรฐาน

0 เปอร์เซ็นต์
01,000

สัดส่วน 0% ของค่าสูงสุด

25 เปอร์เซ็นต์
2501,000

สัดส่วน 25% ของค่าสูงสุด

50 เปอร์เซ็นต์
5001,000

สัดส่วน 50% ของค่าสูงสุด

75 เปอร์เซ็นต์
7501,000

สัดส่วน 75% ของค่าสูงสุด

100 เปอร์เซ็นต์
1,0001,000

สัดส่วน 100% ของค่าสูงสุด

แถบแบ่งส่วนเชิงปริมาณ

สต็อกพร้อมใช้
12,500 หน่วย34,000 หน่วย

พร้อมใช้งานสำหรับการขาย

สต็อกสำรอง
11,540 หน่วย34,000 หน่วย

ถูกจองไว้สำหรับคำสั่งซื้อที่ยืนยันแล้ว

ความจุคลัง
28,500 หน่วย30,000 หน่วย

ใกล้ถึงระดับความจุสูงสุด

กรณีขอบเขตของแถบแบ่งส่วน

ค่าเป็นศูนย์
0100

ต้องไม่มีส่วนใดถูกเติมสี ทั้งหมด 0 ส่วน

ค่าบวกที่น้อยมาก
11,000

ค่าบวกที่เล็กกว่าหนึ่งส่วน แสดงเป็นส่วนจางเพื่อไม่ให้ดูเกินจริง

ค่าเต็มจำนวน
1,0001,000

เติมครบทุกส่วน

ค่ามากกว่าค่าสูงสุด
1,2001,000

การแสดงผลถูกจำกัดไว้ที่จำนวนส่วนสูงสุด โทนสีมาจากผู้เรียกใช้

ค่าสูงสุดไม่ถูกต้อง
5000

ค่าสูงสุดเท่ากับ 0 แสดงสถานะศูนย์อย่างปลอดภัย

ค่าติดลบ
-2501,000

ค่าติดลบถูกจำกัดการแสดงผลที่สถานะศูนย์

ตัวเลขขนาดใหญ่

ปริมาณการใช้วัตถุดิบ
1,250,000 หน่วย12,500,000 หน่วย

1,250,000 จาก 12,500,000 หน่วย

งบประมาณที่ใช้ไป฿9,876,543.21

เพดานงบประมาณ ฿12,500,000.00

ตัวอย่างการ์ดภาพรวมสต็อก

ภาพรวมสต็อก

ตัวอย่างการประกอบส่วนประกอบ ไม่ใช่หน้าข้อมูลสินค้าจริง

สต็อกพร้อมใช้
12,50034,000
สต็อกสำรอง
11,54034,000
ความจุคลัง
28,50030,000

การแจ้งเตือนของระบบ

ข้อความในบรรทัดใช้สำหรับข้อมูลที่ต้องคงอยู่ในหน้า ส่วนการแจ้งเตือนชั่วคราวใช้สำหรับผลลัพธ์ของการกระทำ

ข้อความแจ้งเตือนในบรรทัด

ข้อมูลทั่วไป

ระบบกำลังใช้ข้อมูลล่าสุดที่บันทึกไว้เมื่อเวลา 09:30 น.

บันทึกข้อมูลเรียบร้อยแล้ว

ระบบบันทึกรายการทั้งหมด 1,250 รายการเรียบร้อยแล้ว

มีข้อมูลที่ควรตรวจสอบ

ยังมีข้อมูลบางช่องที่ต้องตรวจสอบก่อนบันทึก
ข้อมูลประกอบเพิ่มเติม ใช้สำหรับคำอธิบายที่ไม่มีความเร่งด่วน

ข้อความยาวสำหรับทดสอบการตัดบรรทัด

ระบบตรวจพบว่ามีรายการวัตถุดิบบางส่วนที่ยังไม่ได้ระบุหน่วยนับและราคาต้นทุนต่อหน่วย จึงยังไม่สามารถคำนวณมูลค่าคงคลังรวมได้อย่างถูกต้อง กรุณาตรวจสอบข้อมูลให้ครบถ้วนก่อนบันทึกเอกสาร

ข้อมูลไม่สมบูรณ์

ข้อความนี้ปิดได้ เนื่องจากไม่ใช่ข้อมูลที่ต้องคงอยู่ตลอดเวลา

การแจ้งเตือนชั่วคราว

แสดงได้สูงสุด 3 รายการพร้อมกัน รายการที่เก่าที่สุดจะถูกนำออกก่อน

หน้าต่างและการยืนยัน

หน้าต่างแบบ Modal ใช้ dialog ของเบราว์เซอร์และ Top Layer โดยไม่ใช้ z-index

รายละเอียดสินค้าในคลัง

ข้อมูลสรุปสำหรับตรวจสอบก่อนดำเนินการต่อ

ข้อมูลนี้เป็นตัวอย่างสำหรับการทดสอบ

หน้าต่างนี้แสดงการใช้ Inline Alert ร่วมกับหน้าต่างแบบ Modal โดยไม่สร้างองค์ประกอบใหม่
รหัสสินค้า
GNS-1042
คลังจัดเก็บ
คลังกลาง กรุงเทพ
จำนวนคงเหลือ
1,250,000 หน่วย
มูลค่าคงเหลือ
฿125,000.00

แนวทางการใช้งานหน้าต่างแบบ Modal ในระบบบริหารจัดการภายในของบริษัท การ์นิส เคมิสทรี จำกัด

เนื้อหาส่วนนี้ยาวกว่าความสูงของหน้าจอขนาดเล็ก เพื่อทดสอบการเลื่อนภายในหน้าต่าง

ขอบเขตการใช้งานหน้าต่างยืนยัน

หน้าต่างแบบ Modal ใช้สำหรับการตัดสินใจที่ต้องหยุดงานปัจจุบันเท่านั้น เช่น การยืนยันการบันทึก การนำรายการออกจากคลัง หรือการลบข้อมูลที่กระทบรายงาน หากข้อมูลนั้นเป็นเพียงคำอธิบายประกอบ ให้ใช้ Inline Alert ในหน้าปกติแทน

การจัดการโฟกัสด้วยแป้นพิมพ์

เมื่อเปิดหน้าต่าง เบราว์เซอร์จะกักโฟกัสไว้ภายในหน้าต่างโดยอัตโนมัติจากพฤติกรรมของ dialog แบบ modal ผู้ใช้สามารถกด Tab และ Shift+Tab เพื่อวนภายในหน้าต่างได้ และเมื่อปิดหน้าต่าง โฟกัสจะกลับไปยังปุ่มที่เปิดหน้าต่างนั้นเสมอ

การเลื่อนเนื้อหาภายใน

เมื่อเนื้อหายาวเกินความสูงของหน้าจอ ส่วนเนื้อหาจะเลื่อนภายในหน้าต่างเอง โดยส่วนหัวและส่วนปุ่มยังคงมองเห็นได้ ทำให้ปุ่มปิดและปุ่มยืนยันใช้งานได้ตลอดเวลา และหน้าเว็บด้านหลังจะไม่เลื่อนตาม

การใช้สีเชิงความหมาย

การกระทำที่ทำลายข้อมูลใช้สีแดงเชิงความหมายเท่านั้น ไม่ใช้สีส้มของแบรนด์ เพื่อไม่ให้ผู้ใช้สับสนระหว่างการกระทำหลักกับการกระทำที่ย้อนกลับไม่ได้

ข้อจำกัดของรากฐานนี้

รากฐานนี้ไม่รองรับหน้าต่างซ้อนหน้าต่าง ไม่มีตัวจัดการลำดับหน้าต่าง และไม่มีระบบฟอร์มเฉพาะของหน้าต่าง ทุกเนื้อหาจะถูกส่งเข้ามาจากหน้าที่เรียกใช้งาน

มาตรฐานถาวรที่ยังคงบังคับใช้

ห้ามใช้ z-index ทุกกรณี ห้ามใช้เครื่องหมาย em dash ในข้อความทุกชนิด และตัวเลขตั้งแต่ 1,000 ขึ้นไปต้องแสดงตัวคั่นหลักพันเสมอ

ยืนยันการบันทึกข้อมูล

ตรวจสอบข้อมูลให้เรียบร้อยก่อนดำเนินการต่อ

ยืนยันการลบรายการ

เมื่อลบแล้ว รายการนี้จะไม่แสดงในรายการปัจจุบัน

ชุดสีแบรนด์และสีกลาง

Primary

#F06B32

Primary Hover

#E85C1F

Primary Soft

#FEE7D9

Primary Light

#FFF3EC

App Background

#F5F7FB

Border

#E5E9ED

สถานะเชิงความหมาย

สำเร็จรอดำเนินการผิดพลาดข้อมูลระบบ

ความหมายของสีต้องใช้ร่วมกับไอคอนและข้อความเสมอ ไม่สื่อความหมายด้วยสีเพียงอย่างเดียว

ลำดับชั้นตัวอักษร

  • Page Title22px / 600
  • Card Title15px / 600
  • Body14px / 400
  • Label13px / 400
  • Helper12px / 400
มาตรฐานถาวรของโครงการ
มาตรฐานถาวรรายละเอียด
ห้ามใช้ z-indexใช้โครงสร้าง DOM, Top Layer ของ dialog และ Popover API แทน
ห้ามใช้เครื่องหมาย Em Dashใช้จุลภาค ทวิภาค วงเล็บ หรือยัติภังค์แทน
ตัวเลขตั้งแต่ 1,000 ขึ้นไปต้องแสดงตัวคั่นหลักพันเสมอ เช่น 1,250,000
ภาษาไทยเป็นหลักข้อความในระบบใช้ภาษาไทยเป็นค่าเริ่มต้น
Desktop Firstจุดตัด 1440 / 1280 / 1024 / 768 พิกเซล