{"version":3,"sources":["webpack:///./src/views/model/Admin/Overview/components/trendData/trendData.vue?9bf8","webpack:///./src/views/model/Admin/Overview/components/trendData/trendData.vue?94e2","webpack:///./src/views/model/Admin/Overview/components/trendData/trendData.js","webpack:///./src/views/model/Admin/Overview/components/trendData/trendData.js?5228","webpack:///./src/views/model/Admin/Overview/components/trendData/trendData.vue","webpack:///./src/views/model/Admin/Overview/components/trendData/index.js","webpack:///./src/views/model/Admin/Overview/components/trendData/trendData.scss?5432"],"names":["createNamespacedHelpers","mapGetters","mapActions","name","data","highchartsOptions","chart","type","credits","enabled","title","text","style","opacity","legend","yAxis","labels","formatter","numberFormat","this","value","test","navigator","userAgent","tooltip","shared","backgroundColor","borderRadius","shadow","distance","fontSize","fontFamily","color","x","y","plotOptions","areaspline","fillOpacity","seriesItemOptions","lineColor","linearGradient","x1","y1","x2","y2","stops","lineWidth","offsetX","offsetY","width","fillColor","marker","radius","states","hover","currentShow","trendDataChart","computed","mapRootGetters","mediaPlatformOptions","id","concat","enum_map","media_platform","watch","trendData","createTrendChart","mounted","methods","dateChange","newVal","Array","isArray","startDate","endDate","moment","format","updateTrendQueryForm","start_date","end_date","getTradeData","mediaPlatformChange","t","xAxisOption","categories","xAxis","seriesItem","isAllZero","every","v","Object","assign","seriesOptions","dataArray","series","map","chartsConfigOptions","reduce","res","item","dates","storges","date","storge","push","category","el","$refs","config","Highcharts","component","_vm","_h","$createElement","_c","_self","staticClass","attrs","isMobile","on","model","trendQueryForm","callback","$$v","$set","expression","ref","_v","staticRenderFns","TrendData"],"mappings":"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","file":"static/js/chunk-5dbb5ea6.8f94668b.js","sourcesContent":["export * from \"-!../../../../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./trendData.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"trend-data\"},[_c('el-form',{staticClass:\"trend-data__form w-form\",attrs:{\"inline\":!_vm.isMobile}},[_c('el-form-item',{staticClass:\"w-form-item\"},[_c('el-date-picker',{attrs:{\"type\":\"daterange\",\"range-separator\":\"-\",\"start-placeholder\":\"开始日期\",\"end-placeholder\":\"结束日期\",\"clearable\":false},on:{\"change\":_vm.dateChange},model:{value:(_vm.trendQueryForm._date),callback:function ($$v) {_vm.$set(_vm.trendQueryForm, \"_date\", $$v)},expression:\"trendQueryForm._date\"}})],1)],1),_c('div',{ref:\"trend-chart\",staticClass:\"trend-data__chart\",attrs:{\"id\":\"trend-chart\"}}),_c('div',{staticClass:\"trend-data__radios\"},[_c('el-radio-group',{model:{value:(_vm.currentShow),callback:function ($$v) {_vm.currentShow=$$v},expression:\"currentShow\"}},[_c('el-radio',{attrs:{\"label\":1}},[_vm._v(\"数据存储量\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-16 16:05:52\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-26 22:07:48\n */\nimport Highcharts from 'highcharts'\nimport moment from 'moment'\nimport { mapGetters as mapRootGetters, createNamespacedHelpers } from 'vuex'\nimport { numberFormat } from '@/plugins/utils'\n\nconst { mapGetters, mapActions } = createNamespacedHelpers('Admin/Overview')\n\nexport default {\n  name: 'trendData',\n  data () {\n    return {\n      // 拆线图总配置\n      highchartsOptions: {\n        chart: {\n          type: 'areaspline'\n        },\n        credits: {\n          enabled: false\n        },\n        title: {\n          text: 'title',\n          style: {\n            opacity: 0\n          }\n        },\n        legend: {\n          enabled: false\n        },\n        // xAxis: {\n        //   categories: [\n        //     '11-01','11-02','11-03','11-04','11-05','11-06','11-07'\n        //   ]\n        // },\n        yAxis: {\n          title: {\n            text: ''\n          },\n          labels: {\n            formatter () {\n              return numberFormat(this.value)\n            },\n            enabled: !/android|iphone/i.test(navigator.userAgent)\n          }\n        },\n        tooltip: {\n          shared: true,\n          backgroundColor: 'rgba(73, 78, 88, 1)',\n          borderRadius: 10,\n          shadow: false,\n          distance: 20,\n          style: {\n            fontSize: 12,\n            fontFamily: 'AlibabaPuHuiTiBold',\n            color: 'rgba(255, 255, 255, 0.7)'\n          },\n          formatter () {\n            return `<span>${this.x}</span><br/>\n                    <span style=\"margin-top: 10;color: #ffffff;font-size: 16;\">${numberFormat(this.y)}</span>`;\n          }\n        },\n        plotOptions: {\n          areaspline: {\n            fillOpacity: 0.2\n          }\n        }\n      },\n      // 拆线图数据项配置\n      seriesItemOptions: {\n        // data: [300000, 400000, 300000, 500000, 400000, 100000, 1000002],\n        lineColor: {\n          linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },\n          stops: [\n            [0, 'rgba(122, 243, 236, 1)'],\n            [1, 'rgba(44, 104, 255, 1)']\n          ]\n        },\n        lineWidth: 6,\n        shadow: {\n          color: 'rgba(44, 104, 255, 0.24)',\n          offsetX: 0,\n          offsetY: 6,\n          width: 16,\n          opacity: 0.05\n        },\n        fillColor: {\n          linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },\n          stops: [\n            [0, 'rgba(122, 243, 236, 0.2)'],\n            [1, 'rgba(44, 104, 255, 0.2)']\n          ]\n        },\n        marker: {\n          radius: 0,\n          states: {\n            hover: {\n              radius: 8,\n              lineWidth: 6,\n              lineColor: 'rgba(29, 224, 228, 1)',\n              fillColor: '#ffffff'\n            }\n          }\n        }\n      },\n      currentShow: 1, // 当前展示的数据 1：数据存储量 2：未选中\n      trendDataChart: null\n    }\n  },\n  computed: {\n    ...mapRootGetters([\n      'isMobile',\n      'enum_map'\n    ]),\n\n    ...mapGetters([\n      'trendQueryForm',\n      'trendData'\n    ]),\n\n    /**\n     * 平台选择\n     */\n    mediaPlatformOptions () {\n      return [{\n        id: 0,\n        name: '全部投放平台'\n      }].concat(this.enum_map.media_platform)\n    }\n  },\n  watch: {\n    trendData () {\n      // 生成数据趋势折线图\n      this.createTrendChart()\n    }\n  },\n  mounted () {\n    // 生成数据趋势折线图\n    this.createTrendChart()\n  },\n  methods: {\n\n    ...mapActions([\n      'updateTrendQueryForm',\n      'getTradeData'\n    ]),\n\n    /**\n     * 时间变化\n     */\n    async dateChange (newVal) {\n      if (Array.isArray(newVal) && newVal[0]) {\n        let [startDate, endDate] = newVal\n        startDate = moment(startDate).format('YYYY-MM-DD')\n        endDate = moment(endDate).format('YYYY-MM-DD')\n        this.updateTrendQueryForm({\n          start_date: startDate,\n          end_date: endDate\n        })\n      } else if (newVal === null) {\n        this.updateTrendQueryForm({\n          start_date: '',\n          end_date: ''\n        })\n      }\n      await this.getTradeData()\n      this.createTrendChart()\n    },\n\n    /**\n     * 切换平台\n     */\n    async mediaPlatformChange () {\n      await this.getTradeData()\n      this.createTrendChart()\n    },\n\n    /**\n     * 折线图x轴数据\n     */\n    xAxisOption (categories) {\n      return {\n        xAxis: {\n          categories\n        }\n      }\n    },\n\n    /**\n     * 折线图单项数据配置\n     */\n    seriesItem (data) {\n      const isAllZero = data.every(v => v === 0)\n      return Object.assign({}, this.seriesItemOptions, {\n        data,\n        lineColor: isAllZero ? 'rgba(44, 104, 255, 1)' : {\n          linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },\n          stops: [\n            [0, 'rgba(122, 243, 236, 1)'],\n            [1, 'rgba(44, 104, 255, 1)']\n          ]\n        }\n      })\n    },\n\n    /**\n     * 折线图数据总配置\n     */\n    seriesOptions (dataArray) {\n      return {\n        series: dataArray.map(data => this.seriesItem(data))\n      }\n    },\n\n    /**\n     * 折线图总配置\n     */\n    chartsConfigOptions ([categories, data]) {\n      return Object.assign({}, this.highchartsOptions, this.xAxisOption(categories), this.seriesOptions([data]))\n    },\n\n    /**\n     * 生成趋势折线图\n     */\n    createTrendChart () {\n      const [category, data] = this.trendData.reduce((res, item) => {\n        const [dates, storges] = res\n        const { date, storge } = item\n        dates.push(date)\n        storges.push(storge)\n        return [dates, storges]\n      }, [[], []])\n      const el = this.$refs['trend-chart']\n      const config = this.chartsConfigOptions([category, data])\n      this.trendDataChart = Highcharts.chart(el, config)\n      return this.trendDataChart\n    }\n  }\n}\n","import mod from \"-!../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./trendData.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./trendData.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./trendData.vue?vue&type=template&id=4762c40a&scoped=true&\"\nimport script from \"./trendData.js?vue&type=script&lang=js&\"\nexport * from \"./trendData.js?vue&type=script&lang=js&\"\nimport style0 from \"./trendData.scss?vue&type=style&index=0&id=4762c40a&lang=scss&scoped=true&\"\nimport style1 from \"./trendData.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4762c40a\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-16 16:05:32\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-16 16:08:02\n */\nimport TrendData from './trendData.vue'\nexport default TrendData\n","export * from \"-!../../../../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./trendData.scss?vue&type=style&index=0&id=4762c40a&lang=scss&scoped=true&\""],"sourceRoot":""}