{"remainingRequest":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\src\\views\\dashboard\\PanelGroup.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\src\\views\\dashboard\\PanelGroup.vue","mtime":1675221397128},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\babel.config.js","mtime":1675221397043},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1678842086999},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1678842088721},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1678842086999},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1678842089772}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJEOi9Xb3Jrc3BhY2VzL2FyZC9SdW9ZaS1WdWUtbWFzdGVyL3J1b3lpLXVpL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2ludGVyb3BSZXF1aXJlRGVmYXVsdC5qcyIpLmRlZmF1bHQ7Ck9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCAiX19lc01vZHVsZSIsIHsKICB2YWx1ZTogdHJ1ZQp9KTsKZXhwb3J0cy5kZWZhdWx0ID0gdm9pZCAwOwp2YXIgX3Z1ZUNvdW50VG8gPSBfaW50ZXJvcFJlcXVpcmVEZWZhdWx0KHJlcXVpcmUoInZ1ZS1jb3VudC10byIpKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gewogIGNvbXBvbmVudHM6IHsKICAgIENvdW50VG86IF92dWVDb3VudFRvLmRlZmF1bHQKICB9LAogIG1ldGhvZHM6IHsKICAgIGhhbmRsZVNldExpbmVDaGFydERhdGE6IGZ1bmN0aW9uIGhhbmRsZVNldExpbmVDaGFydERhdGEodHlwZSkgewogICAgICB0aGlzLiRlbWl0KCdoYW5kbGVTZXRMaW5lQ2hhcnREYXRhJywgdHlwZSk7CiAgICB9CiAgfQp9OwpleHBvcnRzLmRlZmF1bHQgPSBfZGVmYXVsdDs="},{"version":3,"mappings":";;;;;;;AA0DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEA;EACAA;IACAC;EACA;EACAC;IACAC;MACA;IACA;EACA;AACA;AAAA","names":["components","CountTo","methods","handleSetLineChartData"],"sourceRoot":"src/views/dashboard","sources":["PanelGroup.vue"],"sourcesContent":["<template>\r\n <el-row :gutter=\"40\" class=\"panel-group\">\r\n <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n <div class=\"card-panel\" @click=\"handleSetLineChartData('newVisitis')\">\r\n <div class=\"card-panel-icon-wrapper icon-people\">\r\n <svg-icon icon-class=\"peoples\" class-name=\"card-panel-icon\" />\r\n </div>\r\n <div class=\"card-panel-description\">\r\n <div class=\"card-panel-text\">\r\n 访客\r\n </div>\r\n <count-to :start-val=\"0\" :end-val=\"102400\" :duration=\"2600\" class=\"card-panel-num\" />\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n <div class=\"card-panel\" @click=\"handleSetLineChartData('messages')\">\r\n <div class=\"card-panel-icon-wrapper icon-message\">\r\n <svg-icon icon-class=\"message\" class-name=\"card-panel-icon\" />\r\n </div>\r\n <div class=\"card-panel-description\">\r\n <div class=\"card-panel-text\">\r\n 消息\r\n </div>\r\n <count-to :start-val=\"0\" :end-val=\"81212\" :duration=\"3000\" class=\"card-panel-num\" />\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n <div class=\"card-panel\" @click=\"handleSetLineChartData('purchases')\">\r\n <div class=\"card-panel-icon-wrapper icon-money\">\r\n <svg-icon icon-class=\"money\" class-name=\"card-panel-icon\" />\r\n </div>\r\n <div class=\"card-panel-description\">\r\n <div class=\"card-panel-text\">\r\n 金额\r\n </div>\r\n <count-to :start-val=\"0\" :end-val=\"9280\" :duration=\"3200\" class=\"card-panel-num\" />\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n <div class=\"card-panel\" @click=\"handleSetLineChartData('shoppings')\">\r\n <div class=\"card-panel-icon-wrapper icon-shopping\">\r\n <svg-icon icon-class=\"shopping\" class-name=\"card-panel-icon\" />\r\n </div>\r\n <div class=\"card-panel-description\">\r\n <div class=\"card-panel-text\">\r\n 订单\r\n </div>\r\n <count-to :start-val=\"0\" :end-val=\"13600\" :duration=\"3600\" class=\"card-panel-num\" />\r\n </div>\r\n </div>\r\n </el-col>\r\n </el-row>\r\n</template>\r\n\r\n<script>\r\nimport CountTo from 'vue-count-to'\r\n\r\nexport default {\r\n components: {\r\n CountTo\r\n },\r\n methods: {\r\n handleSetLineChartData(type) {\r\n this.$emit('handleSetLineChartData', type)\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.panel-group {\r\n margin-top: 18px;\r\n\r\n .card-panel-col {\r\n margin-bottom: 32px;\r\n }\r\n\r\n .card-panel {\r\n height: 108px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n position: relative;\r\n overflow: hidden;\r\n color: #666;\r\n background: #fff;\r\n box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);\r\n border-color: rgba(0, 0, 0, .05);\r\n\r\n &:hover {\r\n .card-panel-icon-wrapper {\r\n color: #fff;\r\n }\r\n\r\n .icon-people {\r\n background: #40c9c6;\r\n }\r\n\r\n .icon-message {\r\n background: #36a3f7;\r\n }\r\n\r\n .icon-money {\r\n background: #f4516c;\r\n }\r\n\r\n .icon-shopping {\r\n background: #34bfa3\r\n }\r\n }\r\n\r\n .icon-people {\r\n color: #40c9c6;\r\n }\r\n\r\n .icon-message {\r\n color: #36a3f7;\r\n }\r\n\r\n .icon-money {\r\n color: #f4516c;\r\n }\r\n\r\n .icon-shopping {\r\n color: #34bfa3\r\n }\r\n\r\n .card-panel-icon-wrapper {\r\n float: left;\r\n margin: 14px 0 0 14px;\r\n padding: 16px;\r\n transition: all 0.38s ease-out;\r\n border-radius: 6px;\r\n }\r\n\r\n .card-panel-icon {\r\n float: left;\r\n font-size: 48px;\r\n }\r\n\r\n .card-panel-description {\r\n float: right;\r\n font-weight: bold;\r\n margin: 26px;\r\n margin-left: 0px;\r\n\r\n .card-panel-text {\r\n line-height: 18px;\r\n color: rgba(0, 0, 0, 0.45);\r\n font-size: 16px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card-panel-num {\r\n font-size: 20px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (max-width:550px) {\r\n .card-panel-description {\r\n display: none;\r\n }\r\n\r\n .card-panel-icon-wrapper {\r\n float: none !important;\r\n width: 100%;\r\n height: 100%;\r\n margin: 0 !important;\r\n\r\n .svg-icon {\r\n display: block;\r\n margin: 14px auto !important;\r\n float: none !important;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
