{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\dashboard\\admin\\index.vue?vue&type=style&index=0&id=a361ec26&lang=scss&scoped=true&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\dashboard\\admin\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmRhc2hib2FyZC1lZGl0b3ItY29udGFpbmVyIHsKICBwYWRkaW5nOiAzMnB4OwogIGJhY2tncm91bmQtY29sb3I6IHJnYigyNDAsIDI0MiwgMjQ1KTsKICBwb3NpdGlvbjogcmVsYXRpdmU7CgogIC5naXRodWItY29ybmVyIHsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIHRvcDogMHB4OwogICAgYm9yZGVyOiAwOwogICAgcmlnaHQ6IDA7CiAgfQoKICAuY2hhcnQtd3JhcHBlciB7CiAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgcGFkZGluZzogMTZweCAxNnB4IDA7CiAgICBtYXJnaW4tYm90dG9tOiAzMnB4OwogIH0KfQoKQG1lZGlhIChtYXgtd2lkdGg6MTAyNHB4KSB7CiAgLmNoYXJ0LXdyYXBwZXIgewogICAgcGFkZGluZzogOHB4OwogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/dashboard/admin","sourcesContent":["<template>\n <div class=\"dashboard-editor-container\">\n <github-corner class=\"github-corner\" />\n\n <panel-group @handleSetLineChartData=\"handleSetLineChartData\" />\n\n <el-row style=\"background:#fff;padding:16px 16px 0;margin-bottom:32px;\">\n <line-chart :chart-data=\"lineChartData\" />\n </el-row>\n\n <el-row :gutter=\"32\">\n <el-col :xs=\"24\" :sm=\"24\" :lg=\"8\">\n <div class=\"chart-wrapper\">\n <raddar-chart />\n </div>\n </el-col>\n <el-col :xs=\"24\" :sm=\"24\" :lg=\"8\">\n <div class=\"chart-wrapper\">\n <pie-chart />\n </div>\n </el-col>\n <el-col :xs=\"24\" :sm=\"24\" :lg=\"8\">\n <div class=\"chart-wrapper\">\n <bar-chart />\n </div>\n </el-col>\n </el-row>\n\n <el-row :gutter=\"8\">\n <el-col :xs=\"{span: 24}\" :sm=\"{span: 24}\" :md=\"{span: 24}\" :lg=\"{span: 12}\" :xl=\"{span: 12}\" style=\"padding-right:8px;margin-bottom:30px;\">\n <transaction-table />\n </el-col>\n <el-col :xs=\"{span: 24}\" :sm=\"{span: 12}\" :md=\"{span: 12}\" :lg=\"{span: 6}\" :xl=\"{span: 6}\" style=\"margin-bottom:30px;\">\n <todo-list />\n </el-col>\n <el-col :xs=\"{span: 24}\" :sm=\"{span: 12}\" :md=\"{span: 12}\" :lg=\"{span: 6}\" :xl=\"{span: 6}\" style=\"margin-bottom:30px;\">\n <box-card />\n </el-col>\n </el-row>\n </div>\n</template>\n\n<script>\nimport GithubCorner from '@/components/GithubCorner'\nimport PanelGroup from './components/PanelGroup'\nimport LineChart from './components/LineChart'\nimport RaddarChart from './components/RaddarChart'\nimport PieChart from './components/PieChart'\nimport BarChart from './components/BarChart'\nimport TransactionTable from './components/TransactionTable'\nimport TodoList from './components/TodoList'\nimport BoxCard from './components/BoxCard'\n\nconst lineChartData = {\n newVisitis: {\n expectedData: [100, 120, 161, 134, 105, 160, 165],\n actualData: [120, 82, 91, 154, 162, 140, 145]\n },\n messages: {\n expectedData: [200, 192, 120, 144, 160, 130, 140],\n actualData: [180, 160, 151, 106, 145, 150, 130]\n },\n purchases: {\n expectedData: [80, 100, 121, 104, 105, 90, 100],\n actualData: [120, 90, 100, 138, 142, 130, 130]\n },\n shoppings: {\n expectedData: [130, 140, 141, 142, 145, 150, 160],\n actualData: [120, 82, 91, 154, 162, 140, 130]\n }\n}\n\nexport default {\n name: 'DashboardAdmin',\n components: {\n GithubCorner,\n PanelGroup,\n LineChart,\n RaddarChart,\n PieChart,\n BarChart,\n TransactionTable,\n TodoList,\n BoxCard\n },\n data() {\n return {\n lineChartData: lineChartData.newVisitis\n }\n },\n methods: {\n handleSetLineChartData(type) {\n this.lineChartData = lineChartData[type]\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.dashboard-editor-container {\n padding: 32px;\n background-color: rgb(240, 242, 245);\n position: relative;\n\n .github-corner {\n position: absolute;\n top: 0px;\n border: 0;\n right: 0;\n }\n\n .chart-wrapper {\n background: #fff;\n padding: 16px 16px 0;\n margin-bottom: 32px;\n }\n}\n\n@media (max-width:1024px) {\n .chart-wrapper {\n padding: 8px;\n }\n}\n</style>\n"]}]}
|
