manage-client 3.1.34 → 3.1.35

package/src/components/daping/SafeCheckRing.vue

@@ -1,166 +1,166 @@
-<template>
-  <div id='safecheck-ring' style="width: 100%;height: 99%;margin-top: 1%;">
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from "vue-client";
-
-  export default {
-    title: '收费',
-    data () {
-      return{
-        titData: [],
-        valData: []
-      }
-    },
-    methods: {
-      async resize(){
-        let http = new HttpResetClass()
-        // 收费
-        await http.load('post', '/rs/sql/getSafecheckSumByType', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
-          this.valData = res.data
-          this.titData = res.data.map(item => item.name)
-          this.init()
-        })
-      },
-      init () {
-        var colorarr = ['#00FFFF', '#f27c79', '#00FFA8', '#897bd3']
-        var option = {
-          backgroundColor: '#ffffff00',
-          animation: true,
-          title: {
-            x: 'center',
-            y: 'center',
-            textStyle: {
-              color: '#fff',
-              fontSize: 60,
-              fontWeight: 'normal',
-              align: 'center',
-              width: '200px'
-            },
-            subtextStyle: {
-              color: '#fff',
-              fontSize: 20,
-              fontWeight: 'normal',
-              align: 'center'
-            }
-          },
-          legend: {
-            width: '70%',
-            textStyle: {
-              color: '#fff',
-              fontSize: 12
-            },
-            orient: 'vertical',
-            icon: 'circle',
-            bottom: '10%',
-            right: '10%',
-            itemGap: 10,
-            data: this.titData
-              // ['到访不遇', '无法检查','正常入户','拒绝检查']
-          },
-          series: [{
-            type: 'pie',
-            center: ['30%', '60%'],
-            radius: ['30%', '55%'],
-            color: colorarr,
-            startAngle: 135,
-            labelLine: {
-              normal: {
-                length: 20
-              }
-            },
-            label: {
-              show: true,
-              formatter: '{b|{b}}\n{per|{d}%}',
-              rich: {
-                a: {
-                  color: '#999',
-                  lineHeight: 22,
-                  align: 'center'
-                },
-                hr: {
-                  borderColor: '#aaa',
-                  width: '100%',
-                  borderWidth: 1,
-                  height: 0
-                },
-                b: {
-                  fontSize: 10,
-                  padding: [5, 0],
-                  color: '#fff'
-                },
-                c: {
-                  fontSize: 10,
-                  color: '#eee'
-                },
-                per: {
-                  color: '#FDF44E',
-                  fontSize: 10,
-                  borderRadius: 2
-                }
-              },
-              position: 'outside'
-            },
-            data: this.valData
-            //   [{
-            //   name: '到访不遇',
-            //   value: 259574
-            // }, {
-            //   name: '无法检查',
-            //   value: 503
-            // }, {
-            //   name: '正常入户',
-            //   value: 471544
-            // }, {
-            //   name: '拒绝检查',
-            //   value: 4700
-            // }]
-          }]
-        }
-        let barchart = this.$echarts.init(document.getElementById('safecheck-ring'))
-        console.log(option)
-        barchart.setOption(option)
-        let index = -1 // 高亮所在下标
-        let dataLength = colorarr.length   // 当前饼图有多少个扇形
-        // 用定时器控制饼图高亮
-        // this.mTime = setInterval(() => {
-        //   // 清除之前的高亮
-        //   barchart.dispatchAction({
-        //     type: 'downplay',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   index = (index + 1) % dataLength
-        //   // 当前下标高亮
-        //   barchart.dispatchAction({
-        //     type: 'highlight',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        //   if (index > dataLength) {
-        //     index = 0
-        //   }
-        // }, 1000)
-        // 鼠标划入
-        // barchart.on('mouseover', () => {
-        //   // 停止定时器，清除之前的高亮
-        //   // clearInterval(this.mTime)
-        //   this.echartsPie.dispatchAction({
-        //     type: 'downplay',
-        //     seriesIndex: 0,
-        //     dataIndex: index
-        //   })
-        // })
-      }
-    },
-    ready () {
-      this.resize()
-    },
-    props: {}
-  }
-</script>
-<style scoped>
-</style>
-
+<template>
+  <div id='safecheck-ring' style="width: 100%;height: 99%;margin-top: 1%;">
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    title: '收费',
+    data () {
+      return{
+        titData: [],
+        valData: []
+      }
+    },
+    methods: {
+      async resize(){
+        let http = new HttpResetClass()
+        // 收费
+        await http.load('post', '/rs/sql/getSafecheckSumByType', {data:{}}, {rejectMsg: null, resolveMsg: null}).then((res)=>{
+          this.valData = res.data
+          this.titData = res.data.map(item => item.name)
+          this.init()
+        })
+      },
+      init () {
+        var colorarr = ['#00FFFF', '#f27c79', '#00FFA8', '#897bd3']
+        var option = {
+          backgroundColor: '#ffffff00',
+          animation: true,
+          title: {
+            x: 'center',
+            y: 'center',
+            textStyle: {
+              color: '#fff',
+              fontSize: 60,
+              fontWeight: 'normal',
+              align: 'center',
+              width: '200px'
+            },
+            subtextStyle: {
+              color: '#fff',
+              fontSize: 20,
+              fontWeight: 'normal',
+              align: 'center'
+            }
+          },
+          legend: {
+            width: '70%',
+            textStyle: {
+              color: '#fff',
+              fontSize: 12
+            },
+            orient: 'vertical',
+            icon: 'circle',
+            bottom: '10%',
+            right: '10%',
+            itemGap: 10,
+            data: this.titData
+              // ['到访不遇', '无法检查','正常入户','拒绝检查']
+          },
+          series: [{
+            type: 'pie',
+            center: ['30%', '60%'],
+            radius: ['30%', '55%'],
+            color: colorarr,
+            startAngle: 135,
+            labelLine: {
+              normal: {
+                length: 20
+              }
+            },
+            label: {
+              show: true,
+              formatter: '{b|{b}}\n{per|{d}%}',
+              rich: {
+                a: {
+                  color: '#999',
+                  lineHeight: 22,
+                  align: 'center'
+                },
+                hr: {
+                  borderColor: '#aaa',
+                  width: '100%',
+                  borderWidth: 1,
+                  height: 0
+                },
+                b: {
+                  fontSize: 10,
+                  padding: [5, 0],
+                  color: '#fff'
+                },
+                c: {
+                  fontSize: 10,
+                  color: '#eee'
+                },
+                per: {
+                  color: '#FDF44E',
+                  fontSize: 10,
+                  borderRadius: 2
+                }
+              },
+              position: 'outside'
+            },
+            data: this.valData
+            //   [{
+            //   name: '到访不遇',
+            //   value: 259574
+            // }, {
+            //   name: '无法检查',
+            //   value: 503
+            // }, {
+            //   name: '正常入户',
+            //   value: 471544
+            // }, {
+            //   name: '拒绝检查',
+            //   value: 4700
+            // }]
+          }]
+        }
+        let barchart = this.$echarts.init(document.getElementById('safecheck-ring'))
+        console.log(option)
+        barchart.setOption(option)
+        let index = -1 // 高亮所在下标
+        let dataLength = colorarr.length   // 当前饼图有多少个扇形
+        // 用定时器控制饼图高亮
+        // this.mTime = setInterval(() => {
+        //   // 清除之前的高亮
+        //   barchart.dispatchAction({
+        //     type: 'downplay',
+        //     seriesIndex: 0,
+        //     dataIndex: index
+        //   })
+        //   index = (index + 1) % dataLength
+        //   // 当前下标高亮
+        //   barchart.dispatchAction({
+        //     type: 'highlight',
+        //     seriesIndex: 0,
+        //     dataIndex: index
+        //   })
+        //   if (index > dataLength) {
+        //     index = 0
+        //   }
+        // }, 1000)
+        // 鼠标划入
+        // barchart.on('mouseover', () => {
+        //   // 停止定时器，清除之前的高亮
+        //   // clearInterval(this.mTime)
+        //   this.echartsPie.dispatchAction({
+        //     type: 'downplay',
+        //     seriesIndex: 0,
+        //     dataIndex: index
+        //   })
+        // })
+      }
+    },
+    ready () {
+      this.resize()
+    },
+    props: {}
+  }
+</script>
+<style scoped>
+</style>
+