| 1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Distribution\\DOverview.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Distribution\\DOverview.vue","mtime":1678954023536},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgc3RhdGlzdGljc0NvbW1pc3Npb25UaHJlZSwgc3RhdGlzdGljc0NvbW1pc3Npb25PbmUsIHN0YXRpc3RpY3NDb21taXNzaW9uVHdvIH0gZnJvbSAiQC9hcGkvQ29tbWlzc2lvbiI7CmltcG9ydCBWYWJDaGFydCBmcm9tICJAL2V4dHJhL3ZhYkNoYXJ0cyI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiT3ZlcnZpZXciLAogIGNvbXBvbmVudHM6IHsKICAgIFZhYkNoYXJ0CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHJhbmtpbmdfb246ICJtb25leVRvcCIsCiAgICAgIHRvcFRvdGFsOiBbXSwKICAgICAgY2hhcnREYXRhOiB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogImF4aXMiCiAgICAgICAgfSwKICAgICAgICB0b29sYm94OiB7CiAgICAgICAgICBmZWF0dXJlOiB7CiAgICAgICAgICAgIHNhdmVBc0ltYWdlOiB7fQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgeEF4aXM6IHsKICAgICAgICAgIHR5cGU6ICJjYXRlZ29yeSIsCiAgICAgICAgICBkYXRhOiBbXQogICAgICAgIH0sCiAgICAgICAgeUF4aXM6IHsKICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIKICAgICAgICB9LAogICAgICAgIGxlZ2VuZDogewogICAgICAgICAgZGF0YTogWyLmlrDlop7liIbplIDllYbmlbAiXQogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgZGF0YTogW10sCiAgICAgICAgICBuYW1lOiAi5paw5aKe5YiG6ZSA5ZWG5pWwIiwKICAgICAgICAgIHR5cGU6ICJsaW5lIiwKICAgICAgICAgIHNtb290aDogdHJ1ZSwKICAgICAgICAgIGFyZWFTdHlsZToge30KICAgICAgICB9XQogICAgICB9LAogICAgICBudW1fb3B0aW9uOiB7fSwKICAgICAgZ3JhZGVfb3B0aW9uOiB7fSwKICAgICAgdG9wX2xpc3Q6IFtdCiAgICB9OwogIH0sCgogIG1vdW50ZWQoKSB7CiAgICAvLyB0aGlzLmRyYXdMaW5lX29uZSgpCiAgICB0aGlzLnN0YXRpc3RpY3NDb21taXNzaW9uVGhyZWUoKTsKICAgIHRoaXMuc3RhdGlzdGljc0NvbW1pc3Npb25PbmUoKTsKICAgIHRoaXMuc3RhdGlzdGljc0NvbW1pc3Npb25Ud28oKTsKICB9LAoKICBhY3RpdmF0ZWQoKSB7CiAgICBpZiAodGhpcy4kX2lzSW5pdCgpKSByZXR1cm47CiAgICB0aGlzLnN0YXRpc3RpY3NDb21taXNzaW9uVGhyZWUoKTsKICAgIHRoaXMuc3RhdGlzdGljc0NvbW1pc3Npb25PbmUoKTsKICAgIHRoaXMuc3RhdGlzdGljc0NvbW1pc3Npb25Ud28oKTsKICB9LAoKICBtZXRob2RzOiB7CiAgICBoYW5kbGVDbGljayh0YWIpIHsKICAgICAgdGhpcy5yYW5raW5nX29uID0gdGFiOwogICAgfSwKCiAgICBhc3luYyBzdGF0aXN0aWNzQ29tbWlzc2lvblRocmVlKCkgewogICAgICBpZiAoIXRoaXMuJGFjY2Vzc0NoZWNrKHRoaXMuJEFjY2Vzcy5ET3ZlcnZpZXdzdGF0aXN0aWNzQ29tbWlzc2lvblRocmVlKSkgewogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IHN0YXRpc3RpY3NDb21taXNzaW9uVGhyZWUoKTsKICAgICAgdGhpcy50b3BfbGlzdCA9IGRhdGEuZGF0YTsKICAgIH0sCgogICAgYXN5bmMgc3RhdGlzdGljc0NvbW1pc3Npb25PbmUoKSB7CiAgICAgIGlmICghdGhpcy4kYWNjZXNzQ2hlY2sodGhpcy4kQWNjZXNzLkRPdmVydmlld3N0YXRpc3RpY3NDb21taXNzaW9uT25lKSkgewogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IHN0YXRpc3RpY3NDb21taXNzaW9uT25lKCk7CiAgICAgIHRoaXMudG9wVG90YWwgPSBkYXRhLmRhdGE7CiAgICAgIHRoaXMubG9hZGluZ0NoYXJ0KHRoaXMudG9wVG90YWwuYnVzaW5lc3NtYW4pOwogICAgICB0aGlzLmxvYWRpbmdDaGFydF9vbmUodGhpcy50b3BUb3RhbC5ncmFkZUJ1c2luZXNzbWFuKTsKICAgIH0sCgogICAgYXN5bmMgc3RhdGlzdGljc0NvbW1pc3Npb25Ud28oKSB7CiAgICAgIGlmICghdGhpcy4kYWNjZXNzQ2hlY2sodGhpcy4kQWNjZXNzLkRPdmVydmlld3N0YXRpc3RpY3NDb21taXNzaW9uVHdvKSkgewogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgewogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IHN0YXRpc3RpY3NDb21taXNzaW9uVHdvKCk7CiAgICAgIGRhdGEuZm9yRWFjaChpdGVtID0+IHsKICAgICAgICB0aGlzLmNoYXJ0RGF0YS54QXhpcy5kYXRhLnB1c2goaXRlbS5jcmVhdGVEYXRhKTsKICAgICAgICB0aGlzLmNoYXJ0RGF0YS5zZXJpZXNbMF0uZGF0YS5wdXNoKGl0ZW0uY291bnQpOwogICAgICB9KTsKICAgIH0sCgogICAgbG9hZGluZ0NoYXJ0KHZhbCkgewogICAgICB0aGlzLm51bV9vcHRpb24gPSB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogIml0ZW0iLAogICAgICAgICAgZm9ybWF0dGVyOiAie2F9IDxici8+e2J9OiB7Y30gKHtkfSUpIgogICAgICAgIH0sCiAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICBvcmllbnQ6ICJ2ZXJ0aWNhbCIsCiAgICAgICAgICBsZWZ0OiAxMCwKICAgICAgICAgIGRhdGE6IFtdLAogICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgIGNvbG9yOiAiI2ZmZiIKICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHNlcmllczogW3sKICAgICAgICAgIG5hbWU6ICLliIbplIDllYbkurrmlbAiLAogICAgICAgICAgdHlwZTogInBpZSIsCiAgICAgICAgICByYWRpdXM6IFsiNTIlIiwgIjcwJSJdLAogICAgICAgICAgY2VudGVyOiBbMTgwLCA5MF0sCiAgICAgICAgICBhdm9pZExhYmVsT3ZlcmxhcDogZmFsc2UsCiAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgICAgcG9zaXRpb246ICJjZW50ZXIiCiAgICAgICAgICB9LAogICAgICAgICAgZW1waGFzaXM6IHsKICAgICAgICAgICAgbGFiZWw6IHsKICAgICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICAgIGZvbnRTaXplOiAiMTIiCiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBsYWJlbExpbmU6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBjb2xvcjogWyIjMTJiYTdiIiwgIiNmZmZmZmYiXSwKICAgICAgICAgIGRhdGE6IFt7CiAgICAgICAgICAgIHZhbHVlOiB2YWwsCiAgICAgICAgICAgIG5hbWU6ICLliIbplIDllYbkurrmlbAiCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbHVlOiB2YWwsCiAgICAgICAgICAgIG5hbWU6ICLliIbplIDllYbljaDmr5QiCiAgICAgICAgICB9XQogICAgICAgIH1dCiAgICAgIH07CiAgICB9LAoKICAgIGxvYWRpbmdDaGFydF9vbmUodmFsKSB7CiAgICAgIGxldCBhcnIgPSBbXTsKCiAgICAgIGZvciAobGV0IGl0ZW0gaW4gdmFsKSB7CiAgICAgICAgYXJyLnB1c2godmFsW2l0ZW1dKTsKICAgICAgfQoKICAgICAgdGhpcy5ncmFkZV9vcHRpb24gPSB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogIml0ZW0iLAogICAgICAgICAgZm9ybWF0dGVyOiAie2F9IDxici8+e2J9OiB7Y30gKHtkfSUpIgogICAgICAgIH0sCiAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICBvcmllbnQ6ICJ2ZXJ0aWNhbCIsCiAgICAgICAgICBsZWZ0OiAxMCwKICAgICAgICAgIGRhdGE6IFsi6buY6K6k562J57qnIiwgIjHnuqciLCAiMue6pyIsICIz57qnIiwgIjTnuqciLCAiNee6pyIsICI257qnIl0sCiAgICAgICAgICB0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgY29sb3I6ICIjZmZmIgogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgbmFtZTogIuetiee6pyIsCiAgICAgICAgICB0eXBlOiAicGllIiwKICAgICAgICAgIHJhZGl1czogWyI2MCUiLCAiODIlIl0sCiAgICAgICAgICBjZW50ZXI6IFsxODAsIDg0XSwKICAgICAgICAgIGF2b2lkTGFiZWxPdmVybGFwOiBmYWxzZSwKICAgICAgICAgIGxhYmVsOiB7CiAgICAgICAgICAgIHNob3c6IGZhbHNlLAogICAgICAgICAgICBwb3NpdGlvbjogImNlbnRlciIKICAgICAgICAgIH0sCiAgICAgICAgICBlbXBoYXNpczogewogICAgICAgICAgICBsYWJlbDogewogICAgICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICAgICAgZm9udFNpemU6ICIxMiIKICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGxhYmVsTGluZTogewogICAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIGNvbG9yOiBbIiNCOEI4QjgiLCAiIzMzOTlGRiIsICIjRkY5OTAwIiwgIiMwMDk5NjYiLCAiIzY2NjY5OSIsICIjOTlDQ0ZGIiwgIiM2NkNDOTkiXSwKICAgICAgICAgIGRhdGE6IFt7CiAgICAgICAgICAgIHZhbHVlOiBhcnJbMF0uYnVzaW5lc3NtYW5OdW0sCiAgICAgICAgICAgIG5hbWU6IGFyclswXS5ncmFkZU5hbWUKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsdWU6IGFyclsxXS5idXNpbmVzc21hbk51bSwKICAgICAgICAgICAgbmFtZTogYXJyWzFdLmdyYWRlTmFtZQogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWx1ZTogYXJyWzJdLmJ1c2luZXNzbWFuTnVtLAogICAgICAgICAgICBuYW1lOiBhcnJbMl0uZ3JhZGVOYW1lCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbHVlOiBhcnJbM10uYnVzaW5lc3NtYW5OdW0sCiAgICAgICAgICAgIG5hbWU6IGFyclszXS5ncmFkZU5hbWUKICAgICAgICAgIH0sIHsKICAgICAgICAgICAgdmFsdWU6IGFycls0XS5idXNpbmVzc21hbk51bSwKICAgICAgICAgICAgbmFtZTogYXJyWzRdLmdyYWRlTmFtZQogICAgICAgICAgfSwgewogICAgICAgICAgICB2YWx1ZTogYXJyWzVdLmJ1c2luZXNzbWFuTnVtLAogICAgICAgICAgICBuYW1lOiBhcnJbNV0uZ3JhZGVOYW1lCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHZhbHVlOiBhcnJbNl0uYnVzaW5lc3NtYW5OdW0sCiAgICAgICAgICAgIG5hbWU6IGFycls2XS5ncmFkZU5hbWUKICAgICAgICAgIH1dCiAgICAgICAgfV0KICAgICAgfTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":"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","names":["statisticsCommissionThree","statisticsCommissionOne","statisticsCommissionTwo","name","components","VabChart","data","ranking_on","topTotal","chartData","tooltip","trigger","toolbox","feature","saveAsImage","xAxis","type","yAxis","legend","series","smooth","areaStyle","num_option","grade_option","top_list","mounted","activated","methods","handleClick","loadingChart","formatter","orient","left","textStyle","color","radius","center","avoidLabelOverlap","label","show","position","emphasis","fontSize","labelLine","value","loadingChart_one","arr"],"sourceRoot":"src/views/Distribution","sources":["DOverview.vue"],"sourcesContent":["<template>\n <div class=\"Overview\">\n <div\n v-if=\"$accessCheck($Access.DOverviewstatisticsCommissionOne)\"\n class=\"module-li\"\n style=\"margin: 0 0 20px 0\"\n >\n <div class=\"clearfix tit-view\">\n <div class=\"float_left module-name\">佣金概览</div>\n </div>\n <ul class=\"nav-btn-ul\">\n <li class=\"nav-btn-li clearfix\">\n <div class=\"float_left\">\n <span\n style=\"\n background: linear-gradient(\n 315deg,\n rgb(18, 186, 123) 0%,\n #1aecae 100%\n );\n \"\n class=\"iconfont icon-dingjiatiaojia num-item-icon\"\n ></span>\n </div>\n <div class=\"float_left\">\n <p class=\"price\">提现待审核(元)</p>\n <p class=\"num\">\n {{ topTotal.withdrawNoAudit || 0 }}\n </p>\n </div>\n </li>\n <li class=\"nav-btn-li clearfix\">\n <div class=\"float_left\">\n <span\n style=\"\n background: linear-gradient(315deg, #3d9dfe 0%, #77cdff 100%);\n \"\n class=\"iconfont icon-yingshou num-item-icon\"\n ></span>\n </div>\n <div class=\"float_left\">\n <p class=\"price\">提现待打款(元)</p>\n <p class=\"num\">\n {{ topTotal.withdrawNoPay || 0 }}\n </p>\n </div>\n </li>\n <li class=\"nav-btn-li clearfix\">\n <div class=\"float_left\">\n <span\n style=\"\n background: linear-gradient(315deg, #fe6b58 0%, #fbb162 100%);\n \"\n class=\"iconfont icon-jine num-item-icon\"\n ></span>\n </div>\n <div class=\"float_left\">\n <p class=\"price\">累计佣金</p>\n <p class=\"num\">\n {{ topTotal.totalMoney || 0 }}\n </p>\n </div>\n </li>\n <li class=\"nav-btn-li clearfix\">\n <div class=\"float_left\">\n <span\n style=\"\n background: linear-gradient(315deg, #fb2c95 0%, #ff7d7d 100%);\n \"\n class=\"iconfont icon-shoukuan num-item-icon\"\n ></span>\n </div>\n <div class=\"float_left\">\n <p class=\"price\">提现佣金</p>\n <p class=\"num\">\n {{ topTotal.withdraw || 0 }}\n </p>\n </div>\n </li>\n </ul>\n </div>\n <div\n v-if=\"$accessCheck($Access.DOverviewstatisticsCommissionTwo)\"\n class=\"module-li\"\n style=\"margin-top: 0\"\n >\n <div class=\"clearfix tit-view\">\n <div class=\"float_left module-name\">分销商概览</div>\n </div>\n <el-row style=\"padding: 20px\">\n <el-col :span=\"6\">\n <div\n class=\"grid-content bg-purple\"\n style=\"\n background: linear-gradient(-125deg, #ff7d7d, #fb2c95);\n color: #fff;\n \"\n >\n <div class=\"float_left\" style=\"padding-left: 40px\">\n <p class=\"price-label\">待审核(人)</p>\n <p class=\"num\">\n {{ topTotal.auditBusinessman || 0 }}\n </p>\n </div>\n <div class=\"card-num float_right\" style=\"padding-right: 20px\">\n <span class=\"iconfont icon-kehu card-icon\"></span>\n </div>\n </div>\n </el-col>\n <el-col :span=\"6\">\n <div\n class=\"grid-content bg-purple\"\n style=\"\n background: linear-gradient(-113deg, #c543d8, #925cc3);\n color: #fff;\n \"\n >\n <div class=\"float_left\" style=\"padding-left: 40px\">\n <p class=\"price-label\">分销商(人)</p>\n <p class=\"num\">\n {{ topTotal.businessman || 0 }}\n </p>\n </div>\n <div class=\"card-num float_right\" style=\"padding-right: 20px\">\n <span class=\"iconfont icon-kehu1 card-icon\"></span>\n </div>\n </div>\n </el-col>\n <el-col :span=\"6\" style=\"height: 180px; overflow: hidden\">\n <div style=\"margin-right: 20px\">\n <div\n class=\"clearfix grid-content bg-purple\"\n style=\"\n background: linear-gradient(\n -125deg,\n rgb(169 231 249),\n rgb(31 132 230)\n );\n color: #ffffff;\n position: relative;\n width: 100%;\n \"\n >\n <div class=\"float_left\" style=\"padding-left: 40px\">\n <span class=\"price-label\">会员数</span>\n <br />\n <span class=\"num\">\n {{ topTotal.customer || 0 }}\n </span>\n </div>\n <div\n style=\"\n width: 300px;\n height: 200px;\n transform: translateY(-50px);\n \"\n class=\"float_right\"\n >\n <vab-chart\n style=\"width: 100%; height: 100%\"\n :autoresize=\"true\"\n :options=\"num_option\"\n theme=\"vab-echarts-theme\"\n />\n </div>\n </div>\n </div>\n </el-col>\n <el-col :span=\"6\" style=\"height: 180px; overflow: hidden\">\n <div style=\"margin-right: 20px\">\n <div\n class=\"clearfix grid-content bg-purple\"\n style=\"\n background: linear-gradient(\n -125deg,\n rgb(169 231 249),\n rgb(31 132 230)\n );\n color: #ffffff;\n position: relative;\n width: 100%;\n \"\n >\n <div class=\"float_left\" style=\"padding-left: 40px\">\n <span class=\"price-label\">分销等级</span>\n </div>\n <div\n style=\"\n width: 300px;\n height: 200px;\n transform: translateY(-50px);\n \"\n class=\"float_right\"\n >\n <vab-chart\n style=\"width: 100%; height: 100%\"\n :autoresize=\"true\"\n :options=\"grade_option\"\n theme=\"vab-echarts-theme\"\n />\n </div>\n </div>\n </div>\n </el-col>\n </el-row>\n </div>\n <el-row\n v-if=\"$accessCheck($Access.DOverviewstatisticsCommissionThree)\"\n :gutter=\"24\"\n style=\"margin: 20px 0 0 0\"\n >\n <el-col :span=\"12\" style=\"padding-left: 0\">\n <div class=\"col_one\">\n <div class=\"tit-view\">新增分销商数</div>\n <div style=\"padding: 20px\">\n <vab-chart\n style=\"width: 100%\"\n :autoresize=\"true\"\n :options=\"chartData\"\n theme=\"vab-echarts-theme\"\n />\n </div>\n </div>\n </el-col>\n <el-col :span=\"12\" style=\"padding: 0\">\n <div class=\"col_one\">\n <div class=\"tit-view\">分销商排行top10</div>\n <div class=\"tab-moni\">\n <div class=\"tab-btn\">\n <div\n class=\"tab-btn-li\"\n :class=\"[ranking_on === 'moneyTop' ? 'tab-btn-on' : '']\"\n @click=\"handleClick('moneyTop')\"\n >\n 累计佣金\n </div>\n <div\n :class=\"[ranking_on === 'subTop' ? 'tab-btn-on' : '']\"\n class=\"tab-btn-li\"\n @click=\"handleClick('subTop')\"\n >\n 下级会员\n </div>\n </div>\n <div class=\"ranking-li\">\n <el-row class=\"ranking-th\">\n <el-col :span=\"4\">排名</el-col>\n <el-col :span=\"10\">姓名</el-col>\n <el-col :span=\"10\">\n {{ ranking_on === \"moneyTop\" ? \"佣金(元)\" : \"数量(人)\" }}\n </el-col>\n </el-row>\n <div v-if=\"ranking_on === 'moneyTop'\">\n <el-row\n v-for=\"(item, index) in top_list.moneyTop\"\n :key=\"index\"\n class=\"ranking-tr\"\n >\n <el-col :span=\"4\">\n <span\n v-if=\"index === 0\"\n class=\"ranking-sort ranking-sort-o\"\n >\n {{ index + 1 }}\n </span>\n <span\n v-else-if=\"index === 1\"\n class=\"ranking-sort ranking-sort-t\"\n >\n {{ index + 1 }}\n </span>\n <span\n v-else-if=\"index === 2\"\n class=\"ranking-sort ranking-sort-three\"\n >\n {{ index + 1 }}\n </span>\n <span v-else class=\"ranking-sort\">{{ index + 1 }}</span>\n </el-col>\n <el-col :span=\"10\">\n {{ item.name }}\n </el-col>\n <el-col :span=\"10\">\n {{ item.money }}\n </el-col>\n </el-row>\n <div v-if=\"!top_list.moneyTop.length\" class=\"empty-view\">\n 暂无数据\n </div>\n </div>\n <div v-else>\n <el-row\n v-for=\"(item, index) in top_list.subTop\"\n :key=\"index\"\n class=\"ranking-tr\"\n >\n <el-col :span=\"4\">\n <span\n v-if=\"index === 0\"\n class=\"ranking-sort ranking-sort-o\"\n >\n {{ index + 1 }}\n </span>\n <span\n v-else-if=\"index === 1\"\n class=\"ranking-sort ranking-sort-t\"\n >\n {{ index + 1 }}\n </span>\n <span\n v-else-if=\"index === 2\"\n class=\"ranking-sort ranking-sort-three\"\n >\n {{ index + 1 }}\n </span>\n <span v-else class=\"ranking-sort\">{{ index + 1 }}</span>\n </el-col>\n <el-col :span=\"10\">\n {{ item.name }}\n </el-col>\n <el-col :span=\"10\">\n {{ item.sub }}\n </el-col>\n </el-row>\n <div v-if=\"!top_list.subTop.length\" class=\"empty-view\">\n 暂无数据\n </div>\n </div>\n </div>\n </div>\n </div>\n </el-col>\n </el-row>\n </div>\n</template>\n\n<script>\n import {\n statisticsCommissionThree,\n statisticsCommissionOne,\n statisticsCommissionTwo,\n } from \"@/api/Commission\";\n import VabChart from \"@/extra/vabCharts\";\n export default {\n name: \"Overview\",\n components: {\n VabChart,\n },\n data() {\n return {\n ranking_on: \"moneyTop\",\n topTotal: [],\n chartData: {\n tooltip: {\n trigger: \"axis\",\n },\n toolbox: {\n feature: {\n saveAsImage: {},\n },\n },\n xAxis: {\n type: \"category\",\n data: [],\n },\n yAxis: {\n type: \"value\",\n },\n legend: {\n data: [\"新增分销商数\"],\n },\n series: [\n {\n data: [],\n name: \"新增分销商数\",\n type: \"line\",\n smooth: true,\n areaStyle: {},\n },\n ],\n },\n num_option: {},\n grade_option: {},\n top_list: [],\n };\n },\n mounted() {\n // this.drawLine_one()\n this.statisticsCommissionThree();\n this.statisticsCommissionOne();\n this.statisticsCommissionTwo();\n },\n activated() {\n if (this.$_isInit()) return;\n this.statisticsCommissionThree();\n this.statisticsCommissionOne();\n this.statisticsCommissionTwo();\n },\n methods: {\n handleClick(tab) {\n this.ranking_on = tab;\n },\n async statisticsCommissionThree() {\n if (\n !this.$accessCheck(this.$Access.DOverviewstatisticsCommissionThree)\n ) {\n return;\n }\n const data = await statisticsCommissionThree();\n\n this.top_list = data.data;\n },\n async statisticsCommissionOne() {\n if (!this.$accessCheck(this.$Access.DOverviewstatisticsCommissionOne)) {\n return;\n }\n const data = await statisticsCommissionOne();\n\n this.topTotal = data.data;\n this.loadingChart(this.topTotal.businessman);\n this.loadingChart_one(this.topTotal.gradeBusinessman);\n },\n async statisticsCommissionTwo() {\n if (!this.$accessCheck(this.$Access.DOverviewstatisticsCommissionTwo)) {\n return;\n }\n const { data } = await statisticsCommissionTwo();\n\n data.forEach((item) => {\n this.chartData.xAxis.data.push(item.createData);\n this.chartData.series[0].data.push(item.count);\n });\n },\n loadingChart(val) {\n this.num_option = {\n tooltip: {\n trigger: \"item\",\n formatter: \"{a} <br/>{b}: {c} ({d}%)\",\n },\n legend: {\n orient: \"vertical\",\n left: 10,\n data: [],\n textStyle: {\n color: \"#fff\",\n },\n },\n series: [\n {\n name: \"分销商人数\",\n type: \"pie\",\n radius: [\"52%\", \"70%\"],\n center: [180, 90],\n avoidLabelOverlap: false,\n label: {\n show: false,\n position: \"center\",\n },\n emphasis: {\n label: {\n show: true,\n fontSize: \"12\",\n },\n },\n labelLine: {\n show: false,\n },\n color: [\"#12ba7b\", \"#ffffff\"],\n data: [\n { value: val, name: \"分销商人数\" },\n { value: val, name: \"分销商占比\" },\n ],\n },\n ],\n };\n },\n loadingChart_one(val) {\n let arr = [];\n for (let item in val) {\n arr.push(val[item]);\n }\n this.grade_option = {\n tooltip: {\n trigger: \"item\",\n formatter: \"{a} <br/>{b}: {c} ({d}%)\",\n },\n legend: {\n orient: \"vertical\",\n left: 10,\n data: [\"默认等级\", \"1级\", \"2级\", \"3级\", \"4级\", \"5级\", \"6级\"],\n textStyle: {\n color: \"#fff\",\n },\n },\n series: [\n {\n name: \"等级\",\n type: \"pie\",\n radius: [\"60%\", \"82%\"],\n center: [180, 84],\n avoidLabelOverlap: false,\n label: {\n show: false,\n position: \"center\",\n },\n emphasis: {\n label: {\n show: true,\n fontSize: \"12\",\n },\n },\n labelLine: {\n show: false,\n },\n color: [\n \"#B8B8B8\",\n \"#3399FF\",\n \"#FF9900\",\n \"#009966\",\n \"#666699\",\n \"#99CCFF\",\n \"#66CC99\",\n ],\n data: [\n { value: arr[0].businessmanNum, name: arr[0].gradeName },\n { value: arr[1].businessmanNum, name: arr[1].gradeName },\n { value: arr[2].businessmanNum, name: arr[2].gradeName },\n { value: arr[3].businessmanNum, name: arr[3].gradeName },\n { value: arr[4].businessmanNum, name: arr[4].gradeName },\n { value: arr[5].businessmanNum, name: arr[5].gradeName },\n { value: arr[6].businessmanNum, name: arr[6].gradeName },\n ],\n },\n ],\n };\n },\n },\n };\n</script>\n\n<style scoped>\n .Overview {\n background: #f5f8fa;\n }\n .header span {\n color: white;\n font-weight: bold;\n margin: 20px 0 20px 20px;\n display: inline-block;\n }\n .module-li {\n background: #fff;\n margin-top: 20px;\n }\n .card-num {\n font-size: 42px;\n line-height: 46px;\n margin: 8px 0;\n }\n .card-num .card-icon {\n font-size: 70px;\n opacity: 0.2;\n }\n .module-name {\n font-size: 15px;\n color: #333333;\n transform: translateY(-2px);\n }\n .tit-view {\n padding: 0 20px;\n line-height: 50px;\n font-size: 14px;\n font-weight: 600;\n border-bottom: 1px solid #f2f2f2;\n }\n .price {\n color: #999999;\n font-size: 14px;\n }\n .nav-btn-ul {\n padding: 20px;\n display: flex;\n }\n .nav-btn-li {\n flex: 4;\n font-size: 14px;\n }\n .num-item-icon {\n width: 60px;\n height: 60px;\n line-height: 60px;\n border-radius: 10px;\n color: #fff;\n text-align: center;\n margin-right: 20px;\n display: inline-block;\n font-size: 30px;\n background: linear-gradient(\n 315deg,\n rgba(86, 171, 47, 1) 0%,\n rgba(168, 224, 99, 1) 100%\n );\n }\n .bg-purple {\n background: #3e4651;\n text-align: center;\n }\n .num {\n font-size: 34px;\n }\n .grid-content {\n border-radius: 4px;\n height: 180px;\n padding-top: 50px;\n margin-right: 20px;\n }\n .col_one {\n background-color: white;\n border-radius: 4px;\n height: 450px;\n min-width: 500px;\n }\n .price-label {\n font-size: 14px;\n opacity: 0.8;\n padding-bottom: 10px;\n }\n .tab-moni {\n padding: 20px;\n }\n .tab-btn {\n padding-bottom: 20px;\n }\n .tab-btn-li {\n line-height: 28px;\n padding: 0 12px;\n color: #666666;\n border: 1px solid #ddd;\n font-size: 12px;\n display: inline-block;\n margin-right: 20px;\n border-radius: 30px;\n cursor: pointer;\n }\n .tab-btn-on {\n background: linear-gradient(to right, #5f74fb, #5384f5);\n color: #ffffff;\n border-color: #4a7af7;\n }\n .ranking-li {\n font-size: 13px;\n color: #333333;\n height: 280px;\n overflow: auto;\n }\n .ranking-th {\n font-weight: 600;\n padding-bottom: 10px;\n }\n .ranking-tr {\n line-height: 44px;\n }\n .ranking-sort {\n display: inline-block;\n width: 20px;\n height: 20px;\n line-height: 20px;\n border-radius: 100%;\n text-align: center;\n }\n .ranking-sort-o {\n color: #f788a3;\n font-size: 12px;\n background: #faeceb;\n }\n .ranking-sort-t {\n color: #fabb79;\n font-size: 12px;\n background: #fff6e3;\n }\n .ranking-sort-three {\n color: #4ec1cd;\n font-size: 12px;\n background: #e0f9f1;\n }\n .empty-view {\n line-height: 100px;\n text-align: center;\n }\n</style>\n"]}]}
|
