{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\statement\\statementList\\CustomerOrderReport.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\statement\\statementList\\CustomerOrderReport.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgY3VzdG9tZXJPcmRlciB9IGZyb20gIkAvYXBpL0NvbW1pc3Npb24iOwppbXBvcnQgQ3VzdG9tZXJPcmRlckNoYXJ0IGZyb20gIkAvdmlld3Mvc3RhdGVtZW50L2NvbXBvbmVudHMvQ3VzdG9tZXJPcmRlckNoYXJ0IjsKaW1wb3J0IEN1c3RvbWVyc09yZGVyQ2hhcnRQaWUgZnJvbSAiQC92aWV3cy9zdGF0ZW1lbnQvY29tcG9uZW50cy9DdXN0b21lcnNPcmRlckNoYXJ0UGllIjsKZXhwb3J0IGRlZmF1bHQgewogIGNvbXBvbmVudHM6IHsKICAgIEN1c3RvbWVyT3JkZXJDaGFydCwKICAgIEN1c3RvbWVyc09yZGVyQ2hhcnRQaWUKICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc3RhdHVzOiAiIiwKICAgICAgdHlwZTogIiIsCiAgICAgIHRpbWU6ICIiLAogICAgICB0eXBlX29wdGlvbnM6IFt7CiAgICAgICAgbGFiZWw6ICLnrYnlvoXlrqHmoLgiLAogICAgICAgIHZhbHVlOiAxCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuetieW+heaUr+S7mCIsCiAgICAgICAgdmFsdWU6IDIKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi5b6F5Y+R6LSnIiwKICAgICAgICB2YWx1ZTogMwogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLlvoXmlLbotKciLAogICAgICAgIHZhbHVlOiA0CiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuW3suWujOaIkCIsCiAgICAgICAgdmFsdWU6IDUKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi5bey5YWz6ZetIiwKICAgICAgICB2YWx1ZTogNgogICAgICB9XSwKICAgICAgdGFibGVEYXRhOiBbXSwKICAgICAgcGFnZVRvdGFsOiAxMCwKICAgICAgcGFnZTogMSwKICAgICAgcGFnZVNpemU6IDEwLAogICAgICBzdGFydDogIiIsCiAgICAgIGVuZDogIiIsCiAgICAgIGdvb2RzTmFtZTogW10sCiAgICAgIGdvb2RzTnVtOiBbXSwKICAgICAgZ29vZHNNb25leTogW10sCiAgICAgIGdvb2RzVmFsdWU6IFtdLAogICAgICBnb29kc05hbWUyOiBbXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogewogICAgdG90YWxPYmooKSB7CiAgICAgIGNvbnN0IHRvdGFsT2JqID0gewogICAgICAgIG51bTogMCwKICAgICAgICBhbW91bnQ6IDAKICAgICAgfTsKICAgICAgdGhpcy50YWJsZURhdGEuZm9yRWFjaChpdGVtID0+IHsKICAgICAgICB0b3RhbE9iai5udW0gPSB0aGlzLiROUC5wbHVzKHRvdGFsT2JqLm51bSwgaXRlbS5udW0pOwogICAgICAgIHRvdGFsT2JqLmFtb3VudCA9IHRoaXMuJE5QLnBsdXModG90YWxPYmouYW1vdW50LCBpdGVtLmFtb3VudCk7CiAgICAgIH0pOwogICAgICByZXR1cm4gdG90YWxPYmo7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmN1c3RvbWVyT3JkZXIoKTsKICB9LAoKICBhY3RpdmF0ZWQoKSB7CiAgICBpZiAodGhpcy4kX2lzSW5pdCgpKSByZXR1cm47CiAgICB0aGlzLmN1c3RvbWVyT3JkZXIoKTsKICB9LAoKICBtZXRob2RzOiB7CiAgICBhc3luYyBjdXN0b21lck9yZGVyKCkgewogICAgICBjb25zdCBnb29kc05hbWUgPSBbXTsKICAgICAgY29uc3QgZ29vZHNOdW0gPSBbXTsKICAgICAgY29uc3QgZ29vZHNNb25leSA9IFtdOwogICAgICBjb25zdCBnb29kc1ZhbHVlID0gW107CiAgICAgIGNvbnN0IGdvb2RzTmFtZTIgPSBbXTsKICAgICAgY29uc3QgcmVzID0gYXdhaXQgY3VzdG9tZXJPcmRlcih7CiAgICAgICAgcGFnZTogdGhpcy5wYWdlLAogICAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLAogICAgICAgIGN1c3RvbWVySWQ6ICIiLAogICAgICAgIGN1c3RvbWVyVHlwZTogIiIsCiAgICAgICAgc3RhcnRUaW1lOiB0aGlzLnN0YXJ0LAogICAgICAgIGVuZFRpbWU6IHRoaXMuZW5kLAogICAgICAgIHR5cGU6IDEsCiAgICAgICAgb3JkZXJTdGF0dXM6IHRoaXMuc3RhdHVzCiAgICAgIH0pOwogICAgICB0aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhOwogICAgICB0aGlzLnBhZ2VUb3RhbCA9IHJlcy5wYWdlVG90YWw7CiAgICAgIHJlcy5kYXRhLmZvckVhY2godmFsdWUgPT4gewogICAgICAgIGlmICh0aGlzLmdvb2RzTmFtZS5pbmRleE9mKHZhbHVlLmN1c3RvbWVyTmFtZSkgPT09IC0xKSB7CiAgICAgICAgICBnb29kc05hbWUucHVzaCh2YWx1ZS5jdXN0b21lck5hbWUpOwogICAgICAgICAgZ29vZHNOdW0ucHVzaChOdW1iZXIodmFsdWUubnVtKSk7CiAgICAgICAgICBnb29kc01vbmV5LnB1c2goTnVtYmVyKHZhbHVlLmFtb3VudCkpOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIHJlcy5kYXRhLmZvckVhY2godmFsdWUgPT4gewogICAgICAgIGlmIChnb29kc05hbWUyLmluZGV4T2YodmFsdWUuY3VzdG9tZXJOYW1lKSA9PT0gLTEpIHsKICAgICAgICAgIGdvb2RzVmFsdWUucHVzaCh7CiAgICAgICAgICAgIHZhbHVlOiBOdW1iZXIodmFsdWUuYW1vdW50KSwKICAgICAgICAgICAgbmFtZTogdmFsdWUuY3VzdG9tZXJOYW1lCiAgICAgICAgICB9KTsKICAgICAgICAgIGdvb2RzTmFtZTIucHVzaCh2YWx1ZS5jdXN0b21lck5hbWUpOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIHRoaXMuZ29vZHNOYW1lID0gZ29vZHNOYW1lOwogICAgICB0aGlzLmdvb2RzTnVtID0gZ29vZHNOdW07CiAgICAgIHRoaXMuZ29vZHNNb25leSA9IGdvb2RzTW9uZXk7CiAgICAgIHRoaXMuZ29vZHNWYWx1ZSA9IGdvb2RzVmFsdWU7CiAgICAgIHRoaXMuZ29vZHNOYW1lMiA9IGdvb2RzTmFtZTI7CiAgICB9LAoKICAgIC8vIOaXtumXtOetm+mAiQogICAgdGltZUNoYW5nZSh2YWwpIHsKICAgICAgaWYgKHZhbCAmJiB2YWwubGVuZ3RoKSB7CiAgICAgICAgdGhpcy5zdGFydCA9IHZhbFswXSAvIDEwMDA7CiAgICAgICAgdGhpcy5lbmQgPSB2YWxbMV0gLyAxMDAwICsgODYzOTk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5zdGFydCA9ICIiOwogICAgICAgIHRoaXMuZW5kID0gIiI7CiAgICAgIH0KCiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgcGFnZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlID0gdmFsOwogICAgICB0aGlzLmN1c3RvbWVyT3JkZXIoKTsKICAgIH0sCgogICAgc2l6ZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5wYWdlU2l6ZSA9IHZhbDsKICAgICAgdGhpcy5jdXN0b21lck9yZGVyKCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA;AACA;AACA;AACA;EACAA;IACAC,kBADA;IAEAC;EAFA,CADA;;EAKAC;IACA;MACAC,UADA;MAEAC,QAFA;MAGAC,QAHA;MAIAC,eACA;QACAC,aADA;QAEAC;MAFA,CADA,EAKA;QACAD,aADA;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,CAJA;MA8BAC,aA9BA;MA+BAC,aA/BA;MAgCAC,OAhCA;MAiCAC,YAjCA;MAkCAC,SAlCA;MAmCAC,OAnCA;MAoCAC,aApCA;MAqCAC,YArCA;MAsCAC,cAtCA;MAuCAC,cAvCA;MAwCAC;IAxCA;EA0CA,CAhDA;;EAiDAC;IACAC;MACA;QACAC,MADA;QAEAC;MAFA;MAIA;QACAF;QACAA;MACA,CAHA;MAIA;IACA;;EAXA,CAjDA;;EA8DAG;IACA;EACA,CAhEA;;EAiEAC;IACA;IACA;EACA,CApEA;;EAqEAC;IACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAf,eADA;QAEAC,uBAFA;QAGAe,cAHA;QAIAC,gBAJA;QAKAC,qBALA;QAMAC,iBANA;QAOA1B,OAPA;QAQA2B;MARA;MAUA;MACA;MACAC;QACA;UACAjB;UACAC;UACAC;QACA;MACA,CANA;MAOAe;QACA;UACAd;YACAV,2BADA;YAEAyB;UAFA;UAIAd;QACA;MACA,CARA;MASA;MACA;MACA;MACA;MACA;IACA,CAxCA;;IAyCA;IACAe;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CAnDA;;IAoDAC;MACA;MACA;IACA,CAvDA;;IAwDAC;MACA;MACA;IACA;;EA3DA;AArEA","names":["components","CustomerOrderChart","CustomersOrderChartPie","data","status","type","time","type_options","label","value","tableData","pageTotal","page","pageSize","start","end","goodsName","goodsNum","goodsMoney","goodsValue","goodsName2","computed","totalObj","num","amount","created","activated","methods","customerId","customerType","startTime","endTime","orderStatus","res","name","timeChange","pageChange","sizeChange"],"sourceRoot":"src/views/statement/statementList","sources":["CustomerOrderReport.vue"],"sourcesContent":["<template>\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\">{{ pageTotal }}</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>\n    <el-divider></el-divider>\n    <div\n      style=\"\n        width: 300px;\n        height: 200px;\n        position: absolute;\n        top: 220px;\n        right: 200px;\n      \"\n    >\n      <CustomersOrderChartPie\n        :goods-value=\"goodsValue\"\n        :goods-name2=\"goodsName2\"\n      ></CustomersOrderChartPie>\n    </div>\n    <div>\n      <CustomerOrderChart\n        :goods-name=\"goodsName\"\n        :goods-num=\"goodsNum\"\n        :goods-money=\"goodsMoney\"\n      ></CustomerOrderChart>\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=\"customerName\" label=\"客户\"></el-table-column>\n      <el-table-column prop=\"customerMobile\" 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 { customerOrder } from \"@/api/Commission\";\n  import CustomerOrderChart from \"@/views/statement/components/CustomerOrderChart\";\n  import CustomersOrderChartPie from \"@/views/statement/components/CustomersOrderChartPie\";\n  export default {\n    components: {\n      CustomerOrderChart,\n      CustomersOrderChartPie,\n    },\n    data() {\n      return {\n        status: \"\",\n        type: \"\",\n        time: \"\",\n        type_options: [\n          {\n            label: \"等待审核\",\n            value: 1,\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        goodsName: [],\n        goodsNum: [],\n        goodsMoney: [],\n        goodsValue: [],\n        goodsName2: [],\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.customerOrder();\n    },\n    activated() {\n      if (this.$_isInit()) return;\n      this.customerOrder();\n    },\n    methods: {\n      async customerOrder() {\n        const goodsName = [];\n        const goodsNum = [];\n        const goodsMoney = [];\n        const goodsValue = [];\n        const goodsName2 = [];\n        const res = await customerOrder({\n          page: this.page,\n          pageSize: this.pageSize,\n          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        res.data.forEach((value) => {\n          if (this.goodsName.indexOf(value.customerName) === -1) {\n            goodsName.push(value.customerName);\n            goodsNum.push(Number(value.num));\n            goodsMoney.push(Number(value.amount));\n          }\n        });\n        res.data.forEach((value) => {\n          if (goodsName2.indexOf(value.customerName) === -1) {\n            goodsValue.push({\n              value: Number(value.amount),\n              name: value.customerName,\n            });\n            goodsName2.push(value.customerName);\n          }\n        });\n        this.goodsName = goodsName;\n        this.goodsNum = goodsNum;\n        this.goodsMoney = goodsMoney;\n        this.goodsValue = goodsValue;\n        this.goodsName2 = goodsName2;\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.customerOrder();\n      },\n      sizeChange(val) {\n        this.pageSize = val;\n        this.customerOrder();\n      },\n    },\n  };\n</script>\n<style scoped lang=\"scss\">\n  .order_echarts {\n    width: 100%;\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"]}]}