{"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"]}]}