From 877df1681e443f6a0a39ebe5df2109dadafff088 Mon Sep 17 00:00:00 2001
From: baoshiwei <baoshiwei@shlanbao.cn>
Date: 星期一, 04 九月 2023 12:53:37 +0800
Subject: [PATCH] 添加集成人工智能模型的设备监控界面
---
src/views/dry/bigScreen/BigEqp.vue | 983 ++++++++++++++++++++++++++++++---------------------------
1 files changed, 522 insertions(+), 461 deletions(-)
diff --git a/src/views/dry/bigScreen/BigEqp.vue b/src/views/dry/bigScreen/BigEqp.vue
index aa27b60..42d74a3 100644
--- a/src/views/dry/bigScreen/BigEqp.vue
+++ b/src/views/dry/bigScreen/BigEqp.vue
@@ -48,6 +48,31 @@
</div>
</div>
</div>
+ <div class="formula">
+ <div class="formulaItem">
+ <Icon style="color: yellow" icon="mdi:weight-kilogram" :size="35" />
+ <div style="width: 4px"></div>
+ <div>
+ <div class="mainInfo2">{{ realData?.originWeight }} kg</div>
+ <div class="subhead2">鍒濆閲嶉噺</div>
+ </div>
+ </div>
+ <div class="formulaItem">
+ <Icon style="color: deepskyblue" icon="ion:water-outline" :size="35" />
+ <div>
+ <div class="mainInfo2">{{ realData?.initial }} %</div>
+ <div class="subhead2">鍒濆鍚按</div>
+ </div>
+ </div>
+ <div class="formulaItem">
+ <Icon style="color: chocolate" icon="ps:clock" :size="32" />
+ <div style="width: 4px"></div>
+ <div>
+ <div class="mainInfo2">{{ realData?.et }} 鍒�</div>
+ <div class="subhead2">棰勮鏃堕棿</div>
+ </div>
+ </div>
+ </div>
<!-- <div class="eqpName">{{ realData?.herbName }}</div>
<div class="eqpName">{{ realData?.feed }} 绛�</div> -->
</dv-border-box7>
@@ -58,8 +83,8 @@
<div id="fanFreq" style="width: 240px; height: 240px"></div>
</div>
</dv-border-box7> -->
- <dv-border-box7 class="infoChart" style="margin-left: 0px">
- <div class="chartTittle">鍚按鐜�</div>
+ <dv-border-box7 style="margin-left: 0px; width: 340px; height: 240px">
+ <!-- <div class="chartTittle">鍚按鐜�</div>
<div class="outDiv" style="padding-top: 20px">
<div class="leftData">
<div class="center" style="height: 50%">
@@ -81,7 +106,22 @@
</div>
<div id="moisture" style="width: 170px; height: 170px"></div>
</div>
- <div class="subhead2" style="margin-top: -37px; padding-left: 205px; font-weight: bold">瀹炴椂鍚按鐜�</div>
+ <div class="subhead2" style="margin-top: -37px; padding-left: 205px; font-weight: bold">瀹炴椂鍚按鐜�</div> -->
+
+ <div>
+ <div class="timeProgress">
+ <div class="flex">
+ <div class="leftLabel">棰勮鏃堕棿</div>
+ <Progress :percent="30" size="small" status="active" />
+ </div>
+ </div>
+ <div class="timeProgress">
+ <div class="flex">
+ <div class="leftLabel">褰撳墠闃舵</div>
+ <Progress :percent="50" size="small" status="active" />
+ </div>
+ </div>
+ </div>
</dv-border-box7>
</div>
<dv-border-box7 class="leftTop">
@@ -151,13 +191,17 @@
</div>
</dv-border-box7>
<dv-border-box7 class="leftMid">
- <div class="chartTittle">瀹炴椂杩涘害</div>
- <div id="efficiencyLine" style="width: 848px; height: 180px; margin-top: -10px"></div>
+ <!-- <div class="chartTittle">瀹炴椂杩涘害</div> -->
+ <!-- <div id="efficiencyLine" style="width: 848px; height: 180px; margin-top: -10px"></div>
<div style="height: 10px; display: flex; width: 848px; padding: 0 60px; justify-content: space-between">
<div style="width: 100px; height: 20px">{{ realData.dryTime | 0 }} min</div>
<div style="width: 100px; height: 20px; text-align: right">{{ realData?.totalTime | 0 }} min</div>
</div>
- <div id="progressBar" style="width: 848px; height: 80px"></div>
+ <div id="progressBar" style="width: 848px; height: 80px"></div> -->
+
+ <div class="flex">
+ <div style="width: 200px; height: 100px; border: 1px solid red; margin-top: -40px"> </div>
+ </div>
</dv-border-box7>
<!-- <div class="outDiv">
@@ -375,109 +419,109 @@
const { toggle: toggleDom } = useFullscreen(domRef)
const Timer = ref()
const Timer2 = ref()
- const marks = ref<Record<number, any>>({
- 0: '0掳C',
- 1: '',
- 2: '',
- 3: '',
- 4: '',
- 5: '',
- 6: '',
- 7: '',
- 8: '',
- 9: '',
- 10: '',
- 11: '',
- 12: '',
- 13: '',
- 14: '',
- 15: '',
- 16: '',
- 17: '',
- 18: '',
- 19: '',
- 20: '',
- 21: '',
- 22: '',
- 23: '',
- 24: '',
- 25: '25掳C',
- 26: '',
- 27: '',
- 28: '',
- 29: '',
- 30: '',
- 31: '',
- 32: '',
- 33: '',
- 34: '',
- 35: '',
- 36: '',
- 37: '',
- 38: '',
- 39: '',
- 40: '',
- 41: '',
- 42: '',
- 43: '',
- 44: '',
- 45: '',
- 46: '',
- 47: '',
- 48: '',
- 49: '',
- 50: '50掳C',
- 51: '',
- 52: '',
- 53: '',
- 54: '',
- 55: '',
- 56: '',
- 57: '',
- 58: '',
- 59: '',
- 60: '',
- 61: '',
- 62: '',
- 63: '',
- 64: '',
- 65: '',
- 66: '',
- 67: '',
- 68: '',
- 69: '',
- 70: '',
- 71: '',
- 72: '',
- 73: '',
- 74: '',
- 75: '75掳C',
- 76: '',
- 77: '',
- 78: '',
- 79: '',
- 80: '',
- 81: '',
- 82: '',
- 83: '',
- 84: '',
- 85: '',
- 86: '',
- 87: '',
- 88: '',
- 89: '',
- 90: '',
- 91: '',
- 92: '',
- 93: '',
- 94: '',
- 95: '',
- 96: '',
- 97: '',
- 98: '',
- 99: '',
- 100: '100掳C',
- })
+ // const marks = ref<Record<number, any>>({
+ // 0: '0掳C',
+ // 1: '',
+ // 2: '',
+ // 3: '',
+ // 4: '',
+ // 5: '',
+ // 6: '',
+ // 7: '',
+ // 8: '',
+ // 9: '',
+ // 10: '',
+ // 11: '',
+ // 12: '',
+ // 13: '',
+ // 14: '',
+ // 15: '',
+ // 16: '',
+ // 17: '',
+ // 18: '',
+ // 19: '',
+ // 20: '',
+ // 21: '',
+ // 22: '',
+ // 23: '',
+ // 24: '',
+ // 25: '25掳C',
+ // 26: '',
+ // 27: '',
+ // 28: '',
+ // 29: '',
+ // 30: '',
+ // 31: '',
+ // 32: '',
+ // 33: '',
+ // 34: '',
+ // 35: '',
+ // 36: '',
+ // 37: '',
+ // 38: '',
+ // 39: '',
+ // 40: '',
+ // 41: '',
+ // 42: '',
+ // 43: '',
+ // 44: '',
+ // 45: '',
+ // 46: '',
+ // 47: '',
+ // 48: '',
+ // 49: '',
+ // 50: '50掳C',
+ // 51: '',
+ // 52: '',
+ // 53: '',
+ // 54: '',
+ // 55: '',
+ // 56: '',
+ // 57: '',
+ // 58: '',
+ // 59: '',
+ // 60: '',
+ // 61: '',
+ // 62: '',
+ // 63: '',
+ // 64: '',
+ // 65: '',
+ // 66: '',
+ // 67: '',
+ // 68: '',
+ // 69: '',
+ // 70: '',
+ // 71: '',
+ // 72: '',
+ // 73: '',
+ // 74: '',
+ // 75: '75掳C',
+ // 76: '',
+ // 77: '',
+ // 78: '',
+ // 79: '',
+ // 80: '',
+ // 81: '',
+ // 82: '',
+ // 83: '',
+ // 84: '',
+ // 85: '',
+ // 86: '',
+ // 87: '',
+ // 88: '',
+ // 89: '',
+ // 90: '',
+ // 91: '',
+ // 92: '',
+ // 93: '',
+ // 94: '',
+ // 95: '',
+ // 96: '',
+ // 97: '',
+ // 98: '',
+ // 99: '',
+ // 100: '100掳C',
+ // })
const eqps = ref([] as dryEquipment[])
//console.log(`output->router.currentRoute.value.params.num `, router.currentRoute.value.query)
const eqp = ref({} as dryEquipment)
@@ -499,11 +543,11 @@
statusGif = 'tmrefeng2'
realData.value.herbImage = 'yaocai1.png'
var moisChart: echarts.ECharts
- var waterChart: echarts.ECharts
+ // var waterChart: echarts.ECharts
var bellowsTempChart: echarts.ECharts
// var fanFreqChart: echarts.ECharts
- var progressBarChart: echarts.ECharts
+ // var progressBarChart: echarts.ECharts
var efficiencyLineChart: echarts.ECharts
var compareChart: echarts.ECharts
@@ -511,19 +555,19 @@
function initCharts() {
let domId = 'moisChart'
let chartDom: HTMLElement = document.getElementById(domId) as HTMLElement
- let waterDom: HTMLElement = document.getElementById('moisture') as HTMLElement
+ // let waterDom: HTMLElement = document.getElementById('moisture') as HTMLElement
let bellowsTempDom: HTMLElement = document.getElementById('bellowsTemp') as HTMLElement
// let fanFreqDom: HTMLElement = document.getElementById('fanFreq') as HTMLElement
- let progressBarDom: HTMLElement = document.getElementById('progressBar') as HTMLElement
- let efficiencyLineDom: HTMLElement = document.getElementById('efficiencyLine') as HTMLElement
+ // let progressBarDom: HTMLElement = document.getElementById('progressBar') as HTMLElement
+ // let efficiencyLineDom: HTMLElement = document.getElementById('efficiencyLine') as HTMLElement
// let weightDom: HTMLElement = document.getElementById('weight') as HTMLElement
let compaerDom: HTMLElement = document.getElementById('compare') as HTMLElement
moisChart = echarts.init(chartDom)
- waterChart = echarts.init(waterDom)
+ // waterChart = echarts.init(waterDom)
bellowsTempChart = echarts.init(bellowsTempDom)
// fanFreqChart = echarts.init(fanFreqDom)
- progressBarChart = echarts.init(progressBarDom)
- efficiencyLineChart = echarts.init(efficiencyLineDom)
+ // progressBarChart = echarts.init(progressBarDom)
+ // efficiencyLineChart = echarts.init(efficiencyLineDom)
compareChart = echarts.init(compaerDom)
const option = {
@@ -690,39 +734,39 @@
},
],
}
- const waterOption = {
- series: [
- {
- type: 'liquidFill',
- radius: '100%',
- //waveAnimation: false,
- amplitude: 3,
- animationDuration: 5,
- //animationDurationUpdate: 0,
- data: [0.56, 0.44, 0.32],
- shape:
- 'path://M828.817,706.209C828.817,881.725,686.98,1024,512,1024c-174.98,0-316.817-142.275-316.817-317.791C195.183,530.74,512,0,512,0s316.817,530.74,316.817,706.209z',
- outline: {
- show: false,
- },
- label: {
- // formatter: function () {
- // //console.log(`output->params`,params,mois.value)
+ // const waterOption = {
+ // series: [
+ // {
+ // type: 'liquidFill',
+ // radius: '100%',
+ // //waveAnimation: false,
+ // amplitude: 3,
+ // animationDuration: 5,
+ // //animationDurationUpdate: 0,
+ // data: [0.56, 0.44, 0.32],
+ // shape:
+ // 'path://M828.817,706.209C828.817,881.725,686.98,1024,512,1024c-174.98,0-316.817-142.275-316.817-317.791C195.183,530.74,512,0,512,0s316.817,530.74,316.817,706.209z',
+ // outline: {
+ // show: false,
+ // },
+ // label: {
+ // // formatter: function () {
+ // // //console.log(`output->params`,params,mois.value)
- // return (
- // '' +
- // // +'鍒濆'+(mois.value[0]*100).toFixed(2) + '%\n\n\n'
- // (mois.value[1] * 100).toFixed(2) +
- // '%'
- // // + '\n\n\n鐩爣'+(mois.value[2]*100).toFixed(2) + '%'
- // )
- // },
- fontSize: 20,
- //position: ['50%',(100-mois.value[1]*100).toFixed(2) + '%'],
- },
- },
- ],
- }
+ // // return (
+ // // '' +
+ // // // +'鍒濆'+(mois.value[0]*100).toFixed(2) + '%\n\n\n'
+ // // (mois.value[1] * 100).toFixed(2) +
+ // // '%'
+ // // // + '\n\n\n鐩爣'+(mois.value[2]*100).toFixed(2) + '%'
+ // // )
+ // // },
+ // fontSize: 20,
+ // //position: ['50%',(100-mois.value[1]*100).toFixed(2) + '%'],
+ // },
+ // },
+ // ],
+ // }
const bellowsOption = {
series: [
@@ -936,253 +980,253 @@
// ],
// }
- const progressBarOption = {
- // tooltip: {
- // trigger: 'axis',
- // axisPointer: {
- // // Use axis to trigger tooltip
- // type: 'shadow', // 'shadow' as default; can also be 'line' or 'shadow'
- // },
- // },
- // color: [
- // '#0653F6',
- // // '#1B61E7',
- // '#3673D5',
- // // '#4A80C8',
- // '#608FB8',
- // // '#719BAD',
- // '#82A6A1',
- // // '#8DAD9A',
- // '#9CB790',
- // // '#A7BE88',
- // '#B3C681',
- // '#CAD671',
- // '#DBE165',
- // ],
- animation: false, // 鍏抽棴鍔ㄧ敾
- color: ['#397FD7', '#2D8CDE', '#239CE5', '#1DA4E8', '#14B2EF', '#0BC4FA', '#02D2FF', '#19EEFF', '#33FAFF', '#5EFFF8'],
- grid: {
- top: '12%',
- left: '20',
- right: '55',
- bottom: '3%',
- containLabel: true,
- },
- xAxis: {
- min: 0,
- max: 150,
- show: false,
- type: 'value',
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- },
- yAxis: {
- show: false,
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- type: 'category',
- data: ['鏃堕棿'],
- },
- series: [
- // {
- // name: '绗竴闃舵',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // barWidth: 26,
- // emphasis: {
- // focus: 'series',
- // },
- // data: [30],
- // },
- // {
- // name: '绗簩闃舵',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [30],
- // },
- // {
- // name: 'Affiliate Ad',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [20],
- // },
- // {
- // name: 'Video Ad',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [15],
- // },
- // {
- // name: 'Search Engine',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [10],
- // },
- // {
- // name: 'df Engine',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [5],
- // },
- // {
- // name: 'df Engine',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [5],
- // },
- // {
- // name: 'df Engine',
- // type: 'bar',
- // stack: 'total',
- // label: {
- // show: true,
- // },
- // emphasis: {
- // focus: 'series',
- // },
- // data: [
- // {
- // value: 35,
- // itemStyle: {
- // color: '#c0c0c0',
- // },
- // },
- // ],
- // },
- ],
- }
+ // const progressBarOption = {
+ // // tooltip: {
+ // // trigger: 'axis',
+ // // axisPointer: {
+ // // // Use axis to trigger tooltip
+ // // type: 'shadow', // 'shadow' as default; can also be 'line' or 'shadow'
+ // // },
+ // // },
+ // // color: [
+ // // '#0653F6',
+ // // // '#1B61E7',
+ // // '#3673D5',
+ // // // '#4A80C8',
+ // // '#608FB8',
+ // // // '#719BAD',
+ // // '#82A6A1',
+ // // // '#8DAD9A',
+ // // '#9CB790',
+ // // // '#A7BE88',
+ // // '#B3C681',
+ // // '#CAD671',
+ // // '#DBE165',
+ // // ],
+ // animation: false, // 鍏抽棴鍔ㄧ敾
+ // color: ['#397FD7', '#2D8CDE', '#239CE5', '#1DA4E8', '#14B2EF', '#0BC4FA', '#02D2FF', '#19EEFF', '#33FAFF', '#5EFFF8'],
+ // grid: {
+ // top: '12%',
+ // left: '20',
+ // right: '55',
+ // bottom: '3%',
+ // containLabel: true,
+ // },
+ // xAxis: {
+ // min: 0,
+ // max: 150,
+ // show: false,
+ // type: 'value',
+ // axisLine: {
+ // show: false,
+ // },
+ // axisTick: {
+ // show: false,
+ // },
+ // },
+ // yAxis: {
+ // show: false,
+ // axisLine: {
+ // show: false,
+ // },
+ // axisTick: {
+ // show: false,
+ // },
+ // type: 'category',
+ // data: ['鏃堕棿'],
+ // },
+ // series: [
+ // // {
+ // // name: '绗竴闃舵',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // barWidth: 26,
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [30],
+ // // },
+ // // {
+ // // name: '绗簩闃舵',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [30],
+ // // },
+ // // {
+ // // name: 'Affiliate Ad',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [20],
+ // // },
+ // // {
+ // // name: 'Video Ad',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [15],
+ // // },
+ // // {
+ // // name: 'Search Engine',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [10],
+ // // },
+ // // {
+ // // name: 'df Engine',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [5],
+ // // },
+ // // {
+ // // name: 'df Engine',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [5],
+ // // },
+ // // {
+ // // name: 'df Engine',
+ // // type: 'bar',
+ // // stack: 'total',
+ // // label: {
+ // // show: true,
+ // // },
+ // // emphasis: {
+ // // focus: 'series',
+ // // },
+ // // data: [
+ // // {
+ // // value: 35,
+ // // itemStyle: {
+ // // color: '#c0c0c0',
+ // // },
+ // // },
+ // // ],
+ // // },
+ // ],
+ // }
- const efficiencyLineOption = {
- title: {},
- tooltip: {
- trigger: 'axis',
- },
- grid: {
- top: '30%',
- left: '17',
- right: '57',
- bottom: '0%',
- containLabel: true,
- },
- legend: {
- right: 60,
- textStyle: {
- color: '#fff',
- },
- },
- xAxis: {
- show: false,
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- type: 'value',
- min: 0,
- max: 150,
- // data: [15, 15, 10, 7.5, 5, 2.5, 2.5, 1],
- },
- yAxis: {
- show: false,
- axisLine: {
- show: false,
- },
- axisTick: {
- show: false,
- },
- type: 'value',
- axisLabel: {
- formatter: '{value} 掳C',
- },
- // max: standard.value.xiaolv + 3,
- },
- series: [
- {
- name: '骞茬嚗鏁堢巼',
- type: 'line',
- lineStyle: {
- width: 1,
- },
- // [[15,10], [15,11], [10,6], [7.5,12], [5,12], [2.5,5], [2.5,9], [1,7]]
- data: [
- [0, 1],
- [15, 10],
- [45, 11],
- [70, 6],
- ],
- markPoint: {
- data: [
- { type: 'max', name: 'Max' },
- { type: 'min', name: 'Min' },
- ],
- },
- markLine: {
- symbol: 'none',
- data: [
- {
- name: '棰濆畾',
- yAxis: standard.value.xiaolv,
- },
- ],
- label: {
- formatter: '{b}\n{c}',
- color: '#fff',
- },
- },
- // markLine: {
- // data: [{ type: 'average', name: 'Avg' }],
- // },
- },
- ],
- }
+ // const efficiencyLineOption = {
+ // title: {},
+ // tooltip: {
+ // trigger: 'axis',
+ // },
+ // grid: {
+ // top: '30%',
+ // left: '17',
+ // right: '57',
+ // bottom: '0%',
+ // containLabel: true,
+ // },
+ // legend: {
+ // right: 60,
+ // textStyle: {
+ // color: '#fff',
+ // },
+ // },
+ // xAxis: {
+ // show: false,
+ // axisLine: {
+ // show: false,
+ // },
+ // axisTick: {
+ // show: false,
+ // },
+ // type: 'value',
+ // min: 0,
+ // max: 150,
+ // // data: [15, 15, 10, 7.5, 5, 2.5, 2.5, 1],
+ // },
+ // yAxis: {
+ // show: false,
+ // axisLine: {
+ // show: false,
+ // },
+ // axisTick: {
+ // show: false,
+ // },
+ // type: 'value',
+ // axisLabel: {
+ // formatter: '{value} 掳C',
+ // },
+ // // max: standard.value.xiaolv + 3,
+ // },
+ // series: [
+ // {
+ // name: '骞茬嚗鏁堢巼',
+ // type: 'line',
+ // lineStyle: {
+ // width: 1,
+ // },
+ // // [[15,10], [15,11], [10,6], [7.5,12], [5,12], [2.5,5], [2.5,9], [1,7]]
+ // data: [
+ // [0, 1],
+ // [15, 10],
+ // [45, 11],
+ // [70, 6],
+ // ],
+ // markPoint: {
+ // data: [
+ // { type: 'max', name: 'Max' },
+ // { type: 'min', name: 'Min' },
+ // ],
+ // },
+ // markLine: {
+ // symbol: 'none',
+ // data: [
+ // {
+ // name: '棰濆畾',
+ // yAxis: standard.value.xiaolv,
+ // },
+ // ],
+ // label: {
+ // formatter: '{b}\n{c}',
+ // color: '#fff',
+ // },
+ // },
+ // // markLine: {
+ // // data: [{ type: 'average', name: 'Avg' }],
+ // // },
+ // },
+ // ],
+ // }
const compareOption = {
tooltip: {
@@ -1227,12 +1271,12 @@
}
option && moisChart.setOption(option)
- waterOption && waterChart.setOption(waterOption)
+ // waterOption && waterChart.setOption(waterOption)
bellowsOption && bellowsTempChart.setOption(bellowsOption)
// fanFreqOption && fanFreqChart.setOption(fanFreqOption)
- progressBarOption && progressBarChart.setOption(progressBarOption)
- efficiencyLineOption && efficiencyLineChart.setOption(efficiencyLineOption)
+ // progressBarOption && progressBarChart.setOption(progressBarOption)
+ // efficiencyLineOption && efficiencyLineChart.setOption(efficiencyLineOption)
compareOption && compareChart.setOption(compareOption)
}
@@ -1339,21 +1383,21 @@
(res.trendVo.moisture / 100 / 1.5).toFixed(2),
(res.trendVo.moisture / 100 / 3).toFixed(2),
]
- if (waterChart) {
- waterChart.setOption({
- series: [
- {
- data: res.mois,
- label: {
- formatter: function () {
- return res.trendVo.moisture + '%'
- },
- fontSize: 20,
- },
- },
- ],
- })
- }
+ // if (waterChart) {
+ // waterChart.setOption({
+ // series: [
+ // {
+ // data: res.mois,
+ // label: {
+ // formatter: function () {
+ // return res.trendVo.moisture + '%'
+ // },
+ // fontSize: 20,
+ // },
+ // },
+ // ],
+ // })
+ // }
/**娓╁害鐜舰鍥� */
if (bellowsTempChart) {
@@ -1461,49 +1505,49 @@
}
/**骞茬嚗杩涘害 */
- if (progressBarChart) {
- //console.log(`output->progressSeries`, progressSeries)
- progressBarChart.setOption(
- {
- xAxis: {
- max: totalTime + res.remain,
- },
- series: progressSeries,
- },
- { replaceMerge: ['series'] }
- )
- }
+ // if (progressBarChart) {
+ // //console.log(`output->progressSeries`, progressSeries)
+ // progressBarChart.setOption(
+ // {
+ // xAxis: {
+ // max: totalTime + res.remain,
+ // },
+ // series: progressSeries,
+ // },
+ // { replaceMerge: ['series'] }
+ // )
+ // }
res.totalTime = totalTime + res.remain
/**骞茬嚗鏁堢巼銆佹秷鑰� */
- if (efficiencyLineChart) {
- //console.log(`output->ganZaoXiaoLv`, ganZaoXiaoLv)
- efficiencyLineChart.setOption({
- xAxis: {
- max: totalTime + res.remain,
- },
- series: [
- {
- data: ganZaoXiaoLv,
- markLine: {
- symbol: 'none',
- data: [
- {
- name: '棰濆畾',
- yAxis: standard.value.xiaolv,
- },
- ],
- label: {
- formatter: '{b}\n{c}',
- color: '#fff',
- },
- },
- },
- { data: zhengQiXiaoHao },
- { data: dianNengXiaoHao },
- ],
- })
- }
+ // if (efficiencyLineChart) {
+ // //console.log(`output->ganZaoXiaoLv`, ganZaoXiaoLv)
+ // efficiencyLineChart.setOption({
+ // xAxis: {
+ // max: totalTime + res.remain,
+ // },
+ // series: [
+ // {
+ // data: ganZaoXiaoLv,
+ // markLine: {
+ // symbol: 'none',
+ // data: [
+ // {
+ // name: '棰濆畾',
+ // yAxis: standard.value.xiaolv,
+ // },
+ // ],
+ // label: {
+ // formatter: '{b}\n{c}',
+ // color: '#fff',
+ // },
+ // },
+ // },
+ // { data: zhengQiXiaoHao },
+ // { data: dianNengXiaoHao },
+ // ],
+ // })
+ // }
res.moisList.push([res.dryTime, res.trendVo.moisture])
}
@@ -1964,7 +2008,7 @@
}
.herbInfo {
width: 340px;
- height: 440px;
+ height: 510px;
color: #727272;
}
@@ -1978,7 +2022,7 @@
.curHerb {
margin-top: 10px;
width: 340px;
- height: 260px;
+ height: 320px;
/* background: white;
border-radius: 10px; */
@@ -2082,7 +2126,7 @@
.formula {
display: flex;
width: 340px;
- height: 40px;
+ height: 60px;
padding: 0 20px;
justify-content: space-around;
justify-items: center;
@@ -2091,7 +2135,7 @@
.formulaItem {
display: flex;
justify-content: center;
- width: 85px;
+ width: 100px;
height: 40px;
}
@@ -2114,6 +2158,10 @@
position: absolute;
top: 10px;
left: 0px;
+ }
+
+ :deep() .ant-progress-text {
+ color: white;
}
:deep() .ant-slider-rail {
width: 10px !important;
@@ -2147,14 +2195,14 @@
border: none;
background: #ce0000;
}
- :deep() .progress {
- padding: 25px 25px;
+ /* :deep() .progress {
+ padding: 15px 15px;
width: 360px;
display: flex;
- }
+ } */
:deep() .ant-progress-bg {
- height: 25px !important;
+ height: 15px !important;
}
.outDiv {
display: flex;
@@ -2174,6 +2222,9 @@
text-align: center;
}
+ .flex {
+ display: flex;
+ }
.centerText {
width: 100%;
text-align: center;
@@ -2202,4 +2253,14 @@
opacity: 0;
}
}
+ .timeProgress {
+ width: 260px;
+ height: 60px;
+ margin-left: 40px;
+ margin-top: 50px;
+ }
+ .leftLabel {
+ width: 50px;
+ margin-top: -10px;
+ }
</style>
--
Gitblit v1.9.3