添加集成人工智能模型的设备监控界面

baoshiwei

2023-09-04 877df1681e443f6a0a39ebe5df2109dadafff088

 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>