{"version":3,"sources":["webpack:///./src/views/Form/Charts.vue","webpack:///src/views/Form/Charts.vue","webpack:///./src/views/Form/Charts.vue?d12f","webpack:///./src/views/Form/Charts.vue?c11b","webpack:///./src/views/Form/Charts.vue?fffc"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","histogramChartDataWeek","histogramChartSettingsWeek","histogramChartMarkLine","lineChartData7Day","extend","lineChartSettings7Day","lineChartMarkPoint","lineChartData24Hour","lineChartSettings24Hour","ringChartData","ringChartSettings","staticRenderFns","Vue","use","VCharts","name","data","columns","rows","series","label","normal","show","metrics","dimension","type","pieChartData","日期","成本","利润","pieChartSettings","created","methods","mounted","_this","para","getRequestApiinfoByWeek","then","res","response","JSON","parse","getAccessApiByDate","getAccessApiByHour","component"],"mappings":"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","file":"js/chunk-e548f326.a2bb641c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('el-scrollbar',{staticClass:\"default-scrollbar\",attrs:{\"wrap-class\":\"default-scrollbar__wrap\",\"view-class\":\"p20-scrollbar__view\"}},[_c('el-row',{attrs:{\"gutter\":24}},[_c('el-col',{staticClass:\"echarts-item\",attrs:{\"sm\":12,\"xs\":24}},[_c('div',{staticClass:\"content-title\"},[_vm._v(\"周访问柱状图 Top8\")]),_c('ve-histogram',{attrs:{\"data\":_vm.histogramChartDataWeek,\"settings\":_vm.histogramChartSettingsWeek,\"mark-line\":_vm.histogramChartMarkLine}})],1),_c('el-col',{staticClass:\"echarts-item\",attrs:{\"sm\":12,\"xs\":24}},[_c('div',{staticClass:\"content-title\"},[_vm._v(\"7天访问曲线图\")]),_c('ve-line',{attrs:{\"data\":_vm.lineChartData7Day,\"extend\":_vm.extend,\"settings\":_vm.lineChartSettings7Day,\"mark-point\":_vm.lineChartMarkPoint}})],1),_c('el-col',{staticClass:\"echarts-item\",attrs:{\"sm\":12,\"xs\":24}},[_c('div',{staticClass:\"content-title\"},[_vm._v(\"24小时访问图\")]),_c('ve-line',{attrs:{\"data\":_vm.lineChartData24Hour,\"settings\":_vm.lineChartSettings24Hour,\"mark-point\":_vm.lineChartMarkPoint}})],1),_c('el-col',{staticClass:\"echarts-item\",attrs:{\"sm\":12,\"xs\":24}},[_c('div',{staticClass:\"content-title\"},[_vm._v(\"环形图\")]),_c('ve-ring',{attrs:{\"data\":_vm.ringChartData,\"settings\":_vm.ringChartSettings}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section>\r\n    <el-scrollbar\r\n      class=\"default-scrollbar\"\r\n      wrap-class=\"default-scrollbar__wrap\"\r\n      view-class=\"p20-scrollbar__view\"\r\n    >\r\n      <el-row :gutter=\"24\">\r\n        <el-col :sm=\"12\" :xs=\"24\" class=\"echarts-item\">\r\n          <div class=\"content-title\">周访问柱状图 Top8</div>\r\n          <ve-histogram\r\n            :data=\"histogramChartDataWeek\"\r\n            :settings=\"histogramChartSettingsWeek\"\r\n            :mark-line=\"histogramChartMarkLine\"\r\n          ></ve-histogram>\r\n        </el-col>\r\n        <el-col :sm=\"12\" :xs=\"24\" class=\"echarts-item\">\r\n          <div class=\"content-title\">7天访问曲线图</div>\r\n          <ve-line\r\n            :data=\"lineChartData7Day\"\r\n            :extend=\"extend\"\r\n            :settings=\"lineChartSettings7Day\"\r\n            :mark-point=\"lineChartMarkPoint\"\r\n          ></ve-line>\r\n        </el-col>\r\n        <el-col :sm=\"12\" :xs=\"24\" class=\"echarts-item\">\r\n          <div class=\"content-title\">24小时访问图</div>\r\n         <ve-line\r\n            :data=\"lineChartData24Hour\"\r\n            :settings=\"lineChartSettings24Hour\"\r\n            :mark-point=\"lineChartMarkPoint\"\r\n          ></ve-line>\r\n        </el-col>\r\n        <el-col :sm=\"12\" :xs=\"24\" class=\"echarts-item\">\r\n          <div class=\"content-title\">环形图</div>\r\n          <ve-ring :data=\"ringChartData\" :settings=\"ringChartSettings\"></ve-ring>\r\n        </el-col>\r\n      </el-row>\r\n    </el-scrollbar>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport VCharts from \"v-charts\";\r\nVue.use(VCharts);\r\nimport { getRequestApiinfoByWeek, getAccessApiByDate,getAccessApiByHour } from \"../../api/api\";\r\n\r\nexport default {\r\n  name: \"AdminDashboard\",\r\n  data() {\r\n    return {\r\n      histogramChartDataWeek: {\r\n        columns: [],\r\n        rows: []\r\n      },\r\n      extend: {\r\n        series: {\r\n          label: {\r\n            normal: {\r\n              show: true\r\n            }\r\n          }\r\n        }\r\n      },\r\n      histogramChartSettingsWeek: {},\r\n      histogramChartMarkLine: {\r\n      },\r\n      lineChartData7Day: {\r\n        columns: [],\r\n        rows: []\r\n      },\r\n      lineChartSettings7Day: {\r\n        metrics: [\"count\"],\r\n        dimension: [\"date\"]\r\n      },\r\n      lineChartData24Hour: {\r\n        columns: [],\r\n        rows: []\r\n      },\r\n      lineChartSettings24Hour: {\r\n        metrics: [\"count\"],\r\n        dimension: [\"date\"]\r\n      },\r\n      lineChartMarkPoint: {\r\n        data: [\r\n          {\r\n            name: \"最大值\",\r\n            type: \"max\"\r\n          },\r\n          {\r\n            name: \"最小值\",\r\n            type: \"min\"\r\n          }\r\n        ]\r\n      },\r\n      pieChartData: {\r\n        columns: [\"日期\", \"成本\", \"利润\"],\r\n        rows: [\r\n          {\r\n            日期: \"1月1号\",\r\n            成本: 123,\r\n            利润: 3\r\n          },\r\n          {\r\n            日期: \"1月2号\",\r\n            成本: 1223,\r\n            利润: 6\r\n          },\r\n          {\r\n            日期: \"1月3号\",\r\n            成本: 2123,\r\n            利润: 90\r\n          },\r\n          {\r\n            日期: \"1月4号\",\r\n            成本: 4123,\r\n            利润: 12\r\n          },\r\n          {\r\n            日期: \"1月5号\",\r\n            成本: 3123,\r\n            利润: 15\r\n          },\r\n          {\r\n            日期: \"1月6号\",\r\n            成本: 7123,\r\n            利润: 20\r\n          }\r\n        ]\r\n      },\r\n      pieChartSettings: {\r\n        dimension: \"成本\",\r\n        metrics: \"利润\"\r\n      },\r\n      ringChartData: {\r\n        columns: [\"日期\", \"成本\", \"利润\"],\r\n        rows: [\r\n          {\r\n            日期: \"1月1号\",\r\n            成本: 123,\r\n            利润: 3\r\n          },\r\n          {\r\n            日期: \"1月2号\",\r\n            成本: 1223,\r\n            利润: 6\r\n          },\r\n          {\r\n            日期: \"1月3号\",\r\n            成本: 2123,\r\n            利润: 90\r\n          },\r\n          {\r\n            日期: \"1月4号\",\r\n            成本: 4123,\r\n            利润: 12\r\n          },\r\n          {\r\n            日期: \"1月5号\",\r\n            成本: 3123,\r\n            利润: 15\r\n          },\r\n          {\r\n            日期: \"1月6号\",\r\n            成本: 7123,\r\n            利润: 20\r\n          }\r\n        ]\r\n      },\r\n      ringChartSettings: {\r\n        dimension: \"成本\",\r\n        metrics: \"利润\"\r\n      }\r\n    };\r\n  },\r\n  created: function() {},\r\n  methods: {},\r\n  mounted() {\r\n      let para={};\r\n\r\n    getRequestApiinfoByWeek(para).then(res => {\r\n      this.histogramChartDataWeek.columns = res.data.response.columns;\r\n      this.histogramChartDataWeek.rows =JSON.parse( res.data.response.rows);\r\n    });\r\n    getAccessApiByDate(para).then(res => {\r\n      this.lineChartData7Day = res.data.response;\r\n    });\r\n    getAccessApiByHour(para).then(res => {\r\n      this.lineChartData24Hour = res.data.response;\r\n    });\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.content-title {\r\n  clear: both;\r\n  font-weight: 400;\r\n  line-height: 50px;\r\n  padding: 10px 10px;\r\n  font-size: 22px;\r\n  color: #1f2f3d;\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!./Charts.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!./Charts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Charts.vue?vue&type=template&id=af11843e&scoped=true\"\nimport script from \"./Charts.vue?vue&type=script&lang=js\"\nexport * from \"./Charts.vue?vue&type=script&lang=js\"\nimport style0 from \"./Charts.vue?vue&type=style&index=0&id=af11843e&prod&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  \"af11843e\",\n  null\n  \n)\n\nexport default component.exports","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!./Charts.vue?vue&type=style&index=0&id=af11843e&prod&scoped=true&lang=css\""],"sourceRoot":""}