{"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\\statistic\\transaction\\components\\transaction.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\statistic\\transaction\\components\\transaction.vue","mtime":1761185180200},{"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:DQppbXBvcnQgeyBzdGF0aXN0aWNCb3R0b21UcmFkZUFwaSwgc3RhdGlzdGljVHJlbmRBcGkgfSBmcm9tICdAL2FwaS9zdGF0aXN0aWMnOw0KaW1wb3J0IGVjaGFydHNOZXcgZnJvbSAnQC9jb21wb25lbnRzL2VjaGFydHNOZXcvaW5kZXgnOw0KaW1wb3J0IHsgZm9ybWF0RGF0ZSB9IGZyb20gJ0AvdXRpbHMvdmFsaWRhdGUnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAndHJhbnNhY3Rpb24nLA0KICBjb21wb25lbnRzOiB7DQogICAgZWNoYXJ0c05ldywNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogOCwNCiAgICAgICAgbGc6IDgsDQogICAgICAgIG1kOiA4LA0KICAgICAgICBzbTogMjQsDQogICAgICAgIHhzOiAyNCwNCiAgICAgIH0sDQogICAgICBwaWNrZXJPcHRpb25zOiB0aGlzLiR0aW1lT3B0aW9ucywNCiAgICAgIG5hbWU6ICfov5EzMOWkqScsDQogICAgICB0aW1lVmFsOiBbXSwNCiAgICAgIGRhdGFUaW1lOiAnJywNCiAgICAgIGxpc3Q6IHt9LA0KICAgICAgb3B0aW9uRGF0YToge30sDQogICAgICBzdHlsZTogeyBoZWlnaHQ6ICc0MDBweCcgfSwNCiAgICAgIGdldEV4Y2VsOiAnJywNCiAgICAgIHNwaW5TaG93OiBmYWxzZSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIGNvbnN0IGVuZCA9IG5ldyBEYXRlKCk7DQogICAgY29uc3Qgc3RhcnQgPSBuZXcgRGF0ZSgpOw0KICAgIHN0YXJ0LnNldFRpbWUoc3RhcnQuc2V0VGltZShuZXcgRGF0ZShuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCksIG5ldyBEYXRlKCkuZ2V0TW9udGgoKSwgbmV3IERhdGUoKS5nZXREYXRlKCkgLSAyOSkpKTsNCiAgICB0aGlzLnRpbWVWYWwgPSBbc3RhcnQsIGVuZF07DQogICAgdGhpcy5kYXRhVGltZSA9IGZvcm1hdERhdGUoc3RhcnQsICd5eXl5L01NL2RkJykgKyAnLScgKyBmb3JtYXREYXRlKGVuZCwgJ3l5eXkvTU0vZGQnKTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmdldFN0YXRpc3RpY3MoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIG9uU2VhY2goKSB7DQogICAgICB0aGlzLmdldFN0YXRpc3RpY3MoKTsNCiAgICB9LA0KICAgIC8vIOWFt+S9k+aXpeacnw0KICAgIG9uY2hhbmdlVGltZShlKSB7DQogICAgICB0aGlzLnRpbWVWYWwgPSBlOw0KICAgICAgdGhpcy5kYXRhVGltZSA9IHRoaXMudGltZVZhbCA/IHRoaXMudGltZVZhbC5qb2luKCctJykgOiAnJzsNCiAgICAgIHRoaXMubmFtZSA9IHRoaXMuZGF0YVRpbWU7DQogICAgfSwNCiAgICAvLyDnu5/orqENCiAgICBnZXRTdGF0aXN0aWNzKCkgew0KICAgICAgdGhpcy5zcGluU2hvdyA9IHRydWU7DQogICAgICBzdGF0aXN0aWNCb3R0b21UcmFkZUFwaSh7IGRhdGE6IHRoaXMuZGF0YVRpbWUgfSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGNvbnN0IGNhcmRMaXN0cyA9IHJlcy5kYXRhOw0KICAgICAgICAgIGNvbnN0IGluY29ucyA9IFsNCiAgICAgICAgICAgICdpY29ueWluZ3llZScsDQogICAgICAgICAgICAnaWNvbmppYW95aWppbmUnLA0KICAgICAgICAgICAgJ2ljb25zaGFuZ3BpbnpoaWZ1amluZScsDQogICAgICAgICAgICAnaWNvbmdvdW1haWh1aXl1YW5qaW5lJywNCiAgICAgICAgICAgICdpY29uY2hvbmd6aGlqaWFuc2h1JywNCiAgICAgICAgICAgICdpY29ueGlhbnhpYXNob3V5aW5qaW5lJywNCiAgICAgICAgICAgICdpY29uemhpY2h1amluZScsDQogICAgICAgICAgICAnaWNvbnl1ZXpoaWZ1amluZScsDQogICAgICAgICAgICAnaWNvbnpoaWZ1eW9uZ2ppbmppbmUnLA0KICAgICAgICAgICAgJ2ljb25zaGFuZ3BpbnR1aWt1YW5qaW5lJywNCiAgICAgICAgICBdOw0KICAgICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgY2FyZExpc3RzLnNlcmllcy5sZW5ndGg7IGkrKykgew0KICAgICAgICAgICAgdGhpcy4kc2V0KGNhcmRMaXN0cy5zZXJpZXNbaV0sICdpY29uJywgaW5jb25zW2ldKTsNCiAgICAgICAgICB9DQogICAgICAgICAgdGhpcy5saXN0ID0gY2FyZExpc3RzLnNlcmllczsNCiAgICAgICAgICB0aGlzLmdldEV4Y2VsID0gY2FyZExpc3RzLmV4cG9ydDsNCiAgICAgICAgICB0aGlzLmdldChjYXJkTGlzdHMpOw0KICAgICAgICAgIHRoaXMuc3BpblNob3cgPSBmYWxzZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICAgIHRoaXMuc3BpblNob3cgPSBmYWxzZTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICBnZXQoZXh0cmFjdCkgew0KICAgICAgbGV0IGRhdGFMaXN0ID0gZXh0cmFjdC5zZXJpZXMuZmlsdGVyKChpdGVtKSA9PiB7DQogICAgICAgIHJldHVybiBpdGVtLnR5cGUgPT09IDE7DQogICAgICB9KTsNCiAgICAgIGxldCBsZWdlbmQgPSBkYXRhTGlzdC5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgcmV0dXJuIGl0ZW0ubmFtZTsNCiAgICAgIH0pOw0KICAgICAgbGV0IGNvbCA9IFsnIzVCOEZGOScsICcjNUFEOEE2JywgJyM1RDcwOTInLCAnI0Y1MjIyRCcsICcjRkZBQjJCJywgJyNCMzdGRUInXTsNCiAgICAgIGxldCBzZXJpZXNEYXRhID0gW107DQogICAgICBkYXRhTGlzdC5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7DQogICAgICAgIGxldCBzZXJpZXMgPSBbXTsNCiAgICAgICAgT2JqZWN0LmtleXMoaXRlbS52YWx1ZSkuZm9yRWFjaCgoa2V5KSA9PiB7DQogICAgICAgICAgc2VyaWVzLnB1c2goTnVtYmVyKGl0ZW0udmFsdWVba2V5XSkpOw0KICAgICAgICB9KTsNCiAgICAgICAgc2VyaWVzRGF0YS5wdXNoKHsNCiAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsDQogICAgICAgICAgdHlwZTogJ2xpbmUnLA0KICAgICAgICAgIGRhdGE6IHNlcmllcywNCiAgICAgICAgICBpdGVtU3R5bGU6IHsNCiAgICAgICAgICAgIG5vcm1hbDogew0KICAgICAgICAgICAgICBjb2xvcjogY29sW2luZGV4XSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgICBzbW9vdGg6IHRydWUsDQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgICB0aGlzLm9wdGlvbkRhdGEgPSB7DQogICAgICAgIHRvb2x0aXA6IHsNCiAgICAgICAgICB0cmlnZ2VyOiAnYXhpcycsDQogICAgICAgICAgYXhpc1BvaW50ZXI6IHsNCiAgICAgICAgICAgIHR5cGU6ICdjcm9zcycsDQogICAgICAgICAgICBsYWJlbDogew0KICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjNmE3OTg1JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgfSwNCiAgICAgICAgbGVnZW5kOiB7DQogICAgICAgICAgeDogJ2NlbnRlcicsDQogICAgICAgICAgZGF0YTogbGVnZW5kLA0KICAgICAgICB9LA0KICAgICAgICBncmlkOiB7DQogICAgICAgICAgbGVmdDogJzMlJywNCiAgICAgICAgICByaWdodDogJzQlJywNCiAgICAgICAgICBib3R0b206ICczJScsDQogICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlLA0KICAgICAgICB9LA0KICAgICAgICB0b29sYm94OiB7DQogICAgICAgICAgZmVhdHVyZTogew0KICAgICAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9LA0KICAgICAgICAgIH0sDQogICAgICAgIH0sDQogICAgICAgIHhBeGlzOiB7DQogICAgICAgICAgdHlwZTogJ2NhdGVnb3J5JywNCiAgICAgICAgICBib3VuZGFyeUdhcDogdHJ1ZSwNCiAgICAgICAgICBheGlzTGFiZWw6IHsNCiAgICAgICAgICAgIGludGVydmFsOiAwLA0KICAgICAgICAgICAgcm90YXRlOiA0MCwNCiAgICAgICAgICAgIHRleHRTdHlsZTogew0KICAgICAgICAgICAgICBjb2xvcjogJyMwMDAwMDAnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICB9LA0KICAgICAgICAgIGRhdGE6IGV4dHJhY3QueCwNCiAgICAgICAgfSwNCiAgICAgICAgeUF4aXM6IHsNCiAgICAgICAgICB0eXBlOiAndmFsdWUnLA0KICAgICAgICAgIGF4aXNMaW5lOiB7DQogICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICB9LA0KICAgICAgICAgIGF4aXNUaWNrOiB7DQogICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICB9LA0KICAgICAgICAgIGF4aXNMYWJlbDogew0KICAgICAgICAgICAgdGV4dFN0eWxlOiB7DQogICAgICAgICAgICAgIGNvbG9yOiAnIzdGOEI5QycsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIH0sDQogICAgICAgICAgc3BsaXRMaW5lOiB7DQogICAgICAgICAgICBzaG93OiB0cnVlLA0KICAgICAgICAgICAgbGluZVN0eWxlOiB7DQogICAgICAgICAgICAgIGNvbG9yOiAnI0Y1RjdGOScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIH0sDQogICAgICAgIH0sDQogICAgICAgIHNlcmllczogc2VyaWVzRGF0YSwNCiAgICAgIH07DQogICAgfSwNCiAgICBleGNlbCgpIHsNCiAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmID0gdGhpcy5nZXRFeGNlbDsNCiAgICB9LA0KICAgIC8vIOe7n+iuoeWbvg0KICAgIGdldFRyZW5kKCkgew0KICAgICAgc3RhdGlzdGljVHJlbmRBcGkoeyBkYXRhOiB0aGlzLmRhdGFUaW1lIH0pDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICBsZXQgbGVnZW5kID0gcmVzLmRhdGEuc2VyaWVzLm1hcCgoaXRlbSkgPT4gew0KICAgICAgICAgICAgcmV0dXJuIGl0ZW0ubmFtZTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgICBsZXQgeEF4aXMgPSByZXMuZGF0YS54QXhpczsNCiAgICAgICAgICBsZXQgY29sID0gWycjNUI4RkY5JywgJyM1QUQ4QTYnLCAnIzVENzA5MicsICcjNUQ3MDkyJ107DQogICAgICAgICAgbGV0IHNlcmllcyA9IFtdOw0KICAgICAgICAgIHJlcy5kYXRhLnNlcmllcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7DQogICAgICAgICAgICBzZXJpZXMucHVzaCh7DQogICAgICAgICAgICAgIG5hbWU6IGl0ZW0ubmFtZSwNCiAgICAgICAgICAgICAgdHlwZTogJ2xpbmUnLA0KICAgICAgICAgICAgICBkYXRhOiBpdGVtLnZhbHVlLA0KICAgICAgICAgICAgICBpdGVtU3R5bGU6IHsNCiAgICAgICAgICAgICAgICBub3JtYWw6IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOiBjb2xbaW5kZXhdLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLm9wdGlvbkRhdGEgPSB7DQogICAgICAgICAgICB0b29sdGlwOiB7DQogICAgICAgICAgICAgIHRyaWdnZXI6ICdheGlzJywNCiAgICAgICAgICAgICAgYXhpc1BvaW50ZXI6IHsNCiAgICAgICAgICAgICAgICB0eXBlOiAnY3Jvc3MnLA0KICAgICAgICAgICAgICAgIGxhYmVsOiB7DQogICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjNmE3OTg1JywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIGxlZ2VuZDogew0KICAgICAgICAgICAgICB4OiAnMXB4JywNCiAgICAgICAgICAgICAgeTogJzEwcHgnLA0KICAgICAgICAgICAgICBkYXRhOiBsZWdlbmQsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgZ3JpZDogew0KICAgICAgICAgICAgICBsZWZ0OiAnMyUnLA0KICAgICAgICAgICAgICByaWdodDogJzQlJywNCiAgICAgICAgICAgICAgYm90dG9tOiAnMyUnLA0KICAgICAgICAgICAgICBjb250YWluTGFiZWw6IHRydWUsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgdG9vbGJveDogew0KICAgICAgICAgICAgICBmZWF0dXJlOiB7DQogICAgICAgICAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHhBeGlzOiB7DQogICAgICAgICAgICAgIHR5cGU6ICdjYXRlZ29yeScsDQogICAgICAgICAgICAgIGJvdW5kYXJ5R2FwOiB0cnVlLA0KICAgICAgICAgICAgICAvLyBheGlzVGljazp7DQogICAgICAgICAgICAgIC8vICAgICBzaG93OmZhbHNlDQogICAgICAgICAgICAgIC8vIH0sDQogICAgICAgICAgICAgIC8vIGF4aXNMaW5lOnsNCiAgICAgICAgICAgICAgLy8gICAgIHNob3c6ZmFsc2UNCiAgICAgICAgICAgICAgLy8gfSwNCiAgICAgICAgICAgICAgLy8gc3BsaXRMaW5lOiB7DQogICAgICAgICAgICAgIC8vICAgICBzaG93OiBmYWxzZQ0KICAgICAgICAgICAgICAvLyB9LA0KICAgICAgICAgICAgICBheGlzTGFiZWw6IHsNCiAgICAgICAgICAgICAgICBpbnRlcnZhbDogMCwNCiAgICAgICAgICAgICAgICByb3RhdGU6IDQwLA0KICAgICAgICAgICAgICAgIHRleHRTdHlsZTogew0KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjMDAwMDAwJywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBkYXRhOiB4QXhpcywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB5QXhpczogew0KICAgICAgICAgICAgICB0eXBlOiAndmFsdWUnLA0KICAgICAgICAgICAgICBzcGxpdExpbmU6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgYXhpc0xpbmU6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBzZXJpZXM6IHNlcmllcywNCiAgICAgICAgICB9Ow0KICAgICAgICAgIC8vIHRoaXMuVHJlbmRMaXN0ID0NCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["transaction.vue"],"names":[],"mappings":";AA6FA;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;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;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;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;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"transaction.vue","sourceRoot":"src/pages/statistic/transaction/components","sourcesContent":["<template>\r\n  <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt-16\" v-loading=\"spinShow\">\r\n    <div class=\"acea-row row-between-wrapper mb20\">\r\n      <div class=\"statics-header-title\">\r\n        <h4>交易概况</h4>\r\n        <el-tooltip placement=\"right-start\">\r\n          <i class=\"el-icon-question ml10\"></i>\r\n          <div slot=\"content\">\r\n            <div>营业额</div>\r\n            <div>商品支付金额、充值金额、购买付费会员金额、线下收银金额</div>\r\n            <br />\r\n            <div>商品支付金额</div>\r\n            <div>\r\n              选定条件下，用户购买商品的实际支付金额，包括微信支付、余额支付、支付宝支付、线下支付金额（拼团商品在成团之后计入，线下支付订单在后台确认支付后计入）\r\n            </div>\r\n            <br />\r\n            <div>购买会员金额</div>\r\n            <div>选定条件下，用户成功购买付费会员的金额</div>\r\n            <br />\r\n            <div>充值金额</div>\r\n            <div>选定条件下，用户成功充值的金额</div>\r\n            <br />\r\n            <div>线下收银金额</div>\r\n            <div>选定条件下，用户在线下扫码支付的金额</div>\r\n            <br />\r\n            <div>支出金额</div>\r\n            <div>余额支付金额、支付佣金金额、商品退款金额</div>\r\n            <br />\r\n            <div>余额支付金额</div>\r\n            <div>用户下单时使用余额实际支付的金额</div>\r\n            <br />\r\n            <div>佣金支付金额</div>\r\n            <div>后台给推广员支付的推广佣金，以实际支付为准</div>\r\n            <br />\r\n            <div>商品退款金额</div>\r\n            <div>用户成功退款的商品金额</div>\r\n          </div>\r\n        </el-tooltip>\r\n      </div>\r\n      <div class=\"acea-row\">\r\n        <el-date-picker\r\n          clearable\r\n          v-model=\"timeVal\"\r\n          type=\"daterange\"\r\n          :editable=\"false\"\r\n          @change=\"onchangeTime\"\r\n          format=\"yyyy/MM/dd\"\r\n          value-format=\"yyyy/MM/dd\"\r\n          start-placeholder=\"开始日期\"\r\n          end-placeholder=\"结束日期\"\r\n          :picker-options=\"pickerOptions\"\r\n          style=\"width: 250px\"\r\n          class=\"mr20\"\r\n        ></el-date-picker>\r\n        <el-button type=\"primary\" v-db-click @click=\"onSeach\">查询</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"excel\">导出</el-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"acea-row mb20\">\r\n      <div class=\"infoBox acea-row mb30\" v-for=\"(item, index) in list\" :key=\"index\">\r\n        <div\r\n          class=\"iconCrl mr15\"\r\n          :class=\"{\r\n            one: index % 4 == 0,\r\n            two: index % 4 == 1,\r\n            three: index % 4 == 2,\r\n            four: index % 4 == 3,\r\n          }\"\r\n        >\r\n          <i class=\"iconfont\" :class=\"item.icon\"></i>\r\n        </div>\r\n        <div class=\"info\">\r\n          <span class=\"sp1\" v-text=\"item.name\"></span>\r\n          <span\r\n            class=\"sp2\"\r\n            v-if=\"index === list.length - 1\"\r\n            v-text=\"item.money ? (parseInt(item.money * 100) / 100).toFixed(2) : '0.00'\"\r\n          ></span>\r\n          <span class=\"sp2\" v-else v-text=\"item.money ? item.money : '0.00'\"></span>\r\n          <span class=\"content-time spBlock\"\r\n            >环比增长：<i class=\"content-is\" :class=\"Number(item.rate) >= 0 ? 'up' : 'down'\">{{ item.rate }}%</i\r\n            ><i\r\n              :style=\"{ color: Number(item.rate) >= 0 ? '#F5222D' : '#39C15B' }\"\r\n              :class=\"[Number(item.rate) >= 0 ? 'el-icon-caret-top' : 'el-icon-caret-bottom']\"\r\n          /></span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <echarts-new :option-data=\"optionData\" :styles=\"style\" height=\"100%\" width=\"100%\" v-if=\"optionData\"></echarts-new>\r\n  </el-card>\r\n</template>\r\n\r\n<script>\r\nimport { statisticBottomTradeApi, statisticTrendApi } from '@/api/statistic';\r\nimport echartsNew from '@/components/echartsNew/index';\r\nimport { formatDate } from '@/utils/validate';\r\nexport default {\r\n  name: 'transaction',\r\n  components: {\r\n    echartsNew,\r\n  },\r\n  data() {\r\n    return {\r\n      grid: {\r\n        xl: 8,\r\n        lg: 8,\r\n        md: 8,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      pickerOptions: this.$timeOptions,\r\n      name: '近30天',\r\n      timeVal: [],\r\n      dataTime: '',\r\n      list: {},\r\n      optionData: {},\r\n      style: { height: '400px' },\r\n      getExcel: '',\r\n      spinShow: false,\r\n    };\r\n  },\r\n  created() {\r\n    const end = new Date();\r\n    const start = new Date();\r\n    start.setTime(start.setTime(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 29)));\r\n    this.timeVal = [start, end];\r\n    this.dataTime = formatDate(start, 'yyyy/MM/dd') + '-' + formatDate(end, 'yyyy/MM/dd');\r\n  },\r\n  mounted() {\r\n    this.getStatistics();\r\n  },\r\n  methods: {\r\n    onSeach() {\r\n      this.getStatistics();\r\n    },\r\n    // 具体日期\r\n    onchangeTime(e) {\r\n      this.timeVal = e;\r\n      this.dataTime = this.timeVal ? this.timeVal.join('-') : '';\r\n      this.name = this.dataTime;\r\n    },\r\n    // 统计\r\n    getStatistics() {\r\n      this.spinShow = true;\r\n      statisticBottomTradeApi({ data: this.dataTime })\r\n        .then(async (res) => {\r\n          const cardLists = res.data;\r\n          const incons = [\r\n            'iconyingyee',\r\n            'iconjiaoyijine',\r\n            'iconshangpinzhifujine',\r\n            'icongoumaihuiyuanjine',\r\n            'iconchongzhijianshu',\r\n            'iconxianxiashouyinjine',\r\n            'iconzhichujine',\r\n            'iconyuezhifujine',\r\n            'iconzhifuyongjinjine',\r\n            'iconshangpintuikuanjine',\r\n          ];\r\n          for (var i = 0; i < cardLists.series.length; i++) {\r\n            this.$set(cardLists.series[i], 'icon', incons[i]);\r\n          }\r\n          this.list = cardLists.series;\r\n          this.getExcel = cardLists.export;\r\n          this.get(cardLists);\r\n          this.spinShow = false;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n          this.spinShow = false;\r\n        });\r\n    },\r\n    get(extract) {\r\n      let dataList = extract.series.filter((item) => {\r\n        return item.type === 1;\r\n      });\r\n      let legend = dataList.map((item) => {\r\n        return item.name;\r\n      });\r\n      let col = ['#5B8FF9', '#5AD8A6', '#5D7092', '#F5222D', '#FFAB2B', '#B37FEB'];\r\n      let seriesData = [];\r\n      dataList.map((item, index) => {\r\n        let series = [];\r\n        Object.keys(item.value).forEach((key) => {\r\n          series.push(Number(item.value[key]));\r\n        });\r\n        seriesData.push({\r\n          name: item.name,\r\n          type: 'line',\r\n          data: series,\r\n          itemStyle: {\r\n            normal: {\r\n              color: col[index],\r\n            },\r\n          },\r\n          smooth: true,\r\n        });\r\n      });\r\n      this.optionData = {\r\n        tooltip: {\r\n          trigger: 'axis',\r\n          axisPointer: {\r\n            type: 'cross',\r\n            label: {\r\n              backgroundColor: '#6a7985',\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          x: 'center',\r\n          data: legend,\r\n        },\r\n        grid: {\r\n          left: '3%',\r\n          right: '4%',\r\n          bottom: '3%',\r\n          containLabel: true,\r\n        },\r\n        toolbox: {\r\n          feature: {\r\n            saveAsImage: {},\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: 'category',\r\n          boundaryGap: true,\r\n          axisLabel: {\r\n            interval: 0,\r\n            rotate: 40,\r\n            textStyle: {\r\n              color: '#000000',\r\n            },\r\n          },\r\n          data: extract.x,\r\n        },\r\n        yAxis: {\r\n          type: 'value',\r\n          axisLine: {\r\n            show: false,\r\n          },\r\n          axisTick: {\r\n            show: false,\r\n          },\r\n          axisLabel: {\r\n            textStyle: {\r\n              color: '#7F8B9C',\r\n            },\r\n          },\r\n          splitLine: {\r\n            show: true,\r\n            lineStyle: {\r\n              color: '#F5F7F9',\r\n            },\r\n          },\r\n        },\r\n        series: seriesData,\r\n      };\r\n    },\r\n    excel() {\r\n      window.location.href = this.getExcel;\r\n    },\r\n    // 统计图\r\n    getTrend() {\r\n      statisticTrendApi({ data: this.dataTime })\r\n        .then(async (res) => {\r\n          let legend = res.data.series.map((item) => {\r\n            return item.name;\r\n          });\r\n          let xAxis = res.data.xAxis;\r\n          let col = ['#5B8FF9', '#5AD8A6', '#5D7092', '#5D7092'];\r\n          let series = [];\r\n          res.data.series.map((item, index) => {\r\n            series.push({\r\n              name: item.name,\r\n              type: 'line',\r\n              data: item.value,\r\n              itemStyle: {\r\n                normal: {\r\n                  color: col[index],\r\n                },\r\n              },\r\n            });\r\n          });\r\n          this.optionData = {\r\n            tooltip: {\r\n              trigger: 'axis',\r\n              axisPointer: {\r\n                type: 'cross',\r\n                label: {\r\n                  backgroundColor: '#6a7985',\r\n                },\r\n              },\r\n            },\r\n            legend: {\r\n              x: '1px',\r\n              y: '10px',\r\n              data: legend,\r\n            },\r\n            grid: {\r\n              left: '3%',\r\n              right: '4%',\r\n              bottom: '3%',\r\n              containLabel: true,\r\n            },\r\n            toolbox: {\r\n              feature: {\r\n                saveAsImage: {},\r\n              },\r\n            },\r\n            xAxis: {\r\n              type: 'category',\r\n              boundaryGap: true,\r\n              // axisTick:{\r\n              //     show:false\r\n              // },\r\n              // axisLine:{\r\n              //     show:false\r\n              // },\r\n              // splitLine: {\r\n              //     show: false\r\n              // },\r\n              axisLabel: {\r\n                interval: 0,\r\n                rotate: 40,\r\n                textStyle: {\r\n                  color: '#000000',\r\n                },\r\n              },\r\n              data: xAxis,\r\n            },\r\n            yAxis: {\r\n              type: 'value',\r\n              splitLine: {\r\n                show: false,\r\n              },\r\n              axisLine: {\r\n                show: false,\r\n              },\r\n            },\r\n            series: series,\r\n          };\r\n          // this.TrendList =\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.one {\r\n  background: var(--prev-color-primary);\r\n}\r\n.two {\r\n  background: #00c050;\r\n}\r\n.three {\r\n  background: #ffab2b;\r\n}\r\n.four {\r\n  background: #b37feb;\r\n}\r\n.up,\r\n.el-icon-caret-top {\r\n  color: #f5222d;\r\n  font-size: 12px;\r\n  opacity: 1 !important;\r\n}\r\n\r\n.down,\r\n.el-icon-caret-bottom {\r\n  color: #39c15b;\r\n  font-size: 12px;\r\n}\r\n.curP {\r\n  cursor: pointer;\r\n}\r\n.header {\r\n  &-title {\r\n    font-size: 16px;\r\n    color: rgba(0, 0, 0, 0.85);\r\n  }\r\n  &-time {\r\n    font-size: 12px;\r\n    color: #000000;\r\n    opacity: 0.45;\r\n  }\r\n}\r\n\r\n.iconfont {\r\n  font-size: 16px;\r\n  color: #fff;\r\n}\r\n\r\n.iconCrl {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  text-align: center;\r\n  line-height: 32px;\r\n  opacity: 0.7;\r\n}\r\n\r\n.lan {\r\n  background: var(--prev-color-primary);\r\n}\r\n\r\n.iconshangpinliulanliang {\r\n  color: #fff;\r\n}\r\n\r\n.infoBox {\r\n  width: 20%;\r\n  @media screen and (max-width: 1300px) {\r\n    width: 25%;\r\n  }\r\n  @media screen and (max-width: 1200px) {\r\n    width: 33%;\r\n  }\r\n  @media screen and (max-width: 900px) {\r\n    width: 50%;\r\n  }\r\n}\r\n\r\n.info {\r\n  .sp1 {\r\n    color: #666;\r\n    font-size: 14px;\r\n    display: block;\r\n  }\r\n  .sp2 {\r\n    font-weight: 400;\r\n    font-size: 30px;\r\n    color: rgba(0, 0, 0, 0.85);\r\n    display: block;\r\n  }\r\n  .sp3 {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    color: rgba(0, 0, 0, 0.45);\r\n    display: block;\r\n  }\r\n}\r\n</style>\r\n"]}]}