{"version":3,"sources":["webpack:///./src/views/publisher/Report.vue?a3dc","webpack:///src/views/publisher/Report.vue","webpack:///./src/views/publisher/Report.vue?6990","webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///./src/views/publisher/Report.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","condition","callback","$$v","$set","expression","on","exportReport","scopedSlots","_u","key","fn","_s","total","request","exposure","valid","click","trueview","percentage","dividend","profit","proxy","_l","report","index","application_name","toParams","staticRenderFns","name","components","DateRangePicker","props","data","show","headers","reports","range","group","subscriptions","detail","$watchAsObservable","deep","methods","getReport","start","end","$axios","get","join","params","applicationId","application_id","applicationName","window","location","assign","beforeMount","component","VBtn","VCard","VCol","VContainer","VIcon","VRow","VSimpleTable","VSpacer"],"mappings":"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","file":"js/chunk-2d0af06f.1e7ae079.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('p',{staticClass:\"title ml-3\"},[_vm._v(\"媒體報表\")])]),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"d-flex\"},[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('date-range-picker',{attrs:{\"label\":\"日期\"},model:{value:(_vm.condition.range),callback:function ($$v) {_vm.$set(_vm.condition, \"range\", $$v)},expression:\"condition.range\"}})],1),_c('v-spacer'),_c('v-btn',{staticClass:\"my-auto mx-4\",attrs:{\"text\":\"\",\"icon\":\"\"},on:{\"click\":_vm.exportReport}},[_c('v-icon',{attrs:{\"color\":\"darken-2\"}},[_vm._v(\"mdi-cloud-download\")])],1)],1)],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',[_vm._v(\"Request\")]),_c('th',[_vm._v(\"廣告曝光\")]),_c('th',[_vm._v(\"可視曝光\")]),_c('th',[_vm._v(\"Click\")]),_c('th',[_vm._v(\"Trueview\")]),_c('th',[_vm._v(\"CTR\")]),_c('th',[_vm._v(\"Fillrate\")]),_c('th',[_vm._v(\"eCPM\")]),_c('th',[_vm._v(\"收益\")])])]),_c('tbody',[_c('tr',[_c('td',[_vm._v(_vm._s(_vm.total.request))]),_c('td',[_vm._v(_vm._s(_vm.total.exposure))]),_c('td',[_vm._v(_vm._s(_vm.total.valid))]),_c('td',[_vm._v(_vm._s(_vm.total.click))]),_c('td',[_vm._v(_vm._s(_vm.total.trueview))]),_c('td',[_vm._v(_vm._s(_vm.percentage(_vm.total.click, _vm.total.exposure))+\"%\")]),_c('td',[_vm._v(_vm._s(_vm.percentage(_vm.total.exposure, _vm.total.request))+\"%\")]),_c('td',[_vm._v(_vm._s(_vm.dividend(_vm.total.profit, _vm.total.exposure)))]),_c('td',[_vm._v(_vm._s(_vm.total.profit))])])])]},proxy:true}])})],1)],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',[_vm._v(\"媒體\")]),_c('th',[_vm._v(\"Request\")]),_c('th',[_vm._v(\"廣告曝光\")]),_c('th',[_vm._v(\"可視曝光\")]),_c('th',[_vm._v(\"Click\")]),_c('th',[_vm._v(\"Trueview\")]),_c('th',[_vm._v(\"CTR\")]),_c('th',[_vm._v(\"Fillrate\")]),_c('th',[_vm._v(\"eCPM\")]),_c('th',[_vm._v(\"收益\")]),_c('th')])]),_c('tbody',_vm._l((_vm.reports),function(report){return _c('tr',{key:report.index},[_c('td',[_vm._v(_vm._s(report.application_name))]),_c('td',[_vm._v(_vm._s(report.request))]),_c('td',[_vm._v(_vm._s(report.exposure))]),_c('td',[_vm._v(_vm._s(report.valid))]),_c('td',[_vm._v(_vm._s(report.click))]),_c('td',[_vm._v(_vm._s(report.trueview))]),_c('td',[_vm._v(_vm._s(_vm.percentage(report.click, report.exposure))+\"%\")]),_c('td',[_vm._v(_vm._s(_vm.percentage(report.exposure, report.request))+\"%\")]),_c('td',[_vm._v(_vm._s(_vm.dividend(report.profit, report.exposure)))]),_c('td',[_vm._v(_vm._s(report.profit))]),_c('td',[_c('v-btn',{attrs:{\"small\":\"\",\"outlined\":\"\",\"to\":_vm.toParams(report)}},[_vm._v(\"詳情\")])],1)])}),0)]},proxy:true}])})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\nv-container(\n    fluid\n  )\n  v-row\n    p.title.ml-3 媒體報表\n  v-row\n    v-col(cols='12')\n      v-card.d-flex\n        v-col(cols=\"4\")\n          date-range-picker(\n            label=\"日期\"\n            v-model=\"condition.range\"\n          )\n        v-spacer\n        v-btn.my-auto.mx-4(\n          text\n          icon\n          @click=\"exportReport\"\n        )\n          v-icon(\n            color=\"darken-2\"\n          ) mdi-cloud-download\n  v-row\n    v-col(cols='12')\n      v-card\n        v-simple-table(\n        )\n          template(v-slot:default)\n            thead\n              tr\n                th Request\n                th 廣告曝光\n                th 可視曝光\n                th Click\n                th Trueview\n                th CTR\n                th Fillrate\n                th eCPM\n                th 收益\n            tbody\n              tr\n                td {{ total.request }}\n                td {{ total.exposure }}\n                td {{ total.valid }}\n                td {{ total.click }}\n                td {{ total.trueview }}\n                td {{ percentage(total.click, total.exposure) }}%\n                td {{ percentage(total.exposure, total.request) }}%\n                td {{ dividend(total.profit, total.exposure) }}\n                td {{ total.profit }}\n\n  v-row\n    v-col(cols='12')\n      v-card\n        v-simple-table(\n        )\n          template(v-slot:default)\n            thead\n              tr\n                th 媒體\n                th Request\n                th 廣告曝光\n                th 可視曝光\n                th Click\n                th Trueview\n                th CTR\n                th Fillrate\n                th eCPM\n                th 收益\n                th\n            tbody\n              tr(\n                v-for=\"report in reports\"\n                :key=\"report.index\"\n              )\n                td {{ report.application_name }}\n                td {{ report.request }}\n                td {{ report.exposure }}\n                td {{ report.valid }}\n                td {{ report.click }}\n                td {{ report.trueview }}\n                td {{ percentage(report.click, report.exposure) }}%\n                td {{ percentage(report.exposure, report.request) }}%\n                td {{ dividend(report.profit, report.exposure) }}\n                td {{ report.profit }}\n                td\n                  v-btn(\n                    small\n                    outlined\n                    :to=\"toParams(report)\"\n                  ) 詳情\n\n</template>\n\n<script>\nimport moment from 'moment';\nimport { map, pluck, debounceTime } from 'rxjs/operators';\nimport DateRangePicker from '@/components/DateRangePicker.vue';\nimport { dividend, percentage, toQueryString } from '@/plugins/utils';\n\nexport default {\n  name: 'publisher-report',\n  components: {\n    DateRangePicker,\n  },\n  props: [\n    'publisherId',\n  ],\n  data() {\n    return {\n      show: [],\n      headers: [],\n      total: {\n        request: 0,\n        exposure: 0,\n        click: 0,\n        trueview: 0,\n        valid: 0,\n        profit: 0,\n      },\n      reports: [],\n      condition: {\n        range: [\n          moment().format('YYYY-MM-DD'),\n          moment().format('YYYY-MM-DD'),\n        ],\n        group: ['application'],\n      },\n    };\n  },\n  subscriptions() {\n    return {\n      detail: this.$watchAsObservable('condition', {\n        deep: true,\n      }).pipe(\n        pluck('newValue'),\n        debounceTime(300),\n        map(this.getReport),\n      ),\n    };\n  },\n  methods: {\n    getReport() {\n      const totalPara = toQueryString({\n        start: this.condition.range[0],\n        end: this.condition.range[1],\n      });\n      this.$axios.get(`/publisher/${this.publisherId}/report?${totalPara}`)\n        .then((res) => {\n          const [total] = res.data.data;\n          this.total = total;\n        });\n      const infoPara = toQueryString({\n        start: this.condition.range[0],\n        end: this.condition.range[1],\n        group: this.condition.group.join(','),\n      });\n      this.$axios.get(`/publisher/${this.publisherId}/report?${infoPara}`)\n        .then((res) => {\n          this.reports = res.data.data;\n          this.show = this.condition.group;\n        });\n    },\n    toParams(report) {\n      return {\n        name: 'application-report',\n        params: {\n          applicationId: report.application_id,\n          applicationName: report.application_name,\n        },\n      };\n    },\n    exportReport() {\n      const totalPara = toQueryString({\n        start: this.condition.range[0],\n        end: this.condition.range[1],\n      });\n      const apiUrl = this.$axios.defaults.baseURL;\n      window.location.assign(`${apiUrl}/publisher/${this.publisherId}/report/export?${totalPara}`);\n    },\n    dividend,\n    percentage,\n  },\n  beforeMount() {\n    this.getReport();\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Report.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Report.vue?vue&type=script&lang=js&\"","import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","import { render, staticRenderFns } from \"./Report.vue?vue&type=template&id=a085334a&lang=pug&\"\nimport script from \"./Report.vue?vue&type=script&lang=js&\"\nexport * from \"./Report.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCol,VContainer,VIcon,VRow,VSimpleTable,VSpacer})\n"],"sourceRoot":""}