From f0b21a558806439e70113e56b9a61c03f874daba Mon Sep 17 00:00:00 2001 From: 86156 <823267011@qq.com> Date: Sun, 7 Dec 2025 12:54:39 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=8C=E7=BA=A7app=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../hand-factory/components/lines/acidity.vue | 534 +++++++++++++++++- apps/hand-factory/components/lines/paint.vue | 107 ++-- apps/hand-factory/components/lines/zinc1.vue | 107 ++-- apps/hand-factory/components/lines/zinc2.vue | 107 ++-- apps/hand-factory/components/lines/zinc3.vue | 107 ++-- 5 files changed, 662 insertions(+), 300 deletions(-) diff --git a/apps/hand-factory/components/lines/acidity.vue b/apps/hand-factory/components/lines/acidity.vue index 75d6783..ee4af6c 100644 --- a/apps/hand-factory/components/lines/acidity.vue +++ b/apps/hand-factory/components/lines/acidity.vue @@ -19,7 +19,58 @@ ⟳ - + + + + {{ navMenuExpanded ? '✕' : '☰' }} + + + + 速度监控 + + + 出口速度趋势 + + + 酸槽温度趋势 + + + 活套运行状态 + + + 酸槽浓度监控 + + + 轧制力趋势 + + + 工艺参数 + + + 轧辊速度监控 + + + 机架压下率 + + + 带钢张力监控 + + + 机架功率百分比 + + + 涂装速度监控 + + + 拉矫参数 + + + 烘干温度趋势 + + + + + @@ -39,7 +90,7 @@ - + 速度监控 @@ -50,8 +101,16 @@ + + + 出口速度趋势 + + + + + - + 酸槽温度趋势 @@ -59,7 +118,7 @@ - + 活套运行状态 @@ -71,7 +130,7 @@ - + 酸槽浓度监控 @@ -91,8 +150,16 @@ + + + 轧制力趋势 + + + + + - + 工艺参数 @@ -102,6 +169,96 @@ + + + + 镀锌线监控数据 + + + + + 轧辊速度监控 + + + {{ item.label }} + {{ item.value }} + {{ item.unit }} + + + + + + + 机架压下率 + + + {{ item.label }} + {{ item.value }} + {{ item.unit }} + + + + + + + 带钢张力监控 + + + {{ item.label }} + {{ item.value }} + {{ item.unit }} + + + + + + + 机架功率百分比 + + + {{ item.label }} + {{ item.value }} + {{ item.unit }} + + + + + + + 涂装线监控数据 + + + + + 涂装速度监控 + + + {{ item.label }} + {{ item.value }} + {{ item.unit }} + + + + + + + 拉矫参数 + + + {{ item.label }} + {{ item.value }} + {{ item.unit }} + + + + + + + 烘干温度趋势 + + + + @@ -139,6 +296,8 @@ export default { lastUpdateTime: '—', // 最后更新时间 isRefreshing: false, // 是否正在刷新 refreshTimer: null, // 定时器 + navMenuExpanded: false, // 导航菜单是否展开 + scrollIntoView: '', // 滚动目标 // 速度监控指标（ID=1,2,3） speedMetrics: [ { label: '出口带钢速度', value: '—', unit: 'm/min' }, @@ -165,8 +324,60 @@ export default { { label: '联机活套张力', value: '—', unit: 'kN' }, { label: '拉矫机延伸率', value: '—', unit: '%' } ], + // 镀锌线数据 + rollSpeedMetrics: [ + { label: '1#机架', value: '—', unit: 'm/min' }, + { label: '2#机架', value: '—', unit: 'm/min' }, + { label: '3#机架', value: '—', unit: 'm/min' }, + { label: '4#机架', value: '—', unit: 'm/min' }, + { label: '5#机架', value: '—', unit: 'm/min' }, + { label: '6#机架', value: '—', unit: 'm/min' } + ], + reducMetrics: [ + { label: '1#机架', value: '—', unit: '%' }, + { label: '2#机架', value: '—', unit: '%' }, + { label: '3#机架', value: '—', unit: '%' }, + { label: '4#机架', value: '—', unit: '%' }, + { label: '5#机架', value: '—', unit: '%' }, + { label: '6#机架', value: '—', unit: '%' } + ], + tensionMetrics: [ + { label: '0#张力', value: '—', unit: 'kN' }, + { label: '1#张力', value: '—', unit: 'kN' }, + { label: '2#张力', value: '—', unit: 'kN' }, + { label: '3#张力', value: '—', unit: 'kN' }, + { label: '4#张力', value: '—', unit: 'kN' }, + { label: '5#张力', value: '—', unit: 'kN' }, + { label: '6#张力', value: '—', unit: 'kN' } + ], + powerMetrics: [ + { label: '1#机架', value: '—', unit: '%' }, + { label: '2#机架', value: '—', unit: '%' }, + { label: '3#机架', value: '—', unit: '%' }, + { label: '4#机架', value: '—', unit: '%' }, + { label: '5#机架', value: '—', unit: '%' }, + { label: '6#机架', value: '—', unit: '%' } + ], + // 涂装线数据 + paintSpeedMetrics: [ + { label: '出口带钢速度', value: '—', unit: 'm/min' }, + { label: '涂装带钢速度', value: '—', unit: 'm/min' }, + { label: '圆盘剪速度', value: '—', unit: 'm/min' } + ], + tlvMetrics: [ + { label: '拉矫延伸率', value: '—', unit: '%' }, + { label: '破磷机插入量1', value: '—', unit: 'mm' }, + { label: '破磷机插入量2', value: '—', unit: 'mm' }, + { label: '破磷机插入量3', value: '—', unit: 'mm' } + ], // 温度趋势图数据（ID=4,5,6） tempChartData: {}, + // 出口速度趋势图数据（ID=1） + exitSpeedChartData: {}, + // 轧制力趋势图数据（ID=30-35） + forceChartData: {}, + // 涂装线温度趋势图数据（ID=4-7, 17） + paintTempChartData: {}, lineChartOpts: { color: ["#0066cc", "#409eff", "#66b1ff"], padding: [15, 15, 0, 15], @@ -203,6 +414,78 @@ export default { } } }, + forceLineChartOpts: { + color: ["#0066cc", "#409eff", "#66b1ff", "#a0cfff", "#d9ecff", "#ecf5ff"], + padding: [15, 15, 0, 15], + enableScroll: false, + legend: { + show: true, + position: "top", + fontSize: 10, + lineHeight: 14, + itemGap: 6 + }, + dataLabel: false, + dataPointShape: false, + xAxis: { + disableGrid: true, + rotateLabel: true, + itemCount: 5, + labelCount: 5, + fontSize: 10 + }, + yAxis: { + gridType: "dash", + dashLength: 4, + gridColor: "#e4e7ed", + showTitle: true, + fontSize: 10, + data: [{ min: 0, title: "轧制力(kN)" }] + }, + extra: { + line: { + type: "curve", + width: 2, + activeType: "hollow" + } + } + }, + paintLineChartOpts: { + color: ["#0066cc", "#409eff", "#66b1ff", "#a0cfff", "#d9ecff"], + padding: [15, 15, 0, 15], + enableScroll: false, + legend: { + show: true, + position: "top", + fontSize: 10, + lineHeight: 14, + itemGap: 6 + }, + dataLabel: false, + dataPointShape: false, + xAxis: { + disableGrid: true, + rotateLabel: true, + itemCount: 5, + labelCount: 5, + fontSize: 10 + }, + yAxis: { + gridType: "dash", + dashLength: 4, + gridColor: "#e4e7ed", + showTitle: true, + fontSize: 10, + data: [{ min: 0, title: "温度(°C)" }] + }, + extra: { + line: { + type: "curve", + width: 2, + activeType: "hollow" + } + } + }, plantStateDefines: [] // 缓存所有的状态定义 }; }, @@ -372,6 +655,7 @@ export default { // 更新所有实时指标 updateCurrentMetrics() { + // ===== 酸轧线数据 ===== // 1. 速度监控（ID=1,2,3） const exitSpeed = this.getDefineById(1) const plSpeed = this.getDefineById(2) @@ -471,9 +755,67 @@ export default { unit: tlvElong?.units || '%' } ] + + // ===== 镀锌线数据 ===== + // 1. 轧辊速度（ID=36-41） + this.rollSpeedMetrics = [ + { label: '1#机架', value: this.formatValue(this.getDefineById(36)?.currentValue), unit: this.getDefineById(36)?.units || 'm/min' }, + { label: '2#机架', value: this.formatValue(this.getDefineById(37)?.currentValue), unit: this.getDefineById(37)?.units || 'm/min' }, + { label: '3#机架', value: this.formatValue(this.getDefineById(38)?.currentValue), unit: this.getDefineById(38)?.units || 'm/min' }, + { label: '4#机架', value: this.formatValue(this.getDefineById(39)?.currentValue), unit: this.getDefineById(39)?.units || 'm/min' }, + { label: '5#机架', value: this.formatValue(this.getDefineById(40)?.currentValue), unit: this.getDefineById(40)?.units || 'm/min' }, + { label: '6#机架', value: this.formatValue(this.getDefineById(41)?.currentValue), unit: this.getDefineById(41)?.units || 'm/min' } + ] + + // 2. 机架压下率（ID=24-29） + this.reducMetrics = [ + { label: '1#机架', value: this.formatValue(this.getDefineById(24)?.currentValue), unit: this.getDefineById(24)?.units || '%' }, + { label: '2#机架', value: this.formatValue(this.getDefineById(25)?.currentValue), unit: this.getDefineById(25)?.units || '%' }, + { label: '3#机架', value: this.formatValue(this.getDefineById(26)?.currentValue), unit: this.getDefineById(26)?.units || '%' }, + { label: '4#机架', value: this.formatValue(this.getDefineById(27)?.currentValue), unit: this.getDefineById(27)?.units || '%' }, + { label: '5#机架', value: this.formatValue(this.getDefineById(28)?.currentValue), unit: this.getDefineById(28)?.units || '%' }, + { label: '6#机架', value: this.formatValue(this.getDefineById(29)?.currentValue), unit: this.getDefineById(29)?.units || '%' } + ] + + // 3. 带钢张力（ID=42-48） + this.tensionMetrics = [ + { label: '0#张力', value: this.formatValue(this.getDefineById(42)?.currentValue), unit: this.getDefineById(42)?.units || 'kN' }, + { label: '1#张力', value: this.formatValue(this.getDefineById(43)?.currentValue), unit: this.getDefineById(43)?.units || 'kN' }, + { label: '2#张力', value: this.formatValue(this.getDefineById(44)?.currentValue), unit: this.getDefineById(44)?.units || 'kN' }, + { label: '3#张力', value: this.formatValue(this.getDefineById(45)?.currentValue), unit: this.getDefineById(45)?.units || 'kN' }, + { label: '4#张力', value: this.formatValue(this.getDefineById(46)?.currentValue), unit: this.getDefineById(46)?.units || 'kN' }, + { label: '5#张力', value: this.formatValue(this.getDefineById(47)?.currentValue), unit: this.getDefineById(47)?.units || 'kN' }, + { label: '6#张力', value: this.formatValue(this.getDefineById(48)?.currentValue), unit: this.getDefineById(48)?.units || 'kN' } + ] + + // 4. 功率百分比（ID=49-54） + this.powerMetrics = [ + { label: '1#机架', value: this.formatValue(this.getDefineById(49)?.currentValue), unit: this.getDefineById(49)?.units || '%' }, + { label: '2#机架', value: this.formatValue(this.getDefineById(50)?.currentValue), unit: this.getDefineById(50)?.units || '%' }, + { label: '3#机架', value: this.formatValue(this.getDefineById(51)?.currentValue), unit: this.getDefineById(51)?.units || '%' }, + { label: '4#机架', value: this.formatValue(this.getDefineById(52)?.currentValue), unit: this.getDefineById(52)?.units || '%' }, + { label: '5#机架', value: this.formatValue(this.getDefineById(53)?.currentValue), unit: this.getDefineById(53)?.units || '%' }, + { label: '6#机架', value: this.formatValue(this.getDefineById(54)?.currentValue), unit: this.getDefineById(54)?.units || '%' } + ] + + // ===== 涂装线数据 ===== + // 1. 涂装速度（ID=1-3，与酸轧线相同） + this.paintSpeedMetrics = [ + { label: '出口带钢速度', value: this.formatValue(this.getDefineById(1)?.currentValue), unit: this.getDefineById(1)?.units || 'm/min' }, + { label: '涂装带钢速度', value: this.formatValue(this.getDefineById(2)?.currentValue), unit: this.getDefineById(2)?.units || 'm/min' }, + { label: '圆盘剪速度', value: this.formatValue(this.getDefineById(3)?.currentValue), unit: this.getDefineById(3)?.units || 'm/min' } + ] + + // 2. 拉矫参数（ID=20-23） + this.tlvMetrics = [ + { label: '拉矫延伸率', value: this.formatValue(this.getDefineById(20)?.currentValue), unit: this.getDefineById(20)?.units || '%' }, + { label: '破磷机插入量1', value: this.formatValue(this.getDefineById(21)?.currentValue), unit: this.getDefineById(21)?.units || 'mm' }, + { label: '破磷机插入量2', value: this.formatValue(this.getDefineById(22)?.currentValue), unit: this.getDefineById(22)?.units || 'mm' }, + { label: '破磷机插入量3', value: this.formatValue(this.getDefineById(23)?.currentValue), unit: this.getDefineById(23)?.units || 'mm' } + ] }, - // 加载温度趋势图（3个酸槽温度：ID=4,5,6） + // 加载历史趋势图数据（温度、出口速度、轧制力） loadTempTrend(isSilent = false) { return listPlantStateHistory({ pageNum: 1, pageSize: 30 }).then(response => { if (!isSilent) { @@ -485,20 +827,39 @@ export default { const tank1Data = [] const tank2Data = [] const tank3Data = [] + const exitSpeedData = [] + const force1Data = [] + const force2Data = [] + const force3Data = [] + const force4Data = [] + const force5Data = [] + const force6Data = [] - // 获取温度定义 + // 获取定义 const tank1Temp = this.getDefineById(4) const tank2Temp = this.getDefineById(5) const tank3Temp = this.getDefineById(6) + const exitSpeed = this.getDefineById(1) response.rows.forEach(item => { const dateStr = this.formatDate(item.insdate) categories.push(dateStr) - tank1Data.push(Number(item.value4) || 0) // ID=4 对应 value4 - tank2Data.push(Number(item.value5) || 0) // ID=5 对应 value5 - tank3Data.push(Number(item.value6) || 0) // ID=6 对应 value6 + // 温度数据 + tank1Data.push(Number(item.value4) || 0) + tank2Data.push(Number(item.value5) || 0) + tank3Data.push(Number(item.value6) || 0) + // 出口速度数据 + exitSpeedData.push(Number(item.value1) || 0) + // 轧制力数据 + force1Data.push(Number(item.value30) || 0) + force2Data.push(Number(item.value31) || 0) + force3Data.push(Number(item.value32) || 0) + force4Data.push(Number(item.value33) || 0) + force5Data.push(Number(item.value34) || 0) + force6Data.push(Number(item.value35) || 0) }) + // 温度趋势 this.tempChartData = { categories: categories.reverse(), series: [ @@ -507,12 +868,59 @@ export default { { name: tank3Temp?.comments || '3#酸槽温度', data: tank3Data.reverse() } ] } + + // 出口速度趋势 + this.exitSpeedChartData = { + categories: categories, + series: [ + { name: exitSpeed?.comments || '出口带钢速度', data: exitSpeedData.reverse() } + ] + } + + // 轧制力趋势 + this.forceChartData = { + categories: categories, + series: [ + { name: '1#轧制力', data: force1Data.reverse() }, + { name: '2#轧制力', data: force2Data.reverse() }, + { name: '3#轧制力', data: force3Data.reverse() }, + { name: '4#轧制力', data: force4Data.reverse() }, + { name: '5#轧制力', data: force5Data.reverse() }, + { name: '6#轧制力', data: force6Data.reverse() } + ] + } + + // 涂装线温度趋势（ID=4-7, 17） + const paintTemp1Data = [] + const paintTemp2Data = [] + const paintTemp3Data = [] + const paintTemp4Data = [] + const paintTemp5Data = [] + + response.rows.forEach(item => { + paintTemp1Data.push(Number(item.value4) || 0) // ID=4 + paintTemp2Data.push(Number(item.value5) || 0) // ID=5 + paintTemp3Data.push(Number(item.value6) || 0) // ID=6 + paintTemp4Data.push(Number(item.value7) || 0) // ID=7 + paintTemp5Data.push(Number(item.value17) || 0) // ID=17 + }) + + this.paintTempChartData = { + categories: categories, + series: [ + { name: '1#酸槽温度', data: paintTemp1Data.reverse() }, + { name: '2#酸槽温度', data: paintTemp2Data.reverse() }, + { name: '3#酸槽温度', data: paintTemp3Data.reverse() }, + { name: '漂洗温度', data: paintTemp4Data.reverse() }, + { name: '烘干温度', data: paintTemp5Data.reverse() } + ] + } } }).catch(error => { if (!isSilent) { uni.hideLoading() } - console.error('加载温度趋势失败:', error) + console.error('加载历史趋势失败:', error) }) }, @@ -536,6 +944,12 @@ export default { const num = Number(value) if (isNaN(num)) return '—' return num.toFixed(2) + }, + + // 滚动到指定部分 + scrollToSection(sectionId) { + this.scrollIntoView = sectionId + this.navMenuExpanded = false // 点击后关闭菜单 } } }; @@ -606,6 +1020,84 @@ export default { } } +/* 快速导航菜单（固定在左下角） */ +.nav-menu-fixed { + position: fixed; + left: 32rpx; + bottom: 120rpx; + z-index: 998; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12rpx; +} + +.nav-toggle { + width: 96rpx; + height: 96rpx; + background: #409eff; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 8rpx 20rpx rgba(64, 158, 255, 0.4); + transition: all 0.3s ease; + + &:active { + opacity: 0.8; + transform: scale(0.95); + } +} + +.nav-toggle-icon { + font-size: 48rpx; + color: #fff; + display: block; + line-height: 1; +} + +.nav-items { + display: flex; + flex-direction: column; + gap: 8rpx; + animation: slideUp 0.3s ease; +} + +@keyframes slideUp { + from { + opacity: 0; + transform: translateY(20rpx); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +.nav-item { + background: #fff; + border: 2rpx solid #409eff; + border-radius: 8rpx; + padding: 16rpx 24rpx; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 4rpx 12rpx rgba(64, 158, 255, 0.2); + transition: all 0.2s ease; + + &:active { + background: #f0f9ff; + transform: scale(0.95); + } +} + +.nav-label { + font-size: 26rpx; + color: #409eff; + font-weight: 500; + white-space: nowrap; +} + .refresh-icon { font-size: 48rpx; color: #fff; @@ -699,6 +1191,24 @@ export default { border-left: 4rpx solid #0066cc; } +/* 分隔符 */ +.section-divider { + display: flex; + align-items: center; + margin: 40rpx 0 24rpx 0; + padding: 0 16rpx; +} + +.divider-text { + font-size: 28rpx; + font-weight: 600; + color: #0066cc; + padding: 0 12rpx; + background: #f5f7fa; + border-left: 4rpx solid #0066cc; + padding-left: 16rpx; +} + /* 指标卡片 - 3列布局 */ .metrics-grid-3 { display: grid; diff --git a/apps/hand-factory/components/lines/paint.vue b/apps/hand-factory/components/lines/paint.vue index 6fd60bc..b8e935d 100644 --- a/apps/hand-factory/components/lines/paint.vue +++ b/apps/hand-factory/components/lines/paint.vue @@ -20,78 +20,11 @@ - - - - 网络状态 - {{ webStatus[0].value }} - - - - 当前班组 - {{ webStatus[1].value }} - - - - 更新时间 - {{ lastUpdateTime }} - - - - - - 涂装速度监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 烘干温度趋势 - - - - - - - - 活套运行状态 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 工艺参数 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 拉矫参数 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - + + + 🔒 + 该功能未启用 + 涂装线实时监控功能暂未启用，请联系管理员 @@ -629,4 +562,34 @@ export default { border-radius: 8rpx; padding: 24rpx 16rpx; } + +/* 未启用容器 */ +.disabled-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: calc(100vh - 200rpx); + padding: 40rpx; + text-align: center; +} + +.disabled-icon { + font-size: 120rpx; + margin-bottom: 32rpx; + opacity: 0.6; +} + +.disabled-title { + font-size: 32rpx; + font-weight: 600; + color: #303133; + margin-bottom: 16rpx; +} + +.disabled-desc { + font-size: 26rpx; + color: #909399; + line-height: 1.6; +} diff --git a/apps/hand-factory/components/lines/zinc1.vue b/apps/hand-factory/components/lines/zinc1.vue index 37b7b3a..e9a661e 100644 --- a/apps/hand-factory/components/lines/zinc1.vue +++ b/apps/hand-factory/components/lines/zinc1.vue @@ -20,78 +20,11 @@ - - - - 网络状态 - {{ webStatus[0].value }} - - - - 当前班组 - {{ webStatus[1].value }} - - - - 更新时间 - {{ lastUpdateTime }} - - - - - - 轧机速度监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 机架压下率 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 轧制力趋势 - - - - - - - - 带钢张力监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 机架功率百分比 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - + + + 🔒 + 该功能未启用 + 镀锌线1实时监控功能暂未启用，请联系管理员 @@ -629,4 +562,34 @@ export default { border-radius: 8rpx; padding: 24rpx 16rpx; } + +/* 未启用容器 */ +.disabled-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: calc(100vh - 200rpx); + padding: 40rpx; + text-align: center; +} + +.disabled-icon { + font-size: 120rpx; + margin-bottom: 32rpx; + opacity: 0.6; +} + +.disabled-title { + font-size: 32rpx; + font-weight: 600; + color: #303133; + margin-bottom: 16rpx; +} + +.disabled-desc { + font-size: 26rpx; + color: #909399; + line-height: 1.6; +} diff --git a/apps/hand-factory/components/lines/zinc2.vue b/apps/hand-factory/components/lines/zinc2.vue index 5f683c0..51bda3b 100644 --- a/apps/hand-factory/components/lines/zinc2.vue +++ b/apps/hand-factory/components/lines/zinc2.vue @@ -20,78 +20,11 @@ - - - - 网络状态 - {{ webStatus[0].value }} - - - - 当前班组 - {{ webStatus[1].value }} - - - - 更新时间 - {{ lastUpdateTime }} - - - - - - 轧机速度监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 机架压下率 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 轧制力趋势 - - - - - - - - 带钢张力监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 机架功率百分比 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - + + + 🔒 + 该功能未启用 + 镀锌线2实时监控功能暂未启用，请联系管理员 @@ -629,4 +562,34 @@ export default { border-radius: 8rpx; padding: 24rpx 16rpx; } + +/* 未启用容器 */ +.disabled-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: calc(100vh - 200rpx); + padding: 40rpx; + text-align: center; +} + +.disabled-icon { + font-size: 120rpx; + margin-bottom: 32rpx; + opacity: 0.6; +} + +.disabled-title { + font-size: 32rpx; + font-weight: 600; + color: #303133; + margin-bottom: 16rpx; +} + +.disabled-desc { + font-size: 26rpx; + color: #909399; + line-height: 1.6; +} diff --git a/apps/hand-factory/components/lines/zinc3.vue b/apps/hand-factory/components/lines/zinc3.vue index ea0e18d..fd769b4 100644 --- a/apps/hand-factory/components/lines/zinc3.vue +++ b/apps/hand-factory/components/lines/zinc3.vue @@ -20,78 +20,11 @@ - - - - 网络状态 - {{ webStatus[0].value }} - - - - 当前班组 - {{ webStatus[1].value }} - - - - 更新时间 - {{ lastUpdateTime }} - - - - - - 轧机速度监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 机架压下率 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 轧制力趋势 - - - - - - - - 带钢张力监控 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - - - - - - 机架功率百分比 - - - {{ item.label }} - {{ item.value }} - {{ item.unit }} - - + + + 🔒 + 该功能未启用 + 镀锌线3实时监控功能暂未启用，请联系管理员 @@ -629,4 +562,34 @@ export default { border-radius: 8rpx; padding: 24rpx 16rpx; } + +/* 未启用容器 */ +.disabled-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: calc(100vh - 200rpx); + padding: 40rpx; + text-align: center; +} + +.disabled-icon { + font-size: 120rpx; + margin-bottom: 32rpx; + opacity: 0.6; +} + +.disabled-title { + font-size: 32rpx; + font-weight: 600; + color: #303133; + margin-bottom: 16rpx; +} + +.disabled-desc { + font-size: 26rpx; + color: #909399; + line-height: 1.6; +}