Project

General

Profile

Feature #27174

[OEE][Overview 55"] ปรับ Layout การ์ดแสดงระดับย่อยของ Zone และขยาย UI #kiro

Added by Suphawan Phiwngam 10 days ago. Updated 8 days ago.

Status:
Closed
Priority:
High
Start date:
05/25/2026
Due date:
05/27/2026
% Done:

0%

Estimated time:
นำ AI มาช่วย(%):
100

Description

หน้า OEE Overview 55" — ปรับ layout การ์ดและ gauge ตามรายละเอียดดังนี้:

1. การ์ดแสดง sum by ระดับย่อยของ Zone (line)
  • Die Casting Zone → แสดงการ์ดแยกเป็น LP01-LP09 (9 การ์ด)
  • Finishing Zone → แสดงการ์ดแยกเป็น Finishing #1-#4 (4 การ์ด)
  • ถ้าระดับย่อยของ Zone มี is_machine=false (เช่น Finishing #1) → sum รวมข้อมูลของ machine ภายใน sub-zone นั้น
  • ข้อมูลปัจจุบันรวมเป็น 13 การ์ด (Die Casting 9 + Finishing 4)
  • ค่าที่แสดงในการ์ดเหมือนเดิม (OEE%, A%, P%, Q%, สถานะสี)
  • ปรับสีพื้นหลังให้เข้มขึ้น
2. Layout การ์ด
  • ขยายเป็น 6 cards ใน 1 row
  • กรณี > 6 cards → ขึ้น row ใหม่ เรียงซ้ายไปขวา
  • ขยายฟอนต์ให้ใหญ่ขึ้น แต่ยังเห็นครบทุกเครื่อง/sub-zone
3. Gauge
  • ขยายความกว้าง gauge
  • ความสูงเท่าเดิม
  • ค่าที่แสดงรวมทั้ง Zone เหมือนเดิม
4. ปรับการแสดงค่า % ทั้งหมด (OEE, A, P, Q) ให้แสดงทศนิยม 2 ตำแหน่ง
  • ค่าทั่วไป → แสดงทศนิยม 2 ตำแหน่ง เช่น 72.53%, 85.10%
  • ค่า = 0 → แสดง 0% (ไม่ใส่ทศนิยม)
  • ค่า = 100 → แสดง 100% (ไม่ใส่ทศนิยม)
  • ถ้าชื่อเครื่องยาวให้ตัดไม่กินที่เลข % (ลด font size ได้ตามเหมาะสม)

ดู screenshot แนบประกอบ


Files

oee-overview-55inch-layout.png (1000 KB) oee-overview-55inch-layout.png Screenshot OEE Overview 55" หลังปรับ Layout (13 cards, 6/row) Suphawan Phiwngam, 05/25/2026 10:07 AM
oee-overview-55inch-feedback.png (766 KB) oee-overview-55inch-feedback.png Screenshot OEE Overview 55" - ปัญหาที่พบหลัง deploy Suphawan Phiwngam, 05/25/2026 05:42 PM

History

#1

Updated by Suphawan Phiwngam 10 days ago

  • Description updated (diff)
  • Due date changed from 05/28/2026 to 05/27/2026
  • Priority changed from Normal to High
#2

Updated by Supparoek Sariphan 10 days ago

  • Status changed from New to In Progress
#3

Updated by Supparoek Sariphan 10 days ago

  • Status changed from In Progress to Resolved
  • Assignee changed from Supparoek Sariphan to Suphawan Phiwngam
#4

Updated by Suphawan Phiwngam 9 days ago

  1. Feedback
  1. 1. Finishing Zone ยังแสดงรายเครื่อง — ไม่ได้ sum เป็น sub-zone

ปัจจุบันแสดง: Chipping1, Cutting1, Deburring1, Shaking1, Chipping2... (16 การ์ด)

ต้องการ: แสดงเป็น Finishing #1, Finishing #2, Finishing #3, Finishing #4 (4 การ์ด — sum machine ภายใน sub-zone) รวมทั้งหมด 13 การ์ด (Die Casting 9 + Finishing 4)

  1. 2. Progress bar (หลอด A/P/Q) ในการ์ด — ความยาวไม่คงที่

ปัจจุบัน progress bar ปรับความยาวตามค่า % ทำให้หลอดสั้นเมื่อค่าต่ำ

ต้องการ: ให้ progress bar ความยาวคงที่เท่ากันทุกตัว ไม่ปรับตามเลข %

  1. 3. ชื่อเครื่องยาวถูกตัด

เห็น `LP #1_17-T...`, `01_Chipping #1_1...` — ชื่อยาวเกินกินที่

ต้องการ: ถ้าชื่อยาวให้ตัดไม่กินที่เลข % (ลด font size ได้ตามเหมาะสม)

  1. 4. Gauge — % ยังไม่ fix 2 digit

ปัจจุบัน gauge แสดง `36.8%` (1 ตำแหน่ง)

ต้องการ: fix ทศนิยม 2 ตำแหน่งเหมือนการ์ด เช่น `36.80%` (ยกเว้น 0% และ 100%)

ดู screenshot แนบประกอบ

#5

Updated by Supparoek Sariphan 9 days ago

  • Status changed from Feedback to Resolved
  • Assignee changed from Supparoek Sariphan to Suphawan Phiwngam
#6

Updated by Suphawan Phiwngam 8 days ago

  • Status changed from Resolved to Feedback
  • Assignee changed from Suphawan Phiwngam to Supparoek Sariphan
  1. Feedback
  1. การ์ดยังไม่แสดงแยกตาม child ของ asset ที่เลือก

ต้องการ:
- เลือก OEE Overall → แสดงการ์ดระดับย่อยของ Zone รวม 13 การ์ด (Die Casting 9 + Finishing 4)
- เลือก Zone (เช่น Die Casting) → แสดงการ์ดระดับย่อยของ Zone นั้น (Die Casting = 9 การ์ด / Finishing = 4 การ์ด)
- เลือก sub-zone (เช่น Finishing #1) → แสดงการ์ดของ machine ภายใน sub-zone นั้น (Chipping1, Cutting1, Deburring1, Shaking1)

กล่าวคือ การ์ดต้อง drill down แสดง child ของ asset ที่เลือกเสมอ

#7

Updated by Supparoek Sariphan 8 days ago

  • Status changed from Feedback to Resolved
  • Assignee changed from Supparoek Sariphan to Suphawan Phiwngam
  • นำ AI มาช่วย(%) changed from 0 to 100
#8

Updated by Suphawan Phiwngam 8 days ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF