{"version":3,"sources":["webpack:///./src/views/graphs/onlinerate.vue?b44c","webpack:///./src/api/onlinerate.js","webpack:///src/views/graphs/onlinerate.vue","webpack:///./src/views/graphs/onlinerate.vue?78bf","webpack:///./src/views/graphs/onlinerate.vue","webpack:///./src/views/graphs/onlinerate.vue?447c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","on","GetStatisticType","directives","name","rawName","value","expression","option","staticRenderFns","listOnline","data","gid","http","url","method","CharShow","mounted","Data","Time","length","methods","setOptions","backgroundColor","color","tooltip","trigger","axisPointer","formatter","dataZoom","legend","top","textStyle","xAxis","type","boundaryGap","xAxisData","axisLabel","interval","val","axisTick","inside","yAxis","grid","series","DateClassValue","then","Value","components","DateSelect","computed","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,CAAC,mBAAmB,UAAU,MAAQ,OAAO,OAAS,SAAS,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,UAAW,GAAMC,GAAG,CAAC,cAAgBR,EAAIS,oBAAoBL,EAAG,UAAU,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOb,EAAY,SAAEc,WAAW,aAAaP,MAAM,CAAC,QAAUP,EAAIe,OAAO,YAAa,MAAS,MACzaC,EAAkB,G,8GCCf,SAASC,EAAWC,GAIvB,MAHgB,IAAZA,EAAKC,YACED,EAAKC,IAETC,eAAK,CACRC,IAAK,gCACLC,OAAQ,OACRJ,S,wmBCoBR,OACEP,KAAM,aACNO,KAFF,WAGI,MAAO,CACLK,UAAN,EACMR,OAAQ,KAGZS,QARF,WAQA,WAEIP,EAAW,CAAf,0EACM,GAAN,aACQ,IAAR,uDACQQ,EAAKC,KAAKC,OAAlB,8BACQ,EAAR,iCAIEC,QAAF,CAEIC,WAFJ,SAEA,OACM5B,KAAKc,OAAS,CACZe,gBAAiB,OACjBC,MAAO,CAAC,UAAW,WACnBC,QAAS,CACPC,QAAS,OACTC,YAAa,EAAvB,iBAEUC,UAAW,SAArB,GACY,IAAZ,sBACY,MAAO,GAAnB,+MAEA,gBAFA,cAEA,WAFA,OAMQC,SAAU,EAAlB,cACQC,OAAQ,CACNnB,KAAM,CAChB,CACY,KAAZ,uCACY,KAAZ,SACY,UAAZ,CACc,MAAd,aAIUoB,IAAK,MACLC,UAAW,CACTR,MAAO,SAGXS,MAAO,CACLC,KAAM,WACNC,aAAa,EACbxB,KAAMyB,EACNC,UAAW,CACTC,SAAU,EACVV,UAAW,SAAvB,KACc,IAAd,sBACc,OAAOW,IAIXC,SAAV,CACYC,QAAQ,IAGZC,MAAO,CACLR,KAAM,QACN9B,KAAM,GAAhB,sDAEQuC,KAAM,EAAd,UACQC,OAAQ,CAChB,CACU,KAAV,uCACU,KAAV,OACU,OAAV,OACU,KAAV,MAKI1C,iBAjEJ,SAiEA,SAMA,EANA,OAEA,0BAEaS,EAAKkC,eAGZnC,EAAWC,GAAMmC,MAAK,SAA5B,GACQ,OAAQC,GAChB,OACA,sCAEA,4CACA,8BACA,MACA,OACA,8BAEA,4CACA,8BACA,MACA,OACA,wCAEA,4CACA,8BACA,MACA,OACA,qCAEA,4CACA,8BACA,MACA,QACA,MAEA,8BACU,EAAV,yFACA,0DACA,oBACA,eACA,iBAMEC,WAAY,CACVC,WAAJ,QAEEC,SAAF,KACA,qCCnKmW,I,wBCQ/VC,EAAY,eACd,EACA3D,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAA0C,E,2CCnBf,yBAAwf,EAAG","file":"js/chunk-acdbd0c6.3d143d18.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticStyle:{\"background-color\":\"#ffffff\",\"width\":\"100%\",\"height\":\"70vh\"}},[_c('date-select',{attrs:{\"Multiple\":true},on:{\"StatisticType\":_vm.GetStatisticType}}),_c('v-chart',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.CharShow),expression:\"CharShow\"}],attrs:{\"options\":_vm.option,\"autoresize\":true}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import http from '@/axios/http'\r\n//在线率\r\nexport function listOnline(data) {\r\n    if (data.gid == '') {\r\n        delete data.gid\r\n    }\r\n    return http({\r\n        url: '/api/onlineManager/listOnline',\r\n        method: 'post',\r\n        data\r\n    })\r\n}","<template>\r\n  <!-- !!! -->\r\n  <!-- !!! -->\r\n  <!-- !!! -->\r\n  <!-- 若有改动，请仔细观察后端返回格式再来修改 -->\r\n  <div>\r\n    <div style=\"background-color: #ffffff;width: 100%;height: 70vh\">\r\n      <date-select @StatisticType=\"GetStatisticType\" :Multiple=\"true\"></date-select>\r\n      <v-chart :options=\"option\" :autoresize=\"true\" v-show=\"CharShow\"/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ECharts from \"vue-echarts\";\r\nimport \"echarts/lib/chart/line\";\r\nimport \"echarts/lib/component/polar\";\r\nimport \"echarts/lib/component/dataZoom\";\r\nimport DateSelect from \"./components/DateSelect\";\r\nimport { listOnline } from '@/api/onlinerate'\r\nimport { tooltipFormate,\r\n         axisFormate, \r\n         otherStyle, \r\n         GetonlinerateYear,\r\n         GetonlinerateDay,\r\n         GetonlinerateTime,\r\n         GetonlinerateTimeMinute \r\n} from './components/GetValue'\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n  name: 'Onlinerate',\r\n  data() {\r\n    return {\r\n      CharShow:false,\r\n      option: {}\r\n    };\r\n  },\r\n  mounted(){\r\n    //进入页面获取在线率统计\r\n    listOnline({year: new Date().getFullYear(),gid:this.defaultGroupId}).then((res)=>{\r\n      if(res.data.data){\r\n        const Data=GetonlinerateYear(new Date().getFullYear(),res.data.data)\r\n        Data.Time.length>0?this.CharShow=true:this.CharShow=false\r\n        this.setOptions(1, Data.Time, Data.data)\r\n      }\r\n    })\r\n  },\r\n  methods:{\r\n    // 设置图形样式和数据，不同统计类型有不同的样式\r\n    setOptions(statistisType, xAxisData, seriesData) {\r\n      this.option = {\r\n        backgroundColor: \"#fff\",\r\n        color: [\"#37A2DA\", \"#32C5E9\"],\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: otherStyle.axisPointer,\r\n          // 鼠标悬浮时显示数据的样式\r\n          formatter: function (params) {\r\n            let name = tooltipFormate(params, statistisType)\r\n            return `${name}<br />\r\n                    <span style=\"width: 10px;height: 10px;background-color: #37A2DA;border-radius: 50%;vertical-align: middle;display: inline-block;\"></span>\r\n                    ${params[0].seriesName} : ${params[0].value}%`\r\n          },\r\n        },\r\n        // 下方滑动条\r\n        dataZoom: otherStyle.dataZoom,\r\n        legend: {\r\n          data: [\r\n            {\r\n              name: this.$t('lang.ReportManagement.Rates'),\r\n              icon: \"circle\",\r\n              textStyle: {\r\n                color: \"#7d838b\"\r\n              }\r\n            }\r\n          ],\r\n          top: \"10%\",\r\n          textStyle: {\r\n            color: \"#fff\"\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          boundaryGap: false,\r\n          data: xAxisData,\r\n          axisLabel: {\r\n            interval: 0,\r\n            formatter: function (value, index) {\r\n              let val = axisFormate(value, statistisType)\r\n              return val         \r\n            },\r\n          },\r\n          // 刻度样式\r\n          axisTick:{     \r\n            inside: true, // 设置刻度朝内\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          name: `${this.$t('lang.ReportManagement.Units')}(%)`\r\n        },\r\n        grid: otherStyle.grid,\r\n        series: [\r\n          {\r\n            name: this.$t('lang.ReportManagement.Rates'),\r\n            type: \"line\",\r\n            symbol: 'none',\r\n            data: seriesData\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    GetStatisticType(data,DayClass){\r\n      //统计类型\r\n      let Value=data.DateClassValue\r\n      //删除统计类型\r\n      delete data.DateClassValue\r\n      //获取筛选后的数据与时间\r\n      let Data;\r\n      listOnline(data).then((res)=>{\r\n        switch (Value) {\r\n        case 4:\r\n          Data=GetonlinerateTimeMinute(data.clock,res.data.data)\r\n          //如果筛选出来的数据没有时间隐藏图表\r\n          Data.Time.length>0?this.CharShow=true:this.CharShow=false\r\n          this.setOptions(4, Data.Time, Data.data)\r\n          break;\r\n        case 3:\r\n          Data = GetonlinerateTime(res.data.data)\r\n          //如果筛选出来的数据没有时间隐藏图表\r\n          Data.Time.length > 0 ? this.CharShow = true : this.CharShow = false\r\n          this.setOptions(3, Data.Time, Data.data)\r\n          break;\r\n        case 2:\r\n          Data = GetonlinerateDay(data.month, DayClass, res.data.data)\r\n          //如果筛选出来的数据没有时间隐藏图表 \r\n          Data.Time.length > 0 ? this.CharShow = true : this.CharShow = false\r\n          this.setOptions(2, Data.Time, Data.data)\r\n          break;\r\n        case 1:\r\n          Data = GetonlinerateYear(data.year, res.data.data)\r\n          //如果筛选出来的数据没有时间隐藏图表\r\n          Data.Time.length > 0 ? this.CharShow = true : this.CharShow = false\r\n          this.setOptions(1, Data.Time, Data.data)\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n      if(Object.keys(Data.data).length<1){\r\n          this.$confirm(this.$t('lang.ReportManagement.datatype'), this.$t('lang.ReportManagement.setPrompt'), {\r\n          confirmButtonText: this.$t('lang.ReportManagement.Determine'),\r\n          showCancelButton:false,\r\n          type: 'warning',\r\n          center: true\r\n        })\r\n      }\r\n      })\r\n    }\r\n  },\r\n  components: {\r\n    DateSelect\r\n  },\r\n  computed:{\r\n    ...mapGetters(['defaultGroupId']),\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.inputlist {\r\n  width: 1.8rem;\r\n  margin: 0.1rem;\r\n}\r\n.echarts {\r\n  width: 100%;\r\n  height: 90%;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./onlinerate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./onlinerate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./onlinerate.vue?vue&type=template&id=5fca6be8&scoped=true&\"\nimport script from \"./onlinerate.vue?vue&type=script&lang=js&\"\nexport * from \"./onlinerate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./onlinerate.vue?vue&type=style&index=0&id=5fca6be8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5fca6be8\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./onlinerate.vue?vue&type=style&index=0&id=5fca6be8&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./onlinerate.vue?vue&type=style&index=0&id=5fca6be8&scoped=true&lang=css&\""],"sourceRoot":""}