{"version":3,"sources":["webpack:///./src/pages/HouseProcessing.vue?861a","webpack:///src/pages/HouseProcessing.vue","webpack:///./src/pages/HouseProcessing.vue?0a19","webpack:///./src/pages/HouseProcessing.vue","webpack:///./src/components/CircleChargeEmpty.vue?2128","webpack:///src/components/CircleChargeEmpty.vue","webpack:///./src/components/CircleChargeEmpty.vue?5ac4","webpack:///./src/components/CircleChargeEmpty.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","_v","districts","scopedSlots","_u","key","fn","proxy","model","value","callback","$$v","selectDistrict","expression","_l","item","NM_BUILDS","PT_IMG","_s","directives","name","rawName","GN_INFO","GN_ADDR","dt_kickoff","dt_espcompletion","dt_espapply","dt_espleasing","QT_HFORM","length","tableForQuery","Math","ceil","perPage","on","scrollToTop","page","staticRenderFns","component","VAutocomplete","VBtn","VCard","VCardText","VCardTitle","VCol","VContainer","VDivider","VImg","VList","VListItem","VListItemContent","VListItemTitle","VPagination","VRow","chartOptions","series"],"mappings":"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","file":"js/chunk-5f5d4f04.8b35f80f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticStyle:{\"max-width\":\"100%\"}},[_c('v-row',{staticClass:\"ml-lg-16 mr-lg-16\"},[_c('v-col',{attrs:{\"cols\":\"6\",\"md\":\"10\"}},[_c('H1',{staticClass:\"font-weight-bold\"},[_vm._v(\"興建中列表\")])],1),_c('v-col',{attrs:{\"cols\":\"6\",\"md\":\"2\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.districts,\"item-text\":\"text\",\"item-value\":\"text\",\"placeholder\":\"請選擇行政區\",\"clearable\":\"\",\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\"},scopedSlots:_vm._u([{key:\"no-data\",fn:function(){return [_c('v-list-item',[_c('v-list-item-title',[_vm._v(\" 查無資料 \")])],1)]},proxy:true}]),model:{value:(_vm.selectDistrict),callback:function ($$v) {_vm.selectDistrict=$$v},expression:\"selectDistrict\"}})],1)],1),_c('v-divider',{staticClass:\"ml-lg-16 mr-lg-16\",staticStyle:{\"background-color\":\"#82be3a\"}}),_c('v-list',{staticStyle:{\"background-color\":\"transparent\"}},_vm._l((_vm.tableForPagination),function(item){return _c('v-list-item',{key:item.NM_BUILDS},[_c('v-list-item-content',{staticClass:\"ml-lg-16 mr-lg-16\"},[_c('v-card',{staticClass:\"elevation-0\"},[_c('v-row',{staticClass:\"ma-0\"},[_c('v-col',{staticClass:\"pa-0\",attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-card',{staticClass:\"mx-auto elevation-0\"},[_c('v-img',{attrs:{\"src\":'https://social-housing.tycg.gov.tw/login/MyWebs/Spec/ImageShow.ashx?guid=' + item.PT_IMG,\"alt\":item.NM_BUILDS,\"height\":\"250px\"}}),_c('v-card-title',{staticClass:\"pb-0\"},[_c('v-row',{staticClass:\"mx-0\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"pa-0\",attrs:{\"cols\":\"8\",\"md\":\"8\"}},[_c('H4',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(item.NM_BUILDS))])],1),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.GN_INFO),expression:\"item.GN_INFO\"}],staticClass:\"ma-0\",attrs:{\"cols\":\"4\",\"md\":\"4\"}},[_c('v-btn',{staticStyle:{\"font-size\":\"14px\",\"color\":\"#675453\",\"background-color\":\"transparent\",\"min-width\":\"80px\",\"border-color\":\"#675453\"},attrs:{\"href\":item.GN_INFO,\"target\":\"_blank\",\"outlined\":\"\",\"rounded\":\"\",\"text\":\"\"}},[_vm._v(\"社宅簡介\")])],1)],1)],1),_c('v-card-text',{staticClass:\"pt-0 pb-2\"},[_c('H3',[_vm._v(_vm._s(item.GN_ADDR))])],1),_c('v-divider',{staticClass:\"ml-4 mr-4 mt-2\",staticStyle:{\"background-color\":\"#e0e0e0\"}}),_c('v-card-text',[_c('v-row',{attrs:{\"align\":\"center\",\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"6\",\"md\":\"6\"}},[_c('H3',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.dt_kickoff(item)))])],1),_c('v-col',{attrs:{\"cols\":\"6\",\"md\":\"6\"}},[_c('H3',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.dt_espcompletion(item)))])],1)],1),_c('v-row',{attrs:{\"align\":\"center\",\"dense\":\"\"}},[_c('v-col',[_c('H3',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.dt_espapply(item)))])],1),_c('v-col',[_c('H3',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.dt_espleasing(item)))])],1)],1)],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('SemiCircleGauge',{attrs:{\"house\":item}})],1),(item.QT_HFORM.length > 2)?[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('CircleCharge',{attrs:{\"house\":item}})],1)]:[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('CircleChargeEmpty',{attrs:{\"house\":item}})],1)]],2)],1)],1)],1)}),1),_c('v-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tableForQuery.length > 0),expression:\"tableForQuery.length > 0\"}],staticClass:\"my-1\",attrs:{\"length\":Math.ceil(_vm.tableForQuery.length / _vm.perPage),\"circle\":\"\",\"color\":\"#3ea2b8\",\"retain-focus-on-click\":false},on:{\"input\":_vm.scrollToTop},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container style=\"max-width: 100%\">\r\n        <v-row class=\"ml-lg-16 mr-lg-16\">\r\n            <v-col cols=\"6\" md=\"10\"><H1 class=\"font-weight-bold\">興建中列表</H1></v-col>\r\n            <v-col cols=\"6\" md=\"2\">\r\n                <v-autocomplete v-model=\"selectDistrict\" :items=\"districts\" item-text=\"text\" item-value=\"text\" placeholder=\"請選擇行政區\" clearable outlined dense hide-details>\r\n                    <template v-slot:no-data>\r\n                        <v-list-item>\r\n                            <v-list-item-title>\r\n                                查無資料\r\n                            </v-list-item-title>\r\n                        </v-list-item>\r\n                    </template>\r\n                </v-autocomplete>\r\n            </v-col>\r\n        </v-row>\r\n\r\n        <v-divider class=\"ml-lg-16 mr-lg-16\" style=\"background-color: #82be3a\"></v-divider>\r\n\r\n        <v-list style=\"background-color: transparent\">\r\n            <v-list-item v-for=\"item in tableForPagination\" :key=\"item.NM_BUILDS\">\r\n                <v-list-item-content class=\"ml-lg-16 mr-lg-16\">\r\n                    <v-card class=\"elevation-0\">\r\n                        <v-row class=\"ma-0\">\r\n                            <v-col cols=\"12\" md=\"3\" class=\"pa-0\">\r\n                                <v-card class=\"mx-auto elevation-0\">\r\n                                    <!--<v-img src=\"https://cdn.vuetifyjs.com/images/cards/sunshine.jpg\" height=\"200px\"></v-img>-->\r\n                                    <v-img :src=\"'https://social-housing.tycg.gov.tw/login/MyWebs/Spec/ImageShow.ashx?guid=' + item.PT_IMG\" :alt=\"item.NM_BUILDS\" height=\"250px\"></v-img>\r\n\r\n                                    <v-card-title class=\"pb-0\">\r\n                                        <v-row align=\"center\" class=\"mx-0\">\r\n                                            <v-col cols=\"8\" md=\"8\" class=\"pa-0\">\r\n                                                <H4 class=\"font-weight-bold\">{{ item.NM_BUILDS }}</H4></v-col\r\n                                            >\r\n                                            <v-col cols=\"4\" md=\"4\" class=\"ma-0\" v-show=\"item.GN_INFO\">\r\n                                                <v-btn :href=\"item.GN_INFO\" target=\"_blank\" style=\"font-size: 14px;color: #675453;background-color: transparent; min-width: 80px;border-color: #675453;\" outlined rounded text>社宅簡介</v-btn>\r\n                                            </v-col>\r\n                                        </v-row>\r\n                                    </v-card-title>\r\n\r\n                                    <v-card-text class=\"pt-0 pb-2\">\r\n                                        <H3>{{ item.GN_ADDR }}</H3>\r\n                                    </v-card-text>\r\n\r\n                                    <v-divider class=\"ml-4 mr-4 mt-2\" style=\"background-color: #e0e0e0\"></v-divider>\r\n\r\n                                    <v-card-text>\r\n                                        <v-row align=\"center\" dense>\r\n                                            <v-col cols=\"6\" md=\"6\">\r\n                                                <H3 class=\"font-weight-bold\">{{ dt_kickoff(item) }}</H3>\r\n                                            </v-col>\r\n                                            <v-col cols=\"6\" md=\"6\">\r\n                                                <H3 class=\"font-weight-bold\">{{ dt_espcompletion(item) }}</H3>\r\n                                            </v-col>\r\n                                        </v-row>\r\n\r\n                                        <v-row align=\"center\" dense>\r\n                                            <v-col>\r\n                                                <H3 class=\"font-weight-bold\">{{ dt_espapply(item) }}</H3>\r\n                                            </v-col>\r\n                                            <v-col>\r\n                                                <H3 class=\"font-weight-bold\">{{ dt_espleasing(item) }}</H3>\r\n                                            </v-col>\r\n                                        </v-row>\r\n                                    </v-card-text>\r\n\r\n                                    <!--<v-card-text class=\"pt-0 pb-2\">-->\r\n                                    <!--    <v-row class=\"pt-3\">-->\r\n                                    <!--        <H4 class=\"font-weight-bold\">{{ dt_kickoff(item) }} | {{ dt_espcompletion(item) }}</H4>-->\r\n                                    <!--    </v-row>-->\r\n                                    <!--    <v-row class=\"pt-3\">-->\r\n                                    <!--        <H4 class=\"font-weight-bold\">{{ dt_espapply(item) }} | {{ dt_espleasing(item) }}</H4>-->\r\n                                    <!--    </v-row>-->\r\n                                    <!--</v-card-text>-->\r\n\r\n                                    <!--<v-card-actions>-->\r\n                                    <!--            <v-row class=\"pt-3\">-->\r\n                                    <!--                <H4 class=\"font-weight-bold\">{{dt_kickoff(item)}} | {{dt_espcompletion(item)}}</H4>-->\r\n                                    <!--            </v-row>-->\r\n                                    <!--            <v-row class=\"pt-3\">-->\r\n                                    <!--                <H4 class=\"font-weight-bold\">{{dt_espapply(item)}} | {{dt_espleasing(item)}}</H4>-->\r\n                                    <!--            </v-row>-->\r\n                                    <!--</v-card-actions>-->\r\n                                </v-card>\r\n                                <!--<v-card class=\"elevation-0\">-->\r\n                                <!--    <v-img class=\"white&#45;&#45;text align-end pl-10 pb-5\" max-height=\"450px\" max-width=\"500px\" :src=\"'https://social-housing.tycg.gov.tw/login/MyWebs/Spec/ImageShow.ashx?guid=' + item.PT_IMG\" :alt=\"item.NM_BUILDS\">-->\r\n                                <!--        <v-row class=\"pt-3\">-->\r\n                                <!--            <H1 class=\"font-weight-bold\">{{item.NM_BUILDS}}</H1>-->\r\n                                <!--        </v-row>-->\r\n                                <!--        <v-row class=\"pt-3\">-->\r\n                                <!--            <H4 class=\"font-weight-bold\">{{item.GN_ADDR}}</H4>-->\r\n                                <!--        </v-row>-->\r\n                                <!--        <v-row class=\"pt-3\">-->\r\n                                <!--            <H4 class=\"font-weight-bold\">{{dt_kickoff(item)}} | {{dt_espcompletion(item)}}</H4>-->\r\n                                <!--        </v-row>-->\r\n                                <!--        <v-row class=\"pt-3\">-->\r\n                                <!--            <H4 class=\"font-weight-bold\">{{dt_espapply(item)}} | {{dt_espleasing(item)}}</H4>-->\r\n                                <!--        </v-row>-->\r\n                                <!--    </v-img>-->\r\n                                <!--</v-card>-->\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" md=\"4\">\r\n                                <SemiCircleGauge :house=\"item\" />\r\n                            </v-col>\r\n                            <template v-if=\"item.QT_HFORM.length > 2\">\r\n                                <v-col cols=\"12\" md=\"4\">\r\n                                    <CircleCharge :house=\"item\"/>\r\n                                </v-col>\r\n                            </template>\r\n                            <template v-else>\r\n                                <v-col cols=\"12\" md=\"4\">\r\n                                    <CircleChargeEmpty :house=\"item\"/>\r\n                                </v-col>\r\n                            </template>\r\n                        </v-row>\r\n                    </v-card>\r\n                </v-list-item-content>\r\n            </v-list-item>\r\n        </v-list>\r\n\r\n        <v-pagination v-show=\"tableForQuery.length > 0\" @input=\"scrollToTop\" v-model=\"page\" :length=\"Math.ceil(tableForQuery.length / perPage)\" class=\"my-1\" circle color=\"#3ea2b8\" :retain-focus-on-click=\"false\"></v-pagination>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport ApiService        from \"@/core/services/api.service\";\r\nimport CircleCharge      from \"@/components/CircleCharge\";\r\nimport SemiCircleGauge   from \"@/components/SemiCircleGauge\";\r\nimport CircleChargeEmpty from \"@/components/CircleChargeEmpty\";\r\n\r\nexport default {\r\n    name: \"HouseProcessing\",\r\n    components: {\r\n        // eslint-disable-next-line vue/no-unused-components\r\n        SemiCircleGauge,\r\n        // eslint-disable-next-line vue/no-unused-components\r\n        CircleCharge,\r\n        CircleChargeEmpty,\r\n    },\r\n    data: () => ({\r\n        page: 1,\r\n        perPage: 5,\r\n        table: [],\r\n        tableForQuery: [],\r\n        districts: [],\r\n        selectDistrict: \"\"\r\n    }),\r\n    created() {\r\n        this.initialize();\r\n    },\r\n    mounted() {},\r\n    watch: {\r\n        selectDistrict(value) {\r\n            switch (value) {\r\n                case \"\":\r\n                case undefined:\r\n                case \"全部\":\r\n                    this.tableForQuery = this.table;\r\n                    break;\r\n                default:\r\n                    this.tableForQuery = this.table.filter(b => b.NM_TOWN === value);\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        tableForPagination() {\r\n            return this.tableForQuery.slice((this.page - 1) * this.perPage, this.page * this.perPage);\r\n        }\r\n    },\r\n    methods: {\r\n        initialize() {\r\n            ApiService.call('https://social-housing.tycg.gov.tw/login/Handler/api.ashx?json={RequestMode:\"Post\"}&proid=sql&event=DBSP_GovConstruction&data={}', \"post\", {})\r\n                .then(response => {\r\n                    // console.log(response.data);\r\n                    this.table = response.data.Table;\r\n                    this.tableForQuery = this.table.sort((a, b) => (a.DT_ESPCOMPLETION == null ? \"999\" : a.DT_ESPCOMPLETION).localeCompare(b.DT_ESPCOMPLETION));\r\n                    // this.tableForQuery = response.data.Table.sort((a, b) => a.DT_ESPCOMPLETION < b.DT_ESPCOMPLETION); // 資料裡有中文… (預計 111/06)\r\n                    // this.tableForQuery.sort((a, b) => a.DT_ESPCOMPLETION.localeCompare(b.DT_ESPCOMPLETION)).reverse();\r\n\r\n                    this.districts = Array.from(new Set(Object.values(this.table.filter(item => item.NM_TOWN != null)).map(item => item.NM_TOWN)));\r\n                    this.districts.unshift(\"全部\");\r\n                    // console.log(this.districts);\r\n                })\r\n                .catch(error => {\r\n                    console.log(error);\r\n                });\r\n        },\r\n        dt_kickoff(item) {\r\n            if (item.DT_KICKOFF) return item.DT_KICKOFF + \" 預計開工\";\r\n            else return \"暫無開工資料\";\r\n        },\r\n        dt_espcompletion(item) {\r\n            if (item.DT_ESPCOMPLETION) return item.DT_ESPCOMPLETION + \" 預計竣工\";\r\n            else return \"暫無竣工資料\";\r\n        },\r\n        dt_espapply(item) {\r\n            if (item.DT_ESPAPPLY) return item.DT_ESPAPPLY + \" 開始申請\";\r\n            else return \"暫無申請資料\";\r\n        },\r\n        dt_espleasing(item) {\r\n            if (item.DT_ESPLEASING) return item.DT_ESPLEASING + \" 預計起租\";\r\n            else return \"暫無起租資料\";\r\n        },\r\n        scrollToTop() {\r\n            window.scrollTo({\r\n                top: 0,\r\n                left: 0,\r\n                behavior: \"smooth\"\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HouseProcessing.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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HouseProcessing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HouseProcessing.vue?vue&type=template&id=1cf64eac&\"\nimport script from \"./HouseProcessing.vue?vue&type=script&lang=js&\"\nexport * from \"./HouseProcessing.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 { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAutocomplete,VBtn,VCard,VCardText,VCardTitle,VCol,VContainer,VDivider,VImg,VList,VListItem,VListItemContent,VListItemTitle,VPagination,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"elevation-0\"},[_c('v-card-title',{staticClass:\"justify-center\"},[_c('H4',{staticClass:\"font-weight-bold\"},[_vm._v(\"各房型分配數\")])],1),_c('apexchart',{attrs:{\"options\":_vm.chartOptions,\"series\":_vm.series,\"height\":\"280\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!--<v-container>-->\r\n        <v-card class=\"elevation-0\">\r\n            <v-card-title class=\"justify-center\"><H4 class=\"font-weight-bold\">各房型分配數</H4></v-card-title>\r\n            <!--<v-card-text>-->\r\n                <apexchart :options=\"chartOptions\" :series=\"series\" height=\"280\"></apexchart>\r\n            <!--</v-card-text>-->\r\n        </v-card>\r\n    <!--</v-container>-->\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name : \"CircleChargeEmpty\",\r\n    props: {\r\n        house: {}\r\n    },\r\n    data : function () {\r\n\r\n        const houseCount  = [10,10,10];\r\n        const houseLabels = ['一房型','二房型','三房型'];\r\n\r\n        return {\r\n            series      : houseCount,\r\n            chartOptions: {\r\n                labels     : houseLabels,\r\n                colors     : [\"#989898\", \"#989898\", \"#989898\"],\r\n                chart      : {\r\n                    type: \"donut\"\r\n                },\r\n                legend     : {\r\n                    show    : true,\r\n                    fontSize: '16px',\r\n                    position: 'bottom',\r\n                },\r\n                dataLabels : {\r\n                    enabled: false\r\n                },\r\n                tooltip    : {\r\n                    enabled: true,\r\n                    style  : {\r\n                        // fontSize  : \"12px\",\r\n                    },\r\n                    // eslint-disable-next-line no-unused-vars\r\n                    custom: function ({series, seriesIndex, dataPointIndex, w}) {\r\n                        var label = w.globals.labels[seriesIndex];\r\n                        // console.log(w.globals.labels[seriesIndex])\r\n                        return '<div class=\"arrow_box\" style=\"padding: 5px;\">' + \"<span>\" + label + ': 暫無資料' + \"</span>\" + \"</div>\";\r\n                    }\r\n                },\r\n                plotOptions: {\r\n                    pie: {\r\n                        customScale  : 1.05,\r\n                        expandOnClick: false,\r\n                        donut        : {\r\n                            labels: {\r\n                                show : true,\r\n                                name : {\r\n                                    show      : true,\r\n                                    fontSize  : \"22px\",\r\n                                    fontFamily: \"Helvetica, Arial, sans-serif\",\r\n                                    fontWeight: 600,\r\n                                    color     : undefined,\r\n                                    offsetY   : 10,\r\n                                    formatter : function (val) {\r\n                                        return val;\r\n                                    }\r\n                                },\r\n                                value: {\r\n                                    show      : false,\r\n                                    fontSize  : \"16px\",\r\n                                    fontFamily: \"Helvetica, Arial, sans-serif\",\r\n                                    fontWeight: 400,\r\n                                    color     : undefined,\r\n                                    offsetY   : 16,\r\n                                    formatter : function (val) {\r\n                                        return val;\r\n                                    }\r\n                                },\r\n                                total: {\r\n                                    show      : true,\r\n                                    showAlways: true,\r\n                                    label     : \"共 \" + this.house.QTY + \" 戶\",\r\n                                    fontSize  : \"18px\",\r\n                                    fontFamily: \"Helvetica, Arial, sans-serif\",\r\n                                    fontWeight: 600,\r\n                                    color     : \"#373d3f\",\r\n                                    // formatter : function (w) {\r\n                                    //     return w.globals.seriesTotals.reduce((a, b) => {\r\n                                    //         return a + b;\r\n                                    //     }, 0);\r\n                                    // }\r\n                                }\r\n                            }\r\n                        },\r\n                    }\r\n                },\r\n                noData     : {\r\n                    text         : \"目前尚無資料\",\r\n                    align        : 'center',\r\n                    verticalAlign: 'middle',\r\n                    offsetX      : 0,\r\n                    offsetY      : 0,\r\n                    style        : {\r\n                        color     : undefined,\r\n                        fontSize  : '16px',\r\n                        fontFamily: undefined\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    },\r\n    created() {},\r\n    components: {},\r\n    computed  : {},\r\n    methods   : {}\r\n};\r\n</script>\r\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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CircleChargeEmpty.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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CircleChargeEmpty.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CircleChargeEmpty.vue?vue&type=template&id=09c9ab94&\"\nimport script from \"./CircleChargeEmpty.vue?vue&type=script&lang=js&\"\nexport * from \"./CircleChargeEmpty.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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\ninstallComponents(component, {VCard,VCardTitle})\n"],"sourceRoot":""}