团队营收 图表

src/components/FinancialModule/DataAnalysis/components/Echart/ActualRateChange.vue

+<template>
+  <div class="echartsBox">
+    <div class="titleBox row">
+      <h3>月度实际利率变化趋势图 %</h3>
+      <div style="margin-left: 20px;">
+
+
+      </div>
+    </div>
+    <div style="background: #fff;">
+      <div id="ActualMyEchart" class="allMyEchartBox" ></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props:['msg','StatisticalData'],
+  data() {
+    return {
+      MonthList: [],//月份列表
+      LineAnalysisData: [],//各线路统计
+      CostAnalysisData: [],//各成本统计
+      colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
+      'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
+      'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
+    }
+  },
+  watch: {
+    StatisticalData:{
+      handler(n,o){
+        this.MonthList = n.MonthList//月份列表
+        this.LineAnalysisData = n.LineAnalysisData//各线路统计
+        this.CostAnalysisData = n.CostAnalysisData//各成本统计
+
+        this.getEchart()
+      },
+      deep: true,
+      immediate: false,
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    getEchart(){
+      let datas = []
+      let titles = []
+      let Stocklegend = {}
+      let Newobj = {}
+      this.LineAnalysisData.forEach((x,indexs)=>{
+        let Name = `${x.Name}`
+        titles.push(Name)
+        let obj = {
+          name: Name,
+          type: 'line',
+          showSymbol: true,
+          smooth: true,
+          symbolSize: 1,
+          data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)})	// 绑定实时数据数组
+        }
+        datas.push(obj)
+        if(indexs>7){
+          let name=x.Name;
+          Newobj[name]=false;
+        }
+        Stocklegend=Newobj;
+      })
+      let chartDom = document.getElementById('ActualMyEchart','light');
+      let myChart = this.$echarts.init(chartDom);
+      let option
+      option = {
+        color:this.colorList,
+        legend: {
+          x:'left',
+          y:'bottom',
+          type:'scroll',
+          icon: "circle",
+          padding:  [5, 30, 20, 30] ,
+          data: titles,
+          selected: Stocklegend
+        },
+        grid: {
+            left: 15, // 默认10%，给24就挺合适的。
+            top: 30, // 默认60
+            right: 45, // 默认10%
+            bottom: 70, // 默认60
+            containLabel: true
+          },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          nameTextStyle: {
+            fontWeight: 600,
+            fontSize: 18
+          },
+          axisLine: {
+            lineStyle: {
+              // 设置x轴颜色
+              color: "transparent"
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              color: "#333333"
+            }
+          },
+          data: this.MonthList
+        },
+        yAxis : [
+            {
+              type : 'value',
+              axisLine: {
+                lineStyle: {
+                  // 设置x轴颜色
+                  color: "transparent",
+                  width: 1,
+                }
+              },
+              axisLabel: {
+                textStyle: {
+                  color: "#969696"
+                }
+              },
+              splitLine:{
+              show:true,
+                lineStyle:{
+                    // type:'dashed'
+                    color:'#EEEEEE',
+                  }
+              }
+            }
+        ],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            lineStyle: {
+              type: 'dashed',
+              color: "#ddd"
+            }
+          }
+        },
+        dataZoom: [
+          {
+            type: 'inside'
+          }
+        ],
+        series:datas
+      }
+
+      myChart.setOption(option,true)	// echarts设置初始化选项
+    },
+
+  }
+}
+</script>
+
+<style>
+
+</style>

src/components/FinancialModule/DataAnalysis/components/Echart/ChangeProportion.vue

+<template>
+  <div class="echartsBox">
+    <div class="titleBox text-center row">
+      <h3>各费用项收入占比变化趋势图</h3>
+      <div style="margin-left: 20px;">
+
+
+      </div>
+    </div>
+    <div style="background: #fff;">
+      <div id="PropMyEchart" class="allMyEchartBox"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props:['msg','StatisticalData'],
+  data() {
+    return {
+      MonthList: [],//月份列表
+      JapanAllData: [],
+      JapanXBData: [],
+      JapanSPData: [],
+      MaoLiAnalysisData: [],
+      SJLLAnalysisData: [],
+      RoomAnalysisData: [],
+      colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
+      'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
+      'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
+    }
+  },
+  watch: {
+    StatisticalData:{
+      handler(n,o){
+        this.MonthList = n.MonthList//月份列表
+        this.JapanAllData = n.JapanAllData
+        this.JapanXBData = n.JapanXBData
+        this.JapanSPData = n.JapanSPData
+        this.MaoLiAnalysisData = n.MaoLiAnalysisData
+        this.SJLLAnalysisData = n.SJLLAnalysisData
+        this.RoomAnalysisData = n.RoomAnalysisData
+        this.getEchart()
+      },
+      deep: true,
+      immediate: false,
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    getEchart(){
+      let datas = []
+      let titles = []
+      let Stocklegend = {}
+      let Newobj = {}
+      this.JapanSPData.forEach((x,indexs)=>{
+        let Name = `${x.Name.indexOf('率')==-1?x.Name:x.Name+'%'}`
+        titles.push(Name)
+        let obj = {
+          name: Name,
+          type: 'line',
+          showSymbol: true,
+          smooth: true,
+          symbolSize: 1,
+          data: x.MonthData	// 绑定实时数据数组
+        }
+        datas.push(obj)
+        if(indexs>8){
+          let name=x.Name;
+          Newobj[name]=false;
+        }
+        Stocklegend=Newobj;
+      })
+      let chartDom = document.getElementById('PropMyEchart','light');
+      let myChart = this.$echarts.init(chartDom);
+      let option
+      option = {
+        color:this.colorList,
+        legend: {
+          x:'left',
+          y:'bottom',
+          type:'scroll',
+          icon: "circle",
+          padding:  [5, 30, 20, 30] ,
+          data: titles,
+          selected: Stocklegend
+        },
+        grid: {
+            left: 15, // 默认10%，给24就挺合适的。
+            top: 30, // 默认60
+            right: 45, // 默认10%
+            bottom: 70, // 默认60
+            containLabel: true
+          },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          nameTextStyle: {
+            fontWeight: 600,
+            fontSize: 18
+          },
+          axisLine: {
+            lineStyle: {
+              // 设置x轴颜色
+              color: "transparent"
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              color: "#333333"
+            }
+          },
+          data: this.MonthList
+        },
+        yAxis : [
+            {
+              type : 'value',
+              axisLine: {
+                lineStyle: {
+                  // 设置x轴颜色
+                  color: "transparent",
+                  width: 1,
+                }
+              },
+              axisLabel: {
+                textStyle: {
+                  color: "#969696"
+                }
+              },
+              splitLine:{
+              show:true,
+                lineStyle:{
+                    // type:'dashed'
+                    color:'#EEEEEE',
+                  }
+              }
+            }
+        ],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            lineStyle: {
+              type: 'dashed',
+              color: "#ddd"
+            }
+          }
+        },
+        dataZoom: [
+          {
+            type: 'inside'
+          }
+        ],
+        series:datas
+      }
+
+      myChart.setOption(option,true)
+    },
+
+  }
+}
+</script>
+
+<style>
+
+</style>

src/components/FinancialModule/DataAnalysis/components/Echart/IncomeChange.vue

+<template>
+  <div class="echartsBox">
+    <div class="titleBox row">
+      <h3>月度收入变化趋势图 %</h3>
+      <div style="margin-left: 20px;">
+
+
+      </div>
+    </div>
+    <div style="background: #fff;">
+      <div id="myEchart" class="allMyEchartBox" ></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props:['msg','StatisticalData'],
+  data() {
+    return {
+      MonthList: [],//月份列表
+      LineAnalysisData: [],//各线路统计
+      CostAnalysisData: [],//各成本统计
+      colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
+      'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
+      'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
+    }
+  },
+  watch: {
+    StatisticalData:{
+      handler(n,o){
+        this.MonthList = n.MonthList//月份列表
+        this.LineAnalysisData = n.LineAnalysisData//各线路统计
+        this.CostAnalysisData = n.CostAnalysisData//各成本统计
+
+        this.getEchart()
+      },
+      deep: true,
+      immediate: false,
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    getEchart(){
+      let datas = []
+      let titles = []
+      let Stocklegend = {}
+      let Newobj = {}
+      this.LineAnalysisData.forEach((x,indexs)=>{
+        let Name = `${x.Name}`
+        titles.push(Name)
+        let obj = {
+          name: Name,
+          type: 'line',
+          showSymbol: true,
+          smooth: true,
+          symbolSize: 1,
+          data: x.DetailList.map(y=>{return y.IncomeRate.toFixed(2)})	// 绑定实时数据数组
+        }
+        datas.push(obj)
+        if(indexs>4){
+          let name=x.Name;
+          Newobj[name]=false;
+        }
+        Stocklegend=Newobj;
+      })
+      let chartDom = document.getElementById('myEchart','light');
+      let myChart = this.$echarts.init(chartDom);
+      let option
+      option = {
+        color:this.colorList,
+        legend: {
+          x:'left',
+          y:'bottom',
+          type:'scroll',
+          icon: "circle",
+          padding:  [5, 30, 20, 30] ,
+          data: titles,
+          selected: Stocklegend
+        },
+        grid: {
+            left: 15, // 默认10%，给24就挺合适的。
+            top: 30, // 默认60
+            right: 45, // 默认10%
+            bottom: 70, // 默认60
+            containLabel: true
+          },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          nameTextStyle: {
+            fontWeight: 600,
+            fontSize: 18
+          },
+          axisLine: {
+            lineStyle: {
+              // 设置x轴颜色
+              color: "transparent"
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              color: "#333333"
+            }
+          },
+          data: this.MonthList
+        },
+        yAxis : [
+            {
+              type : 'value',
+              axisLine: {
+                lineStyle: {
+                  // 设置x轴颜色
+                  color: "transparent",
+                  width: 1,
+                }
+              },
+              axisLabel: {
+                textStyle: {
+                  color: "#969696"
+                }
+              },
+              splitLine:{
+              show:true,
+                lineStyle:{
+                    // type:'dashed'
+                    color:'#EEEEEE',
+                  }
+              }
+            }
+        ],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            lineStyle: {
+              type: 'dashed',
+              color: "#ddd"
+            }
+          }
+        },
+        dataZoom: [
+          {
+            type: 'inside'
+          }
+        ],
+        series:datas
+      }
+
+      myChart.setOption(option,true)	// echarts设置初始化选项
+    },
+
+  }
+}
+</script>
+
+<style>
+
+</style>

src/components/FinancialModule/DataAnalysis/components/Echart/IncomeShare.vue

+<template>
+  <div class="echartsBox">
+    <div class="titleBox" style="position: relative;">
+      <h3>月度收入占比 %</h3>
+      <div style="margin-left: 20px;position: absolute;top: 5px;left: 140px;">
+        <el-select v-model="CurrentMonth" @change="getEchart">
+          <el-option
+            v-for="item in MonthList"
+            :label="item"
+            :value="item"
+            :key="item"
+          ></el-option>
+        </el-select>
+
+      </div>
+    </div>
+    <div style="background: #fff;">
+      <div id="ShareMyEchart" class="allMyEchartBox" ></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props:['msg','StatisticalData'],
+  data() {
+    return {
+      MonthList: [],//月份列表
+      LineAnalysisData: [],//各线路统计
+      CostAnalysisData: [],//各成本统计
+      colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
+      'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
+      'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
+      CurrentMonth: null
+    }
+  },
+  watch: {
+    StatisticalData:{
+      handler(n,o){
+        this.MonthList = n.MonthList//月份列表
+        this.LineAnalysisData = n.LineAnalysisData//各线路统计
+        this.CostAnalysisData = n.CostAnalysisData//各成本统计
+        this.CurrentMonth = this.MonthList[0]
+        this.getEchart()
+      },
+      deep: true,
+      immediate: false,
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    getEchart(){
+      let datas = [{
+        name: this.CurrentMonth,
+        type: 'pie',
+        radius: '50%',
+        data: [], // 绑定实时数据数组
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 5,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.5)'
+          }
+        }
+      }]
+      let titles = []
+      let Stocklegend = {}
+      let Newobj = {}
+      this.LineAnalysisData.forEach((x,indexs)=>{
+        let Name = `${x.Name}`
+          titles.push(Name)
+
+          let newDetailList = []
+          x.DetailList.forEach(y=>{
+            if(y.Month==this.CurrentMonth) {
+              newDetailList.push(y)
+            }
+          })
+          if(newDetailList.length>0){
+            newDetailList.forEach((y,index)=>{
+              datas[0].data.push({
+                value: y.IncomeRate,
+                name: x.Name,
+              })
+
+            })
+          }
+
+
+        // if(indexs>3){
+        //   let name=x.Name;
+        //   Newobj[name]=false;
+        // }
+        // Stocklegend=Newobj;
+      })
+      let chartDom = document.getElementById('ShareMyEchart');
+      let myChart = this.$echarts.init(chartDom);
+      let option
+      option = {
+        color:this.colorList,
+        tooltip: {
+          trigger: 'item'
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left',
+          padding:  [25, 30, 20, 20] ,
+          selected: Stocklegend
+        },
+        series: datas
+      }
+
+      myChart.setOption(option,true)	// echarts设置初始化选项
+    },
+
+  }
+}
+</script>
+
+<style>
+
+</style>

src/components/FinancialModule/DataAnalysis/components/Echart/WoolRateChange.vue

+<template>
+  <div class="echartsBox">
+    <div class="titleBox row">
+      <h3>月度毛利率变化趋势图 %</h3>
+      <div style="margin-left: 20px;">
+
+
+      </div>
+    </div>
+    <div style="background: #fff;">
+      <div id="WoolMyEchart" class="allMyEchartBox" ></div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  props:['msg','StatisticalData'],
+  data() {
+    return {
+      MonthList: [],//月份列表
+      LineAnalysisData: [],//各线路统计
+      CostAnalysisData: [],//各成本统计
+      colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
+      'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
+      'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
+    }
+  },
+  watch: {
+    StatisticalData:{
+      handler(n,o){
+        this.MonthList = n.MonthList//月份列表
+        this.LineAnalysisData = n.LineAnalysisData//各线路统计
+        this.CostAnalysisData = n.CostAnalysisData//各成本统计
+
+        this.getEchart()
+      },
+      deep: true,
+      immediate: false,
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    getEchart(){
+      let datas = []
+      let titles = []
+      let Stocklegend = {}
+      let Newobj = {}
+      this.LineAnalysisData.forEach((x,indexs)=>{
+        let Name = `${x.Name}`
+        titles.push(Name)
+        let obj = {
+          name: Name,
+          type: 'line',
+          showSymbol: true,
+          smooth: true,
+          symbolSize: 1,
+          data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)})	// 绑定实时数据数组
+        }
+        datas.push(obj)
+        if(indexs>4){
+          let name=x.Name;
+          Newobj[name]=false;
+        }
+        Stocklegend=Newobj;
+      })
+      let chartDom = document.getElementById('WoolMyEchart','light');
+      let myChart = this.$echarts.init(chartDom);
+      let option
+      option = {
+        color:this.colorList,
+        legend: {
+          x:'left',
+          y:'bottom',
+          type:'scroll',
+          icon: "circle",
+          padding:  [5, 30, 20, 30] ,
+          data: titles,
+          selected: Stocklegend
+        },
+        grid: {
+            left: 15, // 默认10%，给24就挺合适的。
+            top: 30, // 默认60
+            right: 45, // 默认10%
+            bottom: 70, // 默认60
+            containLabel: true
+          },
+        xAxis: {
+          type: 'category',
+          boundaryGap: false,
+          nameTextStyle: {
+            fontWeight: 600,
+            fontSize: 18
+          },
+          axisLine: {
+            lineStyle: {
+              // 设置x轴颜色
+              color: "transparent"
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              color: "#333333"
+            }
+          },
+          data: this.MonthList
+        },
+        yAxis : [
+            {
+              type : 'value',
+              axisLine: {
+                lineStyle: {
+                  // 设置x轴颜色
+                  color: "transparent",
+                  width: 1,
+                }
+              },
+              axisLabel: {
+                textStyle: {
+                  color: "#969696"
+                }
+              },
+              splitLine:{
+              show:true,
+                lineStyle:{
+                    // type:'dashed'
+                    color:'#EEEEEE',
+                  }
+              }
+            }
+        ],
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            lineStyle: {
+              type: 'dashed',
+              color: "#ddd"
+            }
+          }
+        },
+        dataZoom: [
+          {
+            type: 'inside'
+          }
+        ],
+        series:datas
+      }
+
+      myChart.setOption(option,true)	// echarts设置初始化选项
+    },
+
+  }
+}
+</script>
+
+<style>
+
+</style>

src/components/FinancialModule/DataAnalysis/components/lineChart.vue → src/components/FinancialModule/DataAnalysis/components/lineEchart.vue

@@ -48,7 +48,7 @@ export default {
       LineAnalysisData: [],//各线路统计
       CostAnalysisData: [],//各成本统计
       colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
-      '#E43939','#F79A2C','#FFF60B','#3DD948','#39CAE4','#2C31F1','#7A39E4','#E65FC1','#D0B478','#BABABA',
+      '#E43939','#F79A2C','rgba(252,196,34,.7)','#3DD948','#39CAE4','#2C31F1','#7A39E4','#E65FC1','#D0B478','#BABABA',
       'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
       Stocklegend: {},
       types:[

src/components/FinancialModule/DataAnalysis/components/packetChart.vue → src/components/FinancialModule/DataAnalysis/components/packetEchart.vue

@@ -101,7 +101,7 @@ export default {
       SJLLAnalysisData: [],
       RoomAnalysisData: [],
       colorList:['#089bab','#FFA171','#72b8ff','#ff9cc6','#7b78ff','#28cc90','#ee8fff','#5cf2ff','#ff9a00','#4fc4f7','#738eff','#b0edff',
-      'rgba(228,57,57,.9)','#F79A2C','#FFF60B','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
+      'rgba(228,57,57,.9)','rgba(248,126,46,1)','rgba(252,196,34,.7)','#3DD948','#39CAE4','rgba(44,49,241,.6)','rgba(122,57,228,.5)','#E65FC1','#D0B478','#BABABA',
       'rgba(228,57,57,.7)','rgba(247,154,44,.7)','rgba(255,246,11,.7)','rgba(61,217,72,.7)','rgba(57,202,228,.7)','rgba(44,49,241,.7)','rgba(122,57,228,.7)'],
       Current: 1,
       types:[

src/components/FinancialModule/DataAnalysis/indexChart.vue

@@ -115,19 +115,19 @@
       </ul>
     </div>
     <div v-loading="loading" style="height: 78%;overflow: auto;">
-      <LinesChart v-if="activeName=='1'" :msgData="msg" :StatisticalData="StatisticalData"></LinesChart>
-      <CorporationsChart v-if="activeName=='2'" :msgData="msg" :StatisticalData="StatisticalData"></CorporationsChart>
-      <PacketsChart v-if="activeName=='3'" :msgData="msg" :StatisticalData="StatisticalData"></PacketsChart>
+      <LinesEchart v-if="activeName=='1'" :msgData="msg" :StatisticalData="StatisticalData"></LinesEchart>
+      <CorporationsEchart v-if="activeName=='2'" :msgData="msg" :StatisticalData="StatisticalData"></CorporationsEchart>
+      <PacketsEchart v-if="activeName=='3'" :msgData="msg" :StatisticalData="StatisticalData"></PacketsEchart>
     </div>
   </div>
 </template>
 
 <script>
-import LinesChart from "./components/lineChart.vue";
-import CorporationsChart from "./components/corporationChart.vue";
-import PacketsChart from "./components/packetChart.vue";
+import LinesEchart from "./components/lineEchart.vue";
+import CorporationsEchart from "./components/corporationEchart.vue";
+import PacketsEchart from "./components/packetEchart.vue";
 export default {
-  components: {LinesChart,CorporationsChart,PacketsChart},
+  components: {LinesEchart,CorporationsEchart,PacketsEchart},
   data() {
     return {
       coinGetShow: false,

src/router/config.js

@@ -4564,6 +4564,14 @@ export default {
             { //财务 团队营收数据分析图表
               path: '/DataAnalysisChart',
               name: 'DataAnalysisChart',
+              component: resolve => require(['@/components/FinancialModule/DataAnalysis/allEchart'], resolve),
+              meta: {
+                title: '团队营收数据分析图表'
+              },
+            },
+            { //财务 团队营收数据分析图表 参照
+              path: '/DataAnalysisEChart',
+              name: 'DataAnalysisEChart',
               component: resolve => require(['@/components/FinancialModule/DataAnalysis/indexChart'], resolve),
               meta: {
                 title: '团队营收数据分析图表'