{"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\\OrderDataReport.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\statement\\statementList\\OrderDataReport.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgb3JkZXIgfSBmcm9tICJAL2FwaS9Db21taXNzaW9uIjsKaW1wb3J0IFZhYkNoYXJ0IGZyb20gIkAvZXh0cmEvdmFiQ2hhcnRzIjsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIFZhYkNoYXJ0CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGN1c19udW06IDAsCiAgICAgIG9yZGVyc19udW06IDAsCiAgICAgIG9yZGVyc19tb25leTogMCwKICAgICAgcmFkaW86IDEsCiAgICAgIHR5cGU6IDEsCiAgICAgIHN0YXR1czogIiIsCiAgICAgIHRpbWU6ICIiLAogICAgICBjaGFydF9vcHRpb25zOiB7fSwKICAgICAgdHlwZV9vcHRpb25zOiBbewogICAgICAgIGxhYmVsOiAi5YWo6YOoIiwKICAgICAgICB2YWx1ZTogIiIKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi5b6F5a6h5qC4IiwKICAgICAgICB2YWx1ZTogMgogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLlvoXlj5HotKciLAogICAgICAgIHZhbHVlOiAzCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuW+heaUtui0pyIsCiAgICAgICAgdmFsdWU6IDQKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi5bey5a6M5oiQIiwKICAgICAgICB2YWx1ZTogNQogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLlt7LlhbPpl60iLAogICAgICAgIHZhbHVlOiA2CiAgICAgIH1dLAogICAgICB0YWJsZURhdGE6IFtdLAogICAgICBwYWdlVG90YWw6IDEwLAogICAgICBwYWdlOiAxLAogICAgICBwYWdlU2l6ZTogMTAsCiAgICAgIHN0YXJ0OiAiIiwKICAgICAgZW5kOiAiIiwKICAgICAgb3JkZXJfbW9uZXk6IFtdLAogICAgICBvcmRlcl9udW06IFtdLAogICAgICBvcmRlcl90aW1lOiBbXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogewogICAgdG90YWxPYmooKSB7CiAgICAgIGNvbnN0IHRvdGFsT2JqID0gewogICAgICAgIG51bTogMCwKICAgICAgICBhbW91bnQ6IDAKICAgICAgfTsKICAgICAgdGhpcy50YWJsZURhdGEuZm9yRWFjaChpdGVtID0+IHsKICAgICAgICB0b3RhbE9iai5udW0gPSB0aGlzLiROUC5wbHVzKHRvdGFsT2JqLm51bSwgaXRlbS5udW0pOwogICAgICAgIHRvdGFsT2JqLmFtb3VudCA9IHRoaXMuJE5QLnBsdXModG90YWxPYmouYW1vdW50LCBpdGVtLmFtb3VudCk7CiAgICAgIH0pOwogICAgICByZXR1cm4gdG90YWxPYmo7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLm9yZGVyKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgYXN5bmMgb3JkZXIoKSB7CiAgICAgIGNvbnN0IHJlcyA9IGF3YWl0IG9yZGVyKHsKICAgICAgICBwYWdlOiB0aGlzLnBhZ2UsCiAgICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsCiAgICAgICAgY3VzdG9tZXJJZDogdGhpcy5jdXN0b21lcklkLAogICAgICAgIGN1c3RvbWVyVHlwZTogIiIsCiAgICAgICAgc3RhcnRUaW1lOiB0aGlzLnN0YXJ0LAogICAgICAgIGVuZFRpbWU6IHRoaXMuZW5kLAogICAgICAgIHR5cGU6IDEsCiAgICAgICAgb3JkZXJTdGF0dXM6IHRoaXMuc3RhdHVzCiAgICAgIH0pOwogICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhOwogICAgICB0aGlzLnBhZ2VUb3RhbCA9IHJlcy5wYWdlVG90YWw7CiAgICAgIGNvbnN0IG9yZGVyTW9uZXkgPSBbXTsKICAgICAgY29uc3Qgb3JkZXJOdW0gPSBbXTsKICAgICAgY29uc3Qgb3JkZXJUaW1lID0gW107CiAgICAgIHRoaXMudGFibGVEYXRhLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgb3JkZXJNb25leS5wdXNoKGl0ZW0uYW1vdW50KTsKICAgICAgICBvcmRlck51bS5wdXNoKE51bWJlcihpdGVtLm51bSkpOwogICAgICAgIG9yZGVyVGltZS5wdXNoKGl0ZW0uZGF5KTsKICAgICAgfSk7CiAgICAgIGNvbnN0IG1heE51bSA9IE1hdGgubWF4KC4uLm9yZGVyTW9uZXkpOwogICAgICBjb25zdCBtaW5OdW0gPSBNYXRoLm1pbiguLi5vcmRlck1vbmV5KTsgLy8g5Zu+6KGoCgogICAgICB0aGlzLmNoYXJ0X29wdGlvbnMgPSB7CiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogImF4aXMiLAogICAgICAgICAgYXhpc1BvaW50ZXI6IHsKICAgICAgICAgICAgdHlwZTogImNyb3NzIiwKICAgICAgICAgICAgY3Jvc3NTdHlsZTogewogICAgICAgICAgICAgIGNvbG9yOiAiIzk5OTk5OSIKICAgICAgICAgICAgfQogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgbGVnZW5kOiB7CiAgICAgICAgICBkYXRhOiBbIuiuouWNlemHkeminSIsICLorqLljZXmlbAiXQogICAgICAgIH0sCiAgICAgICAgeEF4aXM6IFt7CiAgICAgICAgICB0eXBlOiAiY2F0ZWdvcnkiLAogICAgICAgICAgZGF0YTogb3JkZXJUaW1lLAogICAgICAgICAgYXhpc1BvaW50ZXI6IHsKICAgICAgICAgICAgdHlwZTogInNoYWRvdyIKICAgICAgICAgIH0KICAgICAgICB9XSwKICAgICAgICB5QXhpczogW3sKICAgICAgICAgIHR5cGU6ICJ2YWx1ZSIsCiAgICAgICAgICBuYW1lOiAi6K6i5Y2V6YeR6aKdIiwKICAgICAgICAgIG1pbjogbWluTnVtLAogICAgICAgICAgbWF4OiBtYXhOdW0sCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgZm9ybWF0dGVyOiAie3ZhbHVlfSDlhYMiCiAgICAgICAgICB9CiAgICAgICAgfSwgewogICAgICAgICAgdHlwZTogInZhbHVlIiwKICAgICAgICAgIG5hbWU6ICLorqLljZXmlbAiLAogICAgICAgICAgYXhpc0xhYmVsOiB7CiAgICAgICAgICAgIGZvcm1hdHRlcjogInt2YWx1ZX0g5LiqIgogICAgICAgICAgfQogICAgICAgIH1dLAogICAgICAgIHNlcmllczogW3sKICAgICAgICAgIGNvbG9yOiAiIzM2QjM2NSIsCiAgICAgICAgICBuYW1lOiAi6K6i5Y2V6YeR6aKdIiwKICAgICAgICAgIHR5cGU6ICJiYXIiLAogICAgICAgICAgZGF0YTogb3JkZXJNb25leQogICAgICAgIH0sIHsKICAgICAgICAgIGNvbG9yOiAiI2YxYzQ0ZCIsCiAgICAgICAgICBuYW1lOiAi6K6i5Y2V5pWwIiwKICAgICAgICAgIHR5cGU6ICJsaW5lIiwKICAgICAgICAgIHNtb290aDogdHJ1ZSwKICAgICAgICAgIHlBeGlzSW5kZXg6IDEsCiAgICAgICAgICBkYXRhOiBvcmRlck51bQogICAgICAgIH1dCiAgICAgIH07CiAgICB9LAoKICAgIC8vIOaXtumXtOetm+mAiQogICAgdGltZUNoYW5nZSh2YWwpIHsKICAgICAgaWYgKHZhbCAmJiB2YWwubGVuZ3RoKSB7CiAgICAgICAgdGhpcy5zdGFydCA9IHZhbFswXSAvIDEwMDA7CiAgICAgICAgdGhpcy5lbmQgPSB2YWxbMV0gLyAxMDAwICsgODYzOTk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5zdGFydCA9ICIiOwogICAgICAgIHRoaXMuZW5kID0gIiI7CiAgICAgIH0KCiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgcGFnZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlID0gdmFsOwogICAgICB0aGlzLm9yZGVyKCk7CiAgICB9LAoKICAgIHNpemVDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;EACAA;IAAAC;EAAA,CADA;;EAEAC;IACA;MACAC,UADA;MAEAC,aAFA;MAGAC,eAHA;MAIAC,QAJA;MAKAC,OALA;MAMAC,UANA;MAOAC,QAPA;MAQAC,iBARA;MASAC,eACA;QACAC,WADA;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,EAqBA;QACAD,YADA;QAEAC;MAFA,CArBA,CATA;MAmCAC,aAnCA;MAoCAC,aApCA;MAqCAC,OArCA;MAsCAC,YAtCA;MAuCAC,SAvCA;MAwCAC,OAxCA;MAyCAC,eAzCA;MA0CAC,aA1CA;MA2CAC;IA3CA;EA6CA,CAhDA;;EAiDAC;IACAC;MACA;QACAC,MADA;QAEAC;MAFA;MAIA;QACAF;QACAA;MACA,CAHA;MAIA;IACA;;EAXA,CAjDA;;EA8DAG;IACA;EACA,CAhEA;;EAiEAC;IACA;MACA;QACAZ,eADA;QAEAC,uBAFA;QAGAY,2BAHA;QAIAC,gBAJA;QAKAC,qBALA;QAMAC,iBANA;QAOAzB,OAPA;QAQA0B;MARA;MAUA;MACA;MACA;MACA;MACA;MACA;QACAC;QACAC;QACAC;MACA,CAJA;MAKA;MACA,uCAtBA,CAuBA;;MACA;QACAC;UACAC,eADA;UAEAC;YACAhC,aADA;YAEAiC;cACAC;YADA;UAFA;QAFA,CADA;QAUAC;UACAxC;QADA,CAVA;QAaAyC,QACA;UACApC,gBADA;UAEAL,eAFA;UAGAqC;YACAhC;UADA;QAHA,CADA,CAbA;QAsBAqC,QACA;UACArC,aADA;UAEAsC,YAFA;UAGAC,WAHA;UAIAC,WAJA;UAKAC;YACAC;UADA;QALA,CADA,EAUA;UACA1C,aADA;UAEAsC,WAFA;UAGAG;YACAC;UADA;QAHA,CAVA,CAtBA;QAwCAC,SACA;UACAT,gBADA;UAEAI,YAFA;UAGAtC,WAHA;UAIAL;QAJA,CADA,EAOA;UACAuC,gBADA;UAEAI,WAFA;UAGAtC,YAHA;UAIA4C,YAJA;UAKAC,aALA;UAMAlD;QANA,CAPA;MAxCA;IAyDA,CAlFA;;IAmFA;IACAmD;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CA7FA;;IA8FAC;MACA;MACA;IACA,CAjGA;;IAkGAC;MACA;MACA;IACA;;EArGA;AAjEA","names":["components","VabChart","data","cus_num","orders_num","orders_money","radio","type","status","time","chart_options","type_options","label","value","tableData","pageTotal","page","pageSize","start","end","order_money","order_num","order_time","computed","totalObj","num","amount","created","methods","customerId","customerType","startTime","endTime","orderStatus","orderMoney","orderNum","orderTime","tooltip","trigger","axisPointer","crossStyle","color","legend","xAxis","yAxis","name","min","max","axisLabel","formatter","series","smooth","yAxisIndex","timeChange","pageChange","sizeChange"],"sourceRoot":"src/views/statement/statementList","sources":["OrderDataReport.vue"],"sourcesContent":["<template>\n  <!--  订单数据报表-->\n  <ContainerQuery>\n    <el-form slot=\"more\" style=\"margin-bottom: 0\" :inline=\"true\" size=\"small\">\n      <el-form-item>\n        <el-select\n          v-model=\"status\"\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    <div class=\"order_echarts\">\n      <div class=\"order_txt\">\n        <!--        <span>客户数：</span>-->\n        <!--        <span class=\"num\">{{ cus_num }}</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 class=\"radios\">-->\n        <!--          <template>-->\n        <!--            <span>统计方式：</span>-->\n        <!--            <el-radio-group v-model=\"radio\">-->\n        <!--              <el-radio :label=\"1\">日</el-radio>-->\n        <!--              <el-radio :label=\"2\">月</el-radio>-->\n        <!--            </el-radio-group>-->\n        <!--          </template>-->\n        <!--        </div>-->\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-table :data=\"tableData\" style=\"width: 100%\">\n      <el-table-column type=\"index\" label=\" \"></el-table-column>\n      <el-table-column prop=\"day\" 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 { order } from \"@/api/Commission\";\n  import VabChart from \"@/extra/vabCharts\";\n  export default {\n    components: { VabChart },\n    data() {\n      return {\n        cus_num: 0,\n        orders_num: 0,\n        orders_money: 0,\n        radio: 1,\n        type: 1,\n        status: \"\",\n        time: \"\",\n        chart_options: {},\n        type_options: [\n          {\n            label: \"全部\",\n            value: \"\",\n          },\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        tableData: [],\n        pageTotal: 10,\n        page: 1,\n        pageSize: 10,\n        start: \"\",\n        end: \"\",\n        order_money: [],\n        order_num: [],\n        order_time: [],\n      };\n    },\n    computed: {\n      totalObj() {\n        const totalObj = {\n          num: 0,\n          amount: 0,\n        };\n        this.tableData.forEach((item) => {\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.order();\n    },\n    methods: {\n      async order() {\n        const res = await order({\n          page: this.page,\n          pageSize: this.pageSize,\n          customerId: this.customerId,\n          customerType: \"\",\n          startTime: this.start,\n          endTime: this.end,\n          type: 1,\n          orderStatus: this.status,\n        });\n        this.tableData = res.data;\n        this.pageTotal = res.pageTotal;\n        const orderMoney = [];\n        const orderNum = [];\n        const orderTime = [];\n        this.tableData.forEach((item) => {\n          orderMoney.push(item.amount);\n          orderNum.push(Number(item.num));\n          orderTime.push(item.day);\n        });\n        const maxNum = Math.max(...orderMoney);\n        const minNum = Math.min(...orderMoney);\n        // 图表\n        this.chart_options = {\n          tooltip: {\n            trigger: \"axis\",\n            axisPointer: {\n              type: \"cross\",\n              crossStyle: {\n                color: \"#999999\",\n              },\n            },\n          },\n          legend: {\n            data: [\"订单金额\", \"订单数\"],\n          },\n          xAxis: [\n            {\n              type: \"category\",\n              data: orderTime,\n              axisPointer: {\n                type: \"shadow\",\n              },\n            },\n          ],\n          yAxis: [\n            {\n              type: \"value\",\n              name: \"订单金额\",\n              min: minNum,\n              max: maxNum,\n              axisLabel: {\n                formatter: \"{value} 元\",\n              },\n            },\n            {\n              type: \"value\",\n              name: \"订单数\",\n              axisLabel: {\n                formatter: \"{value} 个\",\n              },\n            },\n          ],\n          series: [\n            {\n              color: \"#36B365\",\n              name: \"订单金额\",\n              type: \"bar\",\n              data: orderMoney,\n            },\n            {\n              color: \"#f1c44d\",\n              name: \"订单数\",\n              type: \"line\",\n              smooth: true,\n              yAxisIndex: 1,\n              data: orderNum,\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.order();\n      },\n      sizeChange(val) {\n        this.pageSize = val;\n        this.pageChange(1);\n      },\n    },\n  };\n</script>\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"]}]}