manage-client 3.2.33 → 3.2.37

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

@@ -1,135 +1,135 @@
-<template>
-  <div>
-  <div class="label">客户满意度统计</div>
-  <div id="contentmentstatistics" class="d1"></div>
-</div>
-</template>
-
-<script>
-  export default {
-    name: "contentmentstatistics",
-    data() {
-      return {
-        xc: '',
-      }
-    },
-    methods: {
-      setBar() {
-        this.xc = this.$echarts.init(document.getElementById('contentmentstatistics'))
-        var scale = 0.8
-        var xAxisData = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '', ''];
-        var legendData = ['话务满意度', '维修满意度'];
-        var serieData = [];
-        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],
-        ]
-        for (var v = 0; v < legendData.length; v++) {
-          var serie = {
-            name: legendData[v],
-            type: 'line',
-            symbol: "circle",
-            symbolSize: 5 * scale,
-            itemStyle: {
-              normal: {
-                lineStyle: {
-                  width: 1,
-                  shadowBlur: 10 * scale,
-                  shadowOffsetY: 15 * scale,
-                }
-              }
-            },
-            data: metaDate[v]
-          }
-          serieData.push(serie)
-        }
-        var colors = ["#f7cb32", "#6fd9d0"];
-
-        this.xc.setOption({
-          title: {
-            text: '',
-            textAlign: 'left',
-            textStyle: {color: "#FFFFFF", fontSize: 20 * scale, fontWeight: "normal"}
-          },
-          legend: {
-            itemGap: 0,
-            width: '90%',
-            show: true,
-            left: "right",
-            bottom:'1%',
-            data: legendData,
-            y: 'top',
-            // padding: [0, 25*scale, 0, 0],
-            itemWidth: 14 * scale,
-            itemHeight: 6 * scale,
-            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 * scale},
-          },
-          color: colors,
-          grid: {left: '5%', top: "18%", bottom: "5%", right: "5%", containLabel: true},
-          tooltip: {
-            formatter: function (params) {
-              if (params[0].data == '') {
-                return ''
-              }
-              var result = ''
-              params.forEach(function (item) {
-                result += item.marker + " " + item.seriesName + " : " + item.value + "</br>";
-              });
-              return params[0].axisValue + '月<br/>' + result
-            },
-            trigger: 'axis',
-            axisPointer: {type: 'line', lineStyle: {width: 0}},
-            extraCssText: 'width: auto;height: auto;'
-          },
-          xAxis: [
-            {
-              name: '      月份\n(2018-2019)',
-              type: 'category',
-              nameTextStyle: {
-                fontSize: 12 * scale,
-                color: '#15dce2',
-                padding: [38, 0, 0, -75 * scale],
-              },
-              axisLine: {show: true, lineStyle: {color: '#04669e', width: 1}},
-              axisLabel: {interval: 0, textStyle: {color: '#ffffff', fontSize: 14 * scale}},
-              axisTick: {show: false},
-              data: xAxisData,
-            },
-          ],
-          yAxis: [
-            {
-              name: '数量',
-              nameTextStyle: {
-                fontSize: 12 * scale,
-                padding: [0, 35 * scale, 0, 0],
-              },
-              axisTick: {show: false},
-              splitLine: {show: true, lineStyle: {type: 'dashed', color: '#004371'}},
-              axisLabel: {textStyle: {color: '#15dce2', fontSize: 14 * scale}},
-              axisLine: {show: false, lineStyle: {color: '#15dce2', fontSize: 14 * scale}},
-            },
-          ],
-          series: serieData
-        })
-      },
-    },
-    ready() {
-      this.setBar()
-    }
-  }
-</script>
-
-<style scoped>
-  .label {
-    margin-left: 6%;
-    font-size: 0.85em;
-    color: #fff;
-    height: 8%;
-  }
-
-  #contentmentstatistics {
-    height: 91%;
-    width: 99%;
-    padding: 1% 2% 3% 2%;
-  }
-</style>
+<template>
+  <div>
+  <div class="label">客户满意度统计</div>
+  <div id="contentmentstatistics" class="d1"></div>
+</div>
+</template>
+
+<script>
+  export default {
+    name: "contentmentstatistics",
+    data() {
+      return {
+        xc: '',
+      }
+    },
+    methods: {
+      setBar() {
+        this.xc = this.$echarts.init(document.getElementById('contentmentstatistics'))
+        var scale = 0.8
+        var xAxisData = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '', ''];
+        var legendData = ['话务满意度', '维修满意度'];
+        var serieData = [];
+        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],
+        ]
+        for (var v = 0; v < legendData.length; v++) {
+          var serie = {
+            name: legendData[v],
+            type: 'line',
+            symbol: "circle",
+            symbolSize: 5 * scale,
+            itemStyle: {
+              normal: {
+                lineStyle: {
+                  width: 1,
+                  shadowBlur: 10 * scale,
+                  shadowOffsetY: 15 * scale,
+                }
+              }
+            },
+            data: metaDate[v]
+          }
+          serieData.push(serie)
+        }
+        var colors = ["#f7cb32", "#6fd9d0"];
+
+        this.xc.setOption({
+          title: {
+            text: '',
+            textAlign: 'left',
+            textStyle: {color: "#FFFFFF", fontSize: 20 * scale, fontWeight: "normal"}
+          },
+          legend: {
+            itemGap: 0,
+            width: '90%',
+            show: true,
+            left: "right",
+            bottom:'1%',
+            data: legendData,
+            y: 'top',
+            // padding: [0, 25*scale, 0, 0],
+            itemWidth: 14 * scale,
+            itemHeight: 6 * scale,
+            textStyle: {width: '20%', color: "#15dce2", fontSize: 12 * scale},
+          },
+          color: colors,
+          grid: {left: '5%', top: "18%", bottom: "5%", right: "5%", containLabel: true},
+          tooltip: {
+            formatter: function (params) {
+              if (params[0].data == '') {
+                return ''
+              }
+              var result = ''
+              params.forEach(function (item) {
+                result += item.marker + " " + item.seriesName + " : " + item.value + "</br>";
+              });
+              return params[0].axisValue + '月<br/>' + result
+            },
+            trigger: 'axis',
+            axisPointer: {type: 'line', lineStyle: {width: 0}},
+            extraCssText: 'width: auto;height: auto;'
+          },
+          xAxis: [
+            {
+              name: '      月份\n(2018-2019)',
+              type: 'category',
+              nameTextStyle: {
+                fontSize: 12 * scale,
+                color: '#15dce2',
+                padding: [38, 0, 0, -75 * scale],
+              },
+              axisLine: {show: true, lineStyle: {color: '#04669e', width: 1}},
+              axisLabel: {interval: 0, textStyle: {color: '#ffffff', fontSize: 14 * scale}},
+              axisTick: {show: false},
+              data: xAxisData,
+            },
+          ],
+          yAxis: [
+            {
+              name: '数量',
+              nameTextStyle: {
+                fontSize: 12 * scale,
+                padding: [0, 35 * scale, 0, 0],
+              },
+              axisTick: {show: false},
+              splitLine: {show: true, lineStyle: {type: 'dashed', color: '#004371'}},
+              axisLabel: {textStyle: {color: '#15dce2', fontSize: 14 * scale}},
+              axisLine: {show: false, lineStyle: {color: '#15dce2', fontSize: 14 * scale}},
+            },
+          ],
+          series: serieData
+        })
+      },
+    },
+    ready() {
+      this.setBar()
+    }
+  }
+</script>
+
+<style scoped>
+  .label {
+    margin-left: 6%;
+    font-size: 0.85em;
+    color: #fff;
+    height: 8%;
+  }
+
+  #contentmentstatistics {
+    height: 91%;
+    width: 99%;
+    padding: 1% 2% 3% 2%;
+  }
+</style>

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

@@ -1,174 +1,174 @@
-<template>
-  <div>
-    <div class="label" @click="drillclick">{{title}}</div>
-    <div id="excep" class="d1"></div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: "sale-proportion",
-    data() {
-      return {
-        title: '异常情况汇报',
-        xc: '',
-        totaluser: [{name: '01', value: 2000}, {name: '02', value: 2000}, {name: '03', value: 2000}, {
-          name: '04',
-          value: 2000
-        }],
-      }
-    },
-    methods: {
-      setBar(id) {
-        this.xc = this.$echarts.init(document.getElementById(id))
-
-        var scale = 0.8
-        var xAxisData = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '', ''];
-        var legendData = ['故障'];
-        var colors = ['rgb(111,217,208,0.9)', 'rgb(111,217,208,0.2)', 'rgb(111,217,208,0.1)'];
-        var serieData = [];
-        var metaDate = [12.6, 25.9, 9.0, 62.4, 28.7, 70.7, 45.6, 82.2, 48.7, 18.8, 26.0, 22.3]
-        var serie = {
-          name: legendData[0],
-          type: 'line',
-          smooth: false,  // true: 光滑曲线  , false: 直线
-          symbol: 'circle',
-          symbolSize: 5 * scale,
-          areaStyle: {
-            normal: {
-              color: new this.$echarts.graphic.LinearGradient(
-                0, 0, 0, 1,
-                [
-                  {offset: 0, color: colors[0]},
-                  {offset: 0.5, color: colors[1]},
-                  {offset: 1, color: colors[2]}
-                ]
-              )
-            }
-          },
-          label: {
-            show: true,
-            position: 'top',
-            textStyle: { //数值样式
-              color: '#f7cb32',
-              fontSize: 14 * scale
-            }
-          },
-          itemStyle: {
-            normal: {
-              lineStyle: {
-                width: 1,
-              }
-            }
-          },
-          data: metaDate
-        }
-        serieData.push(serie)
-
-        this.xc.setOption({
-          title: {
-            text: "",
-            textAlign: 'left',
-            textStyle: {color: "#FFFFFF", fontSize: 12 * scale, fontWeight: "normal"}
-          },
-          legend: {
-            itemGap: 0,
-            width: '90%',
-            show: true,
-            left: "right",
-            data: legendData,
-            y: 'top',
-            itemWidth: 12 * scale,
-            itemHeight: 6 * scale,
-            textStyle: {width: '20%', color: "#15dce2", fontSize: 14 * scale},
-            formatter: function (params) {
-              return params
-            },
-          },
-          grid: {left: '5%', top: "18%", bottom: "5%", right: "5%", containLabel: true},
-          color: ['#6fd9d0'],
-          tooltip: {
-            formatter: function (params) {
-              if (params[0].data == '') {
-                return ''
-              }
-              var result = ''
-              params.forEach(function (item) {
-                result += item.marker + " " + item.seriesName + " : " + item.value + "</br>";
-              });
-              return params[0].axisValue + '月<br/>' + result
-            },
-            trigger: 'axis',
-            extraCssText: 'width: auto;height: auto;',
-            axisPointer: {type: 'line', lineStyle: {width: 0}},
-          },
-          xAxis: [{
-            name: '      月份\n(2018-2019)',
-            type: 'category',
-            nameTextStyle: {
-              fontSize: 12 * scale,
-              color: '#15dce2',
-              padding: [38, 0, 0, -75 * scale],
-            },
-            axisLine: {show: true, lineStyle: {color: '#04669e', width: 1}},
-            axisLabel: {interval: 0, textStyle: {color: '#ffffff', fontSize: 14 * scale}},
-            axisTick: {show: false},
-            data: xAxisData
-          }],
-          yAxis: [{
-            name: '次数',
-            nameTextStyle: {
-              fontSize: 12 * scale,
-              padding: [0, 35 * scale, 0, 0],
-            },
-            axisTick: {show: false},
-            splitLine: {show: true, lineStyle: {type: 'dashed', color: '#004371'}},
-            axisLabel: {
-              textStyle: {color: '#15dce2', fontSize: 14 * scale}, formatter: function (params) {
-                return params
-              }
-            },
-            axisLine: {show: false, lineStyle: {color: '#15dce2', fontSize: 14 * scale}},
-          }],
-          series: serieData
-        }, true)
-      },
-      drillclick() {
-        var total = [{name: '01', value: 2000}, {name: '02', value: 2000}, {name: '03', value: 2000}, {
-          name: '04',
-          value: 2000
-        }]
-        var initdatatr = {
-          startDate: eval(Util.toStandardDateString().toString().substring(0, 4) + '-4') + '-01-01 00:00:00',
-          endDate: Util.toStandardDateString() + ' 00:00:00',
-          param: '',
-          param1: '',
-          listparam: '',
-        }
-        this.$emit('drill', 'excep', 'excepcollect', this.title, initdatatr)
-        this.$emit('drilldata', total)
-      },
-    },
-
-    ready() {
-      this.setBar('excep')
-    }
-  }
-</script>
-
-<style scoped>
-  .label {
-    margin-left: 6%;
-    font-size: 0.85em;
-    color: #fff;
-    width: 100%;
-    height: 9%;
-  }
-
-  #excep {
-    height: 91%;
-    width: 99%;
-    padding: 1% 2% 3% 2%;
-
-  }
-</style>
+<template>
+  <div>
+    <div class="label" @click="drillclick">{{title}}</div>
+    <div id="excep" class="d1"></div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "sale-proportion",
+    data() {
+      return {
+        title: '异常情况汇报',
+        xc: '',
+        totaluser: [{name: '01', value: 2000}, {name: '02', value: 2000}, {name: '03', value: 2000}, {
+          name: '04',
+          value: 2000
+        }],
+      }
+    },
+    methods: {
+      setBar(id) {
+        this.xc = this.$echarts.init(document.getElementById(id))
+
+        var scale = 0.8
+        var xAxisData = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '', ''];
+        var legendData = ['故障'];
+        var colors = ['rgb(111,217,208,0.9)', 'rgb(111,217,208,0.2)', 'rgb(111,217,208,0.1)'];
+        var serieData = [];
+        var metaDate = [12.6, 25.9, 9.0, 62.4, 28.7, 70.7, 45.6, 82.2, 48.7, 18.8, 26.0, 22.3]
+        var serie = {
+          name: legendData[0],
+          type: 'line',
+          smooth: false,  // true: 光滑曲线  , false: 直线
+          symbol: 'circle',
+          symbolSize: 5 * scale,
+          areaStyle: {
+            normal: {
+              color: new this.$echarts.graphic.LinearGradient(
+                0, 0, 0, 1,
+                [
+                  {offset: 0, color: colors[0]},
+                  {offset: 0.5, color: colors[1]},
+                  {offset: 1, color: colors[2]}
+                ]
+              )
+            }
+          },
+          label: {
+            show: true,
+            position: 'top',
+            textStyle: { //数值样式
+              color: '#f7cb32',
+              fontSize: 14 * scale
+            }
+          },
+          itemStyle: {
+            normal: {
+              lineStyle: {
+                width: 1,
+              }
+            }
+          },
+          data: metaDate
+        }
+        serieData.push(serie)
+
+        this.xc.setOption({
+          title: {
+            text: "",
+            textAlign: 'left',
+            textStyle: {color: "#FFFFFF", fontSize: 12 * scale, fontWeight: "normal"}
+          },
+          legend: {
+            itemGap: 0,
+            width: '90%',
+            show: true,
+            left: "right",
+            data: legendData,
+            y: 'top',
+            itemWidth: 12 * scale,
+            itemHeight: 6 * scale,
+            textStyle: {width: '20%', color: "#15dce2", fontSize: 14 * scale},
+            formatter: function (params) {
+              return params
+            },
+          },
+          grid: {left: '5%', top: "18%", bottom: "5%", right: "5%", containLabel: true},
+          color: ['#6fd9d0'],
+          tooltip: {
+            formatter: function (params) {
+              if (params[0].data == '') {
+                return ''
+              }
+              var result = ''
+              params.forEach(function (item) {
+                result += item.marker + " " + item.seriesName + " : " + item.value + "</br>";
+              });
+              return params[0].axisValue + '月<br/>' + result
+            },
+            trigger: 'axis',
+            extraCssText: 'width: auto;height: auto;',
+            axisPointer: {type: 'line', lineStyle: {width: 0}},
+          },
+          xAxis: [{
+            name: '      月份\n(2018-2019)',
+            type: 'category',
+            nameTextStyle: {
+              fontSize: 12 * scale,
+              color: '#15dce2',
+              padding: [38, 0, 0, -75 * scale],
+            },
+            axisLine: {show: true, lineStyle: {color: '#04669e', width: 1}},
+            axisLabel: {interval: 0, textStyle: {color: '#ffffff', fontSize: 14 * scale}},
+            axisTick: {show: false},
+            data: xAxisData
+          }],
+          yAxis: [{
+            name: '次数',
+            nameTextStyle: {
+              fontSize: 12 * scale,
+              padding: [0, 35 * scale, 0, 0],
+            },
+            axisTick: {show: false},
+            splitLine: {show: true, lineStyle: {type: 'dashed', color: '#004371'}},
+            axisLabel: {
+              textStyle: {color: '#15dce2', fontSize: 14 * scale}, formatter: function (params) {
+                return params
+              }
+            },
+            axisLine: {show: false, lineStyle: {color: '#15dce2', fontSize: 14 * scale}},
+          }],
+          series: serieData
+        }, true)
+      },
+      drillclick() {
+        var total = [{name: '01', value: 2000}, {name: '02', value: 2000}, {name: '03', value: 2000}, {
+          name: '04',
+          value: 2000
+        }]
+        var initdatatr = {
+          startDate: eval(Util.toStandardDateString().toString().substring(0, 4) + '-4') + '-01-01 00:00:00',
+          endDate: Util.toStandardDateString() + ' 00:00:00',
+          param: '',
+          param1: '',
+          listparam: '',
+        }
+        this.$emit('drill', 'excep', 'excepcollect', this.title, initdatatr)
+        this.$emit('drilldata', total)
+      },
+    },
+
+    ready() {
+      this.setBar('excep')
+    }
+  }
+</script>
+
+<style scoped>
+  .label {
+    margin-left: 6%;
+    font-size: 0.85em;
+    color: #fff;
+    width: 100%;
+    height: 9%;
+  }
+
+  #excep {
+    height: 91%;
+    width: 99%;
+    padding: 1% 2% 3% 2%;
+
+  }
+</style>