{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\index\\components\\baseInfo.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\index\\components\\baseInfo.vue","mtime":1761185180091},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBoZWFkZXJBcGkgfSBmcm9tICdAL2FwaS9pbmRleCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGluZm9MaXN0OiBbXSwNCiAgICAgIGdyaWQ6IHsNCiAgICAgICAgeGw6IDYsDQogICAgICAgIGxnOiA2LA0KICAgICAgICBtZDogMTIsDQogICAgICAgIHNtOiAxMiwNCiAgICAgICAgeHM6IDI0LA0KICAgICAgfSwNCiAgICAgIGV4Y2Vzc1N0eWxlOiB7DQogICAgICAgIGNvbG9yOiAnI2Y1NmEwMCcsDQogICAgICAgIGJhY2tncm91bmRDb2xvcjogJyNmZGUzY2YnLA0KICAgICAgfSwNCiAgICAgIGF2YXRhckxpc3Q6IFtdLA0KICAgIH07DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDnu5/orqENCiAgICBnZXRTdGF0aXN0aWNzKCkgew0KICAgICAgaGVhZGVyQXBpKCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGxldCBkYXRhID0gcmVzLmRhdGE7DQogICAgICAgICAgdGhpcy5pbmZvTGlzdCA9IGRhdGEuaW5mbzsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuZ2V0U3RhdGlzdGljcygpOw0KICB9LA0KfTsNCg=="},{"version":3,"sources":["baseInfo.vue"],"names":[],"mappings":";AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}