manage-client 3.2.10 → 3.2.11-aode

package/src/components/ManageHomeCS/CustomerService/ServiceHome.vue

@@ -10,10 +10,10 @@
       <!--维修统计-->
       <service-fix class="border servicefix"></service-fix>
       <!--客户黑名单-->
-      <!--<traffic-statistics class="border traffic"></traffic-statistics>-->
+      <traffic-statistics class="border traffic"></traffic-statistics>
       <!--异常情况汇报-->
-      <!--<excep-collect v-ref:excepcollect class="border excep" v-on:drill="listenToUserNumber"-->
-      <!--v-on:drilldata="listenToData"></excep-collect>-->
+      <excep-collect v-ref:excepcollect class="border excep" v-on:drill="listenToUserNumber"
+                     v-on:drilldata="listenToData"></excep-collect>
       <!--客户满意度统计-->
       <contentment class="border contentment"></contentment>
       <!--投诉原因top5-->
@@ -112,29 +112,30 @@
 
     left: 2%;
     width: 31%;
-    height: 46%;
+    height: 48%;
   }
 
   .servicecenter {
     position: absolute;
     left: 34%;
-    width: 31%;
-    height: 46%;
+    width: 32%;
+    height: 30%;
   }
 
   .consultation {
     position: absolute;
-    left: 66%;
-    width: 31%;
-    height: 46%;
+    top: 32%;
+    left: 34%;
+    width: 32%;
+    height: 30%;
   }
 
   .servicefix {
     position: absolute;
-    top: 48%;
-    left: 2%;
+    top: 64%;
+    left: 67%;
     width: 31%;
-    height: 46%;
+    height: 30%;
   }
 
   .traffic {
@@ -146,7 +147,7 @@
 
   .excep {
     position: absolute;
-    top: 48%;
+    top: 50%;
     left: 2%;
     width: 31%;
     height: 44%;
@@ -154,18 +155,18 @@
 
   .contentment {
     position: absolute;
-    left: 34%;
-    top: 48%;
+    top: 32%;
+    left: 67%;
     width: 31%;
-    height: 46%;
+    height: 30%;
   }
 
   .complaint {
     position: absolute;
-    top: 48%;
-    left: 66%;
-    width: 31%;
-    height: 46%;
+    top: 64%;
+    left: 34%;
+    width: 32%;
+    height: 30%;
   }
 
   .drill {

package/src/components/ManageHomeCS/CustomerService/ServiceStatistics.vue

@@ -6,23 +6,12 @@
 </template>
 
 <script>
-  import * as DataSql from "../../../stores/DataSql";
-  import co from "co";
-  import {setBar} from "../../../stores/DrillECharts";
-  import JinChengOperSummary from "../../SellReport/JinChengOperSummary";
-
   export default {
     name: "servicestatistics",
     data() {
       return {
         xc: '',
-        timer: '',
-        metaDate: [[],[],[]],
-        metaDate2: [],
-        metaDate3: [],
-        servicestatistics1: '',
-        servicestatistics2: '',
-        servicestatistics3: '',
+        timer:''
       }
     },
     beforeDestroy() {
@@ -30,27 +19,29 @@
       clearInterval(this.timer);
     },
     methods: {
-    setBar() {
-         console.log('拿到的数据--------------------')
-         console.log(this.metaDate)
+      setBar() {
         this.xc = this.$echarts.init(document.getElementById('servicestatistics'))
-        var scale = this.$parent.$parent.$parent.scale
+        var scale=this.$parent.$parent.$parent.scale
         var xAxisData = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '', ''];
-        var legendData = ['月累计投诉', '月累计咨询', '月累计维修'];
+        var legendData = ['月累计热线话务量', '月累计咨询量', '月累计派单数'];
         var serieData = [];
-        var metaDate = this.metaDate
+        var metaDate = [
+          [120, 140, 100, 120, 300, 230, 130, 170, 140, 120, 300, 230],
+          [200, 120, 300, 200, 170, 300, 200, 180, 200, 190, 300, 200],
+          [100, 200, 140, 300, 200, 180, 100, 300, 230, 130, 100, 300]
+        ]
         for (var v = 0; v < legendData.length; v++) {
           var serie = {
             name: legendData[v],
             type: 'line',
             symbol: "circle",
-            symbolSize: 5,
+            symbolSize: 5 * scale,
             itemStyle: {
               normal: {
                 lineStyle: {
                   width: 1,
-                  shadowBlur: 10,
-                  shadowOffsetY: 15,
+                  shadowBlur: 10 * scale,
+                  shadowOffsetY: 15 * scale,
                 }
               }
             },
@@ -70,27 +61,27 @@
             itemGap: 20,
             width: '90%',
             show: true,
-            right: '5%',
-            bottom: '1%',
+            right:'5%',
+            bottom:'1%',
             data: legendData,
             y: 'top',
             // padding: [0, 25*scale, 0, 0],
-            itemWidth: 14,
-            itemHeight: 6,
-            textStyle: {width: '20%', color: "#15dce2", fontSize: 12},
+            itemWidth: 14 * scale,
+            itemHeight: 6 * scale,
+            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 * scale},
           },
           color: colors,
           grid: {left: '5%', top: "17%", bottom: "3%", right: "5%", width: '90%', containLabel: true},
           tooltip: {
-            alwaysShowContent: true,
-            backgroundColor: 'rgba(2, 59, 63, 0.45)',
+            alwaysShowContent:true,
+            backgroundColor:'rgba(2, 59, 63, 0.45)',
             // borderColor :'rgba(13, 109, 180)',
-            borderWidth: 0,
-            hideDelay: 100,
-            padding: 10 * scale,
-            textStyle: {
-              fontSize: 16 * scale
-            },
+            borderWidth:0,
+            hideDelay:100,
+              padding:10*scale,
+              textStyle:{
+                  fontSize:16*scale
+              },
             formatter: function (params) {
               if (params[0].data == '') {
                 return ''
@@ -99,7 +90,7 @@
               params.forEach(function (item) {
                 result += item.marker + " " + item.seriesName + " &nbsp;&nbsp;&nbsp; <sapn style='color:#e1e52a;font-weight: bolder'>" + item.value + "</sapn></br>";
               });
-              return "<div style='text-align: center;height: 1px;font-weight: normal'>" + params[0].axisValue + '月</div><br/>' + result
+              return "<div style='text-align: center;height: 1px;font-weight: normal'>"+params[0].axisValue + '月</div><br/>' + result
             },
             trigger: 'axis',
             axisPointer: {type: 'line', lineStyle: {width: 0}},
@@ -112,7 +103,7 @@
               nameTextStyle: {
                 fontSize: 12 * scale,
                 color: '#15dce2',
-                padding: [38 * scale, 0, 0, -80 * scale],
+                padding: [38*scale, 0, 0, -80 * scale],
               },
               axisLine: {show: true, lineStyle: {color: '#04669e', width: 1}},
               axisLabel: {interval: 0, textStyle: {color: '#ffffff', fontSize: 14 * scale}},
@@ -136,10 +127,10 @@
           series: serieData
         })
         let idx = -1;
-        var dataLen = metaDate[0].length
-        var oroptionmapjsonr_charts1 = this.xc
-        this.timer = setInterval(() => {
-          idx = (idx + 1) % dataLen;
+        var dataLen=metaDate[0].length
+        var oroptionmapjsonr_charts1=this.xc
+        this.timer= setInterval(()=>{
+          idx = (idx+ 1) % dataLen;
           oroptionmapjsonr_charts1.dispatchAction({
             type: 'showTip',
             seriesIndex: 1,
@@ -155,109 +146,14 @@
             _this.xc.resize()
           })
         }, 10)
-      },
-     async searchdata(year) {
-        console.log("-------------------------传进来的年份为")
-        console.log(year)
-        var startDate = year + '-01-01'
-        var endDate = year + 1 + '-01-01'
-        let servicestatistics1 = await DataSql.getData(this, 'servicestatistics1', {
-          startDate: startDate,
-          endDate: endDate
-        }, 'servicestatistics1')
-        co(servicestatistics1)
-       console.log(this.servicestatistics1)
-        let servicestatistics2 = await DataSql.getData(this, 'servicestatistics2', {
-          startDate: startDate,
-          endDate: endDate
-        }, 'servicestatistics2')
-        co(servicestatistics2)
-       console.log(this.servicestatistics2)
-        let servicestatistics3 =await DataSql.getData(this, 'servicestatistics3', {
-          startDate: startDate,
-          endDate: endDate
-        }, 'servicestatistics3')
-        co(servicestatistics3)
-       console.log(this.servicestatistics3)
-
-      },
+      }
     },
     mounted() {
       // this.selfAdaption()
     },
     ready() {
-      var date = new Date();
-      this.searchdata(date.getFullYear())
-
-    },
-
-    watch: {
-      'servicestatistics1': {
-        deep: true,
-        handler(val) {
-          console.log('-----------------------------累计话务量')
-          console.log('累计话务量', this.servicestatistics1)
-          if (this.servicestatistics1.length === 0) {
-            for (let i = 0; i < 12; i++) {
-              this.metaDate[0][i] = 0
-            }
-          } else {
-            for (let i = 0; i < this.servicestatistics1.length; i++) {
-              this.metaDate[0][i] = this.servicestatistics1[i].count
-            }
-            for (let i = this.servicestatistics1.length; i < 12; i++) {
-              this.metaDate[0][i] = 0
-            }
-          }
-          this.setBar()
-        }
-      },
-      'servicestatistics2': {
-          deep: true,
-          handler(val) {
-
-            console.log('-----------------------------月累计咨询量')
-            console.log('月累计咨询量', this.servicestatistics2)
-            console.log('月累计咨询量长度', this.servicestatistics2.length)
-            if (this.servicestatistics2.length === 0) {
-              for (let i = 0; i < 12; i++) {
-                this.metaDate[1][i] = 0
-              }
-            } else {
-              for (let i = 0; i < this.servicestatistics2.length; i++) {
-                this.metaDate[1][i] = this.servicestatistics2[i].count
-              }
-              for (let i = this.servicestatistics2.length; i < 12; i++) {
-                this.metaDate[1][i] = 0
-              }
-            }
-            this.setBar()
-
-          }
-        },
-      'servicestatistics3': {
-          deep: true,
-          handler(val) {
-            console.log('-----------------------------派单数')
-            console.log('派单数', this.servicestatistics3)
-            console.log('派单数长度', this.servicestatistics3.length)
-            if (this.servicestatistics3.length === 0) {
-              for (let i = 0; i < 12; i++) {
-                this.metaDate[2][i] = 0
-              }
-            } else {
-              for (let i = 0; i < this.servicestatistics3.length; i++) {
-                this.metaDate[2][i] = this.servicestatistics3[i].count
-              }
-              for (let i = this.servicestatistics3.length; i < 12; i++) {
-                this.metaDate[2][i] = 0
-              }
-            }
-            this.setBar()
-          },
-        }
-      },
-
+      this.setBar()
+    }
   }
 </script>