MSI\liwei 3 gadi atpakaļ
vecāks
revīzija
0a06141332
1 mainītis faili ar 19 papildinājumiem un 7 dzēšanām
  1. 19 7
      ruoyi-ui/src/views/components/table/homeTable.vue

+ 19 - 7
ruoyi-ui/src/views/components/table/homeTable.vue

@@ -50,7 +50,7 @@
                 <div class="grid-content bg-purple contentFont" style="float:left">11111</div>
               </el-col>
             </el-row>
-            <el-row :gutter="3" style="margin-top:3rem">
+            <!-- <el-row :gutter="3" style="margin-top:3rem">
               <el-col :span="4">
                 <div class="grid-content bg-purple contentFont" style="float:right;color:#959595">SO<sub>2</sub>浓度:</div>
               </el-col>
@@ -63,8 +63,8 @@
               <el-col :span="8">
                 <div class="grid-content bg-purple contentFont" style="float:left">11111</div>
               </el-col>
-            </el-row>
-            <el-row :gutter="3" style="margin-top:3rem">
+            </el-row> -->
+            <!-- <el-row :gutter="3" style="margin-top:3rem">
               <el-col :span="4">
                 <div class="grid-content bg-purple contentFont" style="float:right;color:#959595">NO<sub>2</sub>浓度:</div>
               </el-col>
@@ -77,7 +77,7 @@
               <el-col :span="8">
                 <div class="grid-content bg-purple contentFont" style="float:left">11111</div>
               </el-col>
-            </el-row>
+            </el-row> -->
             <el-row :gutter="3" style="margin-top:3rem">
               <el-col :span="4">
                 <div class="grid-content bg-purple contentFont" style="float:right;color:#959595">风向:</div>
@@ -144,7 +144,8 @@
               :data="tableData"
               highlight-current-row
               style="width: 100%"
-              class="tableSc">
+              class="tableSc"
+              height=200>
               <el-table-column
                 type="index"
                 label="序号"
@@ -435,6 +436,14 @@ export default {
     getShipChart() {
       var myChart = this.$echarts.init(document.getElementById('shipChart'));
       var option = {
+         color:['#FF2D3C','#FFA647','#61FAFB'],
+        legend: {
+            data: ['黑烟抓拍', '光谱', '嗅探'],
+            right: '10%',
+            textStyle:{
+               color:'#ffffff'
+            }
+          },
         xAxis: {
           type: 'category',
           data: ['2021-01', '2021-02', '2021-03', '2021-04', '2021-05', '2021-06', '2021-07'],
@@ -474,18 +483,20 @@ export default {
           }
         },
         series: [{
+          name: '黑烟抓拍',
           data: [820, 932, 901, 934, 1290, 1330, 1320],
           type: 'line',
           smooth: true,
           itemStyle: {
             normal: {
               lineStyle: {
-                color: '#61FAFB',
+                color: '#FF2D3C',
                 width: 5
               }
             }
           },
         }, {
+          name: '光谱',
           data: [700, 902, 501, 734, 1390, 1230, 1120],
           type: 'line',
           smooth: true,
@@ -498,13 +509,14 @@ export default {
             }
           },
         }, {
+          name: '嗅探',
           data: [1020, 932, 701, 434, 1230, 1430, 1620],
           type: 'line',
           smooth: true,
           itemStyle: {
             normal: {
               lineStyle: {
-                color: '#FF2D3C',
+                color: '#61FAFB',
                 width: 5
               }
             }