| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\baseInfo.vue?vue&type=style&index=0&id=2b488de7&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\baseInfo.vue","mtime":1761614939018},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouaXZ1LW1iIHsNCiAgbWFyZ2luLWJvdHRvbTogMTRweDsNCn0NCi5udW1iZXIgew0KICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICBmb250LXNpemU6IDMycHg7DQogIGZvbnQtd2VpZ2h0OiA0MDA7DQogIGNvbG9yOiAjMzMzMzMzOw0KICBsaW5lLWhlaWdodDogNDBweDsNCn0NCg0KLmljb25Db2xvciB7DQogIGNvbG9yOiAjZjUzZjNmOw0KfQ0KDQouaWNvbkNvbG9yLm9uIHsNCiAgY29sb3I6ICMwZmM2YzI7DQp9DQoNCi5pdnUtbXIgew0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIG1hcmdpbi1sZWZ0OiAxNnB4ICFpbXBvcnRhbnQ7DQp9DQoNCi5pdnUtdGV4dC1yaWdodCB7DQogIHRleHQtYWxpZ246IHJpZ2h0Ow0KfQ0KOjp2LWRlZXAgLmVsLWNhcmRfX2hlYWRlciB7DQogIGJvcmRlci1ib3R0b206IG5vbmUgIWltcG9ydGFudDsNCiAgcGFkZGluZy1ib3R0b206IDA7DQp9DQouZWwtZGl2aWRlci0taG9yaXpvbnRhbCB7DQogIG1hcmdpbjogMCAwIDEycHggMDsNCn0NCi50b3RhbCB7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgY29sb3I6ICM5OTk5OTk7DQogIGxpbmUtaGVpZ2h0OiAyMnB4Ow0KfQ0K"},{"version":3,"sources":["baseInfo.vue"],"names":[],"mappings":";AA0EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"baseInfo.vue","sourceRoot":"src/pages/index/components","sourcesContent":["<template>\r\n <el-row :gutter=\"16\">\r\n <el-col v-bind=\"grid\" class=\"ivu-mb\" v-for=\"(item, index) in infoList\" :key=\"index\">\r\n <el-card shadow=\"never\" :padding=\"0\">\r\n <p slot=\"header\">\r\n <span v-text=\"item.title\"></span>\r\n <el-tag style=\"float: right\" type=\"success\">{{ item.date }}</el-tag>\r\n </p>\r\n <div>\r\n <div class=\"number\">{{ item.today }}</div>\r\n <div class=\"ivu-pt-8\" style=\"height: 42px\">\r\n <span>昨日 {{ item.yesterday }}</span>\r\n <span class=\"ivu-mr\">\r\n 日环比 {{ Number(item.today_ratio) }}%\r\n <i\r\n class=\"iconColor\"\r\n :class=\"[\r\n Number(item.today_ratio) >= 0 ? ' ' : 'on',\r\n Number(item.today_ratio) >= 0 ? 'el-icon-caret-top' : 'el-icon-caret-bottom\\n',\r\n ]\"\r\n />\r\n </span>\r\n </div>\r\n <el-divider />\r\n <div class=\"total\">\r\n <el-row>\r\n <el-col :span=\"12\">{{ item.total_name }}</el-col>\r\n <el-col :span=\"12\" class=\"ivu-text-right\">{{ item.total }}</el-col>\r\n </el-row>\r\n </div>\r\n </div>\r\n </el-card>\r\n </el-col>\r\n </el-row>\r\n</template>\r\n<script>\r\nimport { headerApi } from '@/api/index';\r\nexport default {\r\n data() {\r\n return {\r\n infoList: [],\r\n grid: {\r\n xl: 6,\r\n lg: 6,\r\n md: 12,\r\n sm: 12,\r\n xs: 24,\r\n },\r\n excessStyle: {\r\n color: '#f56a00',\r\n backgroundColor: '#fde3cf',\r\n },\r\n avatarList: [],\r\n };\r\n },\r\n methods: {\r\n // 统计\r\n getStatistics() {\r\n headerApi()\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.infoList = data.info;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n mounted() {\r\n this.getStatistics();\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ivu-mb {\r\n margin-bottom: 14px;\r\n}\r\n.number {\r\n margin-bottom: 10px;\r\n font-size: 32px;\r\n font-weight: 400;\r\n color: #333333;\r\n line-height: 40px;\r\n}\r\n\r\n.iconColor {\r\n color: #f53f3f;\r\n}\r\n\r\n.iconColor.on {\r\n color: #0fc6c2;\r\n}\r\n\r\n.ivu-mr {\r\n display: inline-block;\r\n margin-left: 16px !important;\r\n}\r\n\r\n.ivu-text-right {\r\n text-align: right;\r\n}\r\n::v-deep .el-card__header {\r\n border-bottom: none !important;\r\n padding-bottom: 0;\r\n}\r\n.el-divider--horizontal {\r\n margin: 0 0 12px 0;\r\n}\r\n.total {\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #999999;\r\n line-height: 22px;\r\n}\r\n</style>\r\n"]}]}
|
