| 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\\statement\\statementList\\RegionalOrderReport.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\statement\\statementList\\RegionalOrderReport.vue","mtime":1678954023631},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgYXJlYU9yZGVyIH0gZnJvbSAiQC9hcGkvQ29tbWlzc2lvbiI7CmltcG9ydCBWYWJDaGFydCBmcm9tICJAL2V4dHJhL3ZhYkNoYXJ0cyI7CmltcG9ydCBSZWdpb24gZnJvbSAiQC9hc3NldHMvYXJlYS5qc29uIjsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIFZhYkNoYXJ0CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNoYXJ0X29wdGlvbnM6IHt9LAogICAgICBjdXNfbnVtOiAxNSwKICAgICAgb3JkZXJzX251bTogMTUsCiAgICAgIG9yZGVyc19tb25leTogMTUsCiAgICAgIHZhbHVlOiAiIiwKICAgICAgY2l0eUNvZGU6ICIiLAogICAgICBkaXN0cmljdENvZGU6ICIiLAogICAgICBwcm92aW5jZUNvZGU6ICIiLAogICAgICBhcmVhX29wdGlvbnM6IFJlZ2lvbiwKICAgICAgdGltZTogIiIsCiAgICAgIHRhYmxlRGF0YTogW10sCiAgICAgIHBhZ2U6IDEsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgc3RhcnQ6ICIiLAogICAgICBlbmQ6ICIiLAogICAgICBwYWdlVG90YWw6IDEwLAogICAgICBhOiBbXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogewogICAgdG90YWxPYmooKSB7CiAgICAgIGNvbnN0IHRvdGFsT2JqID0gewogICAgICAgIG51bTogMCwKICAgICAgICBhbW91bnQ6IDAsCiAgICAgICAgZGVhbEN1c3RvbWVyTnVtOiAwCiAgICAgIH07CiAgICAgIHRoaXMudGFibGVEYXRhLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgdG90YWxPYmouZGVhbEN1c3RvbWVyTnVtID0gdGhpcy4kTlAucGx1cyh0b3RhbE9iai5kZWFsQ3VzdG9tZXJOdW0sIGl0ZW0uZGVhbEN1c3RvbWVyTnVtKTsKICAgICAgICB0b3RhbE9iai5udW0gPSB0aGlzLiROUC5wbHVzKHRvdGFsT2JqLm51bSwgaXRlbS5udW0pOwogICAgICAgIHRvdGFsT2JqLmFtb3VudCA9IHRoaXMuJE5QLnBsdXModG90YWxPYmouYW1vdW50LCBpdGVtLmFtb3VudCk7CiAgICAgIH0pOwogICAgICByZXR1cm4gdG90YWxPYmo7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmFyZWFPcmRlcigpOwogIH0sCgogIGFjdGl2YXRlZCgpIHsKICAgIHRoaXMuYXJlYU9yZGVyKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgYXN5bmMgYXJlYU9yZGVyKCkgewogICAgICBjb25zdCByZXMgPSBhd2FpdCBhcmVhT3JkZXIoewogICAgICAgIHBhZ2U6IHRoaXMucGFnZSwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICBzdGFydFRpbWU6IHRoaXMuc3RhcnQsCiAgICAgICAgZW5kVGltZTogdGhpcy5lbmQsCiAgICAgICAgcHJvdmluY2VDb2RlOiB0aGlzLnByb3ZpbmNlQ29kZQogICAgICB9KTsKICAgICAgdGhpcy50YWJsZURhdGEgPSByZXMuZGF0YTsKICAgICAgdGhpcy5wYWdlVG90YWwgPSByZXMucGFnZVRvdGFsOwogICAgICByZXMuZGF0YSA9IHJlcy5kYXRhLm1hcCh2ID0+IHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgbmFtZTogdi50aXRsZSwKICAgICAgICAgIHZhbHVlOiB2LmFtb3VudAogICAgICAgIH07CiAgICAgIH0pOwogICAgICB0aGlzLmNoYXJ0X29wdGlvbnMgPSB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgY29sb3I6ICIjMkQ0MDVFIiwKICAgICAgICAgIHRyaWdnZXI6ICJpdGVtIiwKICAgICAgICAgIGZvcm1hdHRlcjogIntifSA8YnIvPuiuouWNlemHkeminToge2N9IgogICAgICAgIH0sCiAgICAgICAgY29sb3I6IFsiIzNiYTI3MiIsICIjZmFjODU4IiwgIiNlZTY2NjYiLCAiIzczYzBkZSIsICIjZmM4NDUyIiwgIiM5YTYwYjQiLCAiI2VhN2NjYyIsICIjNTQ3MGM2IiwgIiM5MWNjNzUiXSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIG9yaWVudDogInZlcnRpY2FsIiwKICAgICAgICAgIHNob3c6IHRydWUsCiAgICAgICAgICBsZWZ0OiA0MCwKICAgICAgICAgIHRvcDogMjAsCiAgICAgICAgICBib3R0b206IDIwLAogICAgICAgICAgZGF0YTogdGhpcy5hLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgICAgIHJldHVybiBpdGVtLm5hbWU7CiAgICAgICAgICB9KQogICAgICAgIH0sCiAgICAgICAgc2VyaWVzOiBbewogICAgICAgICAgdHlwZTogInBpZSIsCiAgICAgICAgICAvLyByYWRpdXM6IFsiNTAlIiwgIjc2JSJdLAogICAgICAgICAgbGFiZWxMaW5lOiB7CiAgICAgICAgICAgIG5vcm1hbDogewogICAgICAgICAgICAgIGxlbmd0aDogMzUgLy8g5pS55Y+Y5qCH56S657q/55qE6ZW/5bqmCgogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgbGFiZWw6IHsKICAgICAgICAgICAgZm9ybWF0dGVyOiAie2F8e2F9LX0gIiwKICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDEsCiAgICAgICAgICAgIGJvcmRlclJhZGl1czogNCwKICAgICAgICAgICAgbm9ybWFsOiB7CiAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiMyRDQwNUUiIC8vIOaUueWPmOagh+ekuuaWh+Wtl+eahOminOiJsgoKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIHJpY2g6IHsKICAgICAgICAgICAgICBhOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiM2RTcwNzkiLAogICAgICAgICAgICAgICAgbGluZUhlaWdodDogMjIsCiAgICAgICAgICAgICAgICBhbGlnbjogImNlbnRlciIKICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgIGhyOiB7CiAgICAgICAgICAgICAgICBib3JkZXJDb2xvcjogIiM4QzhEOEUiLAogICAgICAgICAgICAgICAgd2lkdGg6ICIxMDAlIiwKICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAxLAogICAgICAgICAgICAgICAgaGVpZ2h0OiAwCiAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICBiOiB7CiAgICAgICAgICAgICAgICBjb2xvcjogIiM0QzUwNTgiLAogICAgICAgICAgICAgICAgZm9udFNpemU6IDE0LAogICAgICAgICAgICAgICAgZm9udFdlaWdodDogImJvbGQiLAogICAgICAgICAgICAgICAgbGluZUhlaWdodDogMzMKICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgIHBlcjogewogICAgICAgICAgICAgICAgY29sb3I6ICIjZmZmIiwKICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogIiM0QzUwNTgiLAogICAgICAgICAgICAgICAgcGFkZGluZzogWzMsIDRdLAogICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiA0CiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgZGF0YTogcmVzLmRhdGEKICAgICAgICB9XQogICAgICB9OwogICAgfSwKCiAgICAvLyDml7bpl7TnrZvpgIkKICAgIHRpbWVDaGFuZ2UodmFsKSB7CiAgICAgIGlmICh2YWwgJiYgdmFsLmxlbmd0aCkgewogICAgICAgIHRoaXMuc3RhcnQgPSB2YWxbMF0gLyAxMDAwOwogICAgICAgIHRoaXMuZW5kID0gdmFsWzFdIC8gMTAwMCArIDg2Mzk5OwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuc3RhcnQgPSAiIjsKICAgICAgICB0aGlzLmVuZCA9ICIiOwogICAgICB9CgogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIC8vICDljLrln58KICAgIHJlZ2lvbkNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wcm92aW5jZUNvZGUgPSB2YWxbMF07CiAgICAgIHRoaXMuY2l0eUNvZGUgPSB2YWxbMV07CiAgICAgIHRoaXMuZGlzdHJpY3RDb2RlID0gdmFsWzJdOwogICAgICB0aGlzLmFyZWFPcmRlcigpOwogICAgfSwKCiAgICBwYWdlQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhZ2UgPSB2YWw7CiAgICAgIHRoaXMuYXJlYU9yZGVyKCk7CiAgICB9LAoKICAgIHNpemVDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMuYXJlYU9yZGVyKCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;AACA;AACA;AACA;EACAA;IAAAC;EAAA,CADA;;EAEAC;IACA;MACAC,iBADA;MAEAC,WAFA;MAGAC,cAHA;MAIAC,gBAJA;MAKAC,SALA;MAMAC,YANA;MAOAC,gBAPA;MAQAC,gBARA;MASAC,oBATA;MAUAC,QAVA;MAWAC,aAXA;MAYAC,OAZA;MAaAC,YAbA;MAcAC,SAdA;MAeAC,OAfA;MAgBAC,aAhBA;MAiBAC;IAjBA;EAmBA,CAtBA;;EAuBAC;IACAC;MACA;QACAC,MADA;QAEAC,SAFA;QAGAC;MAHA;MAKA;QACAH,yCACAA,wBADA,EAEAI,oBAFA;QAIAJ;QACAA;MACA,CAPA;MAQA;IACA;;EAhBA,CAvBA;;EAyCAK;IACA;EACA,CA3CA;;EA4CAC;IACA;EACA,CA9CA;;EA+CAC;IACA;MACA;QACAd,eADA;QAEAC,uBAFA;QAGAc,qBAHA;QAIAC,iBAJA;QAKApB;MALA;MAOA;MACA;MACAqB;QACA;UAAAC;UAAAzB;QAAA;MACA,CAFA;MAGA;QACA0B;UACAC,gBADA;UAEAC,eAFA;UAGAC;QAHA,CADA;QAMAF,QACA,SADA,EAEA,SAFA,EAGA,SAHA,EAIA,SAJA,EAKA,SALA,EAMA,SANA,EAOA,SAPA,EAQA,SARA,EASA,SATA,CANA;QAiBAG;UACAC,kBADA;UAEAC,UAFA;UAGAC,QAHA;UAIAC,OAJA;UAKAC,UALA;UAMAxC;YACA;UACA,CAFA;QANA,CAjBA;QA2BAyC,SACA;UACAC,WADA;UAEA;UACAC;YACAC;cACAC,UADA,CACA;;YADA;UADA,CAHA;UAQAC;YACAZ,sBADA;YAEAa,cAFA;YAGAC,eAHA;YAIAJ;cACAK;gBACAjB,gBADA,CACA;;cADA;YADA,CAJA;YASAkB;cACAjC;gBACAe,gBADA;gBAEAmB,cAFA;gBAGAC;cAHA,CADA;cAMAC;gBACAC,sBADA;gBAEAC,aAFA;gBAGAR,cAHA;gBAIAS;cAJA,CANA;cAYAC;gBACAzB,gBADA;gBAEA0B,YAFA;gBAGAC,kBAHA;gBAIAR;cAJA,CAZA;cAkBAS;gBACA5B,aADA;gBAEA6B,0BAFA;gBAGAC,eAHA;gBAIAd;cAJA;YAlBA;UATA,CARA;UA2CAhD;QA3CA,CADA;MA3BA;IA2EA,CAzFA;;IA0FA;IACA+D;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CApGA;;IAqGA;IACAC;MACA;MACA;MACA;MACA;IACA,CA3GA;;IA4GAC;MACA;MACA;IACA,CA/GA;;IAgHAC;MACA;MACA;IACA;;EAnHA;AA/CA","names":["components","VabChart","data","chart_options","cus_num","orders_num","orders_money","value","cityCode","districtCode","provinceCode","area_options","time","tableData","page","pageSize","start","end","pageTotal","a","computed","totalObj","num","amount","dealCustomerNum","item","created","activated","methods","startTime","endTime","res","name","tooltip","color","trigger","formatter","legend","orient","show","left","top","bottom","series","type","labelLine","normal","length","label","borderWidth","borderRadius","textStyle","rich","lineHeight","align","hr","borderColor","width","height","b","fontSize","fontWeight","per","backgroundColor","padding","timeChange","regionChange","pageChange","sizeChange"],"sourceRoot":"src/views/statement/statementList","sources":["RegionalOrderReport.vue"],"sourcesContent":["<template>\n <ContainerQuery>\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 <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 <div class=\"order_echarts\">\n <div class=\"order_txt\">\n <span>客户数：</span>\n <span class=\"num\">\n {{ $_common.formatNub(totalObj.dealCustomerNum || 0) }}\n </span>\n <span>订单数：</span>\n <span class=\"num\">{{ $_common.formatNub(totalObj.num || 0) }}</span>\n <span>订单金额：</span>\n <span class=\"num\">{{ $_common.formatNub(totalObj.amount || 0) }}</span>\n </div>\n <!-- <div id=\"echarts\"></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-table :data=\"tableData\" style=\"width: 100%\">\n <el-table-column type=\"index\" label=\"#\"></el-table-column>\n <el-table-column prop=\"title\" label=\"地区\"></el-table-column>\n <el-table-column prop=\"dealCustomerNum\" label=\"客户数\"></el-table-column>\n <el-table-column prop=\"num\" label=\"订单数\"></el-table-column>\n <el-table-column prop=\"amount\" label=\"订单金额\">\n <template slot-scope=\"scope\">\n {{ $_common.formattedNumber(scope.row.amount) }}\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<script>\n import { areaOrder } from \"@/api/Commission\";\n import VabChart from \"@/extra/vabCharts\";\n import Region from \"@/assets/area.json\";\n export default {\n components: { VabChart },\n data() {\n return {\n chart_options: {},\n cus_num: 15,\n orders_num: 15,\n orders_money: 15,\n value: \"\",\n cityCode: \"\",\n districtCode: \"\",\n provinceCode: \"\",\n area_options: Region,\n time: \"\",\n tableData: [],\n page: 1,\n pageSize: 10,\n start: \"\",\n end: \"\",\n pageTotal: 10,\n a: [],\n };\n },\n computed: {\n totalObj() {\n const totalObj = {\n num: 0,\n amount: 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.num = this.$NP.plus(totalObj.num, item.num);\n totalObj.amount = this.$NP.plus(totalObj.amount, item.amount);\n });\n return totalObj;\n },\n },\n created() {\n this.areaOrder();\n },\n activated() {\n this.areaOrder();\n },\n methods: {\n async areaOrder() {\n const res = await areaOrder({\n page: this.page,\n pageSize: this.pageSize,\n startTime: this.start,\n endTime: this.end,\n provinceCode: this.provinceCode,\n });\n this.tableData = res.data;\n this.pageTotal = res.pageTotal;\n res.data = res.data.map((v) => {\n return { name: v.title, value: v.amount };\n });\n this.chart_options = {\n tooltip: {\n color: \"#2D405E\",\n trigger: \"item\",\n formatter: \"{b} <br/>订单金额: {c}\",\n },\n color: [\n \"#3ba272\",\n \"#fac858\",\n \"#ee6666\",\n \"#73c0de\",\n \"#fc8452\",\n \"#9a60b4\",\n \"#ea7ccc\",\n \"#5470c6\",\n \"#91cc75\",\n ],\n legend: {\n orient: \"vertical\",\n show: true,\n left: 40,\n top: 20,\n bottom: 20,\n data: this.a.forEach((item) => {\n return item.name;\n }),\n },\n series: [\n {\n type: \"pie\",\n // radius: [\"50%\", \"76%\"],\n labelLine: {\n normal: {\n length: 35, // 改变标示线的长度\n },\n },\n label: {\n formatter: \"{a|{a}-} \",\n borderWidth: 1,\n borderRadius: 4,\n normal: {\n textStyle: {\n color: \"#2D405E\", // 改变标示文字的颜色\n },\n },\n rich: {\n a: {\n color: \"#6E7079\",\n lineHeight: 22,\n align: \"center\",\n },\n hr: {\n borderColor: \"#8C8D8E\",\n width: \"100%\",\n borderWidth: 1,\n height: 0,\n },\n b: {\n color: \"#4C5058\",\n fontSize: 14,\n fontWeight: \"bold\",\n lineHeight: 33,\n },\n per: {\n color: \"#fff\",\n backgroundColor: \"#4C5058\",\n padding: [3, 4],\n borderRadius: 4,\n },\n },\n },\n data: res.data,\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 // 区域\n regionChange(val) {\n this.provinceCode = val[0];\n this.cityCode = val[1];\n this.districtCode = val[2];\n this.areaOrder();\n },\n pageChange(val) {\n this.page = val;\n this.areaOrder();\n },\n sizeChange(val) {\n this.pageSize = val;\n this.areaOrder();\n },\n },\n };\n</script>\n<style scoped lang=\"scss\">\n .order_echarts {\n width: 100%;\n height: 600px;\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"]}]}
|
