统计分析接口联调

web/src/components/Home/Modal/Utilization.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script>
+import {processData} from '@/utils/dealWithData'
+
 export default {
   name: '',
   props: {
@@ -18,9 +20,8 @@ export default {
       curList: [
         {
           name: '日设备利用率',
-          key: 'key1',
+          key: 'usage_rate',
           lineColor: '#F69B52',
-
           value: 0,
           d: 'kW·h'
         }
@@ -60,25 +61,11 @@ export default {
         this.utilizationChart.resize()
       }
     },
-    processData(data, keys) {
-      data.sort((a, b) => {
-        return new Date(a.date) - new Date(b.date)
-      })
-      const dates = data.map((item) => item.dt)
-      const values = []
-      keys.forEach((item, index) => {
-        values[index] = data.map((dataValue) => dataValue[keys[index]])
-      })
 
-      return {
-        dates,
-        values
-      }
-    },
     getUtilizationData() {
       const arr = this.curList
       const keyList = this.curList.map((item) => item.key)
-      const result = this.processData(this.propsInfo, keyList)
+      const result = processData(this.propsInfo, keyList)
 
       this.utilizationChartData.xdata = result.dates
       arr.forEach((item, index) => {