修改了首页样式

src/views/dashboard/editor/index.vue

@@ -11,7 +11,7 @@
 
     <el-row :gutter="10" class="row2">
       <el-col :span="10">
-        <dv-border-box-10 :color="['#163DA1','#163DA1']" :reverse="true" style="height:500px;">
+        <dv-border-box-8 :dur="-1"  style="height:500px;">
           <!-- <div class="Title">费用统计</div> -->
           <div id="row2Chart1" style="width: 100%;height:450px;" />
           <el-row :gutter="5" class="groupNews">
@@ -50,27 +50,27 @@
               </div>
             </dv-border-box-8>
           </div>
-        </dv-border-box-10>
+        </dv-border-box-8>
       </el-col>
       <el-col :span="14">
         <el-row :gutter="10" >
           <el-col :span="12">
-            <dv-border-box-10 :color="['#163DA1','#163DA1']" style="height:500px;">
+            <dv-border-box-8 :dur="-1"style="height:500px;">
               <div class="Title">集团分项总指标</div>
               <div id="row2Chart2" style="width: 100%;height:480px;" />
               <!-- <div class="Indexbutton">
                 <a @click="form_seeDetails('row2Chart2')">查看详情</a>
               </div> -->
-            </dv-border-box-10>
+            </dv-border-box-8>
           </el-col>
           <el-col :span="12">
-            <dv-border-box-10 :color="['#163DA1','#163DA1']" style="height:500px;">
+            <dv-border-box-8 :dur="-1" style="height:500px;">
               <div class="Title">各中心总指标</div>
               <div id="row2Chart3" style="width: 100%;height:480px;" />
               <div class="Indexbutton">
                 <a @click="form_seeDetails('row2Chart3')">查看详情</a>
               </div>
-            </dv-border-box-10>
+            </dv-border-box-8>
           </el-col>
           <el-col :span="24" style="display:none">
             <dv-border-box-8 :dur="-1" style="height:250px;">
@@ -91,7 +91,7 @@
           <div class="Title">费用统计</div>
           <div class="costStatistics">
             <div class="content">
-              <dv-border-box-10 :color="['#163DA1','#163DA1']" style="height:260px; ">
+              <dv-border-box-8 :dur="-1" style="height:260px; ">
                 <div class="title">
                   <svg-icon icon-class="维修成本分析" />
                   维修费
@@ -101,18 +101,18 @@
                 </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
                   <el-col :span="24" style="padding:0 10px 0 10px ;">
-                    <dv-border-box-8 :dur="-1" :reverse="true" style="height:200px;">
+                    <dv-border-box-12 :dur="-1" :reverse="true" style="height:200px;">
                       <div id="row3Chart1" style="width: 98%;height:200px;" />
-                    </dv-border-box-8>
+                    </dv-border-box-12>
                     <div class="Indexbutton">
                       <a @click="form_seeDetails('row3Chart1')">查看详情</a>
                     </div>
                   </el-col>
                 </el-row>
-              </dv-border-box-10>
+              </dv-border-box-8>
             </div>
             <div class="content">
-              <dv-border-box-10 :color="['#163DA1','#163DA1']" :dur="-1" style="height:260px;">
+              <dv-border-box-8 :dur="-1" style="height:260px;">
                 <div class="title">
                   <svg-icon icon-class="水量分析" />
                   水费
@@ -122,18 +122,18 @@
                 </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
                   <el-col :span="24" style="padding:0 10px 0 10px ;">
-                    <dv-border-box-8 :dur="-1" :reverse="true" style="height:200px;">
+                    <dv-border-box-12 :dur="-1" :reverse="true" style="height:200px;">
                       <div id="row3Chart2" style="width: 98%;height:200px;" />
-                    </dv-border-box-8>
+                    </dv-border-box-12>
                     <div class="Indexbutton">
                       <a @click="form_seeDetails('row3Chart2')">查看详情</a>
                     </div>
                   </el-col>
                 </el-row>
-              </dv-border-box-10>
+              </dv-border-box-8>
             </div>
             <div class="content">
-              <dv-border-box-10 :color="['#163DA1','#163DA1']" style="height:260px;">
+              <dv-border-box-8 :dur="-1" style="height:260px;">
                 <div class="title">
                   <svg-icon icon-class="电量分析" />
                   电费
@@ -143,18 +143,18 @@
                 </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
                   <el-col :span="24" style="padding:0 10px 0 10px ;">
-                    <dv-border-box-8 :dur="-1" :reverse="true" style="height:200px;">
+                    <dv-border-box-12 :dur="-1" :reverse="true" style="height:200px;">
                       <div id="row3Chart3" style="width: 98%;height:200px;" />
-                    </dv-border-box-8>
+                    </dv-border-box-12>
                     <div class="Indexbutton">
                       <a @click="form_seeDetails('row3Chart3')">查看详情</a>
                     </div>
                   </el-col>
                 </el-row>
-              </dv-border-box-10>
+              </dv-border-box-8>
             </div>
             <div class="content">
-              <dv-border-box-10 :color="['#163DA1','#163DA1']" style="height:260px;">
+              <dv-border-box-8 :dur="-1" style="height:260px;">
                 <div class="title">
                   <svg-icon icon-class="燃动分析" />
                   燃动费
@@ -164,15 +164,15 @@
                 </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
                   <el-col :span="24" style="padding:0 10px 0 10px;">
-                    <dv-border-box-8 :dur="-1" style="height:200px;" :reverse="true">
+                    <dv-border-box-12 :dur="-1" style="height:200px;" :reverse="true">
                       <div id="row3Chart4" style="width: 98%;height:200px;" />
-                    </dv-border-box-8>
+                    </dv-border-box-12>
                     <div class="Indexbutton">
                       <a @click="form_seeDetails('row3Chart4')">查看详情</a>
                     </div>
                   </el-col>
                 </el-row>
-              </dv-border-box-10>
+              </dv-border-box-8>
             </div>
           </div>
         </div>
@@ -632,7 +632,8 @@ export default {
       var option = {
         title: { text: '', textStyle: { color: '#769cfc' }},
         tooltip: { trigger: 'axis' },
-        color: ['#1890FF','#4CF0A7','#FFC432','#F14863'],
+        // ['#1890FF','#4CF0A7','#FFC432','#F14863']
+        color: ['#769cfc', '#19fa60', '#ff9733', '#ffff00'],
         grid: { left: '3%', right: '13%', top: '15%', bottom: '4%', containLabel: true },
         legend: {
           data: ['迄今预算', '今年实际', '去年同期实际', '单头牛实际'], textStyle: { color: '#fff' }
@@ -646,7 +647,7 @@ export default {
             splitLine: {
               show: true,
               lineStyle:{
-                color: ['#102A6C'], width: 1, type: 'solid'
+                // color: ['#102A6C'], width: 1, type: 'solid'
               }
             }
           },
@@ -706,7 +707,7 @@ export default {
       var option = {
         title: { text: '', textStyle: { color: '#769cfc' }},
         tooltip: { trigger: 'axis' },
-        color: ['#1890FF','#4CF0A7','#F14863'],
+        color: ['#769cfc', '#19fa60', '#ffff00'],
         grid: { left: '3%', right: '13%', top: '15%', bottom: '4%', containLabel: true },
         legend: {
           data: ['设备指标迄今预算', '设备指标迄今实际', '完成率'], textStyle: { color: '#fff'}
@@ -719,7 +720,7 @@ export default {
             splitLine: {
               show: true,
               lineStyle:{
-                color: ['#102A6C'], width: 1, type: 'solid'
+                // color: ['#102A6C'], width: 1, type: 'solid'
               }
             }
           },
@@ -855,13 +856,13 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color:['#1890FF','#4CF0A7','#FFC432','#F14863'],
+        color:['#769cfc', '#19fa60', '#ff9733', '#ffff00'],
         grid: { left: '3%', right: '10%', bottom: '4%', containLabel: true },
         xAxis: [{ type: 'category', name: '时间', nameTextStyle: { padding: [0, 0, -20, -30] }, data: chart_data1.data1, axisLabel: { interval: 0 }, axisLine: { lineStyle: { color: '#fff' }}}],
         yAxis: [{ type: 'value', name: '百万', axisLabel: { formatter: '{value}' }, axisLine: { lineStyle: { color: '#fff', width: 1 }},splitLine: {
               show: true,
               lineStyle:{
-                color: ['#102A6C'], width: 1, type: 'solid'
+                // color: ['#102A6C'], width: 1, type: 'solid'
               }
             }}],
         series: [
@@ -915,13 +916,13 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#1890FF','#4CF0A7','#FFC432','#F14863'],
+        color: ['#769cfc', '#19fa60', '#ff9733', '#ffff00'],
         grid: { left: '3%', right: '10%', bottom: '4%', containLabel: true },
         xAxis: [{ type: 'category', name: '时间', nameTextStyle: { padding: [0, 0, -20, -30] }, data: chart_data1.data1, axisLabel: { interval: 0 }, axisLine: { lineStyle: { color: '#fff' }}}],
         yAxis: [{ type: 'value', name: '百万', axisLabel: { formatter: '{value}' }, axisLine: { lineStyle: { color: '#fff', width: 1 }},splitLine: {
               show: true,
               lineStyle:{
-                color: ['#102A6C'], width: 1, type: 'solid'
+                // color: ['#102A6C'], width: 1, type: 'solid'
               }
             }}],
         series: [
@@ -975,13 +976,13 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#1890FF','#4CF0A7','#FFC432','#F14863'],
+        color: ['#769cfc', '#19fa60', '#ff9733', '#ffff00'],
         grid: { left: '3%', right: '10%', bottom: '4%', containLabel: true },
         xAxis: [{ type: 'category', name: '时间', nameTextStyle: { padding: [0, 0, -20, -30] }, data: chart_data1.data1, axisLabel: { interval: 0 }, axisLine: { lineStyle: { color: '#fff' }}}],
         yAxis: [{ type: 'value', name: '百万', axisLabel: { formatter: '{value}' }, axisLine: { lineStyle: { color: '#fff', width: 1 }},splitLine: {
               show: true,
               lineStyle:{
-                color: ['#102A6C'], width: 1, type: 'solid'
+                // color: ['#102A6C'], width: 1, type: 'solid'
               }
             }}],
         series: [
@@ -1035,13 +1036,13 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#1890FF','#4CF0A7','#FFC432','#F14863'],
+        color: ['#769cfc', '#19fa60', '#ff9733', '#ffff00'],
         grid: { left: '3%', right: '10%', bottom: '4%', containLabel: true },
         xAxis: [{ type: 'category', name: '时间', nameTextStyle: { padding: [0, 0, -20, -30] }, data: chart_data1.data1, axisLabel: { interval: 0 }, axisLine: { lineStyle: { color: '#fff' }}}],
         yAxis: [{ type: 'value', name: '百万', axisLabel: { formatter: '{value}' }, axisLine: { lineStyle: { color: '#fff', width: 1 }},splitLine: {
               show: true,
               lineStyle:{
-                color: ['#102A6C'], width: 1, type: 'solid'
+                // color: ['#102A6C'], width: 1, type: 'solid'
               }
             }}],
         series: [