| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\user\\components\\userInfo.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\statistic\\user\\components\\userInfo.vue","mtime":1761185180201},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\babel.config.js","mtime":1761185179818},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\.babelrc","mtime":1761185179813},{"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:aW1wb3J0IF9yZWdlbmVyYXRvciBmcm9tICJDOi9Vc2Vycy9BZG1pbmlzdHJhdG9yL0Rlc2t0b3AvY3JtZWI1LjAvdGVtcGxhdGUvYWRtaW4vbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL3JlZ2VuZXJhdG9yLmpzIjsKaW1wb3J0IF9hc3luY1RvR2VuZXJhdG9yIGZyb20gIkM6L1VzZXJzL0FkbWluaXN0cmF0b3IvRGVza3RvcC9jcm1lYjUuMC90ZW1wbGF0ZS9hZG1pbi9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9lc20vYXN5bmNUb0dlbmVyYXRvci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LmpvaW4uanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5tYXAuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5wdXNoLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3IubWFwLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7CmltcG9ydCB7IHN0YXRpc3RpY1VzZXJCYXNpY0FwaSwgc3RhdGlzdGljVXNlclRyZW5kQXBpIH0gZnJvbSAnQC9hcGkvc3RhdGlzdGljJzsKaW1wb3J0IGVjaGFydHNOZXcgZnJvbSAnQC9jb21wb25lbnRzL2VjaGFydHNOZXcvaW5kZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3VzZXJJbmZvJywKICBjb21wb25lbnRzOiB7CiAgICBlY2hhcnRzTmV3OiBlY2hhcnRzTmV3CiAgfSwKICBwcm9wczogewogICAgZm9ybUlubGluZTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBjaGFubmVsX3R5cGU6ICcnLAogICAgICAgICAgZGF0YTogJycKICAgICAgICB9OwogICAgICB9CiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc3BpblNob3c6IGZhbHNlLAogICAgICBncmlkOiB7CiAgICAgICAgeGw6IDQsCiAgICAgICAgbGc6IDQsCiAgICAgICAgbWQ6IDEyLAogICAgICAgIHNtOiAyNCwKICAgICAgICB4czogMjQKICAgICAgfSwKICAgICAgbmFtZTogJ+i/kTMw5aSpJywKICAgICAgdGltZVZhbDogW10sCiAgICAgIGRhdGFUaW1lOiAnJywKICAgICAgbGlzdDogW10sCiAgICAgIG9wdGlvbkRhdGE6IHt9LAogICAgICBzdHlsZTogewogICAgICAgIGhlaWdodDogJzQwMHB4JwogICAgICB9CiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuZ2V0U3RhdGlzdGljcygpOwogICAgdGhpcy5nZXRUcmVuZCgpOwogIH0sCiAgbWV0aG9kczogewogICAgb25TZWFjaDogZnVuY3Rpb24gb25TZWFjaCgpIHsKICAgICAgdGhpcy5nZXRTdGF0aXN0aWNzKCk7CiAgICAgIHRoaXMuZ2V0VHJlbmQoKTsKICAgIH0sCiAgICAvLyDlhbfkvZPml6XmnJ8KICAgIG9uY2hhbmdlVGltZTogZnVuY3Rpb24gb25jaGFuZ2VUaW1lKGUpIHsKICAgICAgdGhpcy50aW1lVmFsID0gZTsKICAgICAgdGhpcy5kYXRhVGltZSA9IHRoaXMudGltZVZhbCA/IHRoaXMudGltZVZhbC5qb2luKCctJykgOiAnJzsKICAgICAgdGhpcy5uYW1lID0gdGhpcy5kYXRhVGltZTsKICAgIH0sCiAgICAvLyDnu5/orqEKICAgIGdldFN0YXRpc3RpY3M6IGZ1bmN0aW9uIGdldFN0YXRpc3RpY3MoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHN0YXRpc3RpY1VzZXJCYXNpY0FwaSh0aGlzLmZvcm1JbmxpbmUpLnRoZW4oLyojX19QVVJFX18qL2Z1bmN0aW9uICgpIHsKICAgICAgICB2YXIgX3JlZiA9IF9hc3luY1RvR2VuZXJhdG9yKC8qI19fUFVSRV9fKi9fcmVnZW5lcmF0b3IoKS5tKGZ1bmN0aW9uIF9jYWxsZWUocmVzKSB7CiAgICAgICAgICB2YXIgY2FyZExpc3RzOwogICAgICAgICAgcmV0dXJuIF9yZWdlbmVyYXRvcigpLncoZnVuY3Rpb24gKF9jb250ZXh0KSB7CiAgICAgICAgICAgIHdoaWxlICgxKSBzd2l0Y2ggKF9jb250ZXh0Lm4pIHsKICAgICAgICAgICAgICBjYXNlIDA6CiAgICAgICAgICAgICAgICBjYXJkTGlzdHMgPSByZXMuZGF0YTsKICAgICAgICAgICAgICAgIF90aGlzLmxpc3QgPSBbewogICAgICAgICAgICAgICAgICBuYW1lOiAn57Sv6K6h55So5oi3JywKICAgICAgICAgICAgICAgICAgaWNvbjogJ2ljb25sZWlqaXlvbmdodScsCiAgICAgICAgICAgICAgICAgIGxpc3Q6IGNhcmRMaXN0cy5jdW11bGF0aXZlVXNlciwKICAgICAgICAgICAgICAgICAgY29sb3JzOiAnZm91cicKICAgICAgICAgICAgICAgIH0sIHsKICAgICAgICAgICAgICAgICAgbmFtZTogJ+iuv+WuouaVsCcsCiAgICAgICAgICAgICAgICAgIGljb246ICdpY29uZmFuZ2tlc2h1JywKICAgICAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLnBlb3BsZSwKICAgICAgICAgICAgICAgICAgY29sb3JzOiAnb25lJwogICAgICAgICAgICAgICAgfSwgewogICAgICAgICAgICAgICAgICBuYW1lOiAn5rWP6KeI6YePJywKICAgICAgICAgICAgICAgICAgaWNvbjogJ2ljb25zaGFuZ3BpbmxpdWxhbmxpYW5nJywKICAgICAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLmJyb3dzZSwKICAgICAgICAgICAgICAgICAgY29sb3JzOiAndHdvJwogICAgICAgICAgICAgICAgfSwgewogICAgICAgICAgICAgICAgICBuYW1lOiAn5paw5aKe55So5oi35pWwJywKICAgICAgICAgICAgICAgICAgaWNvbjogJ2ljb254aW56ZW5neW9uZ2h1c2h1JywKICAgICAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLm5ld1VzZXIsCiAgICAgICAgICAgICAgICAgIGNvbG9yczogJ3RocmVlJwogICAgICAgICAgICAgICAgfSwgewogICAgICAgICAgICAgICAgICBuYW1lOiAn5oiQ5Lqk55So5oi35pWwJywKICAgICAgICAgICAgICAgICAgaWNvbjogJ2ljb25jaGVuZ2ppYW95b25naHVzaHUnLAogICAgICAgICAgICAgICAgICBsaXN0OiBjYXJkTGlzdHMucGF5UGVvcGxlLAogICAgICAgICAgICAgICAgICBjb2xvcnM6ICdmb3VyJwogICAgICAgICAgICAgICAgfSwgewogICAgICAgICAgICAgICAgICBuYW1lOiAn5LuY6LS55Lya5ZGY5pWwJywKICAgICAgICAgICAgICAgICAgaWNvbjogJ2ljb25mdWZlaWh1aXl1YW5zaHUnLAogICAgICAgICAgICAgICAgICBsaXN0OiBjYXJkTGlzdHMucGF5VXNlciwKICAgICAgICAgICAgICAgICAgY29sb3JzOiAnZm91cicKICAgICAgICAgICAgICAgIH1dOwogICAgICAgICAgICAgIGNhc2UgMToKICAgICAgICAgICAgICAgIHJldHVybiBfY29udGV4dC5hKDIpOwogICAgICAgICAgICB9CiAgICAgICAgICB9LCBfY2FsbGVlKTsKICAgICAgICB9KSk7CiAgICAgICAgcmV0dXJuIGZ1bmN0aW9uIChfeCkgewogICAgICAgICAgcmV0dXJuIF9yZWYuYXBwbHkodGhpcywgYXJndW1lbnRzKTsKICAgICAgICB9OwogICAgICB9KCkpLmNhdGNoKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBfdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsKICAgICAgfSk7CiAgICB9LAogICAgLy8g57uf6K6h5Zu+CiAgICBnZXRUcmVuZDogZnVuY3Rpb24gZ2V0VHJlbmQoKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwogICAgICB0aGlzLnNwaW5TaG93ID0gdHJ1ZTsKICAgICAgc3RhdGlzdGljVXNlclRyZW5kQXBpKHRoaXMuZm9ybUlubGluZSkudGhlbigvKiNfX1BVUkVfXyovZnVuY3Rpb24gKCkgewogICAgICAgIHZhciBfcmVmMiA9IF9hc3luY1RvR2VuZXJhdG9yKC8qI19fUFVSRV9fKi9fcmVnZW5lcmF0b3IoKS5tKGZ1bmN0aW9uIF9jYWxsZWUyKHJlcykgewogICAgICAgICAgdmFyIGxlZ2VuZCwgeEF4aXMsIGNvbCwgc2VyaWVzOwogICAgICAgICAgcmV0dXJuIF9yZWdlbmVyYXRvcigpLncoZnVuY3Rpb24gKF9jb250ZXh0MikgewogICAgICAgICAgICB3aGlsZSAoMSkgc3dpdGNoIChfY29udGV4dDIubikgewogICAgICAgICAgICAgIGNhc2UgMDoKICAgICAgICAgICAgICAgIGxlZ2VuZCA9IHJlcy5kYXRhLnNlcmllcy5tYXAoZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICAgICAgICAgICAgcmV0dXJuIGl0ZW0ubmFtZTsKICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgeEF4aXMgPSByZXMuZGF0YS54QXhpczsKICAgICAgICAgICAgICAgIGNvbCA9IFsnIzVCOEZGOScsICcjNUFEOEE2JywgJyNGRkFCMkInLCAnIzVENzA5MiddOwogICAgICAgICAgICAgICAgc2VyaWVzID0gW107CiAgICAgICAgICAgICAgICByZXMuZGF0YS5zZXJpZXMubWFwKGZ1bmN0aW9uIChpdGVtLCBpbmRleCkgewogICAgICAgICAgICAgICAgICBzZXJpZXMucHVzaCh7CiAgICAgICAgICAgICAgICAgICAgbmFtZTogaXRlbS5uYW1lLAogICAgICAgICAgICAgICAgICAgIHR5cGU6ICdsaW5lJywKICAgICAgICAgICAgICAgICAgICBkYXRhOiBpdGVtLnZhbHVlLAogICAgICAgICAgICAgICAgICAgIGl0ZW1TdHlsZTogewogICAgICAgICAgICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBjb2xbaW5kZXhdCiAgICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgICAgICBzbW9vdGg6IHRydWUKICAgICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgIF90aGlzMi5vcHRpb25EYXRhID0gewogICAgICAgICAgICAgICAgICB0b29sdGlwOiB7CiAgICAgICAgICAgICAgICAgICAgdHJpZ2dlcjogJ2F4aXMnLAogICAgICAgICAgICAgICAgICAgIGF4aXNQb2ludGVyOiB7CiAgICAgICAgICAgICAgICAgICAgICB0eXBlOiAnY3Jvc3MnLAogICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IHsKICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnIzZhNzk4NScKICAgICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgICAgIGxlZ2VuZDogewogICAgICAgICAgICAgICAgICAgIHg6ICdjZW50ZXInLAogICAgICAgICAgICAgICAgICAgIGRhdGE6IGxlZ2VuZAogICAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgICBncmlkOiB7CiAgICAgICAgICAgICAgICAgICAgbGVmdDogJzMlJywKICAgICAgICAgICAgICAgICAgICByaWdodDogJzQlJywKICAgICAgICAgICAgICAgICAgICBib3R0b206ICczJScsCiAgICAgICAgICAgICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlCiAgICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgICAgIHRvb2xib3g6IHsKICAgICAgICAgICAgICAgICAgICBmZWF0dXJlOiB7CiAgICAgICAgICAgICAgICAgICAgICBzYXZlQXNJbWFnZToge30KICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgICAgIHhBeGlzOiB7CiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2NhdGVnb3J5JywKICAgICAgICAgICAgICAgICAgICBib3VuZGFyeUdhcDogdHJ1ZSwKICAgICAgICAgICAgICAgICAgICAvLyBheGlzVGljazp7CiAgICAgICAgICAgICAgICAgICAgLy8gICAgIHNob3c6ZmFsc2UKICAgICAgICAgICAgICAgICAgICAvLyB9LAogICAgICAgICAgICAgICAgICAgIC8vIGF4aXNMaW5lOnsKICAgICAgICAgICAgICAgICAgICAvLyAgICAgc2hvdzpmYWxzZQogICAgICAgICAgICAgICAgICAgIC8vIH0sCiAgICAgICAgICAgICAgICAgICAgLy8gc3BsaXRMaW5lOiB7CiAgICAgICAgICAgICAgICAgICAgLy8gICAgIHNob3c6IGZhbHNlCiAgICAgICAgICAgICAgICAgICAgLy8gfSwKICAgICAgICAgICAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgICAgICAgICAgIGludGVydmFsOiAwLAogICAgICAgICAgICAgICAgICAgICAgcm90YXRlOiA0MCwKICAgICAgICAgICAgICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyMwMDAwMDAnCiAgICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgICAgICBkYXRhOiB4QXhpcwogICAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgICB5QXhpczogewogICAgICAgICAgICAgICAgICAgIHR5cGU6ICd2YWx1ZScsCiAgICAgICAgICAgICAgICAgICAgYXhpc0xpbmU6IHsKICAgICAgICAgICAgICAgICAgICAgIHNob3c6IGZhbHNlCiAgICAgICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgICAgICBheGlzVGljazogewogICAgICAgICAgICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAnIzdGOEI5QycKICAgICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJyNGNUY3RjknCiAgICAgICAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgICBzZXJpZXM6IHNlcmllcwogICAgICAgICAgICAgICAgfTsKICAgICAgICAgICAgICAgIF90aGlzMi5zcGluU2hvdyA9IGZhbHNlOwogICAgICAgICAgICAgIGNhc2UgMToKICAgICAgICAgICAgICAgIHJldHVybiBfY29udGV4dDIuYSgyKTsKICAgICAgICAgICAgfQogICAgICAgICAgfSwgX2NhbGxlZTIpOwogICAgICAgIH0pKTsKICAgICAgICByZXR1cm4gZnVuY3Rpb24gKF94MikgewogICAgICAgICAgcmV0dXJuIF9yZWYyLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7CiAgICAgICAgfTsKICAgICAgfSgpKS5jYXRjaChmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMyLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICAgIF90aGlzMi5zcGluU2hvdyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"names":["statisticUserBasicApi","statisticUserTrendApi","echartsNew","name","components","props","formInline","type","Object","default","channel_type","data","spinShow","grid","xl","lg","md","sm","xs","timeVal","dataTime","list","optionData","style","height","mounted","getStatistics","getTrend","methods","onSeach","onchangeTime","e","join","_this","then","_ref","_asyncToGenerator","_regenerator","m","_callee","res","cardLists","w","_context","n","icon","cumulativeUser","colors","people","browse","newUser","payPeople","payUser","a","_x","apply","arguments","catch","$message","error","msg","_this2","_ref2","_callee2","legend","xAxis","col","series","_context2","map","item","index","push","value","itemStyle","normal","color","smooth","tooltip","trigger","axisPointer","label","backgroundColor","x","left","right","bottom","containLabel","toolbox","feature","saveAsImage","boundaryGap","axisLabel","interval","rotate","textStyle","yAxis","axisLine","show","axisTick","splitLine","lineStyle","_x2"],"sources":["src/pages/statistic/user/components/userInfo.vue"],"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\">\r\n <div class=\"statics-header-title mb20\">\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>在选定条件下，访问商城页面的去重人数</div>\r\n <br />\r\n <div>浏览量</div>\r\n <div>在选定条件下，用户浏览商城页面的次数。每打开一个页面或每刷新一次页面都记录1次</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>\r\n <div class=\"mb20\">\r\n <el-row>\r\n <el-col v-bind=\"grid\" v-for=\"(item, index) in list\" :key=\"index\">\r\n <div class=\"acea-row mb30 fwn\">\r\n <div class=\"iconCrl mr15\" :class=\"item.colors\">\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 class=\"sp2\" v-if=\"index === list.length - 1\" v-text=\"item.list.num\"></span>\r\n <span class=\"sp2\" v-else v-text=\"item.list.num\"></span>\r\n <span class=\"content-time spBlock\"\r\n >环比增长：<i class=\"content-is\" :class=\"Number(item.list.percent) >= 0 ? 'up' : 'down'\"\r\n >{{ item.list.percent }}%</i\r\n >\r\n <i\r\n :style=\"{ color: Number(item.list.percent) >= 0 ? '#F5222D' : '#39C15B' }\"\r\n :class=\"[Number(item.list.percent) >= 0 ? 'el-icon-caret-top' : 'el-icon-caret-bottom']\"\r\n />\r\n </span>\r\n </div>\r\n </div>\r\n </el-col>\r\n </el-row>\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 { statisticUserBasicApi, statisticUserTrendApi } from '@/api/statistic';\r\nimport echartsNew from '@/components/echartsNew/index';\r\nexport default {\r\n name: 'userInfo',\r\n components: {\r\n echartsNew,\r\n },\r\n props: {\r\n formInline: {\r\n type: Object,\r\n default: function () {\r\n return {\r\n channel_type: '',\r\n data: '',\r\n };\r\n },\r\n },\r\n },\r\n data() {\r\n return {\r\n spinShow: false,\r\n grid: {\r\n xl: 4,\r\n lg: 4,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n name: '近30天',\r\n timeVal: [],\r\n dataTime: '',\r\n list: [],\r\n optionData: {},\r\n style: { height: '400px' },\r\n };\r\n },\r\n mounted() {\r\n this.getStatistics();\r\n this.getTrend();\r\n },\r\n methods: {\r\n onSeach() {\r\n this.getStatistics();\r\n this.getTrend();\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 statisticUserBasicApi(this.formInline)\r\n .then(async (res) => {\r\n const cardLists = res.data;\r\n this.list = [\r\n {\r\n name: '累计用户',\r\n icon: 'iconleijiyonghu',\r\n list: cardLists.cumulativeUser,\r\n colors: 'four',\r\n },\r\n {\r\n name: '访客数',\r\n icon: 'iconfangkeshu',\r\n list: cardLists.people,\r\n colors: 'one',\r\n },\r\n {\r\n name: '浏览量',\r\n icon: 'iconshangpinliulanliang',\r\n list: cardLists.browse,\r\n colors: 'two',\r\n },\r\n {\r\n name: '新增用户数',\r\n icon: 'iconxinzengyonghushu',\r\n list: cardLists.newUser,\r\n colors: 'three',\r\n },\r\n {\r\n name: '成交用户数',\r\n icon: 'iconchengjiaoyonghushu',\r\n list: cardLists.payPeople,\r\n colors: 'four',\r\n },\r\n {\r\n name: '付费会员数',\r\n icon: 'iconfufeihuiyuanshu',\r\n list: cardLists.payUser,\r\n colors: 'four',\r\n },\r\n ];\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 统计图\r\n getTrend() {\r\n this.spinShow = true;\r\n statisticUserTrendApi(this.formInline)\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', '#FFAB2B', '#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 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 // 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 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: series,\r\n };\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 },\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.iconfont {\r\n font-size: 16px;\r\n color: #fff;\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.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 /*margin-left: 74px;*/\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}\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.fwn {\r\n flex-wrap: nowrap;\r\n}\r\n</style>\r\n"],"mappings":"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","ignoreList":[]}]}
|
