1

src/components/work/commission.vue

@@ -98,7 +98,7 @@
           </div>
         </div>
         <div class="statistic-block flex wrap justify-center content-center">
-          <div class="statistic-price full-width flex justify-center items-baseline">
+          <div class="statistic-price full-width flex no-wrap justify-center items-baseline">
             <span class="before">¥</span>
             {{formatInt(commissionData.WaitCommission)||0}}
             <span class="after">{{formatDecimal(commissionData.WaitCommission)}}</span>

src/components/work/sell.vue

@@ -7,7 +7,7 @@
             <div class="sell-title">市场/销售</div>
           </div>
         </div>
-        <VueApexCharts width="100%" height="105" :options="chartOptions" :series="series">
+        <VueApexCharts width="100%" height="105" :options="chartOptions" :series="series" ref="apex" v-if="sellBlock!==2">
         </VueApexCharts>
       </div>
       <div class="bottom flex justify-between content-between">
@@ -69,7 +69,7 @@
           </div>
         </div>
         <div class="sell-block" :class="{'active-sell':sellBlock==3}" style="background-color:#E8FFF3"
-          @click="ckeckSell(3)">
+          @click="ckeckSell(3,'到访','VisitCount')">
           <div class="flex no-wrap justify-between items-center">
             <img src="../../assets/images/newindex/sell3.png" style="width:26px;height:26px">
             <q-btn size="sm" dense flat round icon="more_horiz">
@@ -98,7 +98,7 @@
           </div>
         </div>
         <div class="sell-block" :class="{'active-sell':sellBlock==4}" style="background-color:#F2FAFF;"
-          @click="ckeckSell(4)">
+          @click="ckeckSell(4,'拜访','appointmentCount')">
           <div class="flex no-wrap justify-between items-center">
             <img src="../../assets/images/newindex/sell4.png" style="width:26px;height:26px">
             <q-btn size="sm" dense flat round icon="more_horiz">
@@ -127,7 +127,7 @@
           </div>
         </div>
         <div class="sell-block" :class="{'active-sell':sellBlock==5}" style="background-color:#FFFAF5"
-          @click="ckeckSell(5)">
+          @click="ckeckSell(5,'新同行','customerCount')">
           <div class="flex no-wrap justify-between items-center">
             <img src="../../assets/images/newindex/sell5.png" style="width:26px;height:26px">
             <q-btn size="sm" dense flat round icon="more_horiz">
@@ -156,7 +156,7 @@
           </div>
         </div>
         <div class="sell-block" :class="{'active-sell':sellBlock==6}" style="background-color:#FEF4FE"
-          @click="ckeckSell(6)">
+          @click="ckeckSell(6,'试听','trialLessonCount')">
           <div class="flex no-wrap justify-between items-center">
             <img src="../../assets/images/newindex/sell6.png" style="width:26px;height:26px">
             <q-btn size="sm" dense flat round icon="more_horiz">
@@ -200,7 +200,7 @@
     data() {
       return {
         series: [{
-          name: "新名单",
+          name: "",
           data: []
         }],
         chartOptions: {
@@ -248,26 +248,28 @@
       getPersionNumData() {
         queryPersonnelStatic({}).then(res => {
           if (res.Code == 1) {
-            console.log(251,res.Data)
             this.PersionData = res.Data;
-            this.ckeckSell(1,'新名单','AddCount')
+            this.ckeckSell(1, '新名单', 'AddCount')
           }
         });
       },
-      ckeckSell(n,name,field) {
+      ckeckSell(n, name, field) {
         this.sellBlock = n;
-        this.series[0].name=name;
-        this.series[0].data=[]
-        this.PersionData.dayList.map(item=>{
-          const obj={
-            x:item.x,
-            y:item[field]
-          }
-          this.series[0].data.push(obj)
-        })
+        if (n == 2) return
+        this.series[0].name = name;
+        this.series[0].data = []
+        this.PersionData.dayList.map(item => {
+            const obj = {
+              x: item.x,
+              y: item[field]
+            }
+            this.series[0].data.push(obj)
+          })
+          this.$refs.apex.updateSeries(this.series)
       }
     }
   };
+
 </script>
 <style lang="scss" scoped>
   .sell {
@@ -340,4 +342,5 @@
   .active-sell {
     box-shadow: 1px 3px 49px 0px rgba(0, 158, 247, 0.28);
   }
-</style>
\ No newline at end of file
+
+</style>