{"version":3,"sources":["webpack:///./src/views/back/cloud/datacharts/PackageCharts.vue?cb21","webpack:///./src/views/back/cloud/datacharts/PackageCharts.vue?7778","webpack:///src/views/back/cloud/datacharts/PackageCharts.vue","webpack:///./src/views/back/cloud/datacharts/PackageCharts.vue?db81","webpack:///./src/views/back/cloud/datacharts/PackageCharts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","ref","filterForm","model","callback","$$v","$set","_l","item","key","label","staticStyle","on","filterData","_v","$event","reset","packTable","scopedSlots","_u","fn","scope","_s","showText","row","chartData","chartEvents","staticRenderFns","component"],"mappings":"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","file":"js/chunk-6111d4e0.2134f571.js","sourcesContent":["export * from \"-!../../../../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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!./PackageCharts.vue?vue&type=style&index=0&id=16a574e8&scoped=true&lang=css&\"","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\"}],staticClass:\"container-card\"},[_c('div',{staticClass:\"left-area\"},[_c('el-card',{attrs:{\"shadow\":\"hover\"}},[_c('el-form',{ref:\"filterForm\",attrs:{\"model\":_vm.filterForm,\"label-width\":\"100px\",\"inline\":false}},[_c('el-form-item',{staticClass:\"filter-form-input\",attrs:{\"label\":\"订单类型\",\"prop\":\"orderType\"}},[_c('el-select',{attrs:{\"placeholder\":\"请选择订单类型\"},model:{value:(_vm.filterForm.orderType),callback:function ($$v) {_vm.$set(_vm.filterForm, \"orderType\", $$v)},expression:\"filterForm.orderType\"}},_vm._l((_vm.orderTypeOptions),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('el-form-item',{staticClass:\"filter-form-input\",attrs:{\"label\":\"年月\",\"prop\":\"startTime\"}},[_c('el-date-picker',{attrs:{\"type\":\"month\",\"value-format\":\"yyyy-MM\",\"placeholder\":\"请选择年份\"},model:{value:(_vm.filterForm.yearMonth),callback:function ($$v) {_vm.$set(_vm.filterForm, \"yearMonth\", $$v)},expression:\"filterForm.yearMonth\"}})],1),_c('el-form-item',{staticClass:\"filter-form-input\",attrs:{\"label\":\"服务器位置\",\"prop\":\"orderType\"}},[_c('el-select',{attrs:{\"placeholder\":\"请选择服务器\"},model:{value:(_vm.filterForm.server),callback:function ($$v) {_vm.$set(_vm.filterForm, \"server\", $$v)},expression:\"filterForm.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',{staticClass:\"filter-form-input\",attrs:{\"label\":\"\"}},[_c('el-button',{staticStyle:{\"float\":\"left\"},on:{\"click\":_vm.filterData}},[_vm._v(\"筛选\")]),_c('el-button',{staticStyle:{\"float\":\"left\"},on:{\"click\":function($event){return _vm.reset()}}},[_vm._v(\"重置\")])],1)],1)],1),_c('p',{staticStyle:{\"float\":\"left\"}},[_vm._v(\"套餐详情:\")]),_c('el-table',{attrs:{\"data\":_vm.packTable}},[_c('el-table-column',{attrs:{\"prop\":\"label\",\"label\":\"类别\"}}),_c('el-table-column',{attrs:{\"prop\":\"value\",\"label\":\"值\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n          \"+_vm._s(_vm.showText(scope.row))+\"\\n        \")]}}])})],1)],1),_c('div',{staticClass:\"left-area\"},[_c('ve-pie',{attrs:{\"data\":_vm.chartData,\"events\":_vm.chartEvents}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <el-card class=\"container-card\" v-loading=\"loading\">\r\n    <div class=\"left-area\">\r\n      <el-card shadow=\"hover\">\r\n        <el-form :model=\"filterForm\" ref=\"filterForm\" label-width=\"100px\" :inline=\"false\">\r\n          <el-form-item label=\"订单类型\" class=\"filter-form-input\" prop=\"orderType\">\r\n            <el-select v-model=\"filterForm.orderType\" placeholder=\"请选择订单类型\" >\r\n              <el-option v-for=\"item in orderTypeOptions\" :label=\"item.label\" :value=\"item.value\" :key=\"item.value\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"年月\" class=\"filter-form-input\" prop=\"startTime\">\r\n            <el-date-picker\r\n              v-model=\"filterForm.yearMonth\"\r\n              type=\"month\" value-format=\"yyyy-MM\"\r\n              placeholder=\"请选择年份\">\r\n            </el-date-picker>\r\n          </el-form-item>\r\n          <el-form-item label=\"服务器位置\" class=\"filter-form-input\" prop=\"orderType\">\r\n            <el-select v-model=\"filterForm.server\" placeholder=\"请选择服务器\" >\r\n              <el-option v-for=\"item in serverOptions\" :label=\"item.label\" :value=\"item.value\" :key=\"item.value\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item label=\"\" class=\"filter-form-input\">\r\n            <el-button style=\"float: left\" @click=\"filterData\">筛选</el-button>\r\n            <el-button style=\"float: left\" @click=\"reset()\">重置</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-card>\r\n\r\n      <p style=\"float: left;\">套餐详情:</p>\r\n      <el-table :data=\"packTable\">\r\n        <el-table-column prop=\"label\" label=\"类别\"></el-table-column>\r\n        <el-table-column prop=\"value\" label=\"值\">\r\n          <template slot-scope=\"scope\">\r\n            {{showText(scope.row)}}\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <div class=\"left-area\">\r\n      <ve-pie :data=\"chartData\" :events=\"chartEvents\"></ve-pie>\r\n    </div>\r\n  </el-card>\r\n</template>\r\n\r\n<script>\r\n  /*import Vpie from 'v-charts/lib/pie.common.min'*/\r\n\r\n  export default {\r\n    name: \"PackageCharts\",\r\n    components: {\r\n     /* \"ve-pie\": Vpie*/\r\n    },\r\n    mounted() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      const fieldList = [\"套餐名称\",\"订单数量\",\"云存储时间\",\"套餐时长\",\"套餐单位\",\"云存储类型\"];\r\n      let _this = this;\r\n      this.chartEvents = {\r\n        click: function (e) {\r\n          let activeRowName = e.name;\r\n          if (_this.packTable) {\r\n            _this.packTable = [];\r\n            let rows = _this.chartData.rows;\r\n            for(let i = 0; i < rows.length; i++){\r\n              if(activeRowName == rows[i][\"name\"]){\r\n                for(let key in rows[i]){\r\n                  if(fieldList.indexOf(key) >= 0){\r\n                    let obj = {\r\n                      label: key,\r\n                      value: rows[i][key]\r\n                    }\r\n                    _this.packTable.push(obj);\r\n                  }\r\n                }\r\n                break;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n\r\n      return {\r\n        packTable: [],\r\n\r\n        chartData: {\r\n          columns: ['套餐名称', '订单数量'],\r\n          rows: [\r\n            /* { '套餐名称': '1/1', '数量': 1393 },\r\n             */\r\n          ]\r\n        },\r\n\r\n        filterForm: {\r\n          orderType: null,\r\n          yearMonth: String(new Date().getFullYear()) + \"-\" + String(new Date().getMonth() + 1),\r\n          server: \"hz\"\r\n        },\r\n        orderTypeOptions: [\r\n          {label: \"全部\", value: null},\r\n          {label: \"购买订单\", value: \"buy\"},\r\n          {label: \"试用订单\", value: \"try\"},\r\n          {label: \"未支付订单\", value: \"unpaid\"}\r\n        ],\r\n        serverOptions: [\r\n          {label: \"hz\", value: \"hz\"},\r\n          {label: \"us\", value: \"us\"},\r\n          {label: \"eu\", value: \"eu\"},\r\n        ],\r\n\r\n        loading: false\r\n      }\r\n    },\r\n    methods: {\r\n      async getData() {\r\n        let form = this.filterForm;\r\n        if(null == form.orderType){\r\n          form.payTypeList = null;\r\n        }else{\r\n          if(\"try\" == form.orderType){\r\n            form.payTypeList = [0];\r\n          }else if(\"buy\" == form.orderType){\r\n            form.payTypeList = [1,2,3];\r\n          }else if(\"unpaid\" == form.orderType){\r\n            form.payTypeList = [];\r\n          }\r\n        }\r\n\r\n        if (null == form.yearMonth) {\r\n          form.year = null;\r\n          form.month = null;\r\n        } else {\r\n          form.year = String(form.yearMonth).split(\"-\")[0];\r\n          form.month = String(form.yearMonth).split(\"-\")[1];\r\n        }\r\n\r\n        console.log(\"form\",form);\r\n\r\n        this.loading = true;\r\n        try{\r\n          let res = await this.$axios.post(`${this.$getLocal19Url()}/ossCharts/countByPack`, form);\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            this.packTable = [];\r\n            content.forEach(row => {\r\n              let obj = {\r\n                '套餐名称': row[\"name\"],\r\n                '订单数量': parseInt(row[\"num\"]),\r\n                '云存储时间': row['storageTime'],\r\n                '套餐时长': row['serverTime'],\r\n                '套餐单位': row[\"mealType\"],\r\n                '云存储类型': row[\"storageType\"]\r\n              };\r\n              Object.assign(obj,row);\r\n              this.chartData.rows.push(obj);\r\n            })\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      filterData(){\r\n        this.getData()\r\n      },\r\n      reset(){\r\n        this.filterForm =  {\r\n          orderType: null,\r\n          yearMonth: String(new Date().getFullYear()) + \"-\" + String(new Date().getMonth() + 1),\r\n          server: \"hz\"\r\n        },\r\n        this.getData();\r\n      },\r\n      showText(row){\r\n        if(\"云存储类型\" == row.label){\r\n          return \"0\" == row.value ? \"事件存储\" : \"连续存储\"\r\n        }\r\n        if(\"套餐单位\" == row.label){\r\n          if(\"D\" == row.value){\r\n            return \"天\";\r\n          }else if(\"M\" == row.value){\r\n            return \"月\";\r\n          }\r\n          else if(\"Y\" == row.value){\r\n            return \"年\";\r\n          }\r\n        }\r\n        if(\"云存储时间\" == row.label){\r\n          return row.value + \"天\";\r\n        }\r\n        return row.value;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .container-card{\r\n    padding: 50px 0;\r\n  }\r\n\r\n  .container-card .left-area{\r\n    width: 50%;\r\n    float: left;\r\n  }\r\n\r\n  .filter-form-input{\r\n    float: left;\r\n    clear: left;\r\n  }\r\n\r\n  .filter-form-input /deep/.el-input__inner{\r\n    width: 250px;\r\n  }\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!./PackageCharts.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!./PackageCharts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackageCharts.vue?vue&type=template&id=16a574e8&scoped=true&\"\nimport script from \"./PackageCharts.vue?vue&type=script&lang=js&\"\nexport * from \"./PackageCharts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackageCharts.vue?vue&type=style&index=0&id=16a574e8&scoped=true&lang=css&\"\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  \"16a574e8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}