{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\statement\\statementList\\SaleRanking.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\statement\\statementList\\SaleRanking.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgc2FsZXNNYW5SYW5rLCBleHBvcnRzYWxlc01hblJhbmsgfSBmcm9tICJAL2FwaS9Db21taXNzaW9uIjsKaW1wb3J0IFZhYkNoYXJ0IGZyb20gIkAvZXh0cmEvdmFiQ2hhcnRzIjsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIFZhYkNoYXJ0CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNoYXJ0X29wdGlvbnM6IHt9LAogICAgICBzb3J0RmllbGQ6ICJvcmRlck51bSIsCiAgICAgIHNvcnQ6ICJBU0MiLAogICAgICB0aW1lOiBbXSwKICAgICAgc3RhcnQ6ICIiLAogICAgICBlbmQ6ICIiLAogICAgICBwYWdlOiAxLAogICAgICBwYWdlVG90YWw6IDAsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgdGFibGVEYXRhOiBbXSwKICAgICAgdHlwZV9vcHRpb25zOiBbewogICAgICAgIGxhYmVsOiAi5b6F5a6h5qC4IiwKICAgICAgICB2YWx1ZTogMgogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLlvoXlj5HotKciLAogICAgICAgIHZhbHVlOiAzCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuW+heaUtui0pyIsCiAgICAgICAgdmFsdWU6IDQKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi5bey5a6M5oiQIiwKICAgICAgICB2YWx1ZTogNQogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLlt7LlhbPpl60iLAogICAgICAgIHZhbHVlOiA2CiAgICAgIH1dLAogICAgICBvcmRlclN0YXR1czogW10sCiAgICAgIG9yZGVyX251bTogW10sCiAgICAgIGN1X251bTogW10sCiAgICAgIG9yZGVyX21vbmV5OiBbXSwKICAgICAgb3JkZXJfbmFtZTogW10KICAgIH07CiAgfSwKCiAgY29tcHV0ZWQ6IHsKICAgIHRvdGFsT2JqKCkgewogICAgICBjb25zdCB0b3RhbE9iaiA9IHsKICAgICAgICBvcmRlck51bTogMCwKICAgICAgICBkZWFsQW1vdW50OiAwLAogICAgICAgIGRlYWxDdXN0b21lck51bTogMAogICAgICB9OwogICAgICB0aGlzLnRhYmxlRGF0YS5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgIHRvdGFsT2JqLmRlYWxDdXN0b21lck51bSA9IHRoaXMuJE5QLnBsdXModG90YWxPYmouZGVhbEN1c3RvbWVyTnVtLCBpdGVtLmRlYWxDdXN0b21lck51bSk7CiAgICAgICAgdG90YWxPYmoub3JkZXJOdW0gPSB0aGlzLiROUC5wbHVzKHRvdGFsT2JqLm9yZGVyTnVtLCBpdGVtLm9yZGVyTnVtKTsKICAgICAgICB0b3RhbE9iai5kZWFsQW1vdW50ID0gdGhpcy4kTlAucGx1cyh0b3RhbE9iai5kZWFsQW1vdW50LCBpdGVtLmRlYWxBbW91bnQpOwogICAgICB9KTsKICAgICAgcmV0dXJuIHRvdGFsT2JqOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5zYWxlc01hblJhbmsoKTsKICAgIHRoaXMudGltZSA9IFtuZXcgRGF0ZSgpLmdldFRpbWUoKSwgbmV3IERhdGUoKS5nZXRUaW1lKCldOwogIH0sCgogIGFjdGl2YXRlZCgpIHsKICAgIHRoaXMuc2FsZXNNYW5SYW5rKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgLy8gZWNoYXJ0cygpIHt9LAogICAgc29ydENoYW5nZSh7CiAgICAgIHByb3AsCiAgICAgIG9yZGVyCiAgICB9KSB7CiAgICAgIHRoaXMuc29ydEZpZWxkID0gcHJvcDsKCiAgICAgIGlmIChvcmRlciA9PT0gImFzY2VuZGluZyIpIHsKICAgICAgICB0aGlzLnNvcnQgPSAiQVNDIjsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLnNvcnQgPSAiREVTQyI7CiAgICAgIH0KCiAgICAgIHRoaXMuc2FsZXNNYW5SYW5rKCk7CiAgICB9LAoKICAgIGFzeW5jIHNhbGVzTWFuUmFuayhleHBvcnRzKSB7CiAgICAgIGxldCBwYXJhbXMgPSB7CiAgICAgICAgcGFnZTogdGhpcy5wYWdlLAogICAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLAogICAgICAgIHNvcnRGaWVsZDogdGhpcy5zb3J0RmllbGQsCiAgICAgICAgc3RhcnRUaW1lOiB0aGlzLnN0YXJ0LAogICAgICAgIGVuZFRpbWU6IHRoaXMuZW5kLAogICAgICAgIHNvcnQ6IHRoaXMuc29ydCwKICAgICAgICBvcmRlclN0YXR1czogdGhpcy5vcmRlclN0YXR1cwogICAgICB9OwoKICAgICAgaWYgKGV4cG9ydHMpIHsKICAgICAgICBwYXJhbXMuZXhwb3J0ID0gMTsKICAgICAgICBjb25zdCB0YXJnZXQgPSBhd2FpdCBleHBvcnRzYWxlc01hblJhbmsoeyAuLi5wYXJhbXMKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICBjb25zdCByZXMgPSBhd2FpdCBzYWxlc01hblJhbmsoeyAuLi5wYXJhbXMKICAgICAgICB9KTsKICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhOwogICAgICAgIHRoaXMucGFnZVRvdGFsID0gcmVzLnBhZ2VUb3RhbDsKICAgICAgICBjb25zdCBvcmRlck51bSA9IFtdOwogICAgICAgIGNvbnN0IGRlYWxDdXN0b21lck51bSA9IFtdOwogICAgICAgIGNvbnN0IGRlYWxBbW91bnQgPSBbXTsKICAgICAgICBjb25zdCBzYWxlc01hbk5hbWUgPSBbXTsKICAgICAgICByZXMuZGF0YS5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgICAgb3JkZXJOdW0ucHVzaChpdGVtLm9yZGVyTnVtKTsKICAgICAgICAgIGRlYWxDdXN0b21lck51bS5wdXNoKGl0ZW0uZGVhbEN1c3RvbWVyTnVtKTsKICAgICAgICAgIGRlYWxBbW91bnQucHVzaChpdGVtLmRlYWxBbW91bnQpOwogICAgICAgICAgc2FsZXNNYW5OYW1lLnB1c2goaXRlbS5zYWxlc01hbk5hbWUpOwogICAgICAgIH0pOwogICAgICAgIHRoaXMuY2hhcnRfb3B0aW9ucyA9IHsKICAgICAgICAgIHRvb2x0aXA6IHsKICAgICAgICAgICAgdHJpZ2dlcjogImF4aXMiLAogICAgICAgICAgICBheGlzUG9pbnRlcjogewogICAgICAgICAgICAgIHR5cGU6ICJjcm9zcyIsCiAgICAgICAgICAgICAgY3Jvc3NTdHlsZTogewogICAgICAgICAgICAgICAgY29sb3I6ICIjOTk5IgogICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgICAgfSwKICAgICAgICAgIGNvbG9yOiBbIiMzYmEyNzIiLCAiIzQwOUVGRiIsICIjZmFjODU4Il0sCiAgICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgICAgZGF0YTogWyLorqLljZXmlbAiLCAi5a6i5oi35pWwIiwgIuiuouWNlemHkeminSJdCiAgICAgICAgICB9LAogICAgICAgICAgeEF4aXM6IHsKICAgICAgICAgICAgdHlwZTogImNhdGVnb3J5IiwKICAgICAgICAgICAgZGF0YTogc2FsZXNNYW5OYW1lCiAgICAgICAgICB9LAogICAgICAgICAgeUF4aXM6IFt7CiAgICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIsCiAgICAgICAgICAgIG5hbWU6ICLorqLljZXvvIjlrqLmiLfvvInmlbDph48iLAogICAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgICBmb3JtYXR0ZXI6ICJ7dmFsdWV9IOS4qiIKICAgICAgICAgICAgfQogICAgICAgICAgfSwgewogICAgICAgICAgICB0eXBlOiAidmFsdWUiLAogICAgICAgICAgICBuYW1lOiAi6K6i5Y2V6YeR6aKdIiwKICAgICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgICAgZm9ybWF0dGVyOiAie3ZhbHVlfSDlhYMiCiAgICAgICAgICAgIH0KICAgICAgICAgIH1dLAogICAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgICB0eXBlOiAiYmFyIiwKICAgICAgICAgICAgbmFtZTogIuiuouWNleaVsCIsCiAgICAgICAgICAgIGRhdGE6IG9yZGVyTnVtCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHR5cGU6ICJiYXIiLAogICAgICAgICAgICBuYW1lOiAi5a6i5oi35pWwIiwKICAgICAgICAgICAgZGF0YTogZGVhbEN1c3RvbWVyTnVtCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHR5cGU6ICJsaW5lIiwKICAgICAgICAgICAgc21vb3RoOiB0cnVlLAogICAgICAgICAgICBuYW1lOiAi6K6i5Y2V6YeR6aKdIiwKICAgICAgICAgICAgeUF4aXNJbmRleDogMSwKICAgICAgICAgICAgZGF0YTogZGVhbEFtb3VudAogICAgICAgICAgfV0KICAgICAgICB9OwogICAgICB9CiAgICB9LAoKICAgIC8vIOaXtumXtOetm+mAiQogICAgdGltZUNoYW5nZSh2YWwpIHsKICAgICAgaWYgKHZhbCAmJiB2YWwubGVuZ3RoKSB7CiAgICAgICAgdGhpcy5zdGFydCA9IHZhbFswXSAvIDEwMDA7CiAgICAgICAgdGhpcy5lbmQgPSB2YWxbMV0gLyAxMDAwICsgODYzOTk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5zdGFydCA9ICIiOwogICAgICAgIHRoaXMuZW5kID0gIiI7CiAgICAgIH0KCiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgcGFnZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlID0gdmFsOwogICAgICB0aGlzLnNhbGVzTWFuUmFuaygpOwogICAgfSwKCiAgICBzaXplQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhZ2VTaXplID0gdmFsOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIC8vIOWQiOiuoQogICAgZ2V0U3VtbWFyaWVzKHBhcmFtKSB7CiAgICAgIHJldHVybiB0aGlzLiRfY29tbW9uLmdldFN1bW1hcmllcyhwYXJhbSwgWyLmiJDkuqTlrqLmiLciLCAiU0tV5pWwIiwgIuiuouWNleaVsCIsICLplIDllK7mlbDph48iLCAi5oiQ5Lqk6YeR6aKdIl0pOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsIA;AACA;AACA;EACAA;IAAAC;EAAA,CADA;;EAEAC;IACA;MACAC,iBADA;MAEAC,qBAFA;MAGAC,WAHA;MAIAC,QAJA;MAKAC,SALA;MAMAC,OANA;MAOAC,OAPA;MAQAC,YARA;MASAC,YATA;MAUAC,aAVA;MAWAC,eACA;QACAC,YADA;QAEAC;MAFA,CADA,EAKA;QACAD,YADA;QAEAC;MAFA,CALA,EASA;QACAD,YADA;QAEAC;MAFA,CATA,EAaA;QACAD,YADA;QAEAC;MAFA,CAbA,EAiBA;QACAD,YADA;QAEAC;MAFA,CAjBA,CAXA;MAiCAC,eAjCA;MAkCAC,aAlCA;MAmCAC,UAnCA;MAoCAC,eApCA;MAqCAC;IArCA;EAuCA,CA1CA;;EA2CAC;IACAC;MACA;QACAC,WADA;QAEAC,aAFA;QAGAC;MAHA;MAKA;QACAH,yCACAA,wBADA,EAEAI,oBAFA;QAIAJ;QACAA,oCACAA,mBADA,EAEAI,eAFA;MAIA,CAVA;MAWA;IACA;;EAnBA,CA3CA;;EAgEAC;IACA;IACA;EACA,CAnEA;;EAoEAC;IACA;EACA,CAtEA;;EAuEAC;IACA;IACAC;MAAAC;MAAAC;IAAA;MACA;;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;;MACA;IACA,CAVA;;IAWA;MACA;QACAvB,eADA;QAEAE,uBAFA;QAGAP,yBAHA;QAIA6B,qBAJA;QAKAC,iBALA;QAMA7B,eANA;QAOAW;MAPA;;MASA;QACAmB;QACA,0CACA;QADA;MAGA,CALA,MAKA;QACA,iCACA;QADA;QAGA;QACA;QACA;QACA;QACA;QACA;QACAC;UACAb;UACAE;UACAD;UACAa;QACA,CALA;QAMA;UACAC;YACAC,eADA;YAEAC;cACAC,aADA;cAEAC;gBACAC;cADA;YAFA;UAFA,CADA;UAUAA,wCAVA;UAWAC;YACA1C;UADA,CAXA;UAcA2C;YACAJ,gBADA;YAEAvC;UAFA,CAdA;UAkBA4C,QACA;YACAL,aADA;YAEAM,gBAFA;YAGAC;cACAC;YADA;UAHA,CADA,EAQA;YACAR,aADA;YAEAM,YAFA;YAIAC;cACAC;YADA;UAJA,CARA,CAlBA;UAmCAC,SACA;YACAT,WADA;YAEAM,WAFA;YAGA7C;UAHA,CADA,EAMA;YACAuC,WADA;YAEAM,WAFA;YAGA7C;UAHA,CANA,EAWA;YACAuC,YADA;YAEAU,YAFA;YAGAJ,YAHA;YAIAK,aAJA;YAKAlD;UALA,CAXA;QAnCA;MAuDA;IACA,CAlGA;;IAmGA;IACAmD;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CA7GA;;IA8GAC;MACA;MACA;IACA,CAjHA;;IAkHAC;MACA;MACA;IACA,CArHA;;IAsHA;IACAC;MACA,0CACA,MADA,EAEA,MAFA,EAGA,KAHA,EAIA,MAJA,EAKA,MALA;IAOA;;EA/HA;AAvEA","names":["components","VabChart","data","chart_options","sortField","sort","time","start","end","page","pageTotal","pageSize","tableData","type_options","label","value","orderStatus","order_num","cu_num","order_money","order_name","computed","totalObj","orderNum","dealAmount","dealCustomerNum","item","created","activated","methods","sortChange","prop","order","startTime","endTime","params","res","salesManName","tooltip","trigger","axisPointer","type","crossStyle","color","legend","xAxis","yAxis","name","axisLabel","formatter","series","smooth","yAxisIndex","timeChange","pageChange","sizeChange","getSummaries"],"sourceRoot":"src/views/statement/statementList","sources":["SaleRanking.vue"],"sourcesContent":["<template>\n  <ContainerQuery>\n    <div slot=\"left\">\n      <el-button size=\"small\" type=\"primary\" @click=\"salesManRank(1)\">\n        导出\n      </el-button>\n    </div>\n    <div class=\"order_echarts\">\n      <div class=\"order_txt\">\n        <span>客户数：</span>\n        <span class=\"num\">\n          {{ $_common.formatNub(totalObj.dealCustomerNum) }}\n        </span>\n        <span>订单数：</span>\n        <span class=\"num\">{{ $_common.formatNub(totalObj.orderNum) }}</span>\n        <span>订单金额：</span>\n        <span class=\"num\">{{ $_common.formatNub(totalObj.dealAmount) }}</span>\n      </div>\n      <vab-chart\n        style=\"width: 100%; height: 450px\"\n        :autoresize=\"true\"\n        :options=\"chart_options\"\n        theme=\"vab-echarts-theme\"\n      />\n    </div>\n    <el-form slot=\"more\" :inline=\"true\" size=\"small\">\n      <!--      <el-form-item>-->\n      <!--        <el-select-->\n      <!--          v-model=\"provinceCode\"-->\n      <!--          placeholder=\"地区\"-->\n      <!--          clearable-->\n      <!--          @change=\"pageChange(1)\"-->\n      <!--        >-->\n      <!--          <el-option-->\n      <!--            v-for=\"item in area_options\"-->\n      <!--            :key=\"item.value\"-->\n      <!--            :label=\"item.label\"-->\n      <!--            :value=\"item.value\"-->\n      <!--          ></el-option>-->\n      <!--        </el-select>-->\n      <!--      </el-form-item>-->\n      <el-form-item>\n        <el-select\n          v-model=\"orderStatus\"\n          :multiple=\"true\"\n          placeholder=\"订单状态\"\n          clearable\n          @change=\"pageChange(1)\"\n        >\n          <el-option\n            v-for=\"(item, index) in type_options\"\n            :key=\"index\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          ></el-option>\n        </el-select>\n      </el-form-item>\n      <el-form-item>\n        <div class=\"block\">\n          <el-date-picker\n            v-model=\"time\"\n            type=\"daterange\"\n            range-separator=\"-\"\n            start-placeholder=\"开始日期\"\n            end-placeholder=\"结束日期\"\n            value-format=\"timestamp\"\n            @change=\"timeChange\"\n          ></el-date-picker>\n        </div>\n      </el-form-item>\n    </el-form>\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%\"\n      size=\"mini\"\n      :default-sort=\"{ prop: 'orderNum' }\"\n      show-summary\n      :summary-method=\"getSummaries\"\n      @sort-change=\"sortChange\"\n    >\n      <el-table-column\n        type=\"index\"\n        label=\"排名\"\n        width=\"100px\"\n      ></el-table-column>\n      <el-table-column prop=\"salesManName\" label=\"销售员\"></el-table-column>\n      <el-table-column\n        prop=\"dealCustomerNum\"\n        label=\"成交客户\"\n        sortable=\"custom\"\n      ></el-table-column>\n      <el-table-column\n        prop=\"skuNum\"\n        label=\"SKU数\"\n        sortable=\"custom\"\n      ></el-table-column>\n      <el-table-column\n        prop=\"orderNum\"\n        label=\"订单数\"\n        sortable=\"custom\"\n      ></el-table-column>\n      <el-table-column label=\"销售数量\" prop=\"buyNum\">\n        <template slot=\"header\">\n          销售数量\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              标准商品：统计是销售数量\n              <br />\n              称重商品：统计的销售公斤数\n            </div>\n            <i class=\"el-icon-question\"></i>\n          </el-tooltip>\n        </template>\n        <template slot-scope=\"scope\">\n          {{ $_common.formatNub(scope.row.buyNum) }}\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"dealAmount\" label=\"成交金额\" sortable=\"custom\">\n        <template slot-scope=\"scope\">\n          {{ $_common.formattedNumber(scope.row.dealAmount) }}\n        </template>\n      </el-table-column>\n    </el-table>\n    <FooterPage\n      :page-size=\"pageSize\"\n      :total-page.sync=\"pageTotal\"\n      :current-page.sync=\"page\"\n      @pageChange=\"pageChange\"\n      @sizeChange=\"sizeChange\"\n    ></FooterPage>\n  </ContainerQuery>\n</template>\n\n<script>\n  import { salesManRank, exportsalesManRank } from \"@/api/Commission\";\n  import VabChart from \"@/extra/vabCharts\";\n  export default {\n    components: { VabChart },\n    data() {\n      return {\n        chart_options: {},\n        sortField: \"orderNum\",\n        sort: \"ASC\",\n        time: [],\n        start: \"\",\n        end: \"\",\n        page: 1,\n        pageTotal: 0,\n        pageSize: 10,\n        tableData: [],\n        type_options: [\n          {\n            label: \"待审核\",\n            value: 2,\n          },\n          {\n            label: \"待发货\",\n            value: 3,\n          },\n          {\n            label: \"待收货\",\n            value: 4,\n          },\n          {\n            label: \"已完成\",\n            value: 5,\n          },\n          {\n            label: \"已关闭\",\n            value: 6,\n          },\n        ],\n        orderStatus: [],\n        order_num: [],\n        cu_num: [],\n        order_money: [],\n        order_name: [],\n      };\n    },\n    computed: {\n      totalObj() {\n        const totalObj = {\n          orderNum: 0,\n          dealAmount: 0,\n          dealCustomerNum: 0,\n        };\n        this.tableData.forEach((item) => {\n          totalObj.dealCustomerNum = this.$NP.plus(\n            totalObj.dealCustomerNum,\n            item.dealCustomerNum\n          );\n          totalObj.orderNum = this.$NP.plus(totalObj.orderNum, item.orderNum);\n          totalObj.dealAmount = this.$NP.plus(\n            totalObj.dealAmount,\n            item.dealAmount\n          );\n        });\n        return totalObj;\n      },\n    },\n    created() {\n      this.salesManRank();\n      this.time = [new Date().getTime(), new Date().getTime()];\n    },\n    activated() {\n      this.salesManRank();\n    },\n    methods: {\n      // echarts() {},\n      sortChange({ prop, order }) {\n        this.sortField = prop;\n        if (order === \"ascending\") {\n          this.sort = \"ASC\";\n        } else {\n          this.sort = \"DESC\";\n        }\n        this.salesManRank();\n      },\n      async salesManRank(exports) {\n        let params = {\n          page: this.page,\n          pageSize: this.pageSize,\n          sortField: this.sortField,\n          startTime: this.start,\n          endTime: this.end,\n          sort: this.sort,\n          orderStatus: this.orderStatus,\n        };\n        if (exports) {\n          params.export = 1;\n          const target = await exportsalesManRank({\n            ...params,\n          });\n        } else {\n          const res = await salesManRank({\n            ...params,\n          });\n          this.tableData = res.data;\n          this.pageTotal = res.pageTotal;\n          const orderNum = [];\n          const dealCustomerNum = [];\n          const dealAmount = [];\n          const salesManName = [];\n          res.data.forEach((item) => {\n            orderNum.push(item.orderNum);\n            dealCustomerNum.push(item.dealCustomerNum);\n            dealAmount.push(item.dealAmount);\n            salesManName.push(item.salesManName);\n          });\n          this.chart_options = {\n            tooltip: {\n              trigger: \"axis\",\n              axisPointer: {\n                type: \"cross\",\n                crossStyle: {\n                  color: \"#999\",\n                },\n              },\n            },\n            color: [\"#3ba272\", \"#409EFF\", \"#fac858\"],\n            legend: {\n              data: [\"订单数\", \"客户数\", \"订单金额\"],\n            },\n            xAxis: {\n              type: \"category\",\n              data: salesManName,\n            },\n            yAxis: [\n              {\n                type: \"value\",\n                name: \"订单（客户）数量\",\n                axisLabel: {\n                  formatter: \"{value} 个\",\n                },\n              },\n              {\n                type: \"value\",\n                name: \"订单金额\",\n\n                axisLabel: {\n                  formatter: \"{value} 元\",\n                },\n              },\n            ],\n            series: [\n              {\n                type: \"bar\",\n                name: \"订单数\",\n                data: orderNum,\n              },\n              {\n                type: \"bar\",\n                name: \"客户数\",\n                data: dealCustomerNum,\n              },\n              {\n                type: \"line\",\n                smooth: true,\n                name: \"订单金额\",\n                yAxisIndex: 1,\n                data: dealAmount,\n              },\n            ],\n          };\n        }\n      },\n      // 时间筛选\n      timeChange(val) {\n        if (val && val.length) {\n          this.start = val[0] / 1000;\n          this.end = val[1] / 1000 + 86399;\n        } else {\n          this.start = \"\";\n          this.end = \"\";\n        }\n        this.pageChange(1);\n      },\n      pageChange(val) {\n        this.page = val;\n        this.salesManRank();\n      },\n      sizeChange(val) {\n        this.pageSize = val;\n        this.pageChange(1);\n      },\n      // 合计\n      getSummaries(param) {\n        return this.$_common.getSummaries(param, [\n          \"成交客户\",\n          \"SKU数\",\n          \"订单数\",\n          \"销售数量\",\n          \"成交金额\",\n        ]);\n      },\n    },\n  };\n</script>\n\n<style scoped lang=\"scss\">\n  .order_echarts {\n    width: 100%;\n    height: 500px;\n    background-color: #ffffff;\n    .order_txt {\n      width: 100%;\n      height: 70px;\n      padding: 20px 20px;\n      position: relative;\n      .radios {\n        position: absolute;\n        top: 45px;\n        right: 20px;\n      }\n      .num {\n        color: #fd7945;\n        font-size: 24px;\n        margin-left: 10px;\n        margin-right: 40px;\n      }\n    }\n  }\n</style>\n"]}]}