修改测试bug

src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue

@@ -1,26 +1,26 @@
 <template>
     <div style="display: flex; flex-direction: column; height: 100%">
-        <TableHeader ref="TableHeaderRef" :showSearch="false" >
+        <TableHeader ref="TableHeaderRef" :showSearch="false">
             <template v-slot:select>
                 <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item label="对比">
-                <el-select v-model="searchType" clearable placeholder="可选择同比、环比">
-                    <el-option
-                        v-for="item in searchTypeOptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    />
-                </el-select>
-            </el-form-item>
+                    <DatePicker ref="datePickerRef"></DatePicker>
+                </el-form-item>
+                <el-form-item label="对比">
+                    <el-select v-model="searchType" clearable placeholder="可选择同比、环比">
+                        <el-option
+                            v-for="item in searchTypeOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        />
+                    </el-select>
+                </el-form-item>
             </template>
             <template v-slot:operation>
                 <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
             </template>
         </TableHeader>
-       
+
         <div style="flex: 1; display: flex; overflow: hidden" class="mt10" v-loading="loading">
             <div style="flex: 1">
                 <my-echart :options="options1" />
@@ -90,11 +90,15 @@ const init = () => {
         formData.periodBeginTime = ''
         formData.periodEndTime = ''
     }
-    Promise.all([getComFlagInfoData(formData), getRunInfoData(formData)]).then((res: any) => {
-        handlerOptions1(res[0].data)
-        handlerOptions2(res[1].data)
-        loading.value = false
-    }).catch(() => { loading.value = false })
+    Promise.all([getComFlagInfoData(formData), getRunInfoData(formData)])
+        .then((res: any) => {
+            handlerOptions1(res[0].data)
+            handlerOptions2(res[1].data)
+            loading.value = false
+        })
+        .catch(() => {
+            loading.value = false
+        })
 }
 const handlerOptions1 = (data: any) => {
     options1.value = {
@@ -106,13 +110,13 @@ const handlerOptions1 = (data: any) => {
         },
         tooltip: {
             formatter: function (params: any) {
-                var res = params[0].name + '<br/>终端运行状态为：'
+                var res = params[0].data[0] + '<br/>终端运行状态为：'
                 var texts = ''
-                if (params[0].value === 2 || params[0].value === '2') {
+                if (params[0].data[1] === 2 || params[0].data[1] === '2') {
                     texts = '退出'
-                } else if (params[0].value === 0 || params[0].value === '0') {
+                } else if (params[0].data[1] === 0 || params[0].data[1] === '0') {
                     texts = '中断'
-                } else if (params[0].value === 1 || params[0].value === '1') {
+                } else if (params[0].data[1] === 1 || params[0].data[1] === '1') {
                     texts = '正常'
                 }
                 res = res + texts
@@ -120,11 +124,21 @@ const handlerOptions1 = (data: any) => {
             }
         },
         xAxis: {
-            type: 'category',
-            data: data.updateTime
+            // type: 'category',
+            // data: data.updateTime
+            type: 'time',
+            name: '时间',
+            //
+            axisLabel: {
+                formatter: {
+                    day: '{MM}-{dd}',
+                    month: '{MM}',
+                    year: '{yyyy}'
+                }
+            }
         },
         yAxis: {
-            name:'状态',
+            name: '状态',
             type: 'value',
             axisLabel: {
                 // 这里重新定义就可以
@@ -144,8 +158,9 @@ const handlerOptions1 = (data: any) => {
         series: [
             {
                 name: '中断运行状态',
-                data: data.type,
-                type: 'line'
+                data: data.type.map((item: any, index: number) => [data.updateTime[index], item]),
+                type: 'line',
+                step: 'end'
             }
         ]
     }
@@ -165,7 +180,7 @@ const handlerOptions2 = (data: any) => {
                 : [`${formData.searchBeginTime} 至 ${formData.searchEndTime}`]
         },
         yAxis: {
-            name:'%',
+            name: '%',
             type: 'value'
         },
         series: [