tj

src/pages/analysis/energy/page.vue

@@ -61,9 +61,8 @@
           <chart
             id="111"
             :data="data"
-            title="能耗数据"
+            :title="title"
             color="#21ACFC"
-            yAxisName="单位：kwh"
           ></chart>
         </div>
       </div>
@@ -93,6 +92,7 @@ export default {
         { name: '今年', id: 4 }
       ],
       currentActive: 1,
+      title: '今日能耗数据(kwh)',
       data: [],
       energyTabList: [
         {
@@ -157,6 +157,20 @@ export default {
     // 当日 ，本周
     handleDate(i) {
       this.currentActive = i
+      switch (i) {
+        case 1:
+          this.title = '今日能耗数据(kwh)'
+          break
+        case 2:
+          this.title = '本周能耗数据(kwh)'
+          break
+        case 3:
+          this.title = '当月能耗数据(kwh)'
+          break
+        case 4:
+          this.title = '今年能耗数据(kwh)'
+          break
+      }
       this.getDataList()
     },
     toPowerPage() {

src/pages/analysis/fault/index.vue

@@ -14,10 +14,10 @@ card-warp(title="故障报警分析", height="45px", showBackground)
     .echartsWarp(width="100%", flex)
       div
         .title 设备类型故障数量统计
-        pie(:data='typeList' , id='123')
+        pie(:data="typeList" ,id="123", :typeLegend="typeLegend")
       div
         .title 设备故障数量统计
-        pie2(:data='idList' , id='daad' :legendData='legendData')
+        pie2#daad(:data="idList", :legendData="legendData")
 </template>
 
 <script>
@@ -38,6 +38,7 @@ export default {
       ],
       currentActive: 1,
       typeList: [],
+      typeLegend: [],
       idList: [],
       legendData: []
     }
@@ -95,7 +96,7 @@ export default {
       color: #000000;
       line-height: 40px;
       &::before {
-        content: '';
+        content: "";
         display: inline-block;
         width: 10px;
         height: 10px;

src/pages/analysis/fault/pie22 copy.vue

-<template lang="pug">
-#pie4(:style="{ width: '100%', height: '90%' }")
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      legendData: [],
-      nameList: [
-        '赵',
-        '钱',
-        '孙',
-        '范',
-        '屈',
-        '项',
-        '祝',
-        '董',
-        '梁',
-        '杜',
-        '阮',
-        '蓝',
-        '闵',
-        '席',
-        '季',
-        '麻',
-        '强',
-        '贾',
-        '路',
-        '娄',
-        '危'
-      ],
-      list: {}
-    }
-  },
-  created() {
-    this.list = this.genData(30)
-  },
-  mounted() {
-    this.ring()
-    console.log(this.list)
-  },
-  methods: {
-    ring() {
-      let dom = document.getElementById('pie4')
-      if (!dom) return
-      let myCharts = this.$echarts.init(dom)
-      let option = {
-        tooltip: {
-          trigger: 'item',
-          formatter: '{a} <br/>{b} : {c} ({d}%)'
-        },
-        legend: {
-          type: 'scroll',
-          orient: 'vertical',
-          right: 10,
-          top: 20,
-          bottom: 20,
-          data: ['风冷热泵机组', '室内机风柜', '水泵', '多联室内机']
-
-          // selected: this.list.selected
-        },
-        series: [
-          {
-            name: '',
-            type: 'pie',
-            radius: '55%',
-            center: ['40%', '50%'],
-            data: [
-              {
-                name: '风冷热泵机组',
-                value: '100',
-                itemStyle: { color: 'skyblue' }
-              },
-              {
-                name: '室内机风柜',
-                value: '130',
-                itemStyle: { color: '#F2637B' }
-              },
-              { name: '水泵', value: '400', itemStyle: { color: '#8EE0E0' } },
-              {
-                name: '多联室内机',
-                value: '100',
-                itemStyle: { color: '#FFCC00' }
-              }
-            ],
-            emphasis: {
-              itemStyle: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
-              }
-            }
-          }
-        ]
-      }
-      myCharts.setOption(option)
-    },
-    genData(count) {
-      var legendData = []
-      var seriesData = []
-      for (var i = 0; i < count; i++) {
-        var name =
-          Math.random() > 0.65
-            ? this.makeWord(4, 1) + '·' + this.makeWord(3, 0)
-            : this.makeWord(2, 1)
-        legendData.push(name)
-        seriesData.push({
-          name: name,
-          value: Math.round(Math.random() * 100000)
-        })
-      }
-
-      return {
-        legendData: legendData,
-        seriesData: seriesData
-      }
-    },
-    makeWord(max, min) {
-      var nameLen = Math.ceil(Math.random() * max + min)
-      var name = []
-      for (var i = 0; i < nameLen; i++) {
-        name.push(
-          this.nameList[Math.round(Math.random() * this.nameList.length - 1)]
-        )
-      }
-      return name.join('')
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped></style>

src/pages/analysis/indoor/chart.vue

-<template lang='pug'>
-#chart(:style="{ width: '100%', height: '90%'}")
-</template>
-
-<script>
-export default {
-    mounted() {
-        this.chart()
-    },
-    methods: {
-    chart() {
-      let dom = document.getElementById('chart')
-      if (!dom) return
-      let myCharts = this.$echarts.init(dom)
-      let option = {
-        // color:['#D0F0FF'],
-        title: {
-          text: '温度（℃）'
-        },
-        tooltip: {
-          trigger: 'axis'
-        },
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '订单数量',
-            type: 'line',
-            stack: '总量',
-             smooth: true,
-            label: {
-              show: true,
-              position: 'top'
-            },
-            areaStyle: {
-              normal: {
-                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#81befd' // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: '#fff' // 100% 处的颜色
-                  }
-                ])
-              }
-            },
-            lineStyle: {
-              color: '#13B0FF'
-            },
-            itemStyle: {
-              normal: {
-                color: '#13B0FF'
-              }
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            data: [820, 932, 901, 934, 1290, 1330, 1320]
-          }
-        ]
-      }
-      myCharts.setOption(option)
-    }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/pages/analysis/indoor/chart2.vue

-<template lang='pug'>
-#chart2(:style="{ width: '100%', height: '90%'}")
-</template>
-
-<script>
-export default {
-    mounted() {
-        this.chart2()
-    },
-    methods: {
-    chart2() {
-      let dom = document.getElementById('chart2')
-      if (!dom) return
-      let myCharts = this.$echarts.init(dom)
-      let option = {
-        // color:['#D0F0FF'],
-        title: {
-          text: '湿度（%）'
-        },
-        tooltip: {
-          trigger: 'axis'
-        },
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '订单数量',
-            type: 'line',
-            stack: '总量',
-             smooth: true,
-            label: {
-              show: true,
-              position: 'top'
-            },
-            areaStyle: {
-              normal: {
-                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#36CBCB' // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: '#fff' // 100% 处的颜色
-                  }
-                ])
-              }
-            },
-            lineStyle: {
-              color: '#13B0FF'
-            },
-            itemStyle: {
-              normal: {
-                color: '#13B0FF'
-              }
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            data: [820, 932, 901, 934, 1290, 1330, 1320]
-          }
-        ]
-      }
-      myCharts.setOption(option)
-    }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/pages/analysis/indoor/chart3.vue

-<template lang='pug'>
-#chart3(:style="{ width: '100%', height: '90%'}")
-</template>
-
-<script>
-export default {
-    mounted() {
-        this.chart3()
-    },
-    methods: {
-    chart3() {
-      let dom = document.getElementById('chart3')
-      if (!dom) return
-      let myCharts = this.$echarts.init(dom)
-      let option = {
-        // color:['#D0F0FF'],
-        title: {
-          text: 'CO2（PPM）'
-        },
-        tooltip: {
-          trigger: 'axis'
-        },
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '订单数量',
-            type: 'line',
-            stack: '总量',
-             smooth: true,
-            label: {
-              show: true,
-              position: 'top'
-            },
-            areaStyle: {
-              normal: {
-                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: '#4ECB74' // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: '#fff' // 100% 处的颜色
-                  }
-                ])
-              }
-            },
-            lineStyle: {
-              color: '#13B0FF'
-            },
-            itemStyle: {
-              normal: {
-                color: '#13B0FF'
-              }
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            data: [820, 932, 901, 934, 1290, 1330, 1320]
-          }
-        ]
-      }
-      myCharts.setOption(option)
-    }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/pages/analysis/indoor/chart4.vue

-<template lang='pug'>
-#chart4(:style="{ width: '100%', height: '90%'}")
-</template>
-
-<script>
-export default {
-    mounted() {
-        this.chart4()
-    },
-    methods: {
-    chart4() {
-      let dom = document.getElementById('chart4')
-      if (!dom) return
-      let myCharts = this.$echarts.init(dom)
-      let option = {
-        // color:['#D0F0FF'],
-        title: {
-          text: '故障报警'
-        },
-        tooltip: {
-          trigger: 'axis'
-        },
-        grid: {
-          left: '3%',
-          right: '4%',
-          bottom: '3%',
-          containLabel: true
-        },
-        xAxis: [
-          {
-            type: 'category',
-            boundaryGap: false,
-            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '订单数量',
-            type: 'line',
-            stack: '总量',
-             smooth: true,
-            label: {
-              show: true,
-              position: 'top'
-            },
-            areaStyle: {
-              normal: {
-                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                  {
-                    offset: 0,
-                    color: 'orange' // 0% 处的颜色
-                  },
-                  {
-                    offset: 1,
-                    color: '#fff' // 100% 处的颜色
-                  }
-                ])
-              }
-            },
-            lineStyle: {
-              color: '#13B0FF'
-            },
-            itemStyle: {
-              normal: {
-                color: '#13B0FF'
-              }
-            },
-            emphasis: {
-              focus: 'series'
-            },
-            data: [820, 932, 901, 934, 1290, 1330, 1320]
-          }
-        ]
-      }
-      myCharts.setOption(option)
-    }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-</style>

src/pages/analysis/indoor/index.vue

@@ -41,10 +41,10 @@ export default {
       ],
       currentActive: 1,
       chartList: [
-        { id: '11', title: '温度', color: '#21ACFC', data: [] },
-        { id: '22', title: '湿度', color: '#36CBCB', data: [] },
-        { id: '33', title: 'CO2', color: '#4ECB74', data: [] },
-        { id: '44', title: '故障报警', color: '#975FE4', data: [] }
+        { id: '11', title: '平均温度(℃)', color: '#21ACFC', data: [] },
+        { id: '22', title: '平均湿度(%RH)', color: '#36CBCB', data: [] },
+        { id: '33', title: '平均CO2(PPM)', color: '#4ECB74', data: [] },
+        { id: '44', title: '平均故障报警', color: '#975FE4', data: [] }
       ]
     }
   },

src/pages/analysis/outdoor/index.vue

@@ -32,13 +32,13 @@ export default {
   data() {
     return {
       chartList: [
-        { id: '11', title: '温度', color: '#21ACFC', data: [] },
-        { id: '22', title: '湿度', color: '#36CBCB', data: [] },
-        { id: '33', title: '风速', color: '#3AA0FF', data: [] },
-        { id: '44', title: '光照', color: '#FAD337', data: [] },
-        { id: '55', title: 'CO2', color: '#4ECB74', data: [] },
-        { id: '66', title: 'PM2.5', color: '#999999', data: [] },
-        { id: '77', title: '辐射', color: '#975FE4', data: [] },
+        { id: '11', title: '温度(℃)', color: '#21ACFC', data: [] },
+        { id: '22', title: '湿度(%RH)', color: '#36CBCB', data: [] },
+        { id: '33', title: '风速(m/s)', color: '#3AA0FF', data: [] },
+        { id: '44', title: '光照(Lux)', color: '#FAD337', data: [] },
+        { id: '55', title: 'CO2(PPM)', color: '#4ECB74', data: [] },
+        { id: '66', title: 'PM2.5(ug/m)', color: '#999999', data: [] },
+        { id: '77', title: '辐射(w/m)', color: '#975FE4', data: [] },
         { id: '88', title: '故障报警数', color: '#F2637B', data: [] }
       ],
       typeList: [

src/pages/kb/indoor/history.vue

@@ -57,9 +57,9 @@ export default {
       dataForm: {},
       dataList: [],
       chartList: [
-        { id: '11', title: '温度', color: '#21ACFC', data: [] },
-        { id: '22', title: '湿度', color: '#36CBCB', data: [] },
-        { id: '33', title: 'CO2', color: '#4ECB74', data: [] },
+        { id: '11', title: '温度(℃)', color: '#21ACFC', data: [] },
+        { id: '22', title: '湿度(%RH)', color: '#36CBCB', data: [] },
+        { id: '33', title: 'CO2(PPM)', color: '#4ECB74', data: [] },
         { id: '44', title: '故障报警', color: '#975FE4', data: [] }
       ],
       dataRule: {}

src/pages/kb/outdoor/history.vue

@@ -157,13 +157,13 @@ export default {
       currentActive: 1,
       dataList: [],
       chartList: [
-        { id: '11', title: '温度', color: '#21ACFC', data: [] },
-        { id: '22', title: '湿度', color: '#36CBCB', data: [] },
-        { id: '33', title: '风速', color: '#3AA0FF', data: [] },
-        { id: '44', title: '光照', color: '#FAD337', data: [] },
-        { id: '55', title: 'CO2', color: '#4ECB74', data: [] },
-        { id: '66', title: 'PM2.5', color: '#999999', data: [] },
-        { id: '77', title: '辐射', color: '#975FE4', data: [] },
+        { id: '11', title: '温度(℃)', color: '#21ACFC', data: [] },
+        { id: '22', title: '湿度(%RH)', color: '#36CBCB', data: [] },
+        { id: '33', title: '风速(m/s)', color: '#3AA0FF', data: [] },
+        { id: '44', title: '光照(Lux)', color: '#FAD337', data: [] },
+        { id: '55', title: 'CO2(PPM)', color: '#4ECB74', data: [] },
+        { id: '66', title: 'PM2.5(ug/m)', color: '#999999', data: [] },
+        { id: '77', title: '辐射(w/m)', color: '#975FE4', data: [] },
         { id: '88', title: '故障报警数', color: '#F2637B', data: [] }
       ],
       dataRule: {}

src/pages/kb/outdoor/index.vue

@@ -187,13 +187,13 @@ export default {
         { type: '故障报警数', num: '3', unit: '', color: '#F2637B' }
       ],
       chartList: [
-        { id: '11', title: '温度', color: '#21ACFC', data: [] },
-        { id: '22', title: '湿度', color: '#36CBCB', data: [] },
-        { id: '33', title: '风速', color: '#3AA0FF', data: [] },
-        { id: '44', title: '光照', color: '#FAD337', data: [] },
-        { id: '55', title: 'CO2', color: '#4ECB74', data: [] },
-        { id: '66', title: 'PM2.5', color: '#999999', data: [] },
-        { id: '77', title: '辐射', color: '#975FE4', data: [] },
+        { id: '11', title: '温度(℃)', color: '#21ACFC', data: [] },
+        { id: '22', title: '湿度(%RH)', color: '#36CBCB', data: [] },
+        { id: '33', title: '风速(m/s)', color: '#3AA0FF', data: [] },
+        { id: '44', title: '光照(Lux)', color: '#FAD337', data: [] },
+        { id: '55', title: 'CO2(PPM)', color: '#4ECB74', data: [] },
+        { id: '66', title: 'PM2.5(ug/m)', color: '#999999', data: [] },
+        { id: '77', title: '辐射(w/m)', color: '#975FE4', data: [] },
         { id: '88', title: '故障报警数', color: '#F2637B', data: [] }
       ],
       type: 1