telephone-clients 3.0.103-63 → 3.0.103-64

package/src/components/eachart/BarChart.vue

@@ -1,165 +1,165 @@
-<template>
-  <div id="barChart123" class="mainpie1">
-    <div id="mainbar" style="width:450px ;height:300px;"></div>
-  </div>
-</template>
-
-<script>
-import {HttpResetClass} from 'vue-client'
-
-export default {
-  name: 'BarChart',
-  props: ['name'],
-  data () {
-    return {
-      yijie: [], //已接
-      jietingshichang: [],//接听时长
-      workordersum: [] //工单数量
-    }
-  },
-  ready () {
-    this.getBardata()
-    this.$nextTick(function () {
-      this.getBar()
-    })
-  },
-  methods: {
-    getBardata () {
-      let http = new HttpResetClass()
-      http.load('post', 'rs/sql/takeseatdata', {
-        data:{
-          telname: this.name
-        }
-      }, {rejectMsg: null, resolveMsg: null}).then((res) => {
-        this.yijie = []
-        this.jietingshichang = []
-        this.workordersum = []
-        for (const resdata of res.data) {
-          this.yijie.push(resdata.yijie)
-          this.jietingshichang.push(resdata.jietingshichang)
-          this.workordersum.push(resdata.workordersum)
-
-        }
-        this.getBar()
-      })
-    },
-    getBar () {
-      // 绘制图表
-      var myChart = this.$echarts.init(document.getElementById('mainbar'))
-      let option = {
-        title: {
-          text: ''
-        },
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow'
-          }
-        },
-        legend: {
-          textStyle: {//图例中文字的样式
-            color: 'rgba(247, 248, 247, 1)',
-            fontSize: 16
-          },
-          data: ['接入数量', '工单数量', '呼叫时长']
-        },
-        color: ['#5384fc', '#1ea3f1', '#33a642'],
-        grid: {
-          left: 100
-        },
-        // toolbox: {
-        //   show: true,
-        // left:'600px',
-        // color: 'rgba(247, 248, 247, 1)',
-        //   feature: {
-        //     saveAsImage: {}
-        //   }
-        // },
-        xAxis: {
-          type: 'value',
-          min: 0,
-          max: 200,
-          interval: 20,
-          nameTextStyle: {
-            color: 'rgba(247, 248, 247, 1)',
-            fontSize: 12
-          },
-          axisLabel: {
-            formatter: '{value}',
-            color: 'rgba(247, 248, 247, 1)'
-          }
-        },
-        yAxis: {
-          type: 'category',
-          inverse: true,
-          data: this.name!=='未开通' ? this.name : '无',
-          axisLabel: {
-            color: 'rgba(247, 248, 247, 1)',
-            formatter: function (value) {
-              return value
-            },
-            margin: 20,
-            rich: {
-              value: {
-                lineHeight: 30,
-                align: 'center'
-              }
-            }
-          }
-        },
-        series: [
-          {
-            name: '接入数量',
-            type: 'bar',
-            data:this.yijie,
-            label: {show: true}
-          },
-          {
-            name: '工单数量',
-            type: 'bar',
-            label: {show: true},
-            data:this.workordersum
-          },
-          {
-            name: '呼叫时长',
-            type: 'bar',
-            label: {show: true},
-            data: this.jietingshichang
-          }
-        ]
-      }
-      option && myChart.setOption(option)
-    }
-  },
-  watch: {
-    'name' (val) {
-      if(val!=='未开通'){
-        this.getBardata()
-      }
-    }
-  }
-}
-</script>
-<style lang="less">
-#mainbar {
-  div {
-    height: auto !important;
-  }
-}
-
-#barChart123 {
-  .mainpie1 {
-    position: fixed;
-    left: -192px;
-    top: 528px;
-  }
-
-  #mainbar {
-    div {
-      height: auto !important;
-    }
-  }
-}
-
-
-</style>
+<template>
+  <div id="barChart123" class="mainpie1">
+    <div id="mainbar" style="width:450px ;height:300px;"></div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  name: 'BarChart',
+  props: ['name'],
+  data () {
+    return {
+      yijie: [], //已接
+      jietingshichang: [],//接听时长
+      workordersum: [] //工单数量
+    }
+  },
+  ready () {
+    this.getBardata()
+    this.$nextTick(function () {
+      this.getBar()
+    })
+  },
+  methods: {
+    getBardata () {
+      let http = new HttpResetClass()
+      http.load('post', 'rs/sql/takeseatdata', {
+        data:{
+          telname: this.name
+        }
+      }, {rejectMsg: null, resolveMsg: null}).then((res) => {
+        this.yijie = []
+        this.jietingshichang = []
+        this.workordersum = []
+        for (const resdata of res.data) {
+          this.yijie.push(resdata.yijie)
+          this.jietingshichang.push(resdata.jietingshichang)
+          this.workordersum.push(resdata.workordersum)
+
+        }
+        this.getBar()
+      })
+    },
+    getBar () {
+      // 绘制图表
+      var myChart = this.$echarts.init(document.getElementById('mainbar'))
+      let option = {
+        title: {
+          text: ''
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        legend: {
+          textStyle: {//图例中文字的样式
+            color: 'rgba(247, 248, 247, 1)',
+            fontSize: 16
+          },
+          data: ['接入数量', '工单数量', '呼叫时长']
+        },
+        color: ['#5384fc', '#1ea3f1', '#33a642'],
+        grid: {
+          left: 100
+        },
+        // toolbox: {
+        //   show: true,
+        // left:'600px',
+        // color: 'rgba(247, 248, 247, 1)',
+        //   feature: {
+        //     saveAsImage: {}
+        //   }
+        // },
+        xAxis: {
+          type: 'value',
+          min: 0,
+          max: 200,
+          interval: 20,
+          nameTextStyle: {
+            color: 'rgba(247, 248, 247, 1)',
+            fontSize: 12
+          },
+          axisLabel: {
+            formatter: '{value}',
+            color: 'rgba(247, 248, 247, 1)'
+          }
+        },
+        yAxis: {
+          type: 'category',
+          inverse: true,
+          data: this.name!=='未开通' ? this.name : '无',
+          axisLabel: {
+            color: 'rgba(247, 248, 247, 1)',
+            formatter: function (value) {
+              return value
+            },
+            margin: 20,
+            rich: {
+              value: {
+                lineHeight: 30,
+                align: 'center'
+              }
+            }
+          }
+        },
+        series: [
+          {
+            name: '接入数量',
+            type: 'bar',
+            data:this.yijie,
+            label: {show: true}
+          },
+          {
+            name: '工单数量',
+            type: 'bar',
+            label: {show: true},
+            data:this.workordersum
+          },
+          {
+            name: '呼叫时长',
+            type: 'bar',
+            label: {show: true},
+            data: this.jietingshichang
+          }
+        ]
+      }
+      option && myChart.setOption(option)
+    }
+  },
+  watch: {
+    'name' (val) {
+      if(val!=='未开通'){
+        this.getBardata()
+      }
+    }
+  }
+}
+</script>
+<style lang="less">
+#mainbar {
+  div {
+    height: auto !important;
+  }
+}
+
+#barChart123 {
+  .mainpie1 {
+    position: fixed;
+    left: -192px;
+    top: 528px;
+  }
+
+  #mainbar {
+    div {
+      height: auto !important;
+    }
+  }
+}
+
+
+</style>