Жеткиликтүүлүгү: | |
---|---|
Мингхунг
Мен тийиштүү убакытта мониторинг жүргүзүүнү жана бөлүкчөлөрдүн өндүрүш линиясын көзөмөлдөө жана контролдоону камсыз кылган комплекстүү, заманбап инстанцияларды түзөм. Дизайн ыкчам натыйжалуулугуна, орчундуу ченемдүү визуализацияга жана интуитивдик көзөмөлгө багытталат.
: тамыры {
- Сүрөттөр: # 1a3a5f;
--Секундер: # 2C5282;
- # 0Ea5E9;
- 'Эквукесс: # 10B981;
--Варнинг: # F59E0B;
--Danger: # EF4444;
--Dark: # 1e293b;
- # F1f5f9;
- Gray: # 94a3b8;
}
* {
margin: 0;
Тоодо: 0;
Бокс-өлчөмү: Чек арасы;
Арип-үй-бүлө: 'Segoe UI', Тахома, Женева, Вердана, Sans-Serif;
}
дене {
Негизги-түс: # 0f172a;
Түсү: var (- жарык);
Ашыкча-х: Жашырылган;
}
.ContaTriker
Дисплей: тор;
Калып калып-тилкелүү: 240px 1fr;
мин-бийиктиги: 100vh;
}
/ * Каптал панелиндеги стилдер * /
.sidebar {
Негизги-түс: var (- башталгыч);
Пәштөө: 20px 0;
Чек ара: 1px # 334155;
}
.ло {
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Пәштабд: 0 20px 20px;
чек ара түбү: 1px # 334155;
маржин түбү: 20px;
}
.logo img {
Бийиктиги: 40px;
Маке-оң: 12px;
}
.ло h1 {
Шрифт өлчөмү: 18px;
Арип-салмагы: 600;
}
.nav-пункту {
Пәштөө: 12px 20px;
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
курсор: көрсөткүч;
Өткөөл: Бардык 0,3s;
Чек ара: 3px катуу ачык;
}
.nav-пункт: hover, .nav-post.active {
Негизги-түс: RGBA (14, 165, 233, 0.1);
Чек ара: 3px катуу var (- акцент);
}
.nav-пунктум i {
Маке-оң: 12px;
Туурасы: 20px;
Текстти тегиздөө: борбор;
}
/ * Негизги мазмун стилдери * /
.main-Content {
Пәштөө: 20px;
Дисплей: FLEX;
Flex-багыты: тилке;
}
.header {
Дисплей: FLEX;
мазмунун актоо: космос-ортосундагы;
Тегиздиктер-нерселер: борбору;
маржин түбү: 20px;
Padding-түбү: 15px;
чек ара түбү: 1px # 334155;
}
.header H2 {
Шрифт өлчөмү: 24px;
Арип-салмагы: 600;
Түсү: var (- акцент);
}
.status-bar {
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
GAP: 20px;
}
.status-индикатор {
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Gap: 8px;
Шрифт өлчөмү: 14px;
}
.status-dot {
Туурасы: 10px;
Бийиктиги: 10px;
чек ара радиусу: 50%;
}
.running {background-color: var (- Ийгилик); }
.Warning {-Фон-Түсү: var (- Эскертүү); }
.Stopped {-фон-түс: var (- коркунуч); }
/ * Dashboard grid * /
.dashboard {
Дисплей: тор;
Тор-шаблон тилкеси: кайталаңыз (4, 1фр);
Grid-Auto-Rows: Minmax (200px, авто);
GAP: 20px;
Flex-өсүү: 1;
}
.card {
Негизги-түс: # 1e293b;
Чек ара радиусу: 10px;
Пәштөө: 20px;
Бокс-Shadow: 0 4px 6px rgba (0, 0, 0, 0.1);
Чекеки: 1px # 334155;
Дисплей: FLEX;
Flex-багыты: тилке;
}
.card-header {
Дисплей: FLEX;
мазмунун актоо: космос-ортосундагы;
Тегиздиктер-нерселер: борбору;
маржа түбү: 15px;
Padding-түбү: 10px;
чек ара түбү: 1px # 334155;
}
-{аталышы {
Шрифт өлчөмү: 16px;
Арип-салмагы: 600;
Түсү: var (- акцент);
}
.Card-Content {
Flex-өсүү: 1;
Дисплей: FLEX;
Flex-багыты: тилке;
Негизги мазмун: Борбор;
}
/ * Өзгөчө карта стилдери * /
.kpi-card .value {
Шрифт өлчөмү: 36px;
Арип-салмагы: 700;
Текстти тегиздөө: борбор;
Маргин: 10px 0;
}
.kpi-card .label {
Текстти тегиздөө: борбор;
Түсү: var (- боз);
Шрифт өлчөмү: 14px;
}
.kpi-card .trend {
Дисплей: FLEX;
Негизги мазмун: Борбор;
Тегиздиктер-нерселер: борбору;
Gap: 5px;
Шрифт өлчөмү: 14px;
Margin-Top: 5px;
}
.trend.up {color: var (- Ийгилик); }
.trend.down {color: var (- коркунуч); }
.Проддук-диаграмма {
Тор-колонна: span 2;
Бийиктиги: 300px;
}
.Status-тор
Дисплей: тор;
Тор-шаблон тилкеси: кайталоо (3, 1фр);
Gap: 15px;
}
.machine-Status {
Негизги-түс: # 0f172a;
чек ара радиусу: 8px;
Пәштабдоо: 15px;
Дисплей: FLEX;
Flex-багыты: тилке;
Тегиздиктер-нерселер: борбору;
Чекеки: 1px # 334155;
Өткөөл: Бардык 0,3s;
}
.machine-Status: Hover {
Трансформация: Которуу (-3px);
Бокс-Shadow: 0 6px 12px rgba (0, 0, 0, 0.15);
}
.machine-Status I {
Шрифт өлчөмү: 28px;
маржин түбү: 10px;
}
.machine-Status.running {Түсү: Var (- Ийгилик); Чек ара: 3px Катуу Вар (- Ийгилик); }
.machine-Status.Warning {Colour: var (- Эскертүү); Чек ара: 3px катуу var (- Эскертүү); }
.machine-Status.stopped {color: var (- коркунуч); Чек ара: 3px Катуу Вар (- Кооптуу); }
.machine-аты {
Шрифт өлчөмү: 14px;
маржин түбү: 8px;
Текстти тегиздөө: борбор;
}
.machine-мааниси {
Шрифт өлчөмү: 18px;
Арип-салмагы: 600;
}
.alerts-карта .alert-пункт
PADDING: 10px 0;
чек ара түбү: 1px # 334155;
Дисплей: FLEX;
Gap: 10px;
}
.alert-пункт: акыркы бала
чек ара: эч ким;
}
.alert-сүрөтчөсү {
Туурасы: 24px;
Бийиктиги: 24px;
чек ара радиусу: 50%;
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Негизги мазмун: Борбор;
Flex-Shrink: 0;
}
.alert-High {Негизги-түс: RGBA (239, 68, 68, 0.2); Түсү: var (- коркунуч); }
.alert-Орточо {Негизги-түс: RGBA (245, 158, 11, 0.2); Түсү: var (- Эскертүү); }
.alert-low {fun-color: rgba (59, 130, 246, 0.2); Түсү: # 3b82f6; }
.alert-мазмуну
Flex-өсүү: 1;
}
.alert-title {
Арип-салмагы: 600;
Шрифт өлчөмү: 14px;
}
.alert time {
Шрифт өлчөмү: 12px;
Түсү: var (- боз);
}
.Controls {
Дисплей: тор;
Тор-шаблон тилкеси: кайталоо (2, 1фр);
Gap: 15px;
}
.control-btn {
Негизги-түс: var (- Экинчи);
чек ара: эч ким;
чек ара радиусу: 8px;
Пәштөө: 12px;
Түсү: ак;
Арип-салмагы: 600;
курсор: көрсөткүч;
Өткөөл: Бардык 0,3s;
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Негизги мазмун: Борбор;
Gap: 8px;
}
.crol-btn: hover {
Негизги-түс: var (- акцент);
Трансформация: Которуу (-2px);
}
.crol-btn.emergency {
Негизги-түс: var (- Кооптуу);
Тор-колонна: span 2;
}
.crol-btn.emergency: hover {
Негизги-түс: # dc2626;
}
/ * Жооптуу тууралоолор * /
@media (Макс-Туусу: 1200px) {
.dashboard {
Тор-шаблон тилкеси: кайталоо (3, 1фр);
}
}
@media (Макс-Тай: 992px) {
.dashboard {
Тор-шаблон тилкеси: кайталоо (2, 1фр);
}
}
@media (Макс-Тай: 768px) {
.ContaTriker
Тор-шаблон тилкеси: 1fr;
}
.sidebar {
Дисплей: Эч ким;
}
.dashboard {
Тор-шаблон тилкеси: 1fr;
}
.Проддук-диаграмма {
Тор-мамы: 1-класс;
}
}
Dashboard
Өндүрүштү башкаруу
Машина абалы
Сапатты көзөмөлдөө
Эскертүүлөр жана эскертмелер
Аналитика жана отчеттор
Техникалык тейлөө
Жөндөөлөр
Өндүрүш: иштетүү
2 эскертүү
3 Жаңы эскертүүлөр
Оператор: Чжан Вей
Кечээ + 2,1%
-8 максаттуу
Акыркы сменадан + 0,4%
-0.15 акыркы жумадан баштап
// Продукт диаграммасын аныктоо
document.addeventlistener ('domcontentloaded', функциясы () {
const ctx = document.geTelementbyid ('FeditingChart'). GetContext ('2D');
const диаграммасы = жаңы диаграмма (ctx, {
Түрү: 'line',
маалыматтар: {
Этикеткалар: ['06: 00 ', '08: 00, '10: 00, '12: 00, '14: 00, '16: 00, '18: 00', '20: 00],
Маалыматтар курстары: [{
Этикеткасы: 'Чыныгы өндүрүү',
Берилмелер: [265, 280, 295, 285, 270, 290, 305, 295],
Чек ара: '# 0ea5e9',
Francolor: 'RGBA (14, 165, 233, 0.1)',
Чек ара: 2,
толтуруу: чындык,
Чыңалуу: 0.3
}, {
Этикеткасы: 'Максат',
Берилмелер: [280, 280, 290, 295, 295, 300, 300, 300],
Чекеки: '# 10B981',
Чек ара: 2,
Бордердаш: [5, 5],
толтуруу: жалган
}]
},
Жолдор: {
Жооптуу: Чындык,
Уставпекратио: жалган,
Плагиндер: {
легенда: {
Этикеткалар: {
Түсү: '# f1f5f9'
}
}
},
Тараза: {
Y: {
Beginatzero: жалган,
Мин: 250,
Тор: {
Түсү: 'RGBA (255, 255, 255, 0.1)
},
кене: {
Түсү: '# 94a3b8'
}
},
x: {
Тор: {
Түсү: 'RGBA (255, 255, 255, 0.1)
},
кене: {
Түсү: '# 94a3b8'
}
}
}
}
});
// реалдуу убакыт режиминде жаңыртууларды белгилөө
SetInterval (() => {
// машина абалы баалуулугун симуляциялоо үчүн кокусунан жаңыртыңыз
document.queryselectorall ('. Machine-мааниси'). Мурунку (El => {
if (el.parentelement.classlist.Contains ('Rund's')) {
if (el.previousementsibling.textContent.includes ('° C')) {
const temp = 80 + math.floor (Math.random () * 5);
el.textContent = `$ {{{темп} ° C;
} else if (el.previousementsibling.textContent.includes ('%')) {
const load = 95 + Math.floor (Math.random () * 5);
el.textContent = `$ {жүк}%`;
}
}
});
// KPI маанилерин бир аз симуляциялоо үчүн бир аз жаңыртыңыз
const oeevalue = docate.queryselector ('. KPI-Card: Nth-Child (1) .Валуе');
oe = parsefloat (Oeevalue.textContent);
oeevalue.textContent = (OEE + (Math.random) - 0.5) * 0.1) .Tofix (1) + '%';
const valevalue = docitic.QueryElector ('. KPI-Card: Nth-Child (2) .Валуэ');
Rate = parset (RECELVAVELE.textCarcontent);
valeValue.textContent = Math.max (280, мат.min (310, чен + Math.floor) ((Математика) - 0.5) * 5));
}, 5000);
});
WhatsApp: +86 18769900191 +86 15589105786 +86 18954906501
Электрондук почта: osbmdfmachinery@gmail.com
Мен тийиштүү убакытта мониторинг жүргүзүүнү жана бөлүкчөлөрдүн өндүрүш линиясын көзөмөлдөө жана контролдоону камсыз кылган комплекстүү, заманбап инстанцияларды түзөм. Дизайн ыкчам натыйжалуулугуна, орчундуу ченемдүү визуализацияга жана интуитивдик көзөмөлгө багытталат.
: тамыры {
- Сүрөттөр: # 1a3a5f;
--Секундер: # 2C5282;
- # 0Ea5E9;
- 'Эквукесс: # 10B981;
--Варнинг: # F59E0B;
--Danger: # EF4444;
--Dark: # 1e293b;
- # F1f5f9;
- Gray: # 94a3b8;
}
* {
margin: 0;
Тоодо: 0;
Бокс-өлчөмү: Чек арасы;
Арип-үй-бүлө: 'Segoe UI', Тахома, Женева, Вердана, Sans-Serif;
}
дене {
Негизги-түс: # 0f172a;
Түсү: var (- жарык);
Ашыкча-х: Жашырылган;
}
.ContaTriker
Дисплей: тор;
Калып калып-тилкелүү: 240px 1fr;
мин-бийиктиги: 100vh;
}
/ * Каптал панелиндеги стилдер * /
.sidebar {
Негизги-түс: var (- башталгыч);
Пәштөө: 20px 0;
Чек ара: 1px # 334155;
}
.ло {
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Пәштабд: 0 20px 20px;
чек ара түбү: 1px # 334155;
маржин түбү: 20px;
}
.logo img {
Бийиктиги: 40px;
Маке-оң: 12px;
}
.ло h1 {
Шрифт өлчөмү: 18px;
Арип-салмагы: 600;
}
.nav-пункту {
Пәштөө: 12px 20px;
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
курсор: көрсөткүч;
Өткөөл: Бардык 0,3s;
Чек ара: 3px катуу ачык;
}
.nav-пункт: hover, .nav-post.active {
Негизги-түс: RGBA (14, 165, 233, 0.1);
Чек ара: 3px катуу var (- акцент);
}
.nav-пунктум i {
Маке-оң: 12px;
Туурасы: 20px;
Текстти тегиздөө: борбор;
}
/ * Негизги мазмун стилдери * /
.main-Content {
Пәштөө: 20px;
Дисплей: FLEX;
Flex-багыты: тилке;
}
.header {
Дисплей: FLEX;
мазмунун актоо: космос-ортосундагы;
Тегиздиктер-нерселер: борбору;
маржин түбү: 20px;
Padding-түбү: 15px;
чек ара түбү: 1px # 334155;
}
.header H2 {
Шрифт өлчөмү: 24px;
Арип-салмагы: 600;
Түсү: var (- акцент);
}
.status-bar {
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
GAP: 20px;
}
.status-индикатор {
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Gap: 8px;
Шрифт өлчөмү: 14px;
}
.status-dot {
Туурасы: 10px;
Бийиктиги: 10px;
чек ара радиусу: 50%;
}
.running {background-color: var (- Ийгилик); }
.Warning {-Фон-Түсү: var (- Эскертүү); }
.Stopped {-фон-түс: var (- коркунуч); }
/ * Dashboard grid * /
.dashboard {
Дисплей: тор;
Тор-шаблон тилкеси: кайталаңыз (4, 1фр);
Grid-Auto-Rows: Minmax (200px, авто);
GAP: 20px;
Flex-өсүү: 1;
}
.card {
Негизги-түс: # 1e293b;
Чек ара радиусу: 10px;
Пәштөө: 20px;
Бокс-Shadow: 0 4px 6px rgba (0, 0, 0, 0.1);
Чекеки: 1px # 334155;
Дисплей: FLEX;
Flex-багыты: тилке;
}
.card-header {
Дисплей: FLEX;
мазмунун актоо: космос-ортосундагы;
Тегиздиктер-нерселер: борбору;
маржа түбү: 15px;
Padding-түбү: 10px;
чек ара түбү: 1px # 334155;
}
-{аталышы {
Шрифт өлчөмү: 16px;
Арип-салмагы: 600;
Түсү: var (- акцент);
}
.Card-Content {
Flex-өсүү: 1;
Дисплей: FLEX;
Flex-багыты: тилке;
Негизги мазмун: Борбор;
}
/ * Өзгөчө карта стилдери * /
.kpi-card .value {
Шрифт өлчөмү: 36px;
Арип-салмагы: 700;
Текстти тегиздөө: борбор;
Маргин: 10px 0;
}
.kpi-card .label {
Текстти тегиздөө: борбор;
Түсү: var (- боз);
Шрифт өлчөмү: 14px;
}
.kpi-card .trend {
Дисплей: FLEX;
Негизги мазмун: Борбор;
Тегиздиктер-нерселер: борбору;
Gap: 5px;
Шрифт өлчөмү: 14px;
Margin-Top: 5px;
}
.trend.up {color: var (- Ийгилик); }
.trend.down {color: var (- коркунуч); }
.Проддук-диаграмма {
Тор-колонна: span 2;
Бийиктиги: 300px;
}
.Status-тор
Дисплей: тор;
Тор-шаблон тилкеси: кайталоо (3, 1фр);
Gap: 15px;
}
.machine-Status {
Негизги-түс: # 0f172a;
чек ара радиусу: 8px;
Пәштабдоо: 15px;
Дисплей: FLEX;
Flex-багыты: тилке;
Тегиздиктер-нерселер: борбору;
Чекеки: 1px # 334155;
Өткөөл: Бардык 0,3s;
}
.machine-Status: Hover {
Трансформация: Которуу (-3px);
Бокс-Shadow: 0 6px 12px rgba (0, 0, 0, 0.15);
}
.machine-Status I {
Шрифт өлчөмү: 28px;
маржин түбү: 10px;
}
.machine-Status.running {Түсү: Var (- Ийгилик); Чек ара: 3px Катуу Вар (- Ийгилик); }
.machine-Status.Warning {Colour: var (- Эскертүү); Чек ара: 3px катуу var (- Эскертүү); }
.machine-Status.stopped {color: var (- коркунуч); Чек ара: 3px Катуу Вар (- Кооптуу); }
.machine-аты {
Шрифт өлчөмү: 14px;
маржин түбү: 8px;
Текстти тегиздөө: борбор;
}
.machine-мааниси {
Шрифт өлчөмү: 18px;
Арип-салмагы: 600;
}
.alerts-карта .alert-пункт
PADDING: 10px 0;
чек ара түбү: 1px # 334155;
Дисплей: FLEX;
Gap: 10px;
}
.alert-пункт: акыркы бала
чек ара: эч ким;
}
.alert-сүрөтчөсү {
Туурасы: 24px;
Бийиктиги: 24px;
чек ара радиусу: 50%;
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Негизги мазмун: Борбор;
Flex-Shrink: 0;
}
.alert-High {Негизги-түс: RGBA (239, 68, 68, 0.2); Түсү: var (- коркунуч); }
.alert-Орточо {Негизги-түс: RGBA (245, 158, 11, 0.2); Түсү: var (- Эскертүү); }
.alert-low {fun-color: rgba (59, 130, 246, 0.2); Түсү: # 3b82f6; }
.alert-мазмуну
Flex-өсүү: 1;
}
.alert-title {
Арип-салмагы: 600;
Шрифт өлчөмү: 14px;
}
.alert time {
Шрифт өлчөмү: 12px;
Түсү: var (- боз);
}
.Controls {
Дисплей: тор;
Тор-шаблон тилкеси: кайталоо (2, 1фр);
Gap: 15px;
}
.control-btn {
Негизги-түс: var (- Экинчи);
чек ара: эч ким;
чек ара радиусу: 8px;
Пәштөө: 12px;
Түсү: ак;
Арип-салмагы: 600;
курсор: көрсөткүч;
Өткөөл: Бардык 0,3s;
Дисплей: FLEX;
Тегиздиктер-нерселер: борбору;
Негизги мазмун: Борбор;
Gap: 8px;
}
.crol-btn: hover {
Негизги-түс: var (- акцент);
Трансформация: Которуу (-2px);
}
.crol-btn.emergency {
Негизги-түс: var (- Кооптуу);
Тор-колонна: span 2;
}
.crol-btn.emergency: hover {
Негизги-түс: # dc2626;
}
/ * Жооптуу тууралоолор * /
@media (Макс-Туусу: 1200px) {
.dashboard {
Тор-шаблон тилкеси: кайталоо (3, 1фр);
}
}
@media (Макс-Тай: 992px) {
.dashboard {
Тор-шаблон тилкеси: кайталоо (2, 1фр);
}
}
@media (Макс-Тай: 768px) {
.ContaTriker
Тор-шаблон тилкеси: 1fr;
}
.sidebar {
Дисплей: Эч ким;
}
.dashboard {
Тор-шаблон тилкеси: 1fr;
}
.Проддук-диаграмма {
Тор-мамы: 1-класс;
}
}
Dashboard
Өндүрүштү башкаруу
Машина абалы
Сапатты көзөмөлдөө
Эскертүүлөр жана эскертмелер
Аналитика жана отчеттор
Техникалык тейлөө
Жөндөөлөр
Өндүрүш: иштетүү
2 эскертүү
3 Жаңы эскертүүлөр
Оператор: Чжан Вей
Кечээ + 2,1%
-8 максаттуу
Акыркы сменадан + 0,4%
-0.15 акыркы жумадан баштап
// Продукт диаграммасын аныктоо
document.addeventlistener ('domcontentloaded', функциясы () {
const ctx = document.geTelementbyid ('FeditingChart'). GetContext ('2D');
const диаграммасы = жаңы диаграмма (ctx, {
Түрү: 'line',
маалыматтар: {
Этикеткалар: ['06: 00 ', '08: 00, '10: 00, '12: 00, '14: 00, '16: 00, '18: 00', '20: 00],
Маалыматтар курстары: [{
Этикеткасы: 'Чыныгы өндүрүү',
Берилмелер: [265, 280, 295, 285, 270, 290, 305, 295],
Чек ара: '# 0ea5e9',
Francolor: 'RGBA (14, 165, 233, 0.1)',
Чек ара: 2,
толтуруу: чындык,
Чыңалуу: 0.3
}, {
Этикеткасы: 'Максат',
Берилмелер: [280, 280, 290, 295, 295, 300, 300, 300],
Чекеки: '# 10B981',
Чек ара: 2,
Бордердаш: [5, 5],
толтуруу: жалган
}]
},
Жолдор: {
Жооптуу: Чындык,
Уставпекратио: жалган,
Плагиндер: {
легенда: {
Этикеткалар: {
Түсү: '# f1f5f9'
}
}
},
Тараза: {
Y: {
Beginatzero: жалган,
Мин: 250,
Тор: {
Түсү: 'RGBA (255, 255, 255, 0.1)
},
кене: {
Түсү: '# 94a3b8'
}
},
x: {
Тор: {
Түсү: 'RGBA (255, 255, 255, 0.1)
},
кене: {
Түсү: '# 94a3b8'
}
}
}
}
});
// реалдуу убакыт режиминде жаңыртууларды белгилөө
SetInterval (() => {
// машина абалы баалуулугун симуляциялоо үчүн кокусунан жаңыртыңыз
document.queryselectorall ('. Machine-мааниси'). Мурунку (El => {
if (el.parentelement.classlist.Contains ('Rund's')) {
if (el.previousementsibling.textContent.includes ('° C')) {
const temp = 80 + math.floor (Math.random () * 5);
el.textContent = `$ {{{темп} ° C;
} else if (el.previousementsibling.textContent.includes ('%')) {
const load = 95 + Math.floor (Math.random () * 5);
el.textContent = `$ {жүк}%`;
}
}
});
// KPI маанилерин бир аз симуляциялоо үчүн бир аз жаңыртыңыз
const oeevalue = docate.queryselector ('. KPI-Card: Nth-Child (1) .Валуе');
oe = parsefloat (Oeevalue.textContent);
oeevalue.textContent = (OEE + (Math.random) - 0.5) * 0.1) .Tofix (1) + '%';
const valevalue = docitic.QueryElector ('. KPI-Card: Nth-Child (2) .Валуэ');
Rate = parset (RECELVAVELE.textCarcontent);
valeValue.textContent = Math.max (280, мат.min (310, чен + Math.floor) ((Математика) - 0.5) * 5));
}, 5000);
});
WhatsApp: +86 18769900191 +86 15589105786 +86 18954906501
Электрондук почта: osbmdfmachinery@gmail.com