{"version":3,"sources":["webpack:///./src/userview/dashboard/computerData/ChatTargetRank.vue?9c2c","webpack:///src/userview/dashboard/computerData/D:/Softwares/工作平台源码/对外版本地存储/网站前端/src/userview/dashboard/computerData/ChatTargetRank.vue","webpack:///./src/userview/dashboard/computerData/ChatTargetRank.vue?13df","webpack:///./src/userview/dashboard/computerData/ChatTargetRank.vue","webpack:///./src/userview/dashboard/computerData/ChatTargetRank.vue?3b4f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","directives","name","rawName","value","chartData","length","expression","ref","style","height","chartHeight","_e","attrs","staticRenderFns","_v","props","type","Array","default","String","data","chart","chartColors","名称","color","unit","聊天总时长","时长占比","鼠标点击速度","鼠标移动速度","键盘输入速度","watch","val","changeData","methods","renderChart","_this","Area","$refs","padding","xField","yField","xAxis","tickCount","nice","label","autoRotate","autoEllipsis","yAxis","formatter","text","item","index","meta","TargetName","alias","TotalTime","Percentage","MouseClickSpeed","MouseMoveSpeed","KeystrokeSpeed","point","size","shape","fill","stroke","lineWidth","tooltip","position","showMarkers","fields","customContent","items","container","document","createElement","className","title","listItem","forEach","mappingData","itemMap","innerHTML","on","e","$emit","mounted","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACI,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOX,EAAIY,WAAaZ,EAAIY,UAAUC,OAAS,EAAGC,WAAW,sCAAsCC,IAAI,QAAQT,YAAY,oBAAoBU,MAAM,CAAGC,OAAQhB,KAAKiB,eAAmBlB,EAAIY,WAAqC,GAAxBZ,EAAIY,UAAUC,OAA2Eb,EAAImB,KAAlEf,EAAG,WAAW,CAACgB,MAAM,CAAC,aAAa,GAAG,YAAc,WAAoB,IACjfC,EAAkB,CAAC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,OAAO,CAACJ,EAAIsB,GAAG,WAAWlB,EAAG,OAAO,CAACJ,EAAIsB,GAAG,UAAUlB,EAAG,OAAO,CAACJ,EAAIsB,GAAG,YAAYlB,EAAG,OAAO,CAACJ,EAAIsB,GAAG,YAAYlB,EAAG,OAAO,CAACJ,EAAIsB,GAAG,gB,uDCwBhR,GACbb,KAAM,iBACNc,MAAO,CACLX,UAAW,CACTY,KAAMC,MACNC,QAAS,WACP,MAAO,KAGXR,YAAa,CACXM,KAAMG,OACND,QAAS,UAGbE,KAda,WAeX,MAAO,CACLC,MAAO,KACPC,YAAa,CACXC,KAAI,CACFC,MAAO,UACPC,KAAM,IAERC,QAAO,CACLF,MAAO,UACPC,KAAM,MAERE,OAAM,CACJH,MAAO,UACPC,KAAM,KAERG,SAAQ,CACNJ,MAAO,UACPC,KAAM,OAERI,SAAQ,CACNL,MAAO,UACPC,KAAM,OAERK,SAAQ,CACNN,MAAO,UACPC,KAAM,UAKdM,MAAO,CACL3B,UADK,SACK4B,GACJvC,KAAK4B,OACP5B,KAAK4B,MAAMY,WAAWD,KAI5BE,QAAS,CACPC,YADO,WACO,WACRC,EAAQ3C,KACRA,KAAK4B,QAGT5B,KAAK4B,MAAQ,IAAIgB,UAAK5C,KAAK6C,MAAMjB,MAAO,CACtCD,KAAM3B,KAAKW,UACXmC,QAAS,OACTC,OAAQ,aACRC,OAAQ,YACRC,MAAO,CACLC,UAAW,EACXC,MAAM,EACNC,MAAO,CACLC,YAAY,EACZC,cAAc,IAGlBC,MAAO,CACLJ,MAAM,EACNC,MAAO,CACLI,UAAW,SAACC,EAAMC,EAAMC,GACtB,gBAAUF,EAAV,SAING,KAAM,CACJC,WAAY,CACVC,MAAO,MAETC,UAAW,CACTD,MAAO,SAETE,WAAY,CACVF,MAAO,QAETG,gBAAiB,CACfH,MAAO,UAETI,eAAgB,CACdJ,MAAO,UAETK,eAAgB,CACdL,MAAO,WAGX/B,MAAO,UACPqC,MAAO,CACLC,KAAM,EACNC,MAAO,QACPvD,MAAO,CACLwD,KAAM,QACNC,OAAQ,UACRC,UAAW,IAGfC,QAAS,CACPC,SAAU,QACVC,aAAa,EACbC,OAAQ,CACN,YACA,aACA,iBACA,kBACA,kBAEFC,cAAe,SAACtE,EAAMuE,GACpB,IAAMC,EAAYC,SAASC,cAAc,OACzCF,EAAUG,UAAY,aACtB,IAAMC,EAAQ,+EAAH,OAAkF5E,EAAlF,UACP6E,EAAW,GAoBf,OAnBAN,EAAMO,SAAQ,SAAC5B,GAAS,MAClB3B,EAAQ,GAAH,QAAU,OAAJ2B,QAAI,IAAJA,GAAA,UAAAA,EAAM6B,mBAAN,eAAmBxD,SAAnB,OAA4B2B,QAA5B,IAA4BA,OAA5B,EAA4BA,EAAM3B,QAC7CyD,EAAU,KACV9B,GACEf,EAAMd,YAAY6B,EAAKlD,QACzBgF,EAAU7C,EAAMd,YAAY6B,EAAKlD,MACjCuB,EAAQyD,EAAQzD,OAGpBsD,GAAY,6JAAJ,OACoBtD,EADpB,uLAGwB2B,QAHxB,IAGwBA,OAHxB,EAGwBA,EAAMlD,KAH9B,gCAINkD,QAJM,IAINA,OAJM,EAINA,EAAMhD,OAJA,OAKL8E,EAAUA,EAAQxD,KAAO,GALpB,8CASVgD,EAAUS,UAAYL,EAAQC,EACvBL,MAIbhF,KAAK4B,MAAM8D,GAAG,iBAAiB,SAACC,GAAW,EAAKC,MAAM,eAAgBD,MACtE3F,KAAK4B,MAAM9B,YAGf+F,QAvJa,WAwJX7F,KAAK0C,gBCjL6W,I,wBCQlXoD,EAAY,eACd,EACAhG,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAA0E,E,2CCnBf","file":"js/chunk-9124b420.5d96d6e5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chat-target-rank\"},[_vm._m(0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.chartData && _vm.chartData.length > 0),expression:\"chartData && chartData.length > 0\"}],ref:\"chart\",staticClass:\"chat-target-chart\",style:({ height: this.chartHeight })}),(!_vm.chartData || _vm.chartData.length == 0)?_c('el-empty',{attrs:{\"image-size\":64,\"description\":\"暂无数据\"}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chat-target-tooltip\"},[_c('span',[_vm._v(\"聊天总时长\")]),_c('span',[_vm._v(\"时长占比\")]),_c('span',[_vm._v(\"键盘输入速度\")]),_c('span',[_vm._v(\"鼠标点击速度\")]),_c('span',[_vm._v(\"鼠标移动速度\")])])}]\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { Area } from \"@antv/g2plot\";\r\nexport default {\r\n  name: \"ChatTargetRank\",\r\n  props: {\r\n    chartData: {\r\n      type: Array,\r\n      default: () => {\r\n        return [];\r\n      },\r\n    },\r\n    chartHeight: {\r\n      type: String,\r\n      default: \"400px\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      chart: null,\r\n      chartColors: {\r\n        名称: {\r\n          color: \"#1EB197\",\r\n          unit: \"\",\r\n        },\r\n        聊天总时长: {\r\n          color: \"#03ab68\",\r\n          unit: \"小时\",\r\n        },\r\n        时长占比: {\r\n          color: \"#eca85f\",\r\n          unit: \"%\",\r\n        },\r\n        鼠标点击速度: {\r\n          color: \"#f72323\",\r\n          unit: \"次/分\",\r\n        },\r\n        鼠标移动速度: {\r\n          color: \"#32f723\",\r\n          unit: \"次/分\",\r\n        },\r\n        键盘输入速度: {\r\n          color: \"#098dd8\",\r\n          unit: \"次/分\",\r\n        },\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    chartData(val) {\r\n      if (this.chart) {\r\n        this.chart.changeData(val);\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    renderChart() {\r\n      var _this = this;\r\n      if (this.chart) {\r\n        return;\r\n      }\r\n      this.chart = new Area(this.$refs.chart, {\r\n        data: this.chartData,\r\n        padding: \"auto\",\r\n        xField: \"TargetName\",\r\n        yField: \"TotalTime\",\r\n        xAxis: {\r\n          tickCount: 5,\r\n          nice: true,\r\n          label: {\r\n            autoRotate: true,\r\n            autoEllipsis: true,\r\n          },\r\n        },\r\n        yAxis: {\r\n          nice: true,\r\n          label: {\r\n            formatter: (text, item, index) => {\r\n              return `${text}小时`;\r\n            },\r\n          },\r\n        },\r\n        meta: {\r\n          TargetName: {\r\n            alias: \"名称\",\r\n          },\r\n          TotalTime: {\r\n            alias: \"聊天总时长\",\r\n          },\r\n          Percentage: {\r\n            alias: \"时长占比\",\r\n          },\r\n          MouseClickSpeed: {\r\n            alias: \"鼠标点击速度\",\r\n          },\r\n          MouseMoveSpeed: {\r\n            alias: \"鼠标移动速度\",\r\n          },\r\n          KeystrokeSpeed: {\r\n            alias: \"键盘输入速度\",\r\n          },\r\n        },\r\n        color: \"#1EB197\",\r\n        point: {\r\n          size: 4,\r\n          shape: \"round\",\r\n          style: {\r\n            fill: \"white\",\r\n            stroke: \"#1EB197\",\r\n            lineWidth: 2,\r\n          },\r\n        },\r\n        tooltip: {\r\n          position: \"right\",\r\n          showMarkers: false,\r\n          fields: [\r\n            \"TotalTime\",\r\n            \"Percentage\",\r\n            \"KeystrokeSpeed\",\r\n            \"MouseClickSpeed\",\r\n            \"MouseMoveSpeed\",\r\n          ],\r\n          customContent: (name, items) => {\r\n            const container = document.createElement(\"div\");\r\n            container.className = \"g2-tooltip\";\r\n            const title = `<div class=\"g2-tooltip-title\" style=\"margin-top: 12px;margin-bottom: 12px;\">${name}</div>`;\r\n            let listItem = \"\";\r\n            items.forEach((item) => {\r\n              var color = `${item?.mappingData?.color || item?.color}`;\r\n              var itemMap = null;\r\n              if (item) {\r\n                if (_this.chartColors[item.name]) {\r\n                  itemMap = _this.chartColors[item.name];\r\n                  color = itemMap.color;\r\n                }\r\n              }\r\n              listItem += `<li class=\"g2-tooltip-list-item\" data-index={index} style=\"margin-bottom:4px;display:flex;align-items: center;\">\r\n          <span style=\"background-color:${color};\" class=\"g2-tooltip-marker\"></span>\r\n          <span style=\"display:inline-flex;flex:1;justify-content:space-between\">\r\n          <span style=\"margin-right: 16px;\">${item?.name}:</span><span>${\r\n                item?.value\r\n              }${itemMap ? itemMap.unit : \"\"}</span>\r\n          </span>\r\n      </li>`;\r\n            });\r\n            container.innerHTML = title + listItem;\r\n            return container;\r\n          },\r\n        },\r\n      });\r\n      this.chart.on(\"element:click\", (e) => void this.$emit(\"elementClick\", e));\r\n      this.chart.render();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.renderChart();\r\n  },\r\n};\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatTargetRank.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatTargetRank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatTargetRank.vue?vue&type=template&id=0ad284a7&scoped=true&\"\nimport script from \"./ChatTargetRank.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatTargetRank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatTargetRank.vue?vue&type=style&index=0&id=0ad284a7&lang=less&scoped=true&\"\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  \"0ad284a7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatTargetRank.vue?vue&type=style&index=0&id=0ad284a7&lang=less&scoped=true&\""],"sourceRoot":""}