Mavjudlik: | |
---|---|
Mikrofon
Men real vaqt rejimida monitoring va zarrachalar taxtasi ishlab chiqarish liniyasi uchun real vaqt monitoringi va nazoratni ta'minlaydigan kompleks, zamonaviy boshqaruv panelini yarataman. Dizayn operatsion samaradorlik, tanqidiy miks vizualizatsiya va intuitiv boshqaruvga qaratiladi.
: ildiz {
- Uzbek: # 1a3a5F;
--Secondy: # 2c5282;
- Uchrashuv: # 0ea5e9;
--Success: # 10b981;
- HWARING: # F59E0B;
- Sanding: # EF4444;
- Darkk: #293b;
- yorug'lik: # f1f5f9;
- 94a3b8;
}
* {
Marj: 0;
Pasting: 0;
Boring: Chegara quti;
Shrift-oila: 'SIZO UI', TAHOMA, JENEVA, VODANA SANS-SERF;
}
tanasi {
Orqa fonda: # 0F172a;
Rang: Var (- yorug'lik);
Overflow-X: Yashirin;
}
.Contener {
Ko'rsatish: panjara;
Grid-shablon-ustunlar: 240px 1fr;
min-balandlik: 100vh;
}
/ * Yon paneli uslubi * /
.bar {
fon rang: xil (- birlamchi);
Plakding: 20px 0;
chegaradan to'g'ri: 1px qattiq # 334155;
}
.Logo {
Displey: egiluvchan;
Allage-buyumlar: markaz;
Plish: 0 20px 20px;
chegara ostidagi: 1px qattiq # 334155;
marja-past: 20px;
}
.Logo img {
Balandligi: 40px;
marja-o'ng: 12px;
}
.Logo H1 {
Shrift hajmi: 18px;
Shriftning vazni: 600;
}
.nav-element {
Padding: 12px 20px;
Displey: egiluvchan;
Allage-buyumlar: markaz;
Kursor: ko'rsatgich;
O'tish: barcha 0.3S;
Chegara chap: 3px qattiq shaffof;
}
.navota: hover, .nav-element.cuctiver {
fon rang: RGBA (14, 165, 233, 0,1);
Chegara chap: 3px qattiq var (- urg'u);
}
.nav-elem i {
marja-o'ng: 12px;
Kengligi: 20px;
Matn-a'lo darajadagi: markazi;
}
/ * Asosiy tarkib uslubi * /
.Main-Cont {
Padding: 20px;
Displey: egiluvchan;
Flex-yo'nalish: ustun;
}
. The Macner {
Displey: egiluvchan;
oqlanish-mazmuni: oralig'ida;
Allage-buyumlar: markaz;
marja-past: 20px;
Pladding-pastki: 15px;
chegara ostidagi: 1px qattiq # 334155;
}
. Header H2 {
Shrift hajmi: 24px;
Shriftning vazni: 600;
Rang: Var (- urg'u);
}
.Tatatus-Bar {
Displey: egiluvchan;
Allage-buyumlar: markaz;
Gap: 20px;
}
.Status-indikator {
Displey: egiluvchan;
Allage-buyumlar: markaz;
GAL: 8Px;
Shrift hajmi: 14px;
}
.Tatatus-Dot {
Kengligi: 10px;
Balandligi: 10px;
Chegara radiusi: 50%;
}
.Runing {fon rangidagi: xil (- muvaffaqiyat); }
.Warning {fon rangidagi: xil (- ogohlantirish); }
.Shuning uchun {fon ranglari: xil (- xavf); }
/ * Boshqaruv paneli paneli * /
.Dashboard {
Ko'rsatish: panjara;
panjara shablon ustunlari: takrorlang (4, 1F);
Grid-Auto-qatorlar: Minmax (200TX, AUTO);
Gap: 20px;
Flex-o'ge: 1;
}
.Card {
Orqa fon: # 1E293b;
Chegara radiusi: 10px;
Padding: 20px;
Box-Soya: 0 4Px 6Px RGBA (0, 0, 0, 0,1);
Chegara: 1px qattiq # 334155;
Displey: egiluvchan;
Flex-yo'nalish: ustun;
}
.Card-ning sarlavhasi {
Displey: egiluvchan;
oqlanish-mazmuni: oralig'ida;
Allage-buyumlar: markaz;
marja-past: 15px;
Pladding-pastki: 10px;
chegara ostidagi: 1px qattiq # 334155;
}
.Card nomi {
Shriftlar hajmi: 16px;
Shriftning vazni: 600;
Rang: Var (- urg'u);
}
.Card-Conme {
Flex-o'ge: 1;
Displey: egiluvchanlik;
Flex-yo'nalish: ustun;
Tasdiqlash-mazmuni: markazi;
}
/ * Muayyan karta uslublari * /
.KPI-karta .Value {
Shrift o'lchami: 36px;
Shriftning vazni: 700;
Matn-a'lo darajadagi: markazi;
Marj: 10px 0;
}
.KPI-Card .Babel {
Matn-a'lo darajadagi: markazi;
Rang: Var (- kul);
Shrift hajmi: 14px;
}
.KPI-Card .TRENT {
Displey: egiluvchanlik;
Tasdiqlash-mazmuni: markazi;
Allage-buyumlar: markaz;
Gap: 5px;
Shrift hajmi: 14px;
Margin-Yuqor: 5px;
}
.Tend.UP {Rang: Var (- muvaffaqiyat); }
.TRELELD.DOWN {Rang: Var (- xavf); }
.poduktsiya chizig'i {
Grid-ustun: 2-Span;
Balandligi: 300px;
}
.STATUSUS-GRID {
Ko'rsatish: panjara;
panjara shablon-ustunlari: takrorlang (3, 1F);
Gap: 15px;
}
.Machine-station {
Orqa fonda: # 0F172a;
Chegara radiusi: 8px;
Pading: 15px;
Displey: egiluvchanlik;
Flex-yo'nalish: ustun;
Allage-buyumlar: markaz;
Chegara: 1px qattiq # 334155;
O'tish: barcha 0.3S;
}
.Machine-statori: Hover {
Transform: Translaty (-3px);
Box-Soya: 0 6Px 12px RGBA (0, 0, 0, 0,15);
}
.Machine-status men {
Shrift hajmi: 28px;
marja-past: 10px;
}
.Machine-Holat.Running {Rang: Var (- muvaffaqiyat); Chegara eng yuqori: 3px qattiq var (- muvaffaqiyat); }
.Machine-station.warning {rangi: xil (- ogohlantirish); Chegara eng yuqori: 3px qattiq var (- ogohlantirish); }
.Machine-station.stue {rangi: xil (- xavf); Chegara eng yuqori: 3px qattiq var (- xavf); }
.Machine-Ism {
Shrift hajmi: 14px;
marja-past: 8px;
Matn-a'lo darajadagi: markazi;
}
.Machine-qiymati {
Shrift hajmi: 18px;
Shriftning vazni: 600;
}
.Alerts-karta .Alert-buyum {
Plakding: 10px 0;
chegara ostidagi: 1px qattiq # 334155;
Displey: egiluvchanlik;
GAL: 10px;
}
.Alert-buyum: oxirgi bola {
chegara osti: yo'q;
}
.Alert-icon {
Kengligi: 24px;
Balandligi: 24px;
Chegara radiusi: 50%;
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Tasdiqlash-mazmuni: markazi;
Flex-Shrink: 0;
}
.Alert-High {fon ranglari: RGBA (239, 68, 68, 0,2); Rang: Var (- xavf); }
.Alert-o'rta {fon ranglari: RGBA (245, 158, 0,2); Rang: Var (- ogohlantirish); }
.Alert-POL {fon ranglari: RGBA (59, 130, 246, 0,2); Rang: # 3b82f6; }
.ALTER-Conth {
Flex-o'ge: 1;
}
.Alert-sarlavha {
Shriftning vazni: 600;
Shrift hajmi: 14px;
}
.Alert-Vime {
Shrift hajmi: 12px;
Rang: Var (- kul);
}
.Controls {
Ko'rsatish: panjara;
panjara shablon ustunlari: takrorlang (2, 1fr);
Gap: 15px;
}
.Control-btn {
fon rang: xil (- o'rta-tomon);
Chegara: Yo'q;
Chegara radiusi: 8px;
Pasting: 12px;
Rang: oq;
Shriftning vazni: 600;
Kursor: ko'rsatgich;
O'tish: barcha 0.3S;
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Tasdiqlash-mazmuni: markazi;
GAL: 8Px;
}
.Control-Btn: Hover {
fon rang: xil (- urg'u);
Transform: Translaty (-2px);
}
.Control-btn.Emergy {
fon rang: xil (- xavf);
Grid-ustun: 2-Span;
}
.Control-btn.eminting: Hover {
Orqa fonda: # dc2626;
}
/ * Javob berishga ruxsat berish * /
@media (max-kenglik: 1200px) {
.Dashboard {
panjara shablon-ustunlari: takrorlang (3, 1F);
}
}
@media (max-kenglik: 992px) {
.Dashboard {
panjara shablon ustunlari: takrorlang (2, 1fr);
}
}
@media (max-kenglik: 768px) {
.Continer {
panjara shablon ustunlari: 1Fr;
}
.bar {
Ko'rsatish: yo'q;
}
.Dashboard {
panjara shablon ustunlari: 1Fr;
}
.poduktsiya chizig'i {
Grid-ustun: 1-Span;
}
}
Dosh paneli
Ishlab chiqarish nazorati
Mashina holati
Sifatni boshqarish
Ogohlantirishlar va bildirishnomalar
Tahlil va hisobotlar
Parvarishlash
Sozlash
Ishlab chiqarish: yugurish
2 ogohlantirish
3 ta yangi ogohlantirish
Operator: zhang wey
+ 2.1% kechagi
Maqsaddan -8
Oxirgi smenada 0,4%
-0.15 O'tgan haftadan -0.15
// ishlab chiqarish jadvalini ishga tushirish
Hujjatlar.dddentlistener ('domkarent yuklangan', funktsiya () {
con CTX = Hujjatlar.gettelementbyid ('Ta'mirlash vositasi'). Getcontext ('2d');
Con-Conped = Yangi jadval (CTX, {
Turi: 'liniya',
Ma'lumot: {
labels: ['06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00'],
Ma'lumotlar: [{
Yorliq: 'Haqiqiy ishlab chiqarish',
Ma'lumot: [265, 285, 290, 290, 305, 295],
CheightLOLOR: '# 0EA5E9',
Orqa fond: RGBA (14, 165, 233, 0,1),
Chegaraw: 2,
to'ldirish: haqiqat,
kuchlanish: 0.3
}, {
Yorliq: 'Maqsad',
Ma'lumot: [280, 290, 295, 200, 300, 300, 300],
CheightLOGOLOR: '# 10B981',
Chegaraw: 2,
Chegaradan Surat: [5, 5],
to'ldiring: yolg'on
}]
}
Variantlar: {
Javob berish: haqiqat,
DecellActhectepio: yolg'on,
Plaginlar: {
afsona: {
Yorliqlar: {
Rang: '# F1F5F9'
}
}
}
Tarozi: {
y: {
Boshlovchi: yolg'on,
MIN: 250,
Grid: {
Rang: 'RGBA (255, 255, 255, 0,1)'
}
Shomillar: {
Rang: '# 94a3b8'
}
}
X: {
Grid: {
Rang: 'RGBA (255, 255, 255, 0,1)'
}
Shomillar: {
Rang: '# 94a3b8'
}
}
}
}
});
// real vaqtda yangilanishlarni taqlid qiladi
setrignval (() => {{
// simulyatsiya uchun tasodifiy foydalanish uchun mashinaning holatini yangilash
Hujjatlar.Querseliterall ('. Mashinaning qiymati'). Oldindan (el => {
Agar (el.parentelement.casslist.cont ('yugurish'))) {
agar (el.priveelelelementblement.textcontent.inkludsludsludsluddsludsluds) ('° C')) {
const temp = 80 + matematika (Math.random () * 5);
el.textcontent = `$ {temp} ° C '° C);
} boshqa agar (el
Conste Light = 95 + Math.floOR (Math.random () * 5);
El.textContent = {$ {{{{yuk}% ';
}
}
});
// Simulyatsiya uchun KPI qiymatlarini yangilash
Const Oeeeevalue = Hujjatlar.Querselector ('
oee = parusfloat (oeeeevalue.textcontent);
oeeeevalue.textcontent = (Oee + (Math.ranmandom () - 0,5) * 0.1) .tosi (1) + '%' ';
Konste rateevalue = Hujjatlar.quenselector ('. KPI-kartasi: n-darajali bola (2));
Raqam = tahlil qilish (RATEVALUE.TEXCONTENT);
RATEVALUE.TONTCONTENT = Math.MAX (280, Math.Min (310, stavkasi + Math.random () - 0,5) *);
}, 5000);
});
Whatsapp: +87 18769900191 +86 15589105786 +86 18954906501
Elektron pochta: osbmdfmachinery@gmail.com
Men real vaqt rejimida monitoring va zarrachalar taxtasi ishlab chiqarish liniyasi uchun real vaqt monitoringi va nazoratni ta'minlaydigan kompleks, zamonaviy boshqaruv panelini yarataman. Dizayn operatsion samaradorlik, tanqidiy miks vizualizatsiya va intuitiv boshqaruvga qaratiladi.
: ildiz {
- Uzbek: # 1a3a5F;
--Secondy: # 2c5282;
- Uchrashuv: # 0ea5e9;
--Success: # 10b981;
- HWARING: # F59E0B;
- Sanding: # EF4444;
- Darkk: #293b;
- yorug'lik: # f1f5f9;
- 94a3b8;
}
* {
Marj: 0;
Pasting: 0;
Boring: Chegara quti;
Shrift-oila: 'SIZO UI', TAHOMA, JENEVA, VODANA SANS-SERF;
}
tanasi {
Orqa fonda: # 0F172a;
Rang: Var (- yorug'lik);
Overflow-X: Yashirin;
}
.Contener {
Ko'rsatish: panjara;
Grid-shablon-ustunlar: 240px 1fr;
min-balandlik: 100vh;
}
/ * Yon paneli uslubi * /
.bar {
fon rang: xil (- birlamchi);
Plakding: 20px 0;
chegaradan to'g'ri: 1px qattiq # 334155;
}
.Logo {
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Plish: 0 20px 20px;
chegara ostidagi: 1px qattiq # 334155;
marja-past: 20px;
}
.Logo img {
Balandligi: 40px;
marja-o'ng: 12px;
}
.Logo H1 {
Shrift hajmi: 18px;
Shriftning vazni: 600;
}
.nav-element {
Padding: 12px 20px;
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Kursor: ko'rsatgich;
O'tish: barcha 0.3S;
Chegara chap: 3px qattiq shaffof;
}
.navota: hover, .nav-element.cuctiver {
fon rang: RGBA (14, 165, 233, 0,1);
Chegara chap: 3px qattiq var (- urg'u);
}
.nav-elem i {
marja-o'ng: 12px;
Kengligi: 20px;
Matn-a'lo darajadagi: markazi;
}
/ * Asosiy tarkib uslubi * /
.Main-Cont {
Padding: 20px;
Displey: egiluvchanlik;
Flex-yo'nalish: ustun;
}
. The Macner {
Displey: egiluvchanlik;
oqlanish-mazmuni: oralig'ida;
Allage-buyumlar: markaz;
marja-past: 20px;
Pladding-pastki: 15px;
chegara ostidagi: 1px qattiq # 334155;
}
. Header H2 {
Shrift hajmi: 24px;
Shriftning vazni: 600;
Rang: Var (- urg'u);
}
.Tatatus-Bar {
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Gap: 20px;
}
.Status-indikator {
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
GAL: 8Px;
Shrift hajmi: 14px;
}
.Tatatus-Dot {
Kengligi: 10px;
Balandligi: 10px;
Chegara radiusi: 50%;
}
.Runing {fon rangidagi: xil (- muvaffaqiyat); }
.Warning {fon rangidagi: xil (- ogohlantirish); }
.Shuning uchun {fon ranglari: xil (- xavf); }
/ * Boshqaruv paneli paneli * /
.Dashboard {
Ko'rsatish: panjara;
panjara shablon ustunlari: takrorlang (4, 1F);
Grid-Auto-qatorlar: Minmax (200TX, AUTO);
Gap: 20px;
Flex-o'ge: 1;
}
.Card {
Orqa fon: # 1E293b;
Chegara radiusi: 10px;
Padding: 20px;
Box-Soya: 0 4Px 6Px RGBA (0, 0, 0, 0,1);
Chegara: 1px qattiq # 334155;
Displey: egiluvchanlik;
Flex-yo'nalish: ustun;
}
.Card-ning sarlavhasi {
Displey: egiluvchanlik;
oqlanish-mazmuni: oralig'ida;
Allage-buyumlar: markaz;
marja-past: 15px;
Pladding-pastki: 10px;
chegara ostidagi: 1px qattiq # 334155;
}
.Card nomi {
Shriftlar hajmi: 16px;
Shriftning vazni: 600;
Rang: Var (- urg'u);
}
.Card-Conme {
Flex-o'ge: 1;
Displey: egiluvchanlik;
Flex-yo'nalish: ustun;
Tasdiqlash-mazmuni: markazi;
}
/ * Muayyan karta uslublari * /
.KPI-karta .Value {
Shrift o'lchami: 36px;
Shriftning vazni: 700;
Matn-a'lo darajadagi: markazi;
Marj: 10px 0;
}
.KPI-Card .Babel {
Matn-a'lo darajadagi: markazi;
Rang: Var (- kul);
Shrift hajmi: 14px;
}
.KPI-Card .TRENT {
Displey: egiluvchanlik;
Tasdiqlash-mazmuni: markazi;
Allage-buyumlar: markaz;
Gap: 5px;
Shrift hajmi: 14px;
Margin-Yuqor: 5px;
}
.Tend.UP {Rang: Var (- muvaffaqiyat); }
.TRELELD.DOWN {Rang: Var (- xavf); }
.poduktsiya chizig'i {
Grid-ustun: 2-Span;
Balandligi: 300px;
}
.STATUSUS-GRID {
Ko'rsatish: panjara;
panjara shablon-ustunlari: takrorlang (3, 1F);
Gap: 15px;
}
.Machine-station {
Orqa fonda: # 0F172a;
Chegara radiusi: 8px;
Pading: 15px;
Displey: egiluvchanlik;
Flex-yo'nalish: ustun;
Allage-buyumlar: markaz;
Chegara: 1px qattiq # 334155;
O'tish: barcha 0.3S;
}
.Machine-statori: Hover {
Transform: Translaty (-3px);
Box-Soya: 0 6Px 12px RGBA (0, 0, 0, 0,15);
}
.Machine-status men {
Shrift hajmi: 28px;
marja-past: 10px;
}
.Machine-Holat.Running {Rang: Var (- muvaffaqiyat); Chegara eng yuqori: 3px qattiq var (- muvaffaqiyat); }
.Machine-station.warning {rangi: xil (- ogohlantirish); Chegara eng yuqori: 3px qattiq var (- ogohlantirish); }
.Machine-station.stue {rangi: xil (- xavf); Chegara eng yuqori: 3px qattiq var (- xavf); }
.Machine-Ism {
Shrift hajmi: 14px;
marja-past: 8px;
Matn-a'lo darajadagi: markazi;
}
.Machine-qiymati {
Shrift hajmi: 18px;
Shriftning vazni: 600;
}
.Alerts-karta .Alert-buyum {
Plakding: 10px 0;
chegara ostidagi: 1px qattiq # 334155;
Displey: egiluvchanlik;
GAL: 10px;
}
.Alert-buyum: oxirgi bola {
chegara osti: yo'q;
}
.Alert-icon {
Kengligi: 24px;
Balandligi: 24px;
Chegara radiusi: 50%;
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Tasdiqlash-mazmuni: markazi;
Flex-Shrink: 0;
}
.Alert-High {fon ranglari: RGBA (239, 68, 68, 0,2); Rang: Var (- xavf); }
.Alert-o'rta {fon ranglari: RGBA (245, 158, 0,2); Rang: Var (- ogohlantirish); }
.Alert-POL {fon ranglari: RGBA (59, 130, 246, 0,2); Rang: # 3b82f6; }
.ALTER-Conth {
Flex-o'ge: 1;
}
.Alert-sarlavha {
Shriftning vazni: 600;
Shrift hajmi: 14px;
}
.Alert-Vime {
Shrift hajmi: 12px;
Rang: Var (- kul);
}
.Controls {
Ko'rsatish: panjara;
panjara shablon ustunlari: takrorlang (2, 1fr);
Gap: 15px;
}
.Control-btn {
fon rang: xil (- o'rta-tomon);
Chegara: Yo'q;
Chegara radiusi: 8px;
Pasting: 12px;
Rang: oq;
Shriftning vazni: 600;
Kursor: ko'rsatgich;
O'tish: barcha 0.3S;
Displey: egiluvchanlik;
Allage-buyumlar: markaz;
Tasdiqlash-mazmuni: markazi;
GAL: 8Px;
}
.Control-Btn: Hover {
fon rang: xil (- urg'u);
Transform: Translaty (-2px);
}
.Control-btn.Emergy {
fon rang: xil (- xavf);
Grid-ustun: 2-Span;
}
.Control-btn.eminting: Hover {
Orqa fonda: # dc2626;
}
/ * Javob berishga ruxsat berish * /
@media (max-kenglik: 1200px) {
.Dashboard {
panjara shablon-ustunlari: takrorlang (3, 1F);
}
}
@media (max-kenglik: 992px) {
.Dashboard {
panjara shablon ustunlari: takrorlang (2, 1fr);
}
}
@media (max-kenglik: 768px) {
.Continer {
panjara shablon ustunlari: 1Fr;
}
.bar {
Ko'rsatish: yo'q;
}
.Dashboard {
panjara shablon ustunlari: 1Fr;
}
.poduktsiya chizig'i {
Grid-ustun: 1-Span;
}
}
Dosh paneli
Ishlab chiqarish nazorati
Mashina holati
Sifatni boshqarish
Ogohlantirishlar va bildirishnomalar
Tahlil va hisobotlar
Parvarishlash
Sozlash
Ishlab chiqarish: yugurish
2 ogohlantirish
3 ta yangi ogohlantirish
Operator: zhang wey
+ 2.1% kechagi
Maqsaddan -8
Oxirgi smenada 0,4%
-0.15 O'tgan haftadan -0.15
// ishlab chiqarish jadvalini ishga tushirish
Hujjatlar.dddentlistener ('domkarent yuklangan', funktsiya () {
con CTX = Hujjatlar.gettelementbyid ('Ta'mirlash vositasi'). Getcontext ('2d');
Con-Conped = Yangi jadval (CTX, {
Turi: 'liniya',
Ma'lumot: {
labels: ['06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00'],
Ma'lumotlar: [{
Yorliq: 'Haqiqiy ishlab chiqarish',
Ma'lumot: [265, 285, 290, 290, 305, 295],
CheightLOLOR: '# 0EA5E9',
Orqa fond: RGBA (14, 165, 233, 0,1),
Chegaraw: 2,
to'ldirish: haqiqat,
kuchlanish: 0.3
}, {
Yorliq: 'Maqsad',
Ma'lumot: [280, 290, 295, 200, 300, 300, 300],
CheightLOGOLOR: '# 10B981',
Chegaraw: 2,
Chegaradan Surat: [5, 5],
to'ldiring: yolg'on
}]
}
Variantlar: {
Javob berish: haqiqat,
DecellActhectepio: yolg'on,
Plaginlar: {
afsona: {
Yorliqlar: {
Rang: '# F1F5F9'
}
}
}
Tarozi: {
y: {
Boshlovchi: yolg'on,
MIN: 250,
Grid: {
Rang: 'RGBA (255, 255, 255, 0,1)'
}
Shomillar: {
Rang: '# 94A3b8'
}
}
X: {
Grid: {
Rang: 'RGBA (255, 255, 255, 0,1)'
}
Shomillar: {
Rang: '# 94A3b8'
}
}
}
}
});
// real vaqtda yangilanishlarni taqlid qiladi
setrignval (() => {{
// simulyatsiya uchun tasodifiy foydalanish uchun mashinaning holatini yangilash
Hujjatlar.Querseliterall ('. Mashinaning qiymati'). Oldindan (el => {
Agar (el.parentelement.casslist.cont ('yugurish'))) {
agar (el.priveelelelementblement.textcontent.inkludsludsludsluddsludsluds) ('° C')) {
const temp = 80 + matematika (Math.random () * 5);
el.textcontent = `$ {temp} ° C '° C);
} boshqa agar (el
Conste Light = 95 + Math.floOR (Math.random () * 5);
El.textContent = {$ {{{{yuk}% ';
}
}
});
// Simulyatsiya uchun KPI qiymatlarini yangilash
Const Oeeeevalue = Hujjatlar.Querselector ('
oee = parusfloat (oeeeevalue.textcontent);
oeeeevalue.textcontent = (Oee + (Math.ranmandom () - 0,5) * 0.1) .tosi (1) + '%' ';
Konste rateevalue = Hujjatlar.quenselector ('. KPI-kartasi: n-darajali bola (2));
Raqam = tahlil qilish (RATEVALUE.TEXCONTENT);
RATEVALUE.TONTCONTENT = Math.MAX (280, Math.Min (310, stavkasi + Math.random () - 0,5) *);
}, 5000);
});
Whatsapp: +87 18769900191 +86 15589105786 +86 18954906501
Elektron pochta: osbmdfmachinery@gmail.com