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