UI样式修改能源&班组

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

@@ -77,7 +77,8 @@ export default {
       var option = {
         color:['#FFDC94','#8EF0AB','#63BDFF','#288AFF','#7164FF','#FF6860','#FF9747','#B0EB42','#D680FF','#0043D2'],
         legend: {
-          data: keys
+          data: keys,
+          right:'1%'
         },
         tooltip: {
           trigger: 'axis'

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

@@ -143,19 +143,20 @@ export default {
   }
 }
 </script>
-<style>
+<style lang='scss'>
 /* 级联选择器 */
 .cascaderParent .el-cascader-panel .el-scrollbar:first-child .el-radio {
   display: none;
 }
-</style>
-<style scoped>
-.separateStyle {
-  display: inline-block;
-  width: 1px;
-  height: 24px;
-  background: #E8E8E8;
-  vertical-align: middle;
+.demo-form-inline {
+  .el-date-editor .el-range__icon {
+    font-size: 16px;
+    color: #0B58FF;
+  }
+  .el-input__prefix .el-icon-date {
+    font-size: 16px;
+    color: #0B58FF;
+  }
 }
 </style>
 <style lang="scss" scoped>
@@ -170,4 +171,11 @@ export default {
     margin-top: 10px;
   }
 }
+.separateStyle {
+  display: inline-block;
+  width: 1px;
+  height: 24px;
+  background: #E8E8E8;
+  vertical-align: middle;
+}
 </style>

src/views/energy/analysis/yoyAnalysis/index.vue

@@ -3,6 +3,7 @@
     <!-- 搜索工作栏 -->
     <search-area @submit="getList" @exportD="exportData"/>
     <div v-show='chartData.length'>
+      <div class="chartTitle">同比分析图</div>
       <div style='width: 100%;height: 400px;'>
         <line-chart ref="analysisLineChart" :chartData="chartData"/>
       </div>
@@ -33,12 +34,12 @@ export default {
       chartData: [],
       tableProps: [],
       list: [],
-      tableH: this.tableHeight(600)
+      tableH: this.tableHeight(640)
     }
   },
   mounted() {
     window.addEventListener('resize', () => {
-      this.tableH = this.tableHeight(600)
+      this.tableH = this.tableHeight(640)
     })
   },
   methods: {
@@ -122,4 +123,20 @@ export default {
     }
   }
 }
-</script>
+</script>
+<style lang='scss' scoped>
+.chartTitle {
+  font-size: 16px;
+  color: #000;
+}
+.chartTitle::before {
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 18px;
+  background-color: #0B58FF;
+  border-radius: 1px;
+  margin-right: 8px;
+  vertical-align: bottom;
+}
+</style>