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