{"version":3,"sources":["webpack:///./src/views/regionalDistribution/districtDistribution.vue?b948","webpack:///src/views/regionalDistribution/districtDistribution.vue","webpack:///./src/views/regionalDistribution/districtDistribution.vue?8154","webpack:///./src/views/regionalDistribution/districtDistribution.vue","webpack:///./src/views/regionalDistribution/districtDistribution.vue?fb19"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","area","directives","name","rawName","value","expression","slot","staticRenderFns","components","CubePage","data","loading","table","undefined","tableOptions","width","height","style","device","created","$route","query","type","beforeMount","window","addEventListener","resizeHandler","beforeDestroy","removeEventListener","destroy","mounted","_this","yearDate","year","trackId","reqObj","city","channelType","productBrand","biData","then","res","code","container","document","getElementById","meta","forEach","item","format","formatter","ValueFormateHandler","options","JSON","parse","stringify","screenWidth","documentElement","clientWidth","screenHeight","clientHeight","PivotSheet","finally","methods","self","$nextTick","changeSize","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQN,EAAIO,OAAO,CAACH,EAAG,MAAM,CAACI,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOX,EAAW,QAAEY,WAAW,YAAYN,MAAM,CAAC,KAAO,WAAWO,KAAK,WAAW,CAACT,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,UAAU,CAACF,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,iCAC7UQ,EAAkB,G,oGCcP,GACfL,KAAA,uBACAM,WAAA,CACAC,iBAEAC,KAAA,WACA,OACAC,SAAA,EACAC,WAAAC,EACAC,aAAA,CACAC,MAAA,IACAC,OAAA,IACAC,MAAA,CACAC,OAAA,UAEA,QACA,KACA,wBAMAC,QAAA,WACA,KAAAnB,KAAA,KAAAoB,OAAAC,MAAAjB,MAAA,KAAAgB,OAAAC,MAAAC,MAEAC,YAAA,WACAC,OAAAC,iBAAA,cAAAC,gBAEAC,cAAA,WACAH,OAAAI,oBAAA,cAAAF,eACA,KAAAd,MAAAiB,WAEAC,QAAA,eAAAC,EAAA,KACAC,EAAA,KAAAZ,OAAAC,MAAAY,KACAC,EAAA,4BAAAd,OAAAC,MAAAC,KACAa,EAAA,CACAC,KAAA,KAAAhB,OAAAC,MAAAjB,MACAiC,YAAA,KAAAjB,OAAAC,MAAAgB,YACAC,aAAA,KAAAlB,OAAAC,MAAAiB,aACAL,KAAAD,GAEA,KAAArB,SAAA,EACA4B,eAAAL,EAAAC,GACAK,MAAA,SAAAC,GACA,OAAAA,EAAAC,KACA,OAAAD,EAAA/B,QAGA8B,MAAA,SAAAC,GACA,IAAAE,EAAAC,SAAAC,eAAA,wBAEAJ,EAAAK,KAAAC,SAAA,SAAAC,GACAA,EAAAC,SACAD,EAAAE,UAAA,SAAA9C,GACA,OAAA+C,yBAAAF,OAAA7C,EAAA4C,EAAAC,aAIA,IAAAG,EAAAC,KAAAC,MAAAD,KAAAE,UAAAxB,EAAAjB,eACA0C,EAAAZ,SAAAa,gBAAAC,YACAC,EAAAf,SAAAa,gBAAAG,aACAR,EAAApC,OAAAoC,EAAApC,OAAA,IAAA2C,EACAP,EAAArC,MAAAqC,EAAArC,MAAA,IAAAyC,EACAzB,EAAAnB,MAAA,IAAAiD,OAAAlB,EAAAF,EAAAW,GAEArB,EAAAnB,MAAApB,YACAsE,SAAA,WACA/B,EAAApB,SAAA,MAGAoD,QAAA,CACArC,cAAA,WACA,IAAAsC,EAAA,KACAR,EAAAZ,SAAAa,gBAAAC,YACAC,EAAAf,SAAAa,gBAAAG,aACAI,EAAAC,WAAA,WACAD,EAAApD,MAAAsD,WAAAF,EAAAlD,aAAAC,MAAA,IAAAyC,EAAAQ,EAAAlD,aAAAE,OAAA,IAAA2C,GACAK,EAAApD,MAAApB,QAAA,SC7F4W,I,wBCQxW2E,EAAY,eACd,EACA3E,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAA4D,E,6CCnBf,W","file":"js/chunk-3cf3cc47.17030ee0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cube-page',{attrs:{\"title\":_vm.area}},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{attrs:{\"id\":\"round\"}},[_c('div',{attrs:{\"id\":\"districtDistribution\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <cube-page :title=\"area\">\n    <div slot=\"content\" v-loading=\"loading\">\n      <div id=\"round\">\n        <div id=\"districtDistribution\"></div>\n      </div>\n    </div>\n  </cube-page>\n</template>\n<script>\nimport { PivotSheet } from '@antv/s2'\nimport { biData } from '@/api/cube'\nimport { ValueFormateHandler } from 'wmq-component'\nimport CubePage from '../../components/cube-page'\n\nexport default {\n  name: 'DistrictDistribution',\n  components: {\n    CubePage\n  },\n  data () {\n    return {\n      loading: true,\n      table: undefined,\n      tableOptions: {\n        width: 345,\n        height: 600,\n        style: {\n          device: 'mobile'\n        },\n        'totals': {\n          'row': {\n            'showGrandTotals': true\n          }\n        }\n      }\n    }\n  },\n  created () {\n    this.area = this.$route.query.value + this.$route.query.type\n  },\n  beforeMount () {\n    window.addEventListener('resize', this.resizeHandler)\n  },\n  beforeDestroy () {\n    window.removeEventListener('resize', this.resizeHandler)\n    this.table.destroy()\n  },\n  mounted () {\n    const yearDate = this.$route.query.year\n    const trackId = 'districtDistribution' + this.$route.query.type\n    const reqObj = {\n      city: this.$route.query.value,\n      channelType: this.$route.query.channelType,\n      productBrand: this.$route.query.productBrand,\n      year: yearDate\n    }\n    this.loading = true\n    biData(trackId, reqObj)\n      .then((res) => {\n        if (res.code === 1) {\n          return res.data\n        }\n      })\n      .then((res) => {\n        const container = document.getElementById('districtDistribution')\n\n        res.meta.forEach(item => {\n          if (item.format) {\n            item.formatter = (value) => {\n              return ValueFormateHandler.format(value, item.format)\n            }\n          }\n        })\n        const options = JSON.parse(JSON.stringify(this.tableOptions))\n        const screenWidth = document.documentElement.clientWidth\n        const screenHeight = document.documentElement.clientHeight\n        options.height = options.height / 667 * screenHeight\n        options.width = options.width / 375 * screenWidth\n        this.table = new PivotSheet(container, res, options)\n\n        this.table.render()\n      }).finally(() => {\n        this.loading = false\n      })\n  },\n  methods: {\n    resizeHandler () {\n      const self = this\n      const screenWidth = document.documentElement.clientWidth\n      const screenHeight = document.documentElement.clientHeight\n      self.$nextTick(() => {\n        self.table.changeSize(self.tableOptions.width / 375 * screenWidth, self.tableOptions.height / 667 * screenHeight)\n        self.table.render(false)\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n#round{\n   margin: 30px\n    touch-action: none\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./districtDistribution.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./districtDistribution.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./districtDistribution.vue?vue&type=template&id=6be1e775&scoped=true\"\nimport script from \"./districtDistribution.vue?vue&type=script&lang=js\"\nexport * from \"./districtDistribution.vue?vue&type=script&lang=js\"\nimport style0 from \"./districtDistribution.vue?vue&type=style&index=0&id=6be1e775&prod&lang=stylus&scoped=true\"\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  \"6be1e775\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./districtDistribution.vue?vue&type=style&index=0&id=6be1e775&prod&lang=stylus&scoped=true\""],"sourceRoot":""}