From ca6b62e6f66c1953869d691fec31d1791ec787ea Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 12 Aug 2020 15:14:38 +0800
Subject: [PATCH 01/12] =?UTF-8?q?=E6=94=B6=E5=85=A5=E6=94=B9=E9=80=A0?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 221 ++++++++++++++-----------------
 1 file changed, 97 insertions(+), 124 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 9e679c4c5..ad54c08af 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -1,60 +1,40 @@
 <template>
   <div class="user-income-container">
-    <div class="user-income-info bg-white mt10" id="date-picker">
-      <!-- 时间选择 -->
-      <van-cell class="date-picker green" :value="value" @click="showDatePicker = true" title="  "
-        ><span class="green fs14">{{ selectedDate | timeFormat }}</span> <img class="w10 h8 ml10" src="@/assets/images/date_picker.png" alt=""
-      /></van-cell>
-      <!-- 收入展示面板 -->
-      <div class="user-income-display justify-content-a flex mt16 pl20 pr20 pb20">
-        <div class="user-income-display-unit h90 w155 fwb bg-green-dark white pt15 pl15 radius5">
-          <p class="user-income-display-title fs16">当月应发 (元)</p>
-          <p class="user-income-display-amount fs26 mt15">{{ monthShouldPay || 0 | moneyFormat }}</p>
-        </div>
-        <div class="user-income-display-unit w155 fwb bg-blue-dark white pt15 pl15 radius5">
-          <p class="user-income-display-title fs16">当月实发 (元)</p>
-          <p class="user-income-display-amount fs26 mt15">{{ monthActualPay || 0 | moneyFormat }}</p>
-        </div>
+    <van-sticky>
+      <div class="titleBar pt20 pl20 pr20" style="display: flex;">
+        <van-button round color="#e9332f" size="mini">当月</van-button>
+        <span class="ml10" style="font-size: 14px;" @click="showDatePicker = true">选择日期</span>
       </div>
-    </div>
-    <!-- echarts tab 栏 -->
-    <div class="user-income-echarts-tab mt10 absolute bottom0 top165">
-      <div>
-        <!-- tab 栏 -->
-        <van-tabs v-model="active" @change="tabChange">
-          <van-tab title="收入明细"> </van-tab>
-          <van-tab title="加扣款明细">
-            <van-cell-group>
-              <van-cell title="税前加扣款合计 (元)" class="gray"
-                ><span class="black">{{ paymentInfo.totalPreTaxDeductions || 0 | moneyFormat }}</span>
-              </van-cell>
-              <van-cell title="算税加扣款 (元)" class="gray"
-                ><span class="black">{{ paymentInfo.taxationPlusDeduction || 0 | moneyFormat }}</span>
-              </van-cell>
-              <van-cell title="税后加扣款 (元)" class="gray"
-                ><span class="black">{{ paymentInfo.totalCurTaxDeductions || 0 | moneyFormat }}</span>
-              </van-cell>
-            </van-cell-group>
-          </van-tab>
-        </van-tabs>
-        <!-- 图表展示 -->
-        <div v-show="echartsShow">
-          <div class="user-income-echarts-wrapper bg-white">
-            <div class="user-income-echarts" ref="echarts" style="width: 375px;height: 200px;"></div>
-          </div>
-          <!-- 数据展示 -->
-          <van-collapse v-model="activeNames" class="user-income-collape-data mt10" v-if="rewardInfoList.length > 0">
-            <van-collapse-item :border="false" :title="item.benefit" class="p0 fwb " :name="index + 1" v-for="(item, index) in rewardInfoList" :key="index">
-              <div class="ph15" v-for="(ele, idx) in item.rewards" :key="idx">
-                <van-cell class="collapse-item-info pl0 gray fw500" :border="false" :title="ele.value">
-                  <span class="black">{{ ele.money }}</span>
-                </van-cell>
+      <van-row>
+        <van-col span="24">
+          <div class="user-income-info bg-white pt10" id="date-picker">
+            <!-- 收入展示面板 -->
+            <div class="user-income-display justify-content-s flex mt16 pl20 pr20 pb20">
+              <div class="user-income-display-unit h90 w155 fwb bg-green-dark white pt15 pl15 radius5">
+                <p class="user-income-display-title fs16">当月应发 (元)</p>
+                <p class="user-income-display-amount fs26 mt15">{{ monthShouldPay || 0 | moneyFormat }}</p>
               </div>
-            </van-collapse-item>
-          </van-collapse>
-        </div>
-      </div>
-    </div>
+              <div class="user-income-display-unit w155 fwb bg-blue-dark white pt15 pl15 radius5">
+                <p class="user-income-display-title fs16">当月实发 (元)</p>
+                <p class="user-income-display-amount fs26 mt15">{{ monthActualPay || 0 | moneyFormat }}</p>
+              </div>
+            </div>
+          </div>
+        </van-col>
+      </van-row>
+
+      <!-- 收入标题 -->
+      <van-row class="moneyTitle">
+        <van-col class="text-center" span="12">收入项目</van-col>
+        <van-col class="text-center" span="12">金额(元)</van-col>
+      </van-row>
+    </van-sticky>
+
+    <!-- 输入具体内容 -->
+    <van-row class="moneyContent" v-for="(item, index) in moneyData" :key="index">
+      <van-col class="text-center" span="12">{{ item.payRollMoney }}</van-col>
+      <van-col class="text-center" span="12">{{ item.payRollName }}</van-col>
+    </van-row>
 
     <!-- 日期选择 -->
     <van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
@@ -72,41 +52,15 @@
 
 <script>
 // import echarts from 'echarts'
-import { Collapse, CollapseItem, Cell, CellGroup, DatetimePicker, Popup, Row, Col, Tab, Tabs } from 'vant'
+import { Sticky, List, Button, Collapse, CollapseItem, Cell, CellGroup, DatetimePicker, Popup, Row, Col, Tab, Tabs } from 'vant'
 import { getAgentIncome } from '@/api/ebiz/my/my.js'
 export default {
   data() {
     return {
-      // option: {
-      //   tooltip: {
-      //     trigger: 'item',
-      //     formatter: '{a} <br/>{b} : {c} ({d}%)'
-      //   },
-      //   series: [
-      //     {
-      //       name: '访问来源',
-      //       type: 'pie',
-      //       radius: '80%',
-      //       color: ['#ccffff', '#9a99ff', '#993365', '#ffffcb'],
-      //       // data: [{ value: 800, name: '销售收益' }, { value: 200, name: '增员收益' }, { value: 500, name: '管理利益' }, { value: 1200, name: '育成收益' }],
-      //       data: [],
-      //       itemStyle: {
-      //         borderWidth: 2, // 饼图块之间的缝隙
-      //         borderColor: '#000', // 饼图块之间缝隙的颜色
-      //         emphasis: {
-      //           shadowBlur: 10,
-      //           shadowOffsetX: 0,
-      //           shadowColor: 'rgba(0, 0, 0, 0.5)'
-      //         }
-      //       },
-      //       label: {
-      //         normal: {
-      //           show: false // 不显示指标
-      //         }
-      //       }
-      //     }
-      //   ]
-      // },
+      moneyData: [],
+      list: [],
+      loading: false,
+      finished: false,
       option: {
         tooltip: {
           trigger: 'item',
@@ -127,33 +81,6 @@ export default {
             return str
           }
         },
-        // series: [
-        //   {
-        //     name: '标题',
-        //     type: 'pie',
-        //     // center: ['35%', '50%'],
-        //     radius: ['40%', '75%'],
-        //     clockwise: false, //饼图的扇区是否是顺时针排布
-        //     avoidLabelOverlap: false,
-        //     label: {
-        //       normal: {
-        //         show: true,
-        //         // position: 'outter',
-        //         formatter: function(parms) {
-        //           return parms.data.legendname
-        //         }
-        //       }
-        //     },
-        //     labelLine: {
-        //       normal: {
-        //         length: 5,
-        //         length2: 3,
-        //         smooth: true
-        //       }
-        //     },
-        //     data: []
-        //   }
-        // ]
         series: [
           {
             name: '收入明细',
@@ -189,13 +116,6 @@ export default {
                 }
               }
             }
-            // labelLine: {
-            //   normal: {
-            //     length: 5,
-            //     length2: 3,
-            //     smooth: true
-            //   }
-            // }
           }
         ]
       },
@@ -220,11 +140,11 @@ export default {
   },
   mounted() {
     // 基于准备好的dom，初始化echarts实例
-    this.myChart = echarts.init(this.$refs.echarts)
+    // this.myChart = echarts.init(this.$refs.echarts)
     // 绘制图表
-    this.myChart.setOption(this.option)
+    // this.myChart.setOption(this.option)
     // 设置背景颜色
-    document.body.style.backgroundColor = '#fff'
+    // document.body.style.backgroundColor = '#fff'
   },
   beforeRouteLeave(to, from, next) {
     document.body.style.backgroundColor = ''
@@ -237,12 +157,30 @@ export default {
     [CellGroup.name]: CellGroup,
     [DatetimePicker.name]: DatetimePicker,
     [Popup.name]: Popup,
-    [Row.anme]: Row,
+    [Row.name]: Row,
     [Col.name]: Col,
     [Tab.name]: Tab,
-    [Tabs.name]: Tabs
+    [Tabs.name]: Tabs,
+    [Button.name]: Button,
+    [List.name]: List,
+    [Sticky.name]: Sticky
   },
   methods: {
+    onLoad() {
+      setTimeout(() => {
+        for (let i = 0; i < 10; i++) {
+          this.list.push(this.list.length + 1)
+        }
+
+        // 加载状态结束
+        this.loading = false
+
+        // 数据全部加载完成
+        if (this.list.length >= 40) {
+          this.finished = true
+        }
+      }, 1000)
+    },
     onDateConfirm(val) {
       // 确认选中的时间
       this.selectedDate = val
@@ -261,9 +199,25 @@ export default {
       console.log(monthDate)
       // 获取代理人收入明细
       const res = await getAgentIncome({
-        monthDate
+        monthDate: '202007',
+        userModel: {
+          agentCom: '',
+          branchType: '1',
+          comName: '',
+          id: 'A864501000072',
+          manageComCode: '86450101',
+          manageComName: '国富人寿保险股份有限公司南宁市青秀营销服务部',
+          mobile: '13377177152',
+          name: '韦辉',
+          system: '1',
+          userType: 1
+        }
       })
       console.log(res)
+      if (res) {
+        this.moneyData = res.wageList
+        return
+      }
       if (res.result == 0) {
         // 当月实收
         this.monthActualPay = res.monthActualPay
@@ -365,6 +319,25 @@ export default {
 </script>
 
 <style lang="scss">
+.titleBar {
+  background-color: #fff;
+}
+
+.user-income-container {
+  background-color: #fff;
+}
+
+.moneyTitle {
+  color: red;
+  background-color: #fceced;
+}
+
+.moneyTitle,
+.moneyContent {
+  line-height: 3em;
+  border-bottom: 1px solid #ebedf0;
+}
+
 .user-income-container {
   .collapse-item-info,
   .van-collapse-item__title {

From 44b79ae7c059ebe3212960324d08805bd39f6298 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 12 Aug 2020 15:29:53 +0800
Subject: [PATCH 02/12] =?UTF-8?q?=E6=94=B6=E5=85=A5=E6=94=B9=E9=80=A0?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 49 ++++++++++++++++++++++----------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index ad54c08af..889b5b172 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -1,23 +1,21 @@
 <template>
   <div class="user-income-container">
     <van-sticky>
-      <div class="titleBar pt20 pl20 pr20" style="display: flex;">
+      <div class="titleBar">
         <van-button round color="#e9332f" size="mini">当月</van-button>
         <span class="ml10" style="font-size: 14px;" @click="showDatePicker = true">选择日期</span>
       </div>
       <van-row>
         <van-col span="24">
-          <div class="user-income-info bg-white pt10" id="date-picker">
+          <div id="date-picker">
             <!-- 收入展示面板 -->
-            <div class="user-income-display justify-content-s flex mt16 pl20 pr20 pb20">
-              <div class="user-income-display-unit h90 w155 fwb bg-green-dark white pt15 pl15 radius5">
-                <p class="user-income-display-title fs16">当月应发 (元)</p>
-                <p class="user-income-display-amount fs26 mt15">{{ monthShouldPay || 0 | moneyFormat }}</p>
-              </div>
-              <div class="user-income-display-unit w155 fwb bg-blue-dark white pt15 pl15 radius5">
-                <p class="user-income-display-title fs16">当月实发 (元)</p>
-                <p class="user-income-display-amount fs26 mt15">{{ monthActualPay || 0 | moneyFormat }}</p>
-              </div>
+            <div class="moneyWrapper">
+              <p class="">当月应发 (元)</p>
+              <p class="moneyNum">{{ monthShouldPay || 0 | moneyFormat }}</p>
+            </div>
+            <div class="moneyWrapper">
+              <p class="">当月实发 (元)</p>
+              <p class="moneyNum" style="color: red;">{{ monthActualPay || 0 | moneyFormat }}</p>
             </div>
           </div>
         </van-col>
@@ -129,7 +127,7 @@ export default {
       active: 2,
       echartsShow: true, // 展示 echarts 对应的 tab 栏
       monthActualPay: '', // 当月实付
-      monthShouldPay: '', // 当月应付
+      monthShouldPay: 7340, // 当月应付
       rewardInfoList: [], // 收益明细
       paymentInfo: {} // 加扣款明细
     }
@@ -321,6 +319,30 @@ export default {
 <style lang="scss">
 .titleBar {
   background-color: #fff;
+  padding: 1em;
+}
+
+#date-picker {
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  margin: 1em 0;
+}
+
+.moneyWrapper {
+  width: 40%;
+  padding: 1em;
+  border: 1px solid #d7d7d7;
+}
+
+.moneyWrapper:first-child {
+  border-right: none;
+}
+
+.moneyNum {
+  font-size: 20px;
+  font-weight: bold;
+  margin: 0.5em 0;
 }
 
 .user-income-container {
@@ -381,7 +403,4 @@ export default {
     }
   }
 }
-#date-picker .van-cell:not(:last-child)::after {
-  border-bottom: 1px solid transparent;
-}
 </style>

From 1843b96a2a57674da10ea3b139f9969e5d4b4476 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 12 Aug 2020 16:31:28 +0800
Subject: [PATCH 03/12] =?UTF-8?q?=E6=A0=B7=E5=BC=8F,=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ebiz/my/my.js            |  2 +-
 src/views/ebiz/my/UserIncome.vue | 29 ++++++++++++++++++-----------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/api/ebiz/my/my.js b/src/api/ebiz/my/my.js
index d12f9a84f..0aacdfd21 100644
--- a/src/api/ebiz/my/my.js
+++ b/src/api/ebiz/my/my.js
@@ -41,7 +41,7 @@ export function getAgentInfo(data) {
 export function getAgentIncome(data) {
   return request({
     // url: getUrl('/agent/income/info', 0),
-    url: getUrl('/agent/agent/income/info', 1),
+    url: getUrl('/agent/agentTransform/income/info', 1),
     method: 'post',
     data
   })
diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 889b5b172..770065ea8 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -5,7 +5,7 @@
         <van-button round color="#e9332f" size="mini">当月</van-button>
         <span class="ml10" style="font-size: 14px;" @click="showDatePicker = true">选择日期</span>
       </div>
-      <van-row>
+      <van-row class="stickyContent">
         <van-col span="24">
           <div id="date-picker">
             <!-- 收入展示面板 -->
@@ -30,8 +30,8 @@
 
     <!-- 输入具体内容 -->
     <van-row class="moneyContent" v-for="(item, index) in moneyData" :key="index">
-      <van-col class="text-center" span="12">{{ item.payRollMoney }}</van-col>
       <van-col class="text-center" span="12">{{ item.payRollName }}</van-col>
+      <van-col class="text-center" span="12">{{ item.payRollMoney }}</van-col>
     </van-row>
 
     <!-- 日期选择 -->
@@ -49,9 +49,9 @@
 </template>
 
 <script>
-// import echarts from 'echarts'
 import { Sticky, List, Button, Collapse, CollapseItem, Cell, CellGroup, DatetimePicker, Popup, Row, Col, Tab, Tabs } from 'vant'
 import { getAgentIncome } from '@/api/ebiz/my/my.js'
+import formatter from '@/assets/js/utils/date-utils.js'
 export default {
   data() {
     return {
@@ -126,15 +126,21 @@ export default {
       currentDate: new Date(),
       active: 2,
       echartsShow: true, // 展示 echarts 对应的 tab 栏
-      monthActualPay: '', // 当月实付
-      monthShouldPay: 7340, // 当月应付
+      monthActualPay: 0, // 当月实付
+      monthShouldPay: 0, // 当月应付
       rewardInfoList: [], // 收益明细
       paymentInfo: {} // 加扣款明细
     }
   },
   created() {
-    const monthDate = this.$options.filters.timeFormat(this.currentDate, 'YYYYDD')
-    this.getIncomeInfo(monthDate)
+    // let currentMonth = formatter.formatDate(new Date(), 'YYYYMM')
+    // this.getIncomeInfo(currentMonth)
+    for (let i = 0; i < 20; i++) {
+      this.moneyData.push({
+        payRollMoney: 1000,
+        payRollName: 'xxxx'
+      })
+    }
   },
   mounted() {
     // 基于准备好的dom，初始化echarts实例
@@ -144,10 +150,6 @@ export default {
     // 设置背景颜色
     // document.body.style.backgroundColor = '#fff'
   },
-  beforeRouteLeave(to, from, next) {
-    document.body.style.backgroundColor = ''
-    next()
-  },
   components: {
     [Collapse.name]: Collapse,
     [CollapseItem.name]: CollapseItem,
@@ -317,6 +319,10 @@ export default {
 </script>
 
 <style lang="scss">
+.stickyContent {
+  background-color: #fff;
+}
+
 .titleBar {
   background-color: #fff;
   padding: 1em;
@@ -346,6 +352,7 @@ export default {
 }
 
 .user-income-container {
+  min-height: 100vh;
   background-color: #fff;
 }
 

From 55fa014cf2145eaec079004ee86fc5f16ac0fc6a Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Wed, 12 Aug 2020 17:01:01 +0800
Subject: [PATCH 04/12] =?UTF-8?q?=E6=94=B6=E5=85=A5=E6=94=B9=E9=80=A0?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 97 +++++---------------------------
 1 file changed, 13 insertions(+), 84 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 770065ea8..ad6be200e 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -3,7 +3,8 @@
     <van-sticky>
       <div class="titleBar">
         <van-button round color="#e9332f" size="mini">当月</van-button>
-        <span class="ml10" style="font-size: 14px;" @click="showDatePicker = true">选择日期</span>
+        <span class="ml10" style="font-size: 14px; margin: 0 .5em; vertical-align: middle;" @click="showDatePicker = true">选择日期</span>
+        <van-icon style="vertical-align: middle;" name="calender-o" @click="showDatePicker = true" />
       </div>
       <van-row class="stickyContent">
         <van-col span="24">
@@ -29,9 +30,11 @@
     </van-sticky>
 
     <!-- 输入具体内容 -->
-    <van-row class="moneyContent" v-for="(item, index) in moneyData" :key="index">
-      <van-col class="text-center" span="12">{{ item.payRollName }}</van-col>
-      <van-col class="text-center" span="12">{{ item.payRollMoney }}</van-col>
+    <van-row class="moneyContent">
+      <van-col class="text-center" span="12">首年度佣金</van-col>
+      <van-col class="text-center" span="12">xxx</van-col>
+      <van-col class="text-center" span="12">续年度服务津贴</van-col>
+      <van-col class="text-center" span="12">xxx</van-col>
     </van-row>
 
     <!-- 日期选择 -->
@@ -55,6 +58,7 @@ import formatter from '@/assets/js/utils/date-utils.js'
 export default {
   data() {
     return {
+      wageData: null,
       moneyData: [],
       list: [],
       loading: false,
@@ -133,14 +137,8 @@ export default {
     }
   },
   created() {
-    // let currentMonth = formatter.formatDate(new Date(), 'YYYYMM')
-    // this.getIncomeInfo(currentMonth)
-    for (let i = 0; i < 20; i++) {
-      this.moneyData.push({
-        payRollMoney: 1000,
-        payRollName: 'xxxx'
-      })
-    }
+    let currentMonth = formatter.formatDate(new Date(), 'YYYYMM')
+    this.getIncomeInfo(currentMonth)
   },
   mounted() {
     // 基于准备好的dom，初始化echarts实例
@@ -196,79 +194,10 @@ export default {
       this.showDatePicker = false
     },
     async getIncomeInfo(monthDate) {
-      console.log(monthDate)
-      // 获取代理人收入明细
-      const res = await getAgentIncome({
-        monthDate: '202007',
-        userModel: {
-          agentCom: '',
-          branchType: '1',
-          comName: '',
-          id: 'A864501000072',
-          manageComCode: '86450101',
-          manageComName: '国富人寿保险股份有限公司南宁市青秀营销服务部',
-          mobile: '13377177152',
-          name: '韦辉',
-          system: '1',
-          userType: 1
-        }
+      let data = await getAgentIncome({
+        monthDate
       })
-      console.log(res)
-      if (res) {
-        this.moneyData = res.wageList
-        return
-      }
-      if (res.result == 0) {
-        // 当月实收
-        this.monthActualPay = res.monthActualPay
-        // 当月应收
-        this.monthShouldPay = res.monthShouldPay
-        // 收益列表
-        this.rewardInfoList = res.rewardInfoList
-        // 加扣款明细
-        this.paymentInfo = res.paymentInfo
-        // 处理一下收益名称和钱的格式
-        this.rewardInfoList.forEach(element => {
-          element.rewards.forEach(item => {
-            item.value += '( 元 )'
-            item.money = this.$options.filters.moneyFormat(item.money)
-          })
-        })
-
-        // 各收益项的和
-        let optionData = []
-        this.rewardInfoList.forEach((item, index) => {
-          optionData[index] = {}
-          optionData[index].legendname = item.benefit
-          optionData[index].value = 0
-          item.rewards.forEach(ele => {
-            optionData[index].value += parseInt(ele.money)
-          })
-        })
-        console.log(optionData)
-        this.option.series[0].data = optionData
-        // 给图表对应的值,重新初始化图表
-        let newOption = this.option
-        newOption.series[0].data = optionData
-        this.myChart.setOption(newOption)
-      } else {
-        // 当月实收
-        this.monthActualPay = 0
-        // 当月应收
-        this.monthShouldPay = 0
-        // 收益列表
-        this.rewardInfoList = []
-        // 加扣款明细
-        this.paymentInfo = {
-          taxationPlusDeduction: 0,
-          totalPreTaxDeductions: 0,
-          totalCurTaxDeductions: 0
-        }
-        // 给图表对应的值,重新初始化图表
-        let newOption = this.option
-        newOption.series[0].data = []
-        this.myChart.setOption(newOption)
-      }
+      console.log(data)
     },
     tabChange(val) {
       // tab 栏切换时触发

From 34c9f2b49e8bd97ad33391a19a36f99d2049680b Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Thu, 13 Aug 2020 16:31:03 +0800
Subject: [PATCH 05/12] =?UTF-8?q?=E6=94=B6=E5=85=A5=E6=94=B9=E9=80=A0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 55 +++++++++++++++-----------------
 1 file changed, 25 insertions(+), 30 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index ad6be200e..c9d289294 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -30,23 +30,16 @@
     </van-sticky>
 
     <!-- 输入具体内容 -->
-    <van-row class="moneyContent">
-      <van-col class="text-center" span="12">首年度佣金</van-col>
-      <van-col class="text-center" span="12">xxx</van-col>
-      <van-col class="text-center" span="12">续年度服务津贴</van-col>
-      <van-col class="text-center" span="12">xxx</van-col>
-    </van-row>
+    <div class="moneyContent">
+      <div class="payRoll" v-for="item in list" :key="item.payRollCode">
+        <div class="payRollName">{{ item.payRollName }}</div>
+        <div class="payRollMoney">{{ item.payRollMoney }}</div>
+      </div>
+    </div>
 
     <!-- 日期选择 -->
     <van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
-      <van-datetime-picker
-        v-model="selectedDate"
-        type="year-month"
-        :formatter="formatter"
-        @confirm="onDateConfirm"
-        @cancel="onDateCancel"
-        :max-date="currentDate"
-      />
+      <van-datetime-picker v-model="selectedDate" type="year-month" @confirm="onDateConfirm" @cancel="onDateCancel" :max-date="currentDate" />
     </van-popup>
   </div>
 </template>
@@ -54,7 +47,7 @@
 <script>
 import { Sticky, List, Button, Collapse, CollapseItem, Cell, CellGroup, DatetimePicker, Popup, Row, Col, Tab, Tabs } from 'vant'
 import { getAgentIncome } from '@/api/ebiz/my/my.js'
-import formatter from '@/assets/js/utils/date-utils.js'
+import Formatter from '@/assets/js/utils/date-utils.js'
 export default {
   data() {
     return {
@@ -137,7 +130,7 @@ export default {
     }
   },
   created() {
-    let currentMonth = formatter.formatDate(new Date(), 'YYYYMM')
+    let currentMonth = Formatter.formatDate(new Date(), 'YYYYMM')
     this.getIncomeInfo(currentMonth)
   },
   mounted() {
@@ -182,35 +175,31 @@ export default {
     onDateConfirm(val) {
       // 确认选中的时间
       this.selectedDate = val
-      console.log(val)
       const monthDate = this.$options.filters.timeFormat(val, 'YYYYDD')
       this.getIncomeInfo(monthDate)
-      console.log(monthDate)
       this.showDatePicker = false
     },
     onDateCancel() {
       // 取消时间选择
-      console.log('取消了')
       this.showDatePicker = false
     },
     async getIncomeInfo(monthDate) {
+      this.monthShouldPay = 0
+      this.monthActualPay = 0
+      this.list.splice(0)
       let data = await getAgentIncome({
         monthDate
       })
-      console.log(data)
+      if (data && data.content.wageList) {
+        this.monthShouldPay = data.content.wageList[0].payRollMoney
+        this.monthActualPay = data.content.wageList[1].payRollMoney
+        this.list = data.content.wageList.splice(2)
+      }
+      console.dir(this.list)
     },
     tabChange(val) {
       // tab 栏切换时触发
       this.echartsShow = val != 1
-    },
-    formatter(type, value) {
-      // 格式化时间
-      if (type === 'year') {
-        return `${value}`
-      } else if (type === 'month') {
-        return `${value}`
-      }
-      return value
     }
   },
   filters: {
@@ -240,7 +229,6 @@ export default {
     //   while (str.length <= pointIdx + 2) {
     //     str += '0'
     //   }
-    //   console.log(str)
     //   return str
     // }
   }
@@ -248,6 +236,13 @@ export default {
 </script>
 
 <style lang="scss">
+.payRoll {
+  padding: 0.25em 0.5em;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #d7d7d7;
+}
+
 .stickyContent {
   background-color: #fff;
 }

From 58007a79946998af74843bc95df2e9c2a711bcae Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Thu, 13 Aug 2020 17:40:09 +0800
Subject: [PATCH 06/12] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=9A=82=E6=97=A0?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index c9d289294..3a8fde9a1 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -2,8 +2,10 @@
   <div class="user-income-container">
     <van-sticky>
       <div class="titleBar">
-        <van-button round color="#e9332f" size="mini">当月</van-button>
-        <span class="ml10" style="font-size: 14px; margin: 0 .5em; vertical-align: middle;" @click="showDatePicker = true">选择日期</span>
+        <van-button round color="#e9332f" size="mini" @click="searchCurrentMonth">当月</van-button>
+        <span class="ml10" style="font-size: 14px; margin: 0 .5em; vertical-align: middle;" @click="showDatePicker = true">
+          {{ searchMonth ? searchMonth : '选择日期' }}
+        </span>
         <van-icon style="vertical-align: middle;" name="calender-o" @click="showDatePicker = true" />
       </div>
       <van-row class="stickyContent">
@@ -30,12 +32,16 @@
     </van-sticky>
 
     <!-- 输入具体内容 -->
-    <div class="moneyContent">
+    <div class="moneyContent" v-if="list.length !== 0">
       <div class="payRoll" v-for="item in list" :key="item.payRollCode">
         <div class="payRollName">{{ item.payRollName }}</div>
         <div class="payRollMoney">{{ item.payRollMoney }}</div>
       </div>
     </div>
+    <div v-else class="text-center">
+      <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+      <div class="fs15 c-gray-dark mt40">暂无数据</div>
+    </div>
 
     <!-- 日期选择 -->
     <van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
@@ -51,6 +57,7 @@ import Formatter from '@/assets/js/utils/date-utils.js'
 export default {
   data() {
     return {
+      searchMonth: '',
       wageData: null,
       moneyData: [],
       list: [],
@@ -157,6 +164,9 @@ export default {
     [Sticky.name]: Sticky
   },
   methods: {
+    searchCurrentMonth() {
+      this.onDateConfirm(new Date())
+    },
     onLoad() {
       setTimeout(() => {
         for (let i = 0; i < 10; i++) {
@@ -174,8 +184,8 @@ export default {
     },
     onDateConfirm(val) {
       // 确认选中的时间
-      this.selectedDate = val
-      const monthDate = this.$options.filters.timeFormat(val, 'YYYYDD')
+      this.searchMonth = Formatter.formatDate(val, 'yyyy-MM')
+      const monthDate = Formatter.formatDate(val, 'yyyyMM')
       this.getIncomeInfo(monthDate)
       this.showDatePicker = false
     },
@@ -187,6 +197,7 @@ export default {
       this.monthShouldPay = 0
       this.monthActualPay = 0
       this.list.splice(0)
+      this.$toast.loading('加载中...')
       let data = await getAgentIncome({
         monthDate
       })
@@ -195,7 +206,6 @@ export default {
         this.monthActualPay = data.content.wageList[1].payRollMoney
         this.list = data.content.wageList.splice(2)
       }
-      console.dir(this.list)
     },
     tabChange(val) {
       // tab 栏切换时触发

From 75ece6f5219be7143e2c4bf00570421239e8d758 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Fri, 14 Aug 2020 09:41:37 +0800
Subject: [PATCH 07/12] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 3a8fde9a1..339d03f25 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -183,6 +183,7 @@ export default {
       }, 1000)
     },
     onDateConfirm(val) {
+      this.selectedDate = val
       // 确认选中的时间
       this.searchMonth = Formatter.formatDate(val, 'yyyy-MM')
       const monthDate = Formatter.formatDate(val, 'yyyyMM')
@@ -204,7 +205,7 @@ export default {
       if (data && data.content.wageList) {
         this.monthShouldPay = data.content.wageList[0].payRollMoney
         this.monthActualPay = data.content.wageList[1].payRollMoney
-        this.list = data.content.wageList.splice(2)
+        this.list = data.content.wageList.slice(2)
       }
     },
     tabChange(val) {
@@ -247,10 +248,16 @@ export default {
 
 <style lang="scss">
 .payRoll {
-  padding: 0.25em 0.5em;
+  padding: 0 0.25em;
   display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid #d7d7d7;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.payRollName,
+.payRollMoney {
+  font-size: 14px;
+  flex: 1;
+  text-align: center;
 }
 
 .stickyContent {
@@ -272,7 +279,7 @@ export default {
 .moneyWrapper {
   width: 40%;
   padding: 1em;
-  border: 1px solid #d7d7d7;
+  border: 1px solid #e7e7e7;
 }
 
 .moneyWrapper:first-child {
@@ -301,6 +308,10 @@ export default {
   border-bottom: 1px solid #ebedf0;
 }
 
+.moneyContent {
+  padding-bottom: 70px;
+}
+
 .user-income-container {
   .collapse-item-info,
   .van-collapse-item__title {

From b6a597da13c57ad263527c80bed5028e6d361d63 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Fri, 14 Aug 2020 15:19:08 +0800
Subject: [PATCH 08/12] =?UTF-8?q?=E4=BF=AE=E6=94=B9loading=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 339d03f25..28b8f1d21 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -198,7 +198,11 @@ export default {
       this.monthShouldPay = 0
       this.monthActualPay = 0
       this.list.splice(0)
-      this.$toast.loading('加载中...')
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner'
+      })
       let data = await getAgentIncome({
         monthDate
       })

From 497278f8b9204c8acff132773e03793923ef672e Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Mon, 17 Aug 2020 14:11:10 +0800
Subject: [PATCH 09/12] =?UTF-8?q?=E6=97=A5=E6=9C=9F=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 28b8f1d21..c3088f55f 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -137,7 +137,7 @@ export default {
     }
   },
   created() {
-    let currentMonth = Formatter.formatDate(new Date(), 'YYYYMM')
+    let currentMonth = Formatter.formatDate(new Date(), 'yyyyMM')
     this.getIncomeInfo(currentMonth)
   },
   mounted() {

From 6cafd478685cb8cf9919cc7cbe14b14001398854 Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Thu, 20 Aug 2020 10:31:05 +0800
Subject: [PATCH 10/12] =?UTF-8?q?=E6=94=B6=E5=85=A5=E6=9B=B2=E7=BA=BF?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 118 ++++++++++++++++++++++++-------
 1 file changed, 91 insertions(+), 27 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index c3088f55f..b4db7594f 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -31,7 +31,7 @@
       </van-row>
     </van-sticky>
 
-    <!-- 输入具体内容 -->
+    <!-- 收入具体内容 -->
     <div class="moneyContent" v-if="list.length !== 0">
       <div class="payRoll" v-for="item in list" :key="item.payRollCode">
         <div class="payRollName">{{ item.payRollName }}</div>
@@ -40,9 +40,14 @@
     </div>
     <div v-else class="text-center">
       <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
-      <div class="fs15 c-gray-dark mt40">暂无数据</div>
+      <div class="fs15 c-gray-dark mt40">暂无收入数据</div>
     </div>
 
+    <van-divider v-if="list.length === 0" class="data-divider" />
+
+    <!-- 收入曲线图 -->
+    <div class="incomeChart" ref="incomeChart"></div>
+
     <!-- 日期选择 -->
     <van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
       <van-datetime-picker v-model="selectedDate" type="year-month" @confirm="onDateConfirm" @cancel="onDateCancel" :max-date="currentDate" />
@@ -51,9 +56,10 @@
 </template>
 
 <script>
-import { Sticky, List, Button, Collapse, CollapseItem, Cell, CellGroup, DatetimePicker, Popup, Row, Col, Tab, Tabs } from 'vant'
+import { Sticky, List, Button, Collapse, CollapseItem, Cell, CellGroup, DatetimePicker, Popup, Row, Col, Tab, Tabs, Divider } from 'vant'
 import { getAgentIncome } from '@/api/ebiz/my/my.js'
 import Formatter from '@/assets/js/utils/date-utils.js'
+import echarts from 'echarts'
 export default {
   data() {
     return {
@@ -133,7 +139,74 @@ export default {
       monthActualPay: 0, // 当月实付
       monthShouldPay: 0, // 当月应付
       rewardInfoList: [], // 收益明细
-      paymentInfo: {} // 加扣款明细
+      paymentInfo: {}, // 加扣款明细
+      incomeChart: null,
+      incomeOption: {
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          },
+          formatter: function(params) {
+            console.log(params)
+            return 'sssss'
+          }
+        },
+        title: {
+          text: '收入曲线图'
+        },
+        xAxis: {
+          type: 'category',
+          name: '月份',
+          nameTextStyle: {
+            fontSize: 10
+          },
+          axisLabel: {
+            fontSize: 10
+          },
+          data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
+          boundaryGap: false
+        },
+        yAxis: {
+          type: 'value',
+          name: '收入(元)',
+          nameTextStyle: {
+            fontSize: 10
+          },
+          axisLabel: {
+            fontSize: 10
+          },
+          splitLine: false
+        },
+        series: [
+          {
+            data: [820, 932, 901, 634, 1290, 1330, 820, 322, 843, 1209, 432, 812],
+            type: 'line',
+            smooth: true,
+            areaStyle: {
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: 'rgba(255,0,0,0.9)'
+                  },
+                  {
+                    offset: 1,
+                    color: 'rgba(255,0,0,0.3)'
+                  }
+                ],
+                global: false
+              }
+            }
+          }
+        ],
+        color: ['#ff0000']
+      }
     }
   },
   created() {
@@ -141,12 +214,8 @@ export default {
     this.getIncomeInfo(currentMonth)
   },
   mounted() {
-    // 基于准备好的dom，初始化echarts实例
-    // this.myChart = echarts.init(this.$refs.echarts)
-    // 绘制图表
-    // this.myChart.setOption(this.option)
-    // 设置背景颜色
-    // document.body.style.backgroundColor = '#fff'
+    this.incomeChart = echarts.init(this.$refs.incomeChart)
+    this.incomeChart.setOption(this.incomeOption)
   },
   components: {
     [Collapse.name]: Collapse,
@@ -161,27 +230,13 @@ export default {
     [Tabs.name]: Tabs,
     [Button.name]: Button,
     [List.name]: List,
-    [Sticky.name]: Sticky
+    [Sticky.name]: Sticky,
+    [Divider.name]: Divider
   },
   methods: {
     searchCurrentMonth() {
       this.onDateConfirm(new Date())
     },
-    onLoad() {
-      setTimeout(() => {
-        for (let i = 0; i < 10; i++) {
-          this.list.push(this.list.length + 1)
-        }
-
-        // 加载状态结束
-        this.loading = false
-
-        // 数据全部加载完成
-        if (this.list.length >= 40) {
-          this.finished = true
-        }
-      }, 1000)
-    },
     onDateConfirm(val) {
       this.selectedDate = val
       // 确认选中的时间
@@ -251,6 +306,14 @@ export default {
 </script>
 
 <style lang="scss">
+.incomeChart {
+  height: 40vh;
+}
+
+.data-divider {
+  margin: 2em;
+}
+
 .payRoll {
   padding: 0 0.25em;
   display: flex;
@@ -313,7 +376,8 @@ export default {
 }
 
 .moneyContent {
-  padding-bottom: 70px;
+  padding-bottom: 2em;
+  border-bottom: none;
 }
 
 .user-income-container {

From 9ebbfaebf273d143e2927c4b6e81c5faa5e4f33a Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Thu, 20 Aug 2020 11:12:32 +0800
Subject: [PATCH 11/12] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index b4db7594f..581e00ca9 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -148,8 +148,7 @@ export default {
             type: 'shadow'
           },
           formatter: function(params) {
-            console.log(params)
-            return 'sssss'
+            return `${params[0].axisValue}月<br/>${params[0].value}元`
           }
         },
         title: {
@@ -161,9 +160,18 @@ export default {
           nameTextStyle: {
             fontSize: 10
           },
+          axisLine: {
+            lineStyle: {
+              color: '#888'
+            }
+          },
           axisLabel: {
+            color: '#888',
             fontSize: 10
           },
+          axisTick: {
+            show: false
+          },
           data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
           boundaryGap: false
         },
@@ -174,8 +182,17 @@ export default {
             fontSize: 10
           },
           axisLabel: {
+            color: '#888',
             fontSize: 10
           },
+          axisLine: {
+            lineStyle: {
+              color: '#888'
+            }
+          },
+          axisTick: {
+            show: false
+          },
           splitLine: false
         },
         series: [

From 42e18e2a775c283641f0f01814b07c61c134fd6b Mon Sep 17 00:00:00 2001
From: mengxiaolong <meng.xiaolong@ebiz-digits.com>
Date: Thu, 20 Aug 2020 11:21:17 +0800
Subject: [PATCH 12/12] =?UTF-8?q?=E5=B1=8F=E8=94=BD=E6=94=B6=E5=85=A5?=
 =?UTF-8?q?=E6=9B=B2=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/my/UserIncome.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/ebiz/my/UserIncome.vue b/src/views/ebiz/my/UserIncome.vue
index 581e00ca9..3724ab2eb 100644
--- a/src/views/ebiz/my/UserIncome.vue
+++ b/src/views/ebiz/my/UserIncome.vue
@@ -43,10 +43,10 @@
       <div class="fs15 c-gray-dark mt40">暂无收入数据</div>
     </div>
 
-    <van-divider v-if="list.length === 0" class="data-divider" />
+    <!-- <van-divider v-if="list.length === 0" class="data-divider" /> -->
 
     <!-- 收入曲线图 -->
-    <div class="incomeChart" ref="incomeChart"></div>
+    <!-- <div class="incomeChart" ref="incomeChart"></div> -->
 
     <!-- 日期选择 -->
     <van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
@@ -231,8 +231,8 @@ export default {
     this.getIncomeInfo(currentMonth)
   },
   mounted() {
-    this.incomeChart = echarts.init(this.$refs.incomeChart)
-    this.incomeChart.setOption(this.incomeOption)
+    // this.incomeChart = echarts.init(this.$refs.incomeChart)
+    // this.incomeChart.setOption(this.incomeOption)
   },
   components: {
     [Collapse.name]: Collapse,