منصة العدادات الذكية MDC / HES
واجهة المشغل لنظام مركزي يدير عدادات كهرباء ذكية: صحة المنظومة، فرز الانذارات، قراءة العداد مباشرة، والتحكم عن بعد بأوامر محمية، بالعربي والانكليزي.
غبشت الصور عن قصد: الشغل تحت اتفاقية سرية
الشريحة 1 من 10
مطور الواجهة الامامية الرئيسي · الواجهة كلها
MDC / HES هي الواجهة اللي يدير بيها مشغلين ومهندسين شركة الكهرباء اسطول عدادات ذكية: صحة المنظومة، فرز الانذارات، قراءة العداد الحقيقي على DLMS وقت ما يريدون، واوامر القاطع والمحدد اللي ما تنفذ الا بعد تأكيد وتنحسب نتيجتها من قراءة العداد. بنيت الواجهة الامامية تقريبا وحدي، على مكتبة مكونات Vue مالتي، بالعربي والانكليزي ويا الوضع الداكن وشكل للموبايل.
- لوحة المنظومة: الاتاحة، ضغط الانذارات، المجمعات، نتائج الاوامر، وفحص حي لصحة النظام
- قراءة DLMS مباشرة بشكل عدادات وشاشات، وجلسات حية على WebSocket مال الاجهزة
- اوامر القاطع والمحدد بتوكن تأكيد لمرة وحدة، وضغطة مطولة للفصل، وقراءة السيرفر بعد التنفيذ
- فرز الانذارات بقائمة احداث عربي وانكليزي وعلامة للعبث
- خريطة MapLibre للمنظومة، كل مجموعة بلون اسوأ حالة بيها، ومنتقي موقع جوة الفورم
- سجل الاوامر، وسجل تدقيق الطلبات، والمستخدمين والادوار ويا الصلاحيات الفعلية
- Vue 3
- TypeScript
- Vite
- Tailwind CSS v4
- reka-ui
- Pinia
- TanStack Vue Query
- CASL
- ApexCharts
- MapLibre GL
- WebSocket
- PWA
شلون بنيته
- مكتبة مكونات Vue مالتي (تقريبا 70 مكون بنفس API مال Vuetify) على reka-ui و Tailwind CSS v4
- DLMS/COSEM بالمتصفح: قائمة OBIS، ترميز تاريخ ووقت DLMS، محدد يعرف وحدته، وحماية على قيم الناقل
- توكن تجديد لمرة وحدة والتجديد مقفول داخل التبويب وبين التبويبات (Web Locks)، و CASL من صلاحيات السيرفر
- قوائم يقودها السيرفر ويا فلاتر بالرابط وارقام من ملخص السيرفر وتحديث مباشر على WebSocket وبديله SSE
- عربي وانكليزي ويا RTL كامل (حتى الخريطة)، ووضع داكن بـ View Transition، وشكل للموبايل تحت 840 px
- PWA و Docker و nginx، وبوابة CI فيها Vitest و Playwright ويا axe بكل push