修改bug及能源分析样式

src/views/energy/analysis/contrastAnalysis/components/barChart.vue

@@ -25,6 +25,10 @@ export default {
       default: () => {
         return []
       }
+    },
+    timeDim: {
+      type: String,
+      default: ''
     }
   },
   watch: {
@@ -58,32 +62,58 @@ export default {
         tempArr = this.chartData[0].trendRespVOList
       }
       for (let k = 0; k < tempArr.length; k++) {
-        xData.push(tempArr[k].time)
+        let time = ''
+        if (this.timeDim === '3') {
+          let year = tempArr[k].time.slice(0,4)
+          let weak = tempArr[k].time.slice(4,6)
+          time = year+' 第 '+weak+' 周'
+        } else {
+          time = tempArr[k].time
+        }
+        xData.push(time)
       }
       for (let i = 0; i < this.chartData.length; i++) {
         let obj = {
           name: this.chartData[i].objName + this.chartData[i].objCode,
           type: 'bar',
+          barMaxWidth: 20,
+          label: {
+            show: true,
+            position: 'top'
+          },
           data: []
         }
         legendData.push(this.chartData[i].objName + this.chartData[i].objCode)
         let temp = this.chartData[i].trendRespVOList
         for (let j = 0; j < temp.length; j++) {
-          let num = temp[j].useNum ? temp[j].useNum : 0
+          let num = temp[j].useNum ? temp[j].useNum : ''
           obj.data.push(num)
         }
         yData.push(obj)
       }
       var option = {
+        color:['#FFDC94','#8EF0AB','#63BDFF','#288AFF','#7164FF'],
         tooltip: {
-          trigger: 'axis'
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        grid: {
+          left: '4%',
+          right: '1%',
+          bottom: '1%',
+          containLabel: true
         },
         legend: {
           data: legendData
         },
         xAxis: {
           type: 'category',
-          data: xData
+          data: xData,
+          axisLabel: {
+            rotate: "45"
+          }
         },
         yAxis: {
           type: 'value'

src/views/energy/analysis/contrastAnalysis/components/lineChart.vue

@@ -25,6 +25,10 @@ export default {
       default: () => {
         return []
       }
+    },
+    timeDim: {
+      type: String,
+      default: ''
     }
   },
   watch: {
@@ -58,7 +62,15 @@ export default {
         tempArr = this.chartData[0].trendRespVOList
       }
       for (let k = 0; k < tempArr.length; k++) {
-        xData.push(tempArr[k].time)
+        let time = ''
+        if (this.timeDim === '3') {
+          let year = tempArr[k].time.slice(0,4)
+          let weak = tempArr[k].time.slice(4,6)
+          time = year+' 第 '+weak+' 周'
+        } else {
+          time = tempArr[k].time
+        }
+        xData.push(time)
       }
       for (let i = 0; i < this.chartData.length; i++) {
         let obj = {
@@ -70,22 +82,35 @@ export default {
         legendData.push(this.chartData[i].objName + this.chartData[i].objCode)
         let temp = this.chartData[i].trendRespVOList
         for (let j = 0; j < temp.length; j++) {
-          let num = temp[j].useNum ? temp[j].useNum : 0
+          let num = temp[j].useNum ? temp[j].useNum : ''
           obj.data.push(num)
         }
         yData.push(obj)
       }
 
       var option = {
+        color:['#FFDC94','#8EF0AB','#63BDFF','#288AFF','#7164FF'],
         tooltip: {
-          trigger: 'axis'
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
+        grid: {
+          left: '4%',
+          right: '1%',
+          bottom: '1%',
+          containLabel: true
         },
         legend: {
           data: legendData
         },
         xAxis: {
           type: 'category',
-          data: xData
+          data: xData,
+          axisLabel: {
+            rotate: "45"
+          }
         },
         yAxis: {
           type: 'value'

src/views/energy/analysis/contrastAnalysis/components/searchArea.vue

@@ -135,7 +135,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="对象选择">
-        <el-select v-model="queryParams.objIds" placeholder="请选择" multiple collapse-tags style="width: 200px;" size="small">
+        <el-select v-model="queryParams.objIds" placeholder="请选择" multiple :multiple-limit='5' collapse-tags style="width: 200px;" size="small">
           <el-option
             v-for="item in objectList"
             :key="item.id"