【修改】收入分类统计饼图增加收入分析

src/views/dashboard/IncomeSortEcharts.vue

@@ -3,8 +3,9 @@
   <div class="container">
     <div class="title">收入分类统计 </div>
     <div class="operator">
-      <span @click="toggleEcharts('allMoney')" class="operator-left"  :class="{'active':activeIndex === 'allMoney'}">合同额</span>
-      <span @click="toggleEcharts('confirmAmount')" class="operator-right" :class="{'active':activeIndex === 'confirmAmount'}">收入额</span>
+      <span @click="toggleEcharts('income')" class="operator-left"  :class="{'active':activeIndex === 'income'}">收入分析</span>
+      <span @click="toggleEcharts('allMoney')" class="operator-left"  :class="{'active':activeIndex === 'allMoney'}">应收</span>
+      <span @click="toggleEcharts('confirmAmount')" class="operator-right" :class="{'active':activeIndex === 'confirmAmount'}">确收</span>
     </div>
     <div  class="echarts-box" id="incomeSort"> </div>
     <!--   表格区域beign -->
@@ -77,7 +78,7 @@ export default {
   name: 'IncomeSortEcharts',
   data() {
     return {
-      activeIndex:'allMoney',
+      activeIndex:'income',
       echartsInstace:null,
       columns,
       url:{
@@ -105,7 +106,8 @@ export default {
       }
       let typeEnum = {
         allMoney:1,
-        confirmAmount:2
+        confirmAmount:2,
+        income:3
       }
       getAction(this.url.list,{type:typeEnum[this.activeIndex]}).then(res =>{
         if(res.success){
@@ -273,18 +275,19 @@ export default {
   align-items: center;
   right: 20px;
   top: 20px;
-  width: 120px;
+  width: 180px;
   height: 35px;
   line-height: 35px;
   border: 1px solid #069F99;
   border-radius: 4px;
   cursor: pointer;
   &-left {
-    width: 50%;
+    width: 33.3%;
     text-align: center;
+    border-right: 1px solid #069F99;
   }
   &-right {
-    width: 50%;
+    width: 33.3%;
     text-align: center;
   }
 }