{"version":3,"sources":["webpack:///./src/userview/dashboard/workData/TaskData.vue?11e4","webpack:///src/userview/dashboard/workData/D:/Softwares/工作平台源码/对外版本地存储/网站前端/src/userview/dashboard/workData/TaskData.vue","webpack:///./src/userview/dashboard/workData/TaskData.vue?5fa5","webpack:///./src/userview/dashboard/workData/TaskData.vue","webpack:///./src/userview/dashboard/workData/TaskData.vue?2839"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","index","key","class","activeTaskTab","on","$event","handleTabClick","_s","directives","name","rawName","value","taskData","Today","expression","_m","ref","Total","staticRenderFns","props","type","Object","default","data","taskTabs","chartToday","chartTotal","watch","val","$nextTick","changeData","todayPercent","totalData","computed","percent","Complete","toFixed","map","m","Type","Time","timeFormat","Count","push","completeData","methods","tab","renderChartToday","Gauge","$refs","range","color","width","startAngle","Math","PI","endAngle","indicator","statistic","title","offsetY","style","fontSize","fontWeight","textAlign","formatter","text","content","lineHeight","renderChartTotal","Line","xField","yField","seriesField","smooth","label","position","fill","opacity","xAxis","autoHide","autoRotate","nice","point","size","shape","lineWidth","legend","layout","slider","start","end","meta","alias","mounted","component"],"mappings":"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","file":"js/chunk-87beede6.06b97179.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"task-data\"},[_c('div',{staticClass:\"task-data-content\"},[_c('div',{staticClass:\"task-title\"},[_c('span',[_vm._v(\"任务\")]),_c('div',{staticClass:\"task-tab\"},_vm._l((_vm.taskTabs),function(item,index){return _c('div',{key:index,class:_vm.activeTaskTab == item ? 'active' : '',on:{\"click\":function($event){return _vm.handleTabClick(item)}}},[_c('span',[_vm._v(_vm._s(item))])])}),0)]),_c('div',{staticClass:\"task-tab-panel\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTaskTab == '今' && _vm.taskData && _vm.taskData.Today),expression:\"activeTaskTab == '今' && taskData && taskData.Today\"}],staticClass:\"task-today\"},[_vm._m(0),_c('div',{ref:\"chart-today\",staticClass:\"task-today-chart\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeTaskTab == '总' && _vm.taskData && _vm.taskData.Total),expression:\"activeTaskTab == '总' && taskData && taskData.Total\"}],staticClass:\"task-total\"},[_c('div',{ref:\"chart-total\",staticClass:\"task-total-chart\"})])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"task-today-chart-tooltip\"},[_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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { Gauge, Line } from \"@antv/g2plot\";\r\nexport default {\r\n  name: \"TaskData\",\r\n  props: {\r\n    taskData: {\r\n      type: Object,\r\n      default: null,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      activeTaskTab: \"总\",\r\n      taskTabs: [\"今\", \"总\"],\r\n      chartToday: null,\r\n      chartTotal: null,\r\n    };\r\n  },\r\n  watch: {\r\n    taskData(val) {\r\n      if (this.taskData) {\r\n        this.$nextTick(() => {\r\n          this.chartToday.changeData(this.todayPercent);\r\n          if (this.totalData) {\r\n            this.chartTotal.changeData(this.totalData);\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    todayPercent() {\r\n      var percent = 0;\r\n      if (\r\n        this.taskData &&\r\n        this.taskData.Today &&\r\n        this.taskData.Today.Total > 0\r\n      ) {\r\n        percent = this.taskData.Today.Complete / this.taskData.Today.Total;\r\n        percent = percent.toFixed(2);\r\n      }\r\n      return percent;\r\n    },\r\n    totalData() {\r\n      var data = [];\r\n      if (this.taskData && this.taskData.Total) {\r\n        var totalData = this.taskData.Total.map((m) => {\r\n          return {\r\n            Type: \"任务总数量\",\r\n            Time: m.Time.timeFormat(\"yyyy-MM-dd\"),\r\n            Count: m.Total,\r\n          };\r\n        });\r\n        data.push(...totalData);\r\n        var completeData = this.taskData.Total.map((m) => {\r\n          return {\r\n            Type: \"已完成数量\",\r\n            Time: m.Time.timeFormat(\"yyyy-MM-dd\"),\r\n            Count: m.Complete,\r\n          };\r\n        });\r\n        data.push(...completeData);\r\n      }\r\n      return data;\r\n    },\r\n  },\r\n  methods: {\r\n    handleTabClick(tab) {\r\n      this.activeTaskTab = tab;\r\n    },\r\n    renderChartToday() {\r\n      if (this.chartToday) {\r\n        return;\r\n      }\r\n      this.chartToday = new Gauge(this.$refs[\"chart-today\"], {\r\n        percent: this.todayPercent,\r\n        range: {\r\n          color: [\"l(0) 0:#EB7E65 1:#F5A636\", \"#FAD2C9\"],\r\n          width: 25,\r\n        },\r\n        startAngle: Math.PI,\r\n        endAngle: 2 * Math.PI,\r\n        indicator: null,\r\n        statistic: {\r\n          title: {\r\n            offsetY: -10,\r\n            style: {\r\n              fontSize: \"32px\",\r\n              color: \"#4B535E\",\r\n              fontWeight: \"bold\",\r\n              textAlign: \"center\",\r\n            },\r\n            formatter: () => {\r\n              var text = this.todayPercent * 100 + \"%\";\r\n              return text;\r\n            },\r\n          },\r\n          content: {\r\n            offsetY: -45,\r\n            style: {\r\n              fontSize: \"12px\",\r\n              lineHeight: \"12px\",\r\n              color: \"#4B535E\",\r\n              textAlign: \"center\",\r\n            },\r\n            formatter: () => \"进度\",\r\n          },\r\n        },\r\n      });\r\n\r\n      this.chartToday.render();\r\n    },\r\n    renderChartTotal() {\r\n      if (this.chartTotal) {\r\n        return;\r\n      }\r\n      this.chartTotal = new Line(this.$refs[\"chart-total\"], {\r\n        data: this.totalData,\r\n        xField: \"Time\",\r\n        yField: \"Count\",\r\n        seriesField: \"Type\",\r\n        smooth: true,\r\n        label: {\r\n          // 可手动配置 label 数据标签位置\r\n          position: \"middle\", // 'top', 'bottom', 'middle',\r\n          // 配置样式\r\n          style: {\r\n            fill: \"#FFFFFF\",\r\n            opacity: 0.6,\r\n          },\r\n        },\r\n        xAxis: {\r\n          label: {\r\n            autoHide: true,\r\n            autoRotate: false,\r\n          },\r\n          nice: true,\r\n        },\r\n        point: {\r\n          size: 4,\r\n          shape: \"square\",\r\n          style: {\r\n            lineWidth: 2,\r\n          },\r\n        },\r\n        legend: {\r\n          layout: \"verticle\",\r\n          position: \"left\",\r\n        },\r\n        slider: {\r\n          start: 0,\r\n          end: 0.5,\r\n        },\r\n        meta: {\r\n          Time: {\r\n            alias: \"时间\",\r\n          },\r\n          Count: {\r\n            alias: \"数量\",\r\n          },\r\n        },\r\n      });\r\n\r\n      this.chartTotal.render();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.renderChartToday();\r\n    this.renderChartTotal();\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!./TaskData.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!./TaskData.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TaskData.vue?vue&type=template&id=f0cdbfcc&scoped=true&\"\nimport script from \"./TaskData.vue?vue&type=script&lang=js&\"\nexport * from \"./TaskData.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TaskData.vue?vue&type=style&index=0&id=f0cdbfcc&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  \"f0cdbfcc\",\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!./TaskData.vue?vue&type=style&index=0&id=f0cdbfcc&lang=less&scoped=true&\""],"sourceRoot":""}