manage-client 3.1.8-aode → 3.1.8-ls

package/src/components/ManageHome/Home/Monitor.vue

@@ -42,7 +42,6 @@
     },
     data() {
       return {
-        date: [2018, 2017, 2016],
         xc: '',
         warn: '',
         suspicious: '',
@@ -92,10 +91,9 @@
             show: false,
           },
           yAxis: {
+            data: data.grade,
             type: 'category',
             axisLabel: {
-              margin: 10 * scale,
-              show: true,
               color: function (param) {
                 if (param == '警告类型') {
                   return '#fff'
@@ -110,7 +108,7 @@
             axisLine: {
               show: false,
             },
-            data: data.grade
+
           },
           series: [{
             type: 'bar',
@@ -209,6 +207,7 @@
           this.warn = this.resdata[0].warn
           this.suspicious = this.resdata[0].suspicious
           this.$parent.loaddata++
+          console.log(this.resdata, '----------警告用户统计----------')
         }
       },
       'monitordata': {
@@ -235,6 +234,7 @@
     },
     ready() {
       this.searchdata()
+
     }
   }
 </script>

package/src/components/ManageHome/Home/UserModule.vue

@@ -95,10 +95,10 @@
               text: result,
               left: '43%',
               top: '47%',
-              padding: [10 * scale, 10 * scale],
+              padding: [1000 * scale, 1000 * scale],
               textStyle: {
                 color: '#00e2ea',
-                fontSize: 12 * scale,
+                fontSize: 120 * scale,
 
               }
             }],
@@ -174,7 +174,7 @@
                       }
                     }
                   },
-                  padding: [0, -100 * scale],
+                  padding: [100, -100 * scale],
                   rich: rich,
                 }
               },

package/src/components/ManageHome/Monitor/NoContact.vue

@@ -139,6 +139,7 @@
               axisLabel: {interval: 0, textStyle: {color: '#ffffff', fontSize: 14 * scale}},
               axisTick: {show: false},
               data: xAxisData,
+              min:6
             },
           ],
           yAxis: [

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

@@ -34,13 +34,13 @@
             name: legendData[v],
             type: 'line',
             symbol: "circle",
-            symbolSize: 5 * scale,
+            symbolSize: 5 ,
             itemStyle: {
               normal: {
                 lineStyle: {
                   width: 1,
-                  shadowBlur: 10 * scale,
-                  shadowOffsetY: 15 * scale,
+                  shadowBlur: 10 ,
+                  shadowOffsetY: 15 ,
                 }
               }
             },
@@ -65,9 +65,9 @@
             data: legendData,
             y: 'top',
             // padding: [0, 25*scale, 0, 0],
-            itemWidth: 14 * scale,
-            itemHeight: 6 * scale,
-            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 * scale},
+            itemWidth: 14 ,
+            itemHeight: 6 ,
+            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 },
           },
           color: colors,
           grid: {left: '5%', top: "18%", bottom: "5%", right: "5%", containLabel: true},

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

@@ -38,7 +38,7 @@
           type: 'line',
           smooth: false,  // true: 光滑曲线  , false: 直线
           symbol: 'circle',
-          symbolSize: 5 * scale,
+          symbolSize: 5 ,
           areaStyle: {
             normal: {
               color: new this.$echarts.graphic.LinearGradient(
@@ -56,7 +56,7 @@
             position: 'top',
             textStyle: { //数值样式
               color: '#f7cb32',
-              fontSize: 14 * scale
+              fontSize: 14
             }
           },
           itemStyle: {
@@ -83,9 +83,9 @@
             right:'5%',
             data: legendData,
             y: 'top',
-            itemWidth: 12 * scale,
-            itemHeight: 6 * scale,
-            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 * scale},
+            itemWidth: 12 ,
+            itemHeight: 6 ,
+            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 },
             formatter: function (params) {
               return params
             },

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

@@ -6,14 +6,28 @@
 </template>
 
 <script>
+  import * as DataSql from "../../../stores/DataSql";
+  import co from "co";
+
   export default {
     name: "ReasonComplaint",
+    data() {
+      return {
+        ReasonComplaint:[],
+        visits:[],
+        grade:[],
+      }
+    },
     methods:{
+      searchdata(){
+        let ReasonComplaint = DataSql.getData(this, 'reasonComplaint', {},'ReasonComplaint')
+        co(ReasonComplaint)
+      },
       setBar() {
         this.xc = this.$echarts.init(document.getElementById('complaint'))
         var scale=this.$parent.$parent.$parent.scale
-        var visits = [92, 102, 89,100,150]
-        var grade = ['话务员态度差','维修员延误','上门服务态度差' ,'维修未能完成','抢修未成功']
+        var visits = this.visits
+        var grade = this.grade
         var data = {
           grade: grade,
           visits: visits,
@@ -95,7 +109,23 @@
       },
     },
     ready() {
-      this.setBar()
+      this.searchdata()
+    },
+    watch:{
+      'ReasonComplaint': {
+        deep: true,
+        handler(val) {
+          console.log('-------------客服')
+          console.log('客服',this.ReasonComplaint)
+          console.log('长度',this.ReasonComplaint.length)
+          for (let i = 4; i >=0 ; i--) {
+            this.visits.push(this.ReasonComplaint[i].count)
+            this.grade.push(this.ReasonComplaint[i].f_content)
+          }
+          this.setBar()
+        }
+      },
+
     }
   }
 </script>

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

@@ -6,14 +6,28 @@
 </template>
 
 <script>
+  import * as DataSql from "../../../stores/DataSql";
+  import co from "co";
+
   export default {
     name: "ReasonConsultation",
+    data() {
+      return {
+        consultingdata:[],
+        visits:[],
+        grade:[],
+      }
+    },
     methods:{
+      searchdata(){
+        let consultingdata = DataSql.getData(this, 'consultingdata', {},'consultingdata')
+        co(consultingdata)
+      },
       setBar() {
         this.xc = this.$echarts.init(document.getElementById('consultation'))
         var scale=this.$parent.$parent.$parent.scale
-        var visits = [92, 102, 89,100,150]
-        var grade = ['漏气','卡表故障','管道故障' ,'调压箱故障','壁挂炉故障']
+        var visits = this.visits
+        var grade = this.grade
         var data = {
           grade: grade,
           visits: visits,
@@ -94,7 +108,26 @@
       },
     },
     ready() {
-      this.setBar()
+      // 拼接sql，请求后台
+      this.searchdata()
+
+    }
+    ,
+    watch :{
+      'consultingdata': {
+        deep: true,
+        handler(val) {
+          console.log('-------------客服')
+          console.log('客服',this.consultingdata)
+          console.log('长度',this.consultingdata.length)
+          for (let i = 4; i >=0 ; i--) {
+              this.visits.push(this.consultingdata[i].count)
+              this.grade.push(this.consultingdata[i].f_content)
+          }
+          this.setBar()
+        }
+      },
+
     }
   }
 </script>

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

@@ -6,12 +6,19 @@
 </template>
 
 <script>
+  import * as Util from "../../../Util";
+  import * as DataSql from "../../../stores/DataSql";
+  import co from "co";
+  import {startDate} from "../../../stores/DrillSql";
+
   export default {
     name: "ServiceFix",
     data() {
       return {
         xc: '',
-        timer:''
+        timer:'',
+        serviceFix:'',
+        metaDate:[],
       }
     },
     beforeDestroy() {
@@ -25,7 +32,7 @@
         var xAxisData = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '', ''];
         var legendData = ['维修完成'];
         var serieData = [];
-        var metaDate = [100, 140, 100, 120, 300, 230, 130, 170, 140, 120, 300, 230]
+        var metaDate = this.metaDate
         var yname = '      月份\n(2018-2019)'
         for (var v = 0; v < legendData.length; v++) {
           var serie = {
@@ -33,7 +40,7 @@
             type: 'line',
             symbol: "circle",
             smooth: false,  // true: 光滑曲线  , false: 直线
-            symbolSize: 5 * scale,
+            symbolSize: 5  ,
             color: '#f7cb32',
             lineStyle: {
               width: 1,
@@ -44,7 +51,7 @@
               position: 'top',
               textStyle: { //数值样式
                 color: '#15dce2',
-                fontSize: 14 * scale
+                fontSize: 14
               }
             },
             areaStyle: {
@@ -86,9 +93,9 @@
             right:'5%',
             data: legendData,
             y: 'top',
-            itemWidth: 12 * scale,
-            itemHeight: 6 * scale,
-            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 * scale},
+            itemWidth: 12 ,
+            itemHeight: 6 ,
+            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 },
             formatter: function (params) {
               return params
             },
@@ -164,11 +171,51 @@
 
         }, 3000)
       },
+      searchdata(year){
+        console.log("-------------------------传进来的年份为")
+        console.log(year)
+        var startDate=year+'-01-01'
+        var endDate= year+1+'-01-01'
+        let serviceFix = DataSql.getData(this, 'serviceFix', {startDate:startDate,endDate:endDate},'serviceFix')
+        co(serviceFix)
+      },
+
+    },
+    ready () {
+      var date = new Date();
+      this.searchdata(date.getFullYear())
 
     },
-    ready() {
-      this.setBar()
+    watch:{
+      'serviceFix':{
+        deep: true,
+        handler(val) {
+          console.log('-------------------------------进入维修统计')
+          console.log(this.serviceFix,'进入维修统计')
+          console.log(this.serviceFix.length,'查出维修统计长度')
+          if(this.serviceFix.length===0){
+            for (let i = 0; i <12 ; i++) {
+                this.metaDate[i]=0
+            }
+          }else{
+            for (let i = 0; i <this.serviceFix.length ; i++) {
+              this.metaDate[i]=this.serviceFix[i].count
+            }
+            console.log(this.metaDate)
+            for (let i = this.serviceFix.length; i < 12; i++) {
+              this.metaDate[i]=0
+            }
+            console.log('======================================')
+            console.log(this.metaDate)
+          }
+
+          this.setBar()
+
+        }
+      },
+
     }
+
   }
 </script>
 

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,30 +112,29 @@
 
     left: 2%;
     width: 31%;
-    height: 48%;
+    height: 46%;
   }
 
   .servicecenter {
     position: absolute;
     left: 34%;
-    width: 32%;
-    height: 30%;
+    width: 31%;
+    height: 46%;
   }
 
   .consultation {
     position: absolute;
-    top: 32%;
-    left: 34%;
-    width: 32%;
-    height: 30%;
+    left: 66%;
+    width: 31%;
+    height: 46%;
   }
 
   .servicefix {
     position: absolute;
-    top: 64%;
-    left: 67%;
+    top: 48%;
+    left: 2%;
     width: 31%;
-    height: 30%;
+    height: 46%;
   }
 
   .traffic {
@@ -147,7 +146,7 @@
 
   .excep {
     position: absolute;
-    top: 50%;
+    top: 48%;
     left: 2%;
     width: 31%;
     height: 44%;
@@ -155,18 +154,18 @@
 
   .contentment {
     position: absolute;
-    top: 32%;
-    left: 67%;
+    left: 34%;
+    top: 48%;
     width: 31%;
-    height: 30%;
+    height: 46%;
   }
 
   .complaint {
     position: absolute;
-    top: 64%;
-    left: 34%;
-    width: 32%;
-    height: 30%;
+    top: 48%;
+    left: 66%;
+    width: 31%;
+    height: 46%;
   }
 
   .drill {