{"version":3,"sources":["webpack:///./src/components/ThermodynamicChart.vue?009d","webpack:///src/components/D:/Softwares/工作平台源码/对外版本地存储/网站前端/src/components/ThermodynamicChart.vue","webpack:///./src/components/ThermodynamicChart.vue?4554","webpack:///./src/components/ThermodynamicChart.vue","webpack:///./src/components/ThermodynamicChart.vue?b923"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","pageData","page","on","$event","changePage","attrs","width","height","_e","totalPageCount","staticRenderFns","props","IsRealTimeScreenshot","type","Boolean","default","istaskDetail","datestart","String","dateend","UsId","Number","teamId","isColumn","column","row","data","show","thermodynamicData","xAxisData","yAxisData","thermodynamicArray","coordinate","visualMapVertical","min","max","calculable","orient","right","bottom","color","showLabel","visualMaphorizontal","itemHeight","gridVertical","left","top","gridHorizontal","watch","getData","computed","cmurl","process","mounted","methods","pageCount","$http","post","then","resp","res","Math","ceil","TotalCount","Behavior","map","m","BehavoirType","getAxisData","i","push","length","forEach","index","y","x","floor","array","$nextTick","initCharts","option","that","echarts","require","chartDom","document","getElementById","myChart","init","item","tooltip","position","extraCssText","confine","formatter","p","val","value","CompterInfos","html","Behavoir","Pname","FocusFormName","ImageName","grid","xAxis","splitArea","axisTick","axisLine","axisLabel","yAxis","yAxisIndex","visualMap","series","name","label","emphasis","itemStyle","shadowBlur","shadowColor","setOption","component"],"mappings":"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","file":"js/chunk-40304dc0.37d626e7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"therm_charts\"},[_c('div',{staticClass:\"left_page\",style:((\"\" + (_vm.pageData.page <= 1 ? 'cursor: no-drop;' : ''))),on:{\"click\":function($event){return _vm.changePage(1)}}},[_c('i',{staticClass:\"el-icon-arrow-left\"})]),_c('transition',{attrs:{\"name\":\"slide-fade\"}},[(_vm.show)?_c('div',{style:({ width: _vm.width, height: _vm.height }),attrs:{\"id\":\"thermodynamic\"}}):_vm._e()]),_c('div',{staticClass:\"right_page\",style:((\"\" + (_vm.pageData.page >= _vm.pageData.totalPageCount ? 'cursor: no-drop;' : ''))),on:{\"click\":function($event){return _vm.changePage(2)}}},[_c('i',{staticClass:\"el-icon-arrow-right\"})])],1)}\nvar staticRenderFns = []\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//\n//\n//\n//\n\r\nexport default {\r\n  props: {\r\n    //是否显示截图\r\n    IsRealTimeScreenshot: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    //是否是任务详情\r\n    istaskDetail: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    datestart: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    dateend: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    UsId: {\r\n      type: Number,\r\n      default: null,\r\n    },\r\n    teamId: {\r\n      type: Number,\r\n      default: null,\r\n    },\r\n    width: {\r\n      type: String,\r\n      default: \"100%\",\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: \"200px\",\r\n    },\r\n    isColumn: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    column: {\r\n      type: Number,\r\n      default: 26,\r\n    },\r\n    row: {\r\n      type: Number,\r\n      default: 8,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      show: false,\r\n      pageData: {\r\n        page: 1,\r\n        totalPageCount: 0,\r\n      },\r\n      thermodynamicData: [],\r\n      xAxisData: [],\r\n      yAxisData: [],\r\n      thermodynamicArray: [],\r\n      coordinate: [],\r\n      visualMapVertical: {\r\n        min: 1,\r\n        max: 3,\r\n        calculable: true,\r\n        orient: \"vertical\",\r\n        right: \"0\",\r\n        bottom: \"7%\",\r\n        color: [\"#f2f6fc\", \"#F56C6C\", \"#67C23A\"],\r\n        showLabel: false,\r\n      },\r\n      visualMaphorizontal: {\r\n        type: \"continuous\",\r\n        min: 1,\r\n        max: 3,\r\n        calculable: true,\r\n        orient: \"horizontal\",\r\n        right: \"center\",\r\n        bottom: \"1%\",\r\n        color: [\"#f2f6fc\", \"#F56C6C\", \"#67C23A\"],\r\n        showLabel: false,\r\n        itemHeight: \"310\",\r\n      },\r\n      gridVertical: {\r\n        left: \"1%\",\r\n        height: \"80%\",\r\n        width: \"94%\",\r\n        top: \"10%\",\r\n      },\r\n      gridHorizontal: {\r\n        left: \"center\",\r\n        height: \"75%\",\r\n        width: \"88%\",\r\n        top: \"6%\",\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    dateend() {\r\n      if (this.dateend) {\r\n        this.pageData.page = 1;\r\n        this.getData();\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    cmurl() {\r\n      return process.env.VUE_APP_CMURL;\r\n    },\r\n  },\r\n  mounted() {\r\n    if (!this.istaskDetail) {\r\n      this.getData();\r\n    }\r\n  },\r\n  methods: {\r\n    /**\r\n     * 分页\r\n     */\r\n    changePage(type) {\r\n      if (type == 1 && this.pageData.page > 1) {\r\n        this.pageData.page--;\r\n        this.getData();\r\n      } else if (\r\n        type == 2 &&\r\n        this.pageData.page < this.pageData.totalPageCount\r\n      ) {\r\n        this.pageData.page++;\r\n        this.getData();\r\n      }\r\n    },\r\n    getData() {\r\n      const data = {\r\n        UsId: this.UsId,\r\n        datestart: this.datestart,\r\n        dateend: this.dateend,\r\n        teamId: this.teamId,\r\n        page: this.pageData.page,\r\n        pageCount: this.column * this.row,\r\n      };\r\n      this.show = false;\r\n      this.$http\r\n        .post(\"/User/Work/GetBehaviorThermodynamicChart.ashx\", data)\r\n        .then((resp) => {\r\n          if (resp.res == 0) {\r\n            this.pageData.totalPageCount = Math.ceil(\r\n              resp.data.TotalCount / (this.column * this.row)\r\n            );\r\n            this.thermodynamicData = resp.data.Behavior;\r\n            this.thermodynamicArray = this.thermodynamicData.map((m) => {\r\n              if (m.BehavoirType == \"积极\") {\r\n                return 1;\r\n              } else if (m.BehavoirType == \"消极\") {\r\n                return 2;\r\n              } else if (m.BehavoirType == \"未知\") {\r\n                return 3;\r\n              }\r\n            });\r\n            this.show = true;\r\n            this.getAxisData();\r\n          }\r\n        });\r\n    },\r\n    getAxisData() {\r\n      this.xAxisData = [];\r\n      this.yAxisData = [];\r\n      this.coordinate = [];\r\n      for (let i = 0; i < this.column; i++) {\r\n        this.xAxisData.push(i);\r\n      }\r\n      const row =\r\n        Math.ceil(this.thermodynamicArray.length / this.column) < this.row\r\n          ? this.row\r\n          : Math.ceil(this.thermodynamicArray.length / this.column);\r\n      for (let i = 0; i < row; i++) {\r\n        this.yAxisData.push(i);\r\n      }\r\n      this.thermodynamicArray.forEach((m, index) => {\r\n        let y = index % this.column;\r\n        let x = Math.floor(index / this.column);\r\n        let array = [x, y, m];\r\n        this.coordinate.push(array);\r\n      });\r\n      this.$nextTick(() => {\r\n        this.initCharts();\r\n      });\r\n    },\r\n    initCharts() {\r\n      const that = this;\r\n      // 基于准备好的dom，初始化echarts实例\r\n      var echarts = require(\"echarts\");\r\n      var chartDom = document.getElementById(\"thermodynamic\");\r\n      var myChart = echarts.init(chartDom);\r\n      var option;\r\n      this.coordinate = this.coordinate.map(function (item) {\r\n        return [item[1], item[0], item[2] || \"-\"];\r\n      });\r\n\r\n      option = {\r\n        tooltip: {\r\n          position: \"top\",\r\n          extraCssText: \"z-index:99999999\",\r\n          confine: true,\r\n          formatter: function (p) {\r\n            const val = p.value[0] + p.value[1] * 12;\r\n            const item = that.thermodynamicData[val].CompterInfos[0];\r\n            let html = null;\r\n            if (that.IsRealTimeScreenshot) {\r\n              html = `\r\n                    <span>行为：${that.thermodynamicData[val].Behavoir} </span>\r\n                    <span style=\"margin-left:10px\">行为状态：${that.thermodynamicData[val].BehavoirType} </span>\r\n                    <br>\r\n                    <span>进程名：${item.Pname}</span>\r\n                    <span style=\"margin-left:10px\">窗口名：${item.FocusFormName}</span>\r\n                    <br>\r\n                    <image\r\n                      style=\"max-width: 200px;\"\r\n                      src=\"${that.cmurl}${item.ImageName}\"\r\n                      alt=\"\"\r\n                    >\r\n                    </image>\r\n                  `;\r\n            } else {\r\n              html = `\r\n                    <span>行为：${that.thermodynamicData[val].Behavoir} </span>\r\n                    <span style=\"margin-left:10px\">行为状态：${that.thermodynamicData[val].BehavoirType} </span>\r\n                    <br>\r\n                    <span>进程名：${item.Pname}</span>\r\n                    <span style=\"margin-left:10px\">窗口名：${item.FocusFormName}</span>\r\n                    <br>\r\n                    \r\n                  `;\r\n            }\r\n            return html;\r\n          },\r\n        },\r\n        grid: this.isColumn ? this.gridHorizontal : this.gridVertical,\r\n        xAxis: {\r\n          type: \"category\",\r\n          data: this.xAxisData,\r\n          splitArea: {\r\n            show: true,\r\n          },\r\n\r\n          axisTick: {\r\n            show: false, //不显示坐标轴刻度线\r\n          },\r\n          axisLine: {\r\n            show: false, //不显示坐标轴线\r\n          },\r\n          axisLabel: {\r\n            show: false, //不显示坐标轴上的文字\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"category\",\r\n          data: this.yAxisData,\r\n          splitArea: {\r\n            show: true,\r\n          },\r\n          yAxisIndex: 2,\r\n          axisTick: {\r\n            show: false, //不显示坐标轴刻度线\r\n          },\r\n          axisLine: {\r\n            show: false, //不显示坐标轴线\r\n          },\r\n          axisLabel: {\r\n            show: false, //不显示坐标轴上的文字\r\n          },\r\n        },\r\n        visualMap: this.isColumn\r\n          ? this.visualMaphorizontal\r\n          : this.visualMapVertical,\r\n        series: [\r\n          {\r\n            name: \"Punch Card\",\r\n            type: \"heatmap\",\r\n            data: this.coordinate,\r\n\r\n            label: {\r\n              show: false,\r\n            },\r\n            emphasis: {\r\n              itemStyle: {\r\n                shadowBlur: 10,\r\n                shadowColor: \"rgba(0, 0, 0, 0.5)\",\r\n              },\r\n            },\r\n          },\r\n        ],\r\n      };\r\n\r\n      option && myChart.setOption(option);\r\n    },\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!./ThermodynamicChart.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!./ThermodynamicChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThermodynamicChart.vue?vue&type=template&id=2ed0f48f&scoped=true&\"\nimport script from \"./ThermodynamicChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ThermodynamicChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThermodynamicChart.vue?vue&type=style&index=0&id=2ed0f48f&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  \"2ed0f48f\",\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!./ThermodynamicChart.vue?vue&type=style&index=0&id=2ed0f48f&lang=less&scoped=true&\""],"sourceRoot":""}