Bladeren bron

业务大屏调整

qymljy 1 jaar geleden
bovenliggende
commit
ecf8acd18c

+ 87 - 0
src/HManagement/serviceDataScreen/components/BarCharts.vue

@@ -0,0 +1,87 @@
+<template>
+  <div :ref="refCharts" :style="{'height':heightChart}"></div>
+</template>
+
+<script>
+import {Bar} from "@antv/g2plot";
+
+export default {
+  name: "BarCharts",//双轴图
+  props:{
+    refCharts:String,
+    heightChart:String,
+    param:Object
+  },
+  data(){
+    return {
+      chartMap:[],
+      chartMapData:[],
+    }
+  },
+  methods:{
+    async chartData(init){
+      const res = await this.$api.requested(this.param)
+      this.chartMapData = res.data.map(item=>{
+        let value = this.tool.unitConversion(item.value,10000)
+        return {
+          key: item.key + '(万元)',
+          type: item.type,
+          value: value
+        }
+      })
+      if (init){
+        this.chartMap = new Bar(this.$refs[this.refCharts],{
+          data: this.chartMapData,
+          isStack: true,
+          xField: 'value',
+          yField: 'type',
+          seriesField: 'key',
+          xAxis:{
+            label:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            }
+          },
+          yAxis:{
+            value:{
+              label:{
+                style:{
+                  fill:'#CFDCE5'
+                }
+              }
+            },
+            label:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            }
+          },
+          tooltip: {
+            formatter: (datum) => {
+              return {
+                name:datum.key,
+                value:'¥'+this.tool.formatAmount(datum.value,2)
+              }
+            }
+          },
+          legend:{
+            itemName:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            },
+          }
+        });
+        this.chartMap.render()
+      }else {
+        this.chartMap.changeData(this.chartMapData)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

+ 125 - 0
src/HManagement/serviceDataScreen/components/DualAxesCharts.vue

@@ -0,0 +1,125 @@
+<template>
+  <div :ref="refCharts" :style="{'height':heightChart}"></div>
+</template>
+
+<script>
+import {DualAxes} from "@antv/g2plot";
+
+export default {
+  name: "DualAxesCharts",//双轴图
+  props:{
+    refCharts:String,
+    heightChart:String,
+    param:Object
+  },
+  data(){
+    return {
+      chartMap:[],
+      chartMapData:[],
+      tbzzl:[]
+    }
+  },
+  methods:{
+    async chartData(init){
+      const res = await this.$api.requested(this.param)
+      this.chartMapData = res.data.map(item=>{
+        let value = this.tool.unitConversion(item.oldamount,10000)
+        return {
+          "date":item.date,
+          "value":value,
+          "type":'去年同期金额(万元)'
+        }
+      })
+      let list = res.data.map(item=>{
+        let value = this.tool.unitConversion(item.amount,10000)
+        return {
+          "value":value,
+          "date":item.date,
+          "type":'本期金额(万元)',
+        }
+      })
+      this.chartMapData = this.chartMapData.concat(list)
+      this.tbzzl =  res.data.map(item=>{
+        return {
+          "date":item.date,
+          "type":'同比增长率',
+          "value":Math.round(((item.tbzzl * 100)*100)/100)
+        }
+      })
+      if (init){
+        this.chartMap = new DualAxes(this.$refs[this.refCharts],{
+          data: [this.chartMapData,this.tbzzl],
+          xField: 'date',
+          yField: ['value','value'],
+          xAxis:{
+            label:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            }
+          },
+          yAxis:{
+            value:{
+              label:{
+                style:{
+                  fill:'#CFDCE5'
+                }
+              }
+            }
+          },
+          geometryOptions: [
+            {
+              geometry: 'column',
+              isGroup: true,
+              seriesField: 'type',
+              color:['#62daab','#6395fa'],
+              // label:{
+              //   position:top,
+              //   formatter: (datum) =>{
+              //     return '¥' + this.tool.formatAmount(datum.value,2)
+              //   }
+              // }
+            },
+            {
+              geometry: 'line',
+              lineStyle: {
+                lineWidth: 2,
+              },
+              seriesField: 'type',
+              color: '#F6903D',
+              smooth: true,
+              // label:{
+              //   formatter: (datum) =>{
+              //     return  datum.value + '%'
+              //   }
+              // }
+            },
+          ],
+          tooltip: {
+            formatter: (datum) => {
+              return {
+                name:datum.type ,
+                value:datum.type != '同比增长率'?'¥'+this.tool.formatAmount(datum.value,2):datum.value + '%'
+              }
+            }
+          },
+          legend:{
+            itemName:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            },
+          }
+        });
+        this.chartMap.render()
+      }else {
+        this.chartMap.changeData([this.chartMapData,this.tbzzl])
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

+ 131 - 0
src/HManagement/serviceDataScreen/components/DualAxesLineCharts.vue

@@ -0,0 +1,131 @@
+<template>
+  <div :ref="refCharts" :style="{'height':heightChart}"></div>
+</template>
+
+<script>
+import {DualAxes} from "@antv/g2plot";
+
+export default {
+  name: "DualAxesCharts",//双轴图
+  props:{
+    refCharts:String,
+    heightChart:String,
+    param:Object
+  },
+  data(){
+    return {
+      chartMap:[],
+      chartMapData:[],
+      tbzzl:[]
+    }
+  },
+  methods:{
+    async chartData(init){
+      const res = await this.$api.requested(this.param)
+      const amount = res.data.map(item=>{
+        let value = this.tool.unitConversion(item.amount,10000)
+        return {
+          "value":value,
+          "date":item.date,
+          "type":'本期金额(万元)'
+        }
+      })
+      const oldamount = res.data.map(item=>{
+        let value = this.tool.unitConversion(item.oldamount,10000)
+        return {
+          "value":value,
+          "date":item.date,
+          "type":'去年同期金额(万元)'
+        }
+      })
+      this.chartMapData = oldamount.concat(amount)
+      const tbzzl = res.data.map(item=>{
+        return {
+          "value":Math.round(((item.tbzzl * 100)*100)/100),
+          "date":item.date,
+          "type":'同比增长率'
+        }
+      })
+      const zjl = res.data.map(item=>{
+        return {
+          "value":Math.round(((item.zjl * 100)*100)/100),
+          "date":item.date,
+          "type":'准交率'
+        }
+      })
+      this.tbzzl = tbzzl.concat(zjl)
+      if (init){
+        this.chartMap = new DualAxes(this.$refs[this.refCharts],{
+          data: [this.chartMapData,this.tbzzl],
+          xField: 'date',
+          yField: ['value','value'],
+          xAxis:{
+            label:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            }
+          },
+          yAxis:{
+            value:{
+              label:{
+                style:{
+                  fill:'#CFDCE5'
+                }
+              }
+            }
+          },
+          geometryOptions: [
+            {
+              geometry: 'column',
+              isGroup: true,
+              seriesField: 'type',
+              color:['#62daab','#6395fa'],
+              // label:{
+              //   position:top,
+              //   formatter: (datum) =>{
+              //     return '¥' + this.tool.formatAmount(datum.value,2)
+              //   }
+              // }
+            },
+            {
+              geometry: 'line',
+              isGroup: true,
+              seriesField: 'type',
+              color: ['#F6903D','#f7c122'],
+              smooth: true,
+              // label:{
+              //   formatter: (datum) =>{
+              //     return  datum.value + '%'
+              //   }
+              // }
+            },
+          ],
+          tooltip: {
+            formatter: (datum) => {
+              return {
+                name:datum.type,
+                value:datum.type == '去年同期金额(万元)' || datum.type == '本期金额(万元)'  ?'¥' + this.tool.formatAmount(datum.value,2):datum.value + '%'
+              }
+            }
+          },
+          legend:{
+            itemName:{
+              style:{
+                fill:'#CFDCE5'
+              }
+            },
+          }
+        });
+        this.chartMap.render()
+      }else {
+        this.chartMap.changeData([this.chartMapData,this.tbzzl])
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

+ 13 - 6
src/HManagement/serviceDataScreen/components/datePicker.vue

@@ -44,14 +44,21 @@ export default {
   color: #c6d6e4;
   display: inline-block;
   font-size: inherit;
-  height: 40px;
-  line-height: 40px;
+  height: 2.083vw;
+  line-height: 2.083vw;
   outline: 0;
-  padding: 0 30px !important;
+  padding: 0 1.563vw !important;
   transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
   width: 100%;
-  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #CFDCE5;
+  box-shadow: 0.000vw 0.156vw 0.313vw 0.052vw rgba(0, 0, 0, 0.16);
+  border-radius: 0.313vw 0.313vw 0.313vw 0.313vw;
+  border: 0.052vw solid #CFDCE5;
+}
+/deep/ .el-input__icon {
+  height: 100%;
+  width: 1.302vw;
+  text-align: center;
+  transition: all .3s;
+  line-height: 1.563vw;
 }
 </style>

+ 13 - 0
src/HManagement/serviceDataScreen/components/lineCharts.vue

@@ -90,6 +90,19 @@ export default {
                 fill:'#CFDCE5'
               }
             },
+            pageNavigator:{
+              marker: {
+                style: {
+                  // 非激活,不可点击态时的填充色设置
+                  inactiveFill: '#3685FC',
+                  inactiveOpacity: 0.45,
+                  // 默认填充色设置
+                  fill: '#3685FC',
+                  opacity: 0.8,
+                  size: 10,
+                },
+              },
+            }
           }
           // label:{
           //   // 可手动配置 label 数据标签位置

+ 47 - 10
src/HManagement/serviceDataScreen/index.vue

@@ -214,6 +214,7 @@ export default {
       this.person = ''
       const dataid = type == '0'?-1:this.departmentid
       this.personData()
+      this.queryAllAgainData(dataid)
     },
     /*获取新的业务员列表*/
     async personData(){
@@ -323,10 +324,22 @@ export default {
       this.$refs.panelRef.param.content.dataid = id
       this.$refs.panelRef.param.content.type = this.departmentid !== ''?1:0
       this.$refs.panelRef.param.content.where.isleave = this.isleave
+      let year = new Date().getFullYear()
       this.$refs.panelRef.paramChart.content.dataid = id
       this.$refs.panelRef.paramChart.content.type = this.departmentid !== ''?1:0
       this.$refs.panelRef.paramChart.content.where.isleave = this.isleave
-      let year = new Date().getFullYear()
+      this.$refs.panelRef.paramChart.content.year = year
+      this.$refs.panelRef.paramShipmentChart.content.dataid = id
+      this.$refs.panelRef.paramShipmentChart.content.type = this.departmentid !== ''?1:0
+      this.$refs.panelRef.paramShipmentChart.content.where.isleave = this.isleave
+      this.$refs.panelRef.paramShipmentChart.content.year = year
+      this.$refs.panelRef.paramInvoiceChart.content.dataid = id
+      this.$refs.panelRef.paramInvoiceChart.content.type = this.departmentid !== ''?1:0
+      this.$refs.panelRef.paramInvoiceChart.content.where.isleave = this.isleave
+      this.$refs.panelRef.paramInvoiceChart.content.year = year
+      this.$refs.panelRef.paramRefundChart.content.dataid = id
+      this.$refs.panelRef.paramRefundChart.content.type = this.departmentid !== ''?1:0
+      this.$refs.panelRef.paramRefundChart.content.where.isleave = this.isleave
       this.$refs.panelRef.$refs.pickerRef.value = String(year)
       this.$refs.panelRef.listData(true)
 
@@ -363,6 +376,12 @@ export default {
       this.$refs.profileRef.$refs.proTypRef.param.content.dataid = id
       this.$refs.profileRef.$refs.proTypRef.param.content.type = this.departmentid !== ''?1:0
       this.$refs.profileRef.$refs.proTypRef.param.content.where.isleave = this.isleave
+      this.$refs.profileRef.$refs.proFowRef.param.content.dataid = id
+      this.$refs.profileRef.$refs.proFowRef.param.content.type = this.departmentid !== ''?1:0
+      this.$refs.profileRef.$refs.proFowRef.param.content.where.isleave = this.isleave
+      this.$refs.profileRef.$refs.cusFowRef.param.content.dataid = id
+      this.$refs.profileRef.$refs.cusFowRef.param.content.type = this.departmentid !== ''?1:0
+      this.$refs.profileRef.$refs.cusFowRef.param.content.where.isleave = this.isleave
       let currentDate = new Date(); // 获取当前日期
       let startDate = new Date(currentDate.getFullYear(), currentDate.getMonth() ) // 计算起始日期
       let endDate = currentDate.getFullYear() +'-' + 12 // 计算起始日期
@@ -394,10 +413,22 @@ export default {
       this.$refs.panelRef.param.content.dataid = id
       this.$refs.panelRef.param.content.type = this.departmentid !== ''?1:0
       this.$refs.panelRef.param.content.where.isleave = this.isleave
+      let year = new Date().getFullYear()
       this.$refs.panelRef.paramChart.content.dataid = id
       this.$refs.panelRef.paramChart.content.type = this.departmentid !== ''?1:0
       this.$refs.panelRef.paramChart.content.where.isleave = this.isleave
-      let year = new Date().getFullYear()
+      this.$refs.panelRef.paramChart.content.year = year
+      this.$refs.panelRef.paramShipmentChart.content.dataid = id
+      this.$refs.panelRef.paramShipmentChart.content.type = this.departmentid !== ''?1:0
+      this.$refs.panelRef.paramShipmentChart.content.where.isleave = this.isleave
+      this.$refs.panelRef.paramShipmentChart.content.year = year
+      this.$refs.panelRef.paramInvoiceChart.content.dataid = id
+      this.$refs.panelRef.paramInvoiceChart.content.type = this.departmentid !== ''?1:0
+      this.$refs.panelRef.paramInvoiceChart.content.where.isleave = this.isleave
+      this.$refs.panelRef.paramInvoiceChart.content.year = year
+      this.$refs.panelRef.paramRefundChart.content.dataid = id
+      this.$refs.panelRef.paramRefundChart.content.type = this.departmentid !== ''?1:0
+      this.$refs.panelRef.paramRefundChart.content.where.isleave = this.isleave
       this.$refs.panelRef.$refs.pickerRef.value = String(year)
       this.$refs.panelRef.listData(false)
 
@@ -434,6 +465,12 @@ export default {
       this.$refs.profileRef.$refs.proTypRef.param.content.dataid = id
       this.$refs.profileRef.$refs.proTypRef.param.content.type = this.departmentid !== ''?1:0
       this.$refs.profileRef.$refs.proTypRef.param.content.where.isleave = this.isleave
+      this.$refs.profileRef.$refs.proFowRef.param.content.dataid = id
+      this.$refs.profileRef.$refs.proFowRef.param.content.type = this.departmentid !== ''?1:0
+      this.$refs.profileRef.$refs.proFowRef.param.content.where.isleave = this.isleave
+      this.$refs.profileRef.$refs.cusFowRef.param.content.dataid = id
+      this.$refs.profileRef.$refs.cusFowRef.param.content.type = this.departmentid !== ''?1:0
+      this.$refs.profileRef.$refs.cusFowRef.param.content.where.isleave = this.isleave
       let currentDate = new Date(); // 获取当前日期
       let startDate = new Date(currentDate.getFullYear(), currentDate.getMonth() ) // 计算起始日期
       let endDate = currentDate.getFullYear() +'-' + 12 // 计算起始日期
@@ -530,9 +567,9 @@ export default {
 }
 /deep/ .el-input {
   position: relative;
-  font-size: 14px;
+  font-size: 0.729vw;
   display: inline-block;
-  width: 140px;
+  width: 6.292vw;
 }
 /deep/ .el-input__inner {
   -webkit-appearance: none;
@@ -542,14 +579,14 @@ export default {
   color: #c6d6e4;
   display: inline-block;
   font-size: inherit;
-  height: 40px;
-  line-height: 40px;
+  height: 1.583vw;
+  line-height: 1.583vw;
   outline: 0;
-  padding: 0 15px;
+  padding: 0 0.781vw;
   transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
   width: 100%;
-  box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #CFDCE5;
+  box-shadow: 0.000vw 0.156vw 0.313vw 0.052vw rgba(0,0,0,0.16);
+  border-radius: 0.313vw 0.313vw 0.313vw 0.313vw;
+  border: 0.052vw solid #CFDCE5;
 }
 </style>

+ 9 - 8
src/HManagement/serviceDataScreen/modules/marketingExpenseStatistics.vue

@@ -10,9 +10,9 @@
               <el-option :label="$t('本年')" value="本年"></el-option>
             </el-select>
           </div>
-          <div v-show="btnTitle == '项目'" style="width: 16.525vw;height: 7.533vw;margin-top: 0.464vw;position: relative" ref="customerRefChar">
+          <div v-show="btnTitle == '项目'" style="width: 16.525vw;height: 6.533vw;margin-top: 0.464vw;position: relative" ref="customerRefChar">
           </div>
-          <div v-show="btnTitle == '客户'" style="width: 16.525vw;height: 7.533vw;margin-top: 0.464vw;position: relative" ref="projectRefChar">
+          <div v-show="btnTitle == '客户'" style="width: 16.525vw;height: 6.533vw;margin-top: 0.464vw;position: relative" ref="projectRefChar">
           </div>
         </div>
       </template>
@@ -56,7 +56,7 @@ export default {
       // this.mapData = res.data[0].ratio
       this.cusData = res.data[0].ratio.map(item=>{
         return {
-          "totalamount": this.totalamount,//值
+          "totalamount": res.data[0].ratio[0].total,//值
           "type": item.type,
           "rowindex": item.rowindex,
           "ratio": Math.round(((item.ratio * 100)*100)/100), //比例
@@ -93,7 +93,7 @@ export default {
             title: {
               offsetY: -4,
               style: {
-                fontSize:'0.833vw',
+                fontSize:'0.733vw',
                 color:'#E6F4FF'
               },
               content:'客户营销费用'
@@ -108,7 +108,7 @@ export default {
                 color:'#FFFFFF'
               },
               customHtml: (container, view, datum, data) => {
-                const text = this.totalamount = '¥'+this.tool.formatAmount(res.data[0].ratio[0].total/10000,2)+'万'
+                const text = '¥'+this.tool.formatAmount(this.tool.unitConversion(data[0].totalamount,10000),2)+this.$t('万')
                 return text
               },
             },
@@ -149,7 +149,7 @@ export default {
       // this.mapData = res.data[0].ratio
       this.proData = res.data[0].ratio.map(item=>{
         return {
-          "totalamount": this.totalamount,//值
+          "totalamount": res.data[0].ratio[0].total,//值
           "type": item.type,
           "rowindex": item.rowindex,
           "ratio": Math.round(((item.ratio * 100)*100)/100), //比例
@@ -186,7 +186,7 @@ export default {
             title: {
               offsetY: -4,
               style: {
-                fontSize:'0.833vw',
+                fontSize:'0.733vw',
                 color:'#E6F4FF'
               },
               content:'项目营销费用'
@@ -201,7 +201,8 @@ export default {
                 color:'#FFFFFF'
               },
               customHtml: (container, view, datum, data) => {
-                const text = this.totalamount = '¥'+this.tool.formatAmount(res.data[0].ratio[0].total/10000,2)+'万'
+                console.log(data,'shuju data')
+                const text = '¥'+this.tool.formatAmount(this.tool.unitConversion(data[0].totalamount,10000),2)+this.$t('万')
                 return text
               },
             },

+ 53 - 15
src/HManagement/serviceDataScreen/modules/salesPanel.vue

@@ -99,9 +99,12 @@
         </div>
         <div style="margin-top: 1.042vw">
           <div style="display:flex;justify-content: right">
-            <datePicker ref="pickerRef" type="year" @selectTime="pickerChange" format="yyyy" value_format="yyyy"></datePicker>
+            <datePicker v-show="typeSelect !== '回款'" ref="pickerRef" type="year" @selectTime="pickerChange" format="yyyy" value_format="yyyy"></datePicker>
           </div>
-          <div id="salesPanelChart" style="height: 14.5vw"></div>
+          <DualAxesCharts v-show="typeSelect == '订单'" :param="paramChart" heightChart="14.5vw" ref-charts="orderPanelChart" ref="orderPanelRef"></DualAxesCharts>
+          <DualAxesLineCharts v-show="typeSelect == '出货'" :param="paramShipmentChart" heightChart="14.5vw" ref-charts="shipmentPanelChart" ref="shipmentPanelRef"></DualAxesLineCharts>
+          <DualAxesCharts v-show="typeSelect == '开票'" :param="paramInvoiceChart" heightChart="14.5vw" ref-charts="invoicePanelChart" ref="invoicePanelRef"></DualAxesCharts>
+          <BarCharts v-show="typeSelect == '回款'" :param="paramRefundChart" heightChart="14.5vw" ref-charts="refundPanelChart" ref="refundPanelRef"></BarCharts>
         </div>
       </template>
     </borderTemplate>
@@ -112,9 +115,12 @@
 import borderTemplate from '../components/borderTemplate'
 import {DualAxes} from "@antv/g2plot";
 import datePicker from "../components/datePicker";
+import DualAxesCharts from "@/HManagement/serviceDataScreen/components/DualAxesCharts";
+import DualAxesLineCharts from "@/HManagement/serviceDataScreen/components/DualAxesLineCharts";
+import BarCharts from "@/HManagement/serviceDataScreen/components/BarCharts";
 export default {
   name: "salesPanel",
-  components:{borderTemplate,datePicker},
+  components:{borderTemplate,datePicker,DualAxesCharts,DualAxesLineCharts,BarCharts},
   data(){
     return {
       typeSelect:'订单',
@@ -136,14 +142,45 @@ export default {
       progressWidth: (9.65 * document.documentElement.clientWidth) / 100,
       percentage:0,
       paramChart:{
-        "id": 20241009093604,
+        "id": 20231012094804,
         "content": {
           "type": '',
           "dataid": '',
           "year": 2024,
-          "datatype": 1,
           "where": {
-            "isleave": ""
+            "isleave": "1"
+          }
+        }
+      },
+      paramShipmentChart:{
+        "id": 20231012152004,
+        "content": {
+          "type": 0,
+          "dataid": '',
+          "year": "2023",
+          "where":{
+            "isleave":"1"
+          }
+        }
+      },
+      paramInvoiceChart:{
+        "id": 20231016095304,
+        "content": {
+          "type": 0,
+          "dataid": 54,
+          "year": "2023",
+          "where":{
+            "isleave":"1"
+          }
+        }
+      },
+      paramRefundChart:{
+        "id": 20231016211904,
+        "content": {
+          "type": 0,
+          "dataid": 54,
+          "where":{
+            "isleave":"1"
           }
         }
       },
@@ -157,12 +194,15 @@ export default {
       this.list = res.data
       this.percentage = Math.round(this.list.wcamount * 100 * 100) / 100;
       if (init){
-        this.renderPie()
+        this.$refs.orderPanelRef.chartData(true)
+        this.$refs.shipmentPanelRef.chartData(true)
+        this.$refs.invoicePanelRef.chartData(true)
+        this.$refs.refundPanelRef.chartData(true)
       }else {
-        // if (time){
-        //   this.queryModel()
-        // }
-        this.queryModel()
+        this.$refs.orderPanelRef.chartData(false)
+        this.$refs.shipmentPanelRef.chartData(false)
+        this.$refs.invoicePanelRef.chartData(false)
+        this.$refs.refundPanelRef.chartData(false)
       }
     },
     dateTypeChange(){
@@ -170,25 +210,23 @@ export default {
     },
     pickerChange(val){
       this.paramChart.content.year = val
+      this.paramInvoiceChart.content.year = val
+      this.paramShipmentChart.content.year = val
       this.listData(false,true)
     },
     typeChange(val){
       if (val == '订单'){
         this.typeSelect = '订单'
         this.param.content.datatype = 1
-        this.paramChart.content.datatype = 1
       }else if (val == '出货'){
         this.typeSelect = '出货'
         this.param.content.datatype = 2
-        this.paramChart.content.datatype = 2
       }else if (val == '开票'){
         this.typeSelect = '开票'
         this.param.content.datatype = 3
-        this.paramChart.content.datatype = 3
       }else if (val == '回款'){
         this.typeSelect = '回款'
         this.param.content.datatype = 4
-        this.paramChart.content.datatype = 4
       }
       this.listData()
     },