更新了首页

src/views/dashboard/editor/index.vue

@@ -97,22 +97,9 @@
                   维修费
                 </div>
                 <div class="small-title">
-                  单头牛实际:  一中心:<span>0.62</span>   二中心:<span>0.62</span> 三中心:<span>0.62</span>
+                  单头牛实际:  集团:<span>0.62</span> 一中心:<span>0.62</span>   二中心:<span>0.62</span> 三中心:<span>0.62</span>
                 </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
-                  <!-- <el-col :span="8" style="padding:0 0 0 10px;">
-                    <div class="contentLeft">
-                      <div>
-                        <b>预算</b><span>{{ row3.chart1.list.data1 }}元</span>
-                        <b>实际</b><span>{{ row3.chart1.list.data2 }}元</span>
-                        <b>单头牛实际</b><span>{{ row3.chart1.list.data3 }}元</span>
-                      </div>
-                    </div>
-                    <div class="Indexbutton">
-                      <a @click="form_seeDetails('row3Chart1')">查看详情</a>
-                    </div>
-                  </el-col> -->
-
                   <el-col :span="24" style="padding:0 10px 0 10px ;">
                     <dv-border-box-12 :dur="-1" style="height:200px;">
                       <div id="row3Chart1" style="width: 98%;height:200px;" />
@@ -131,25 +118,13 @@
                   水费
                 </div>
                 <div class="small-title">
-                  单头牛实际:  一中心:<span>0.62</span>   二中心:<span>0.62</span> 三中心:<span>0.62</span>
+                  单头牛实际:  集团:<span>0.62</span> 一中心:<span>0.62</span>   二中心:<span>0.62</span> 三中心:<span>0.62</span>
                 </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
-                  <!-- <el-col :span="8" style="padding:0 0 0 10px;">
-                    <div class="contentLeft">
-                      <div>
-                        <b>预算</b><span>{{ row3.chart2.list.data1 }}元</span>
-                        <b>实际</b><span>{{ row3.chart2.list.data2 }}元</span>
-                        <b>单头牛实际</b><span>{{ row3.chart2.list.data3 }}元</span>
-                      </div>
-                    </div>
-                    <div class="Indexbutton">
-                      <a @click="form_seeDetails('row3Chart2')">查看详情</a>
-                    </div>
-                  </el-col> -->
                   <el-col :span="24" style="padding:0 10px 0 10px ;">
-                    <dv-border-box-8 :dur="-1" style="height:200px;">
+                    <dv-border-box-12 :dur="-1" 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>
@@ -163,24 +138,18 @@
                   <svg-icon icon-class="电量分析" />
                   电费
                 </div>
+                <div class="small-title">
+                  单头牛实际:  集团:<span>0.62</span> 一中心:<span>0.62</span>   二中心:<span>0.62</span> 三中心:<span>0.62</span>
+                </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
-                  <el-col :span="8" style="padding:0 0 0 10px;">
-                    <div class="contentLeft">
-                      <div>
-                        <b>预算</b><span>{{ row3.chart3.list.data1 }}元</span>
-                        <b>实际</b><span>{{ row3.chart3.list.data2 }}元</span>
-                        <b>单头牛实际</b><span>{{ row3.chart3.list.data3 }}元</span>
-                      </div>
-                    </div>
+                  <el-col :span="24" style="padding:0 10px 0 10px ;">
+                    <dv-border-box-12 :dur="-1" style="height:200px;">
+                      <div id="row3Chart3" style="width: 98%;height:200px;" />
+                    </dv-border-box-12>
                     <div class="Indexbutton">
                       <a @click="form_seeDetails('row3Chart3')">查看详情</a>
                     </div>
                   </el-col>
-                  <el-col :span="16" style="padding:0 10px 0 0 ;">
-                    <dv-border-box-8 :dur="-1" style="height:200px;">
-                      <div id="row3Chart3" style="width: 100%;height:200px;" />
-                    </dv-border-box-8>
-                  </el-col>
                 </el-row>
               </dv-border-box-8>
             </div>
@@ -190,24 +159,18 @@
                   <svg-icon icon-class="燃动分析" />
                   燃动费
                 </div>
+                <div class="small-title">
+                  单头牛实际:  集团:<span>0.62</span> 一中心:<span>0.62</span>   二中心:<span>0.62</span> 三中心:<span>0.62</span>
+                </div>
                 <el-row :gutter="5" style="height:260px;color: #fff;">
-                  <el-col :span="8" style="padding:0 0 0 10px;">
-                    <div class="contentLeft">
-                      <div>
-                        <b>预算</b><span>{{ row3.chart4.list.data1 }}元</span>
-                        <b>实际</b><span>{{ row3.chart4.list.data2 }}元</span>
-                        <b>单头牛实际</b><span>{{ row3.chart4.list.data3 }}元</span>
-                      </div>
-                    </div>
+                  <el-col :span="24" style="padding:0 10px 0 10px;">
+                    <dv-border-box-12 :dur="-1" style="height:200px;">
+                      <div id="row3Chart4" style="width: 98%;height:200px;" />
+                    </dv-border-box-12>
                     <div class="Indexbutton">
                       <a @click="form_seeDetails('row3Chart4')">查看详情</a>
                     </div>
                   </el-col>
-                  <el-col :span="16" style="padding:0 10px 0 0 ;">
-                    <dv-border-box-8 :dur="-1" style="height:200px;">
-                      <div id="row3Chart4" style="width: 100%;height:200px;" />
-                    </dv-border-box-8>
-                  </el-col>
                 </el-row>
               </dv-border-box-8>
             </div>
@@ -811,9 +774,8 @@ export default {
         tooltip: { trigger: 'axis' },
         legend: {
           data: [
-            { name: '今年预算', icon: 'circle' },
+            { name: '迄今预算', icon: 'circle' },
             { name: '今年实际', icon: 'circle' },
-            { name: '今年内控', icon: 'circle' },
             { name: '去年同期实际', icon: 'circle' }
           ],
           itemWidth: 5,
@@ -822,13 +784,13 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#2dc0e8', '#769cfc', '#e69cfc', '#FFB800'],
+        color: ['#769cfc','#19FA60','#FF9733'],
         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 }}}],
         series: [
           {
-            name: '今年预算',
+            name: '迄今预算',
             textStyle: {
               fontSize: 12,
               fontWeight: 'bolder',
@@ -844,12 +806,6 @@ export default {
             barWidth: 10,
             data: chart_data1.data3,
             emphasis: { label: { show: true, position: 'inside' }}
-          }, {
-            name: '今年内控',
-            type: 'bar',
-            barWidth: 10,
-            data: chart_data1.data4,
-            emphasis: { label: { show: true, position: 'inside' }}
           }, {
             name: '去年同期实际',
             type: 'bar',
@@ -896,9 +852,8 @@ export default {
         tooltip: { trigger: 'axis' },
         legend: {
           data: [
-            { name: '今年预算', icon: 'circle' },
+            { name: '迄今预算', icon: 'circle' },
             { name: '今年实际', icon: 'circle' },
-            { name: '今年内控', icon: 'circle' },
             { name: '去年同期实际', icon: 'circle' }
           ],
           itemWidth: 5,
@@ -907,13 +862,13 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#2dc0e8', '#769cfc', '#e69cfc', '#FFB800'],
+        color: ['#769cfc','#19FA60','#FF9733'],
         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 }}}],
         series: [
           {
-            name: '今年预算',
+            name: '迄今预算',
             textStyle: {
               fontSize: 12,
               fontWeight: 'bolder',
@@ -929,13 +884,7 @@ export default {
             barWidth: 10,
             data: chart_data1.data3,
             emphasis: { label: { show: true, position: 'inside' }}
-          }, {
-            name: '今年内控',
-            type: 'bar',
-            barWidth: 10,
-            data: chart_data1.data4,
-            emphasis: { label: { show: true, position: 'inside' }}
-          }, {
+          },{
             name: '去年同期实际',
             type: 'bar',
             barWidth: 10,
@@ -981,9 +930,8 @@ export default {
         tooltip: { trigger: 'axis' },
         legend: {
           data: [
-            { name: '今年预算', icon: 'circle' },
+            { name: '迄今预算', icon: 'circle' },
             { name: '今年实际', icon: 'circle' },
-            { name: '今年内控', icon: 'circle' },
             { name: '去年同期实际', icon: 'circle' }
           ],
           itemWidth: 5,
@@ -992,7 +940,7 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#2dc0e8', '#769cfc', '#e69cfc', '#FFB800'],
+        color: ['#769cfc','#19FA60','#FF9733'],
         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 }}}],
@@ -1014,12 +962,6 @@ export default {
             barWidth: 10,
             data: chart_data1.data3,
             emphasis: { label: { show: true, position: 'inside' }}
-          }, {
-            name: '今年内控',
-            type: 'bar',
-            barWidth: 10,
-            data: chart_data1.data4,
-            emphasis: { label: { show: true, position: 'inside' }}
           }, {
             name: '去年同期实际',
             type: 'bar',
@@ -1065,9 +1007,8 @@ export default {
         tooltip: { trigger: 'axis' },
         legend: {
           data: [
-            { name: '今年预算', icon: 'circle' },
+            { name: '迄今预算', icon: 'circle' },
             { name: '今年实际', icon: 'circle' },
-            { name: '今年内控', icon: 'circle' },
             { name: '去年同期实际', icon: 'circle' }
           ],
           itemWidth: 5,
@@ -1076,7 +1017,7 @@ export default {
           y: 10,
           textStyle: { color: '#fff', fontSize: '10' }
         },
-        color: ['#2dc0e8', '#769cfc', '#e69cfc', '#FFB800'],
+        color: ['#769cfc','#19FA60','#FF9733'],
         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 }}}],
@@ -1098,12 +1039,6 @@ export default {
             barWidth: 10,
             data: chart_data1.data3,
             emphasis: { label: { show: true, position: 'inside' }}
-          }, {
-            name: '今年内控',
-            type: 'bar',
-            barWidth: 10,
-            data: chart_data1.data4,
-            emphasis: { label: { show: true, position: 'inside' }}
           }, {
             name: '去年同期实际',
             type: 'bar',