{"version":3,"sources":["webpack:///./src/views/back/cloud/datacharts/PayTypeCharts.vue?5021","webpack:///src/views/back/cloud/datacharts/PayTypeCharts.vue","webpack:///./src/views/back/cloud/datacharts/PayTypeCharts.vue?8310","webpack:///./src/views/back/cloud/datacharts/PayTypeCharts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","model","callback","$$v","year","server","_l","item","key","label","on","filterData","clearFilter","staticStyle","_v","typeOrderTable","buyOrderTable","chartData","charExtend","lineData","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0c0d76.1e8858b7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]},[_c('el-form',{staticClass:\"search-input\",attrs:{\"size\":\"small\",\"inline\":\"\"}},[_c('el-form-item',[_c('el-date-picker',{attrs:{\"type\":\"year\",\"value-format\":\"yyyy\",\"placeholder\":\"选择年份\"},model:{value:(_vm.year),callback:function ($$v) {_vm.year=$$v},expression:\"year\"}})],1),_c('el-form-item',[_c('el-select',{attrs:{\"placeholder\":\"请选择服务器\"},model:{value:(_vm.server),callback:function ($$v) {_vm.server=$$v},expression:\"server\"}},_vm._l((_vm.serverOptions),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('el-form-item',[_c('el-button',{attrs:{\"icon\":\"el-icon-search\"},on:{\"click\":_vm.filterData}})],1),_c('el-form-item',[_c('el-button',{attrs:{\"icon\":\"el-icon-close\"},on:{\"click\":_vm.clearFilter}})],1)],1),_c('el-row',{staticStyle:{\"clear\":\"both\",\"margin-top\":\"50px\"}},[_c('el-col',{attrs:{\"span\":11}},[_c('p',{staticStyle:{\"float\":\"left\"}},[_vm._v(\"年度订单数据:\")]),_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.typeOrderTable,\"border\":\"\"}},[_c('el-table-column',{attrs:{\"prop\":\"label\",\"label\":\"类别\"}}),_c('el-table-column',{attrs:{\"prop\":\"value\",\"label\":\"值\"}})],1)],1),_c('el-col',{attrs:{\"span\":2}},[_vm._v(\" \")]),_c('el-col',{attrs:{\"span\":11}},[_c('p',{staticStyle:{\"float\":\"left\"}},[_vm._v(\"年度订单用户数据:\")]),_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.buyOrderTable,\"border\":\"\"}},[_c('el-table-column',{attrs:{\"prop\":\"label\",\"label\":\"类别\"}}),_c('el-table-column',{attrs:{\"prop\":\"value\",\"label\":\"值\"}})],1)],1)],1),_c('ve-histogram',{staticStyle:{\"margin-top\":\"50px\"},attrs:{\"data\":_vm.chartData,\"extend\":_vm.charExtend}}),_c('ve-line',{attrs:{\"data\":_vm.lineData}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <el-card v-loading=\"loading\">\r\n    <el-form size=\"small\" inline class=\"search-input\">\r\n      <el-form-item>\r\n        <el-date-picker\r\n          v-model=\"year\"\r\n          type=\"year\" value-format=\"yyyy\"\r\n          placeholder=\"选择年份\">\r\n        </el-date-picker>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-select v-model=\"server\" placeholder=\"请选择服务器\">\r\n          <el-option v-for=\"item in serverOptions\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item><el-button icon=\"el-icon-search\" @click=\"filterData\" /></el-form-item>\r\n      <el-form-item><el-button icon=\"el-icon-close\" @click=\"clearFilter\" /></el-form-item>\r\n    </el-form>\r\n\r\n    <el-row style=\"clear: both;margin-top: 50px;\">\r\n      <el-col :span=\"11\">\r\n        <p style=\"float: left;\">年度订单数据:</p>\r\n        <el-table\r\n          :data=\"typeOrderTable\" border style=\"width: 100%\">\r\n          <el-table-column prop=\"label\" label=\"类别\"></el-table-column>\r\n          <el-table-column prop=\"value\" label=\"值\"></el-table-column>\r\n        </el-table>\r\n      </el-col>\r\n\r\n      <el-col :span=\"2\">&nbsp;</el-col>\r\n\r\n      <el-col :span=\"11\">\r\n        <p style=\"float: left;\">年度订单用户数据:</p>\r\n        <el-table\r\n          :data=\"buyOrderTable\" border style=\"width: 100%\">\r\n          <el-table-column prop=\"label\" label=\"类别\"></el-table-column>\r\n          <el-table-column prop=\"value\" label=\"值\"></el-table-column>\r\n        </el-table>\r\n      </el-col>\r\n    </el-row>\r\n\r\n    <ve-histogram :data=\"chartData\" style=\"margin-top: 50px;\" :extend=\"charExtend\"></ve-histogram>\r\n\r\n    <ve-line :data=\"lineData\" ></ve-line>\r\n  </el-card>\r\n</template>\r\n\r\n<script>\r\n  /*import Vhistogram from 'v-charts/lib/histogram.common.min'\r\n  import Vline from 'v-charts/lib/line.common.min'*/\r\n\r\n  export default {\r\n    name: \"PayTypeCharts\",\r\n    components: {\r\n     /* \"ve-histogram\": Vhistogram,\r\n      \"ve-line\": Vline*/\r\n    },\r\n    data() {\r\n      this.charExtend = {\r\n        series: {\r\n          label: { show: true, position: \"top\" }\r\n        }\r\n      }\r\n\r\n\r\n      return {\r\n        year: String(new Date().getFullYear()),\r\n        server: null,\r\n        serverOptions: [\r\n          {label: \"all\", value: null},\r\n          {label: \"hz\", value: \"hz\"},\r\n          {label: \"us\", value: \"us\"},\r\n          {label: \"eu\", value: \"eu\"},\r\n        ],\r\n        loading: false,\r\n\r\n        chartData: {\r\n          columns: ['月份', '购买订单数', '试用订单数', '直接购买用户数', '试用后购买用户数','未支付订单数'],\r\n          rows: [\r\n            /*{ '月份': '1/1', '购买订单数': 1393, '试用订单数': 1093, '直接购买用户数': 10 , '试用后购买用户数': 99},*/\r\n          ]\r\n        },\r\n\r\n        lineData:{\r\n          columns: ['月份', '购买/总订单数', '试用后购买/总用户数'],\r\n          rows: [\r\n\r\n          ]\r\n        },\r\n\r\n        typeOrderTable: [],\r\n        buyOrderTable: []\r\n      }\r\n    },\r\n    methods: {\r\n      async getData(){\r\n        try{\r\n          this.loading = true;\r\n          /*let res = await this.$axios.post(\"back/orderCharts/countByPayType\",{year: this.year});*/\r\n          let res = await this.$axios.post(`${this.$getLocal19Url()}/ossCharts/countByPayType`,\r\n            {\r\n              year: this.year,\r\n              server: this.server\r\n            });\r\n          console.log(\"res\",res)\r\n          if(res && res.data && res.data.resultCode && \"1001\" == res.data.resultCode){\r\n            let content = res.data.content || {};\r\n            this.chartData.rows = [];\r\n            for(let i = 1; i < 13; i++){\r\n              let month = String(i);\r\n              let row = {\r\n                '月份': month,\r\n                '购买订单数': parseInt(content[month][\"orderBuyNum\"] || 0),\r\n                '试用订单数': parseInt(content[month][\"orderTryNum\"] || 0),\r\n                '直接购买用户数': parseInt(content[month][\"userDirectBuyNum\"] || 0),\r\n                '试用后购买用户数': parseInt(content[month][\"userTryBuyNum\"] || 0),\r\n                '未支付订单数': parseInt(content[month][\"unpaidNum\"] || 0),\r\n              }\r\n              this.chartData.rows.push(row);\r\n            }\r\n\r\n            this.lineData.rows = [];\r\n            for(let i = 1; i < 13; i++){\r\n              let month = String(i);\r\n\r\n              let buyOrderNum = parseInt(content[month][\"orderBuyNum\"] || 0);\r\n              let tryOrderNum = parseInt(content[month][\"orderTryNum\"] || 0);\r\n              let directBuyNum = parseInt(content[month][\"userDirectBuyNum\"] || 0);\r\n              let tryBuyNum = parseInt(content[month][\"userTryBuyNum\"] || 0);\r\n              let row = {\r\n                '月份': month,\r\n                '购买/总订单数': buyOrderNum / (buyOrderNum + tryOrderNum),\r\n                '试用后购买/总用户数': tryBuyNum / (tryBuyNum + directBuyNum),\r\n              }\r\n              this.lineData.rows.push(row);\r\n            }\r\n\r\n            let totalBuyOrderNum = 0;\r\n            let totalTryOrderNum = 0;\r\n            let totalDirectBuyNum = 0;\r\n            let totalTryBuyNum = 0;\r\n            let totalUnpaidNum = 0;\r\n            for(let i = 1; i < 13; i++){\r\n              let month = String(i);\r\n              totalBuyOrderNum += parseInt(content[month][\"orderBuyNum\"] || 0);\r\n              totalTryOrderNum += parseInt(content[month][\"orderTryNum\"] || 0);\r\n              totalDirectBuyNum += parseInt(content[month][\"userDirectBuyNum\"] || 0);\r\n              totalTryBuyNum += parseInt(content[month][\"userTryBuyNum\"] || 0);\r\n              totalUnpaidNum += parseInt(content[month][\"unpaidNum\"] || 0);\r\n            }\r\n            this.typeOrderTable = [];\r\n            this.typeOrderTable.push({label: \"试用订单总数\", value: totalTryOrderNum});\r\n            this.typeOrderTable.push({label: \"购买订单总数\", value: totalBuyOrderNum});\r\n            this.typeOrderTable.push({label: \"订单总数\", value: totalTryOrderNum + totalBuyOrderNum});\r\n            this.typeOrderTable.push({label: \"购买订单总数/订单总数 \", value: totalBuyOrderNum/(totalTryOrderNum + totalBuyOrderNum) * 100 + \"%\"});\r\n            this.typeOrderTable.push({label: \"未支付订单总数\", value: totalUnpaidNum});\r\n\r\n            this.buyOrderTable = [];\r\n            this.buyOrderTable.push({label: \"直接购买用户总数\", value: totalDirectBuyNum});\r\n            this.buyOrderTable.push({label: \"试用后购买用户总数\", value: totalTryBuyNum});\r\n            this.buyOrderTable.push({label: \"购买用户总数\", value: totalDirectBuyNum + totalTryBuyNum});\r\n            this.buyOrderTable.push({label: \"试用后购买用户总数/总用户数\", value: totalTryBuyNum/(totalDirectBuyNum + totalTryBuyNum) * 100 + \"%\"});\r\n          }\r\n        }catch (e) {\r\n          console.error(e)\r\n        }finally {\r\n          this.loading = false;\r\n        }\r\n      },\r\n\r\n      filterData(){\r\n        this.getData();\r\n      },\r\n      clearFilter(){\r\n        this.year = String(new Date().getFullYear());\r\n        this.server = null;\r\n        this.getData();\r\n      }\r\n    },\r\n    mounted(){\r\n      this.getData();\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./PayTypeCharts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./PayTypeCharts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PayTypeCharts.vue?vue&type=template&id=573d539a&scoped=true&\"\nimport script from \"./PayTypeCharts.vue?vue&type=script&lang=js&\"\nexport * from \"./PayTypeCharts.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"573d539a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}