Equipment
Table of Contents
- Overview
- Screen Layout
- Top — Page Title & Tools
- Left Sidebar — Search & Filtering
- Right — Equipment Card List
- Timeline Analysis
- Use Cases
- Frequently Asked Questions
- Related Screens
Overview
The Equipment menu provides a bird's-eye view of all registered equipment in the form of cards. Each card includes the equipment image, connection/health/registration status indicators, today's alarm count, tag count, and a link to the asset tree. You can quickly narrow down the view to specific equipment using the site, area, and line filters in the left sidebar.
Operators use this screen to make the following quick assessments:
- Which equipment has lost communication?
- Which equipment is flagged as Warning or Danger in the health diagnosis?
- Which equipment triggered Critical alarms today?
Path: Left Menu > Equipment > Equipment List (Internal URL /equipment/index)
Screen Layout
┌──────────────────────────────────────────────────────────────────┐
│ 설비 총 N개 설비 — 사이트별 모니터링 [타임라인 분석] [↻] │ ← ① 상단
├──────────┬───────────────────────────────────────────────────────┤
│ 🔎 검색 │ ⚙ [검색된 설비: N] 설비 목록 │
│ 조건 입력 │ 필터 조건에 맞는 설비 │
│ 후 검색 │ ─────────────────────────────────────────────────────│
│ [사이트▼] │ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ │
│ [구역 ▼] │ │ 카드 │ │ 카드 │ │ 카드 │ │ 카드 │ │ ← ③ 카드 그리드
│ [라인 ▼] │ │ ... │ │ ... │ │ ... │ │ ... │ │
│ │ └──────┘ └──────┘ └──────┘ └──────┘ │
│ [설비분류▼]│ │
│ [설명] │ │
│ [↺][검색] │ │
└──────────┴───────────────────────────────────────────────────────┘
| Area | Position | Display |
|---|---|---|
| ① Top | Full Width | Page title, total equipment count, Timeline Analysis/Refresh buttons |
| ② Left Sidebar | col-lg-2 | "Search" filter panel — Site/Area/Line + Search options, Reset/Search buttons at the bottom |
| ③ Right | col-lg-10 | Equipment card list (Number of searched equipment + Card grid) |
Top — Page Title & Tools
| Item | Format | Display |
|---|---|---|
| Page Title | Left | "Equipment" + Subtitle 총 N개 설비 — 사이트별 모니터링 |
| Timeline Analysis | Right Main Button | "Timeline Analysis" — Opens the multi-equipment timeline comparison screen (openTimeline()) |
| Refresh | Right Secondary Button + ↻ | Reloads only the card list while maintaining the left filter settings |
When entering the page, the card list is empty. You must set the search options in the left sidebar and click Search to populate the list.
Left Sidebar — Search & Filtering
The panel title is Search, and the subtitle is "Enter conditions and search." The form is divided into two groups, with two buttons located at the bottom (footer) of the panel.
1) Site / Area / Line
These three selectors are grouped together as one unit.
| Selector | ID | Options |
|---|---|---|
| Site | site_id | List of registered sites (사이트명 [설명]) — One site is always selected |
| Area | area_id | "All Areas" + Area list for the selected site (자산명 [설명]) |
| Line | line_id | "All Lines" + Line list for the selected area (자산명 [설명]) |
There is no "All Sites" option for range selection. Selecting «All Areas» or «All Lines» refers to everything within the selected site. The order in which a site is opened is: Site in URL → Reference Site in profile → First site. The last selected range is not remembered.
Changing the site (
changedSite()) automatically refreshes the associated areas (area_list) and lines (line_list). Changing the area (changedArea()) updates the line selector with lines in that area, and changing the line (changedLine()) immediately applies that line's assets to the search criteria.
2) Search Options
| Input | ID | Format | Description |
|---|---|---|---|
| Equipment Category | asset_class_code | Selector — "All Types" + Registered equipment category list | Narrows down by the category assigned to the equipment |
| Description | description | Text Input — placeholder "Description Keyword" | Keywords in the equipment description text |
The Equipment Category is a dropdown, not a direct text input field. The list is sourced from the Equipment Category tab in Base Data.
3) Panel Bottom Buttons
| Button | Action |
|---|---|
| ↺ Reset | resetFilter() — Clears all filters and options above |
| Search | search() — Applies all filters and options to update the card list |
Right — Equipment Card List
If there are no search results, the following guidance is displayed:
⚙ No equipment found
Please adjust the site, area, line, or search options in the left filter and click the search button.
If results are found, equipment is displayed as individual cards in the card grid (eq-card-list).
┌───────────── 우측 영역 헤더 ─────────────┐
│ ⚙ [검색된 설비: N] 설비 목록 │
│ 필터 조건에 맞는 설비 │
└────────────────────────────────────────────┘
| Header Item | Display |
|---|---|
| Header Label | [검색된 설비: N] 설비 목록 — N is the number of searched equipment (search_equipment_count). The count appears before the title |
| Subtitle | "Equipment matching filter conditions" — Fixed text (not a summary of search conditions) |
Equipment Card Components
Each card (eq-card) consists of the following areas.
┌────────────────────────────────────┐
│ 설비명 (굵게) │ ← header
│ 설비 설명 │ ← desc
├────────────────────────────────────┤
│ 📶 ❤️ 🏷 📅 🥧 │ 🟢 🟡 🔴 │ ← status (점등 5종 + 알람 3종)
├────────────────────────────────────┤
│ │
│ 설비 이미지 (썸네일) │ ← thumb (클릭 시 설비 대시보드)
│ │
├────────────────────────────────────┤
│ 생산 상태 뱃지 │ ← OEE area (active 상태)
├────────────────────────────────────┤
│ 🏷 N ⚙ │ ← footer (태그 수 / 자산 트리 이동)
└────────────────────────────────────┘
Card Top — Name & Description
| Area | Class | Display |
|---|---|---|
| Card Header | eq-card-header | Equipment Name (asset_name) — Bold text |
| Card Description | eq-card-desc | Equipment Description (description) — Single-line text |
5 Status Indicators
Five indicators are arranged horizontally on the left side of the card status area (eq-card-status). Tooltips appear on hover.
| Icon | ID | Tooltip | Meaning |
|---|---|---|---|
| 📶 (Wi-Fi) | ${asset_id}_status_connection | "Connection Status" | Communication status (5 levels: Normal Connection, Delayed, Abnormal, Disconnected, Not Connected) |
| ❤️ (Heartbeat) | ${asset_id}_status_health | "Health Status" | Asset health diagnosis result (4 levels: Normal, Caution, Danger, Unknown) |
| 🏷 (Tags) | ${asset_id}_status_tag_reg | "Tag Registration Status" | Whether tags are registered to the equipment |
| 📅 (Calendar) | ${asset_id}_status_event_reg | "Event Registration Status" | Whether asset event rules are registered |
| 🥧 (Pie) | ${asset_id}_status_aggregation_reg | "Aggregation Registration Status" | Whether asset aggregation rules are registered |
The color behavior differs between the first two and the last three indicators.
| Indicator | Color Levels |
|---|---|
| Connection Status, Health Status | Multiple levels based on diagnosis (Gray = Unknown, Green = Normal, Orange = Caution, Red = Abnormal) |
| Tag, Event, Aggregation Registration | Either Green or Gray only — Green if registered, Gray otherwise |
If the last three indicators are gray, it does not mean the equipment is faulty. It simply means that tag, event, or aggregation rules have not yet been registered for that equipment.
Refer to Status Code Definitions for color meanings.
3 Today's Alarm Counts
On the right side of the status area (separated by a vertical line from the left indicators), today's alarm counts are displayed in three colors.
| Color | ID | Tooltip | Display |
|---|---|---|---|
| 🟢 Green | ${asset_id}_count_alarm_info | "Today's Info Alarms" | Number of Info alarms |
| 🟡 Orange | ${asset_id}_count_alarm_warn | "Today's Warning Alarms" | Number of Warning alarms |
| 🔴 Red | ${asset_id}_count_alarm_error | "Today's Critical Alarms" | Number of Critical alarms |
All counts are displayed as - before values are received.
Equipment Image, Production Status, & Footer
Equipment Image (eq-card-thumb)
- Displays the registered image for each equipment as a thumbnail (
/asset/image/${asset_id}) - Clicking the image opens the equipment-level dashboard in a new window (
/asset/dashboard/equipment/${asset_id}) - Equipment without a registered image shows a default placeholder image
Production Status Badge (eq-oee-area)
| ID | Display |
|---|---|
${asset_id}_status_active | Current active status badge (Running/Stop/Standby/Idle/Abnormal) displayed by color |
Card Footer (eq-card-footer)
| Item | Display |
|---|---|
| 🏷 + Tag Count | ${asset_id}_tag_count — Number of tags registered to this equipment |
| ⚙ (Gear) | Opens the Asset Tree screen (/asset/tree/index?sel=${asset_id}) for asset metadata editing |
Timeline Analysis
The Timeline Analysis button at the top opens the multi-equipment timeline comparison screen (/timeline/index). For detailed instructions, refer to the Timeline Comparison Screen section below.
Equipment Menu Sub-screens (2 types other than list)
The Equipment section in the left menu contains three screens.
| Menu | Internal URL | Purpose |
|---|---|---|
| Equipment List (Covered above) | /equipment/index | Monitoring equipment card grids |
| Data Inquiry | /asset/data/index | Querying domain data (Snapshot, Alarm, Event, Status, Aggregation, Command) by equipment |
| Timeline Comparison | /timeline/index | Comparing time axes across multiple equipment |
ISO Data (
/asset/plugin/index) is located in a separate ISO section in the left menu, alongside ISO Analysis (/analysis/index), not under Equipment. See ISO Data and Analysis for details.
Data Inquiry Screen (/asset/data/index)
This screen allows querying domain data for a specific piece of equipment using one of six data types.
Top Search Area
📋 데이터 조회 [기간] [데이터 유형 ▼] [시간 단위 ▼] [건수 ▼] [조회][전체 출력][↻]
| Control | Width | Description |
|---|---|---|
Period (search_time) | 280px | Start ~ End (Center, Bold). hidden search_date_from/search_date_to |
Data Type (data_type) | 120px | 6 options — Snapshot, Alarm, Event, Status, Aggregation, Command |
Time Unit (time_unit) | 110px | Grouping by Second/Minute/Hour/Day |
Count (limit) | 140px | Recent 100 (Default)/1,000/2,000/5,000/10,000 cases |
| Inquiry, Export All, Refresh | Red | search() / downloadCSV() / refresh() |
6 Data Types
| Code | Label | Description |
|---|---|---|
DATA | Snapshot | Tag values sampled at regular intervals |
ALARM | Alarm | Alarm history for the asset |
EVENT | Event | Asset-level events (e.g., status changes) |
CONTEXT | Status | Timestamps of asset status changes (Running/Stop/Abnormal) |
AGGREGATION | Aggregation | Time-unit aggregation results (Average, Sum, etc.) |
COMMAND | Command | History of commands issued to the asset |
Left (col-lg-2) — Asset Tree Panel
Same as other equipment analysis screens: Site selector, Asset Tree, Search, and Footer (Asset ID preview).
Right (col-lg-10)
1) Count by Time Slot Chart (hourly_chart, 140px)
| Item | Description |
|---|---|
| Header | 📊 "Count by Time Slot" + Result Summary (result_txt) |
| Chart | Time-slot bar chart by data type |
| Empty State | "Please select equipment from the asset tree and perform an inquiry." |
2) Inquiry Result Table (data_table)
Table headers change dynamically based on the data type.
Default (Snapshot) columns:
| Column | Width | Description |
|---|---|---|
| Time | 200px | Measurement time |
| Asset ID | 150px | Asset identifier |
| Data Map | 250px | JSON of tag-value pairs |
| Timestamp Map | 250px | Ingestion time for each tag |
When the data type is changed to ALARM/EVENT/CONTEXT/AGGREGATION/COMMAND (onDataTypeChange()), the headers are redrawn to match that type.
Timeline Comparison Screen (/timeline/index)
This screen overlays domain events (Status, Aggregation, Event, Command) from multiple equipment on a single time axis for comparison.
| Number | Position | Function |
|---|---|---|
| ① | Top Left | Site Selection |
| ② | Left Body | Tag Tree — Select multiple equipment using checkboxes |
| ③ | Top | Period — Start ~ End |
| ④ | Beside | Timeline Type, Alarm Display, Count |
| ⑤ | Top Right | Inquiry, Export All (CSV), Refresh |
| ⑥ | Timeline Header | Display width presets — 10m, 30m, 1h, 6h, 12h, All |
| ⑦ | Body | Timeline — Activities are placed as bars on the time axis |
| ⑧ | Bottom Right | Zoom In, Zoom Out, Horizontal Scroll |
The image above shows this state. Check the equipment to compare in the left tree and click Inquiry.
Top Search Area
🔁 타임라인 비교 [기간] [타임라인 유형 ▼] [알람 표시 ▼] [건수 ▼] [조회][전체 출력][필터][↻]
| Control | Width | Description |
|---|---|---|
Period (search_time) | 280px | Start ~ End |
Timeline Type (timeline_type) | 140px | 4 options — Status (CONTEXT) / Aggregation (AGGREGATION) / Event (EVENT) / Command (COMMAND) |
Alarm Display (show_alarm) | 140px | Show Alarms (Y) / Hide (N, Default) |
Count (limit) | 140px | 100/200/300/500/1,000 cases |
| Inquiry | Red + 🔍 | search() |
| Export All | Red + 📄 | downloadCSV() |
Condition Filter (condition_button) | Red + 🎚️ | Data inquiry condition options (Hidden by default, expand via conditionOption()) |
| Refresh | Red + ↻ | — |
Condition Input (Optional)
| Input | Description |
|---|---|
condition (350px, Hidden by default) | placeholder: SQL-like conditions in the format of 컨디션 : VALUE > 10 AND VALUE < 50 AND QUALITY = 192 |
Left (col-lg-2) — Asset Tree
Same tree panel (Asset / Connection tabs) as other screens.
Right (col-lg-10) — Timeline
| Item | Description |
|---|---|
| Header | 🕐 "Timeline" + Result Summary (result_txt) |
| Quick Time Range | 6 buttons (10M/30M/1H/6H/12H/ALL) |
| Timeline Area | Assets checked in the left tree are displayed as colored bars on the same time axis |
Application
Use this to compare Running/Stop patterns across multiple equipment or to analyze time gaps in status changes between equipment on the same line. Turning on «Alarm Display» shows alarm markers at the same time, facilitating root cause analysis.
Asset-level Dashboard (/asset/dashboard/{level}/{asset_id})
Clicking an equipment card's image opens a detailed dashboard for that asset in a new window. Different dashboards are provided for the four levels of the asset hierarchy (Site/Area/Line/Equipment).
| Hierarchy | Internal URL | Purpose |
|---|---|---|
| Site | /asset/dashboard/site/{site_id} | Overall site KPI + Summary of all lines |
| Area | /asset/dashboard/area/{asset_id} | Comprehensive view of lines and equipment within the area |
| Line | /asset/dashboard/line/{asset_id} | All equipment in the line on one screen |
| Equipment | /asset/dashboard/equipment/{asset_id} | Comprehensive single equipment dashboard (Most detailed) |
Equipment Dashboard (Most Detailed) — Layout
Top — Dashboard Title Bar
[로고] | 설비명 [▼ 다른 설비] [↻실시간] [<date>] [↻] [✕닫기]
사이트 / 구역 / 라인 / 설비 (브레드크럼)
| Area | Description |
|---|---|
| Other Equipment Dropdown | "Move to another equipment in this location" — List of other equipment in the same line (equip_list) |
| Real-time Toggle | Activates/deactivates the rotating icon |
Date Selection (sandbox-container) | Select date — Refreshes screen with data for that date |
| Prev/Next Day | Move dates using ← → buttons |
| Refresh | pageRefresh() |
| Close Window | self.close() — For new window mode |
| Breadcrumb | Site → Area → Line → Equipment path display |
Left col-lg-8 — Main Panel
Panel 1 — Asset Information (3px Blue Border)
| Area | Display |
|---|---|
| Header | 📺 Equipment Name + (Registration Date, Modification Date) |
| Status Indicators | Asset Status (asset_status) + Connection Status (connection_status) — By color |
| Image | Asset image or SVG drawing (640×320) |
| OEE Mini Table | Operational metadata for that day (Work Order, Product, Shift, etc.) displayed in a rounded table |
Panel 2 — Asset Timeline & Data
| Item | Description |
|---|---|
| Header | 📊 "Asset Timeline & Data" + Result Summary (result_txt) |
| Timeline Navigation | Right button — Move to Timeline Comparison screen |
| Timeline Area | Time bars for asset events (Status/Aggregation/Event/Command) for that day |
Panel 3 — Tags & Trend Charts
| Item | Description |
|---|---|
| Header | 📈 "Tags & Trend Charts [Total Tags: N]" |
| Tag List Navigation | Right button — Move to Tag List screen |
| Empty State | "Please select a tag to display from the tag list on the left." |
| Chart | Time series chart for the selected tag |
Panel 4 — 3 KPI Mini Charts
| Chart | Description |
|---|---|
| (Left) OEE | OEE trend for that day — Empty state: "No data to display." |
| (Center) RAM | Reliability/Maintainability trends |
| (Right) EMS | Energy consumption trends |
Panel 5 — Equipment Status
| Area | Description |
|---|---|
| Header | 🔋 "Equipment Status [Total Alarm Count: N]" |
| Equipment Operation Donut | RUN/IDLE/STOP/FAULT proportions |
| Alarm Distribution | Alarm counts by priority |
Panel 6 — Recent Equipment Alarms
| Item | Description |
|---|---|
| Header | 🔔 "Recent Equipment Alarm List" |
| Alarm Search | Right button — Move to Alarm Search |
| List | N recent alarms in reverse chronological order |
Right col-lg-4 — Side Panel
Additional asset-level information panels are arranged vertically.
| Panel | JSP | Display |
|---|---|---|
| Alarm | pannel/alarm.jsp | Asset-level alarm summary |
| Status | pannel/context.jsp | Asset context (Current operational status) |
| Aggregation | pannel/aggregation.jsp | Asset aggregation (Average/Max/Min) |
| Event | pannel/event.jsp | Asset event history |
| Command | pannel/command.jsp | History of commands issued to the asset |
Differences in Site/Area/Line Dashboards
Higher-level dashboards provide a summary of child assets.
| Hierarchy | Differences |
|---|---|
| Site | Sum of KPIs for all lines, donut charts, child asset list |
| Area | Summary of operational status for lines and equipment within the area |
| Line | All equipment in the line displayed in a grid on one screen |
Detailed manuals are not provided separately as they follow the same pattern as this asset dashboard (Equipment).
Use Patterns
| Analysis Flow | Screen Flow |
|---|---|
| Field Operator Monitoring | Equipment Dashboard → Open in full-screen new window → Field display |
| Detailed Analysis after Incident | Equipment Card → Dashboard → Select Date → Combined analysis of Timeline + Trend + Alarms |
| Quick Comparison with Others | Equipment Dashboard → Top-right «Other Equipment» dropdown → Another equipment on the same line |
Use Cases
| Scenario | How to Use |
|---|---|
| Site-level Night Inspection | Select night-operating site in site selector → Search → Quickly identify cards with red indicators (Disconnected/Critical Alarm) |
| Equipment Status in Specific Line | Narrow search by Site → Area → Line → View all equipment in the line on one screen |
| Monitoring by Equipment Category | Select category from "Equipment Category" dropdown in search options → Search for that series only |
| Identifying Assets with Alarm Spikes | Check cards with high red alarm counts using sorting/filtering |
| Identification by Equipment Image | Visually match equipment quickly using the card's thumbnail image |
| Editing Asset Metadata | Move to the Asset Tree screen using the ⚙ button in the card footer |
Frequently Asked Questions
Q. I entered the page, but the cards are empty. A. When first entering the page, the search results are empty. You must click the Search button in the left sidebar for cards to appear. If you click search with Area and Line set to "All Areas" and "All Lines," all equipment for the selected site will be displayed.
Q. I selected a site, but the area selector is empty. A. This may happen if no areas are registered for that site or if areas have not yet loaded. Change the site selector again to refresh the area list. If no areas exist, register them in Factory Management > Model.
Q. All indicator colors on the card are gray. A. This means no tags/events/aggregations are registered for that equipment, or no communication has been received. First, check if tags are registered in Factory Management > Tags.
Q. Alarm counts are all displayed as -.
A. Alarm data has not loaded yet. Please wait a moment or click the refresh button at the top right. If they still don't appear, check if alarms occurred for that equipment on the Alarm screen.
Q. Only a placeholder is visible instead of the equipment image. A. No image is registered for that equipment. You can upload an image by selecting the equipment in the Asset Tree screen.
Q. Where does it go when I click a card? A. Clicking the image area opens the single dashboard for that equipment in a new window. The ⚙ button in the card footer moves you to the Asset Tree edit screen.
Q. The screen is slow because there are too many search results. A. Narrow down the search in the order of Site → Area → Line, and use the "Equipment Category" search option to reduce the number of results.
Q. Can I change the sorting of search results? A. The screen displays items in the order they were registered in the Asset Tree. If you need to change the sorting, adjust the order in the Asset Tree screen.
Q. I want to compare the operation time of multiple equipment at once. A. Use the multi-equipment comparison screen by clicking the Timeline Analysis button at the top.
Related Screens
- Factory Management — Site, Area, Line, and Equipment registration and Asset Tree
- Data Point — Querying tag data trends for equipment
- Alarm — Alarm occurrence history by equipment
- Daily Statistics — Comparative analysis by site, area, line, and equipment
- Status Code Definitions — Color mapping for 5-level connection status and 4-level health status
- Dashboard — Equipment connection/health heatmap (All equipment at a glance)