{"version":3,"sources":["webpack:///./src/components/BarChart.vue?ee71","webpack:///src/components/BarChart.vue","webpack:///./src/components/BarChart.vue?7575","webpack:///./src/components/BarChart.vue","webpack:///./src/pages/HousePlain.vue?479b","webpack:///src/pages/HousePlain.vue","webpack:///./src/pages/HousePlain.vue?5b5d","webpack:///./src/pages/HousePlain.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","staticClass","_v","attrs","chartOptions","series","staticRenderFns","component","VCard","VCardTitle","staticStyle","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","VAutocomplete","VBtn","VCardText","VCol","VContainer","VDivider","VImg","VList","VListItem","VListItemContent","VListItemTitle","VPagination","VRow"],"mappings":"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","file":"js/chunk-3b2765b8.d596849e.js","sourcesContent":["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\":\"300\"}})],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=\"300\"></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 : \"BarChart\",\r\n    props: {\r\n        house: {}\r\n    },\r\n    data : function () {\r\n        // eslint-disable-next-line no-unused-vars\r\n        const houseType      = Object.keys(JSON.parse(this.house.QT_HFORM)).reverse();\r\n        const houseCount     = Object.values(JSON.parse(this.house.QT_HFORM)).reverse();\r\n        // eslint-disable-next-line no-unused-vars\r\n        const houseRentCount = Object.values(JSON.parse(this.house.QT_RENT));\r\n\r\n        // console.log(houseType)\r\n\r\n        // eslint-disable-next-line no-unused-vars\r\n        // houseType.forEach((item) => {\r\n        //     // console.log(this.house.QT_RENT['一房型'])\r\n        //     item = item + \"aaa\";\r\n        // });\r\n\r\n        for (let i = 0; i < houseType.length; i++) {\r\n            // houseType[i] = \"已租戶數 :\" + houseRentCount[i] + \"\";\r\n\r\n            var data     = [3];\r\n            data[0]      = houseType[i];\r\n            data[1]      = (houseRentCount[i]? houseRentCount[i] : 0);\r\n            data[2]      = houseCount[i] - data[1];\r\n            houseType[i] = data;\r\n        }\r\n\r\n        // const houseRemainCount = Object.values(JSON.parse(this.house.QT_RENT));\r\n        //\r\n        // var newData;\r\n        // // eslint-disable-next-line no-unused-vars\r\n        // houseType.forEach((item, index) => {\r\n        //     newData.push({x: [item.NM_BUILDS, orig_dt_kickoff, orig_dt_espcompletion], y: [new Date(item.DT_KICKOFF).getTime(), new Date(item.DT_ESPCOMPLETION).getTime()], fillColor: this.colors[index]});\r\n        // });\r\n\r\n        // console.log(this.house)\r\n\r\n        return {\r\n            series      : [\r\n                {\r\n                    data: houseCount\r\n                }\r\n            ],\r\n            chartOptions: {\r\n                labels     : [],\r\n                colors     : [\"#ffce51\", \"#3ea2b8\", \"#82be3a\"],\r\n                chart      : {\r\n                    type: 'bar',\r\n                    // offsetY: -25,\r\n                    toolbar: {\r\n                        show: false,\r\n                    }\r\n                },\r\n                plotOptions: {\r\n                    bar: {\r\n                        horizontal : true,\r\n                        distributed: true,\r\n                    }\r\n                },\r\n                legend     : {\r\n                    show: false,\r\n                },\r\n                dataLabels : {\r\n                    offsetY    : 10,\r\n                    enabled    : true,\r\n                    distributed: false,\r\n                    // eslint-disable-next-line no-unused-vars\r\n                    formatter: function (val, opts) {\r\n                        return val\r\n                    },\r\n                    style    : {\r\n                        color     : undefined,\r\n                        fontSize  : '16px',\r\n                        fontFamily: undefined\r\n                    }\r\n                },\r\n                tooltip    : { // 滑鼠移到圖表上顯示的資訊 (相當於 HOVER 效果)\r\n                    enabled: true,\r\n                    style  : {\r\n                        fontSize  : \"16px\",\r\n                        fontFamily: undefined\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[dataPointIndex];\r\n                        var data = w.globals.labels[dataPointIndex];\r\n                        // console.log(data)\r\n                        // return '<div class=\"arrow_box\" style=\"padding: 10px;\">' + \"<span>\" + data[0] + \":\" + data[1] + \"~\" + data[2] + \"</span>\" + \"</div>\";\r\n                        return '<div class=\"arrow_box\" style=\"padding: 10px;\">' + \"<span> 已租戶數 \" + data[1] + \"</span><br><br>\" + \"<span> 未租戶數 \" + data[2] + \"</div>\";\r\n                    }\r\n                },\r\n                xaxis      : {\r\n                    categories: houseType,\r\n                    title     : {\r\n                        text   : \"數量\",\r\n                        offsetX: 0,\r\n                        offsetY: 0,\r\n                        style  : {\r\n                            fontSize: '13px',\r\n                        },\r\n                    },\r\n                },\r\n                yaxis      : {\r\n                    labels: {\r\n                        show     : true,\r\n                        formatter: (value) => {\r\n                            return value[0];\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        // console.log(this.house);\r\n    },\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!./BarChart.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!./BarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarChart.vue?vue&type=template&id=7cc7af26&\"\nimport script from \"./BarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./BarChart.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","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),(item.QT_HFORM.length > 2)?[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('CircleCharge',{attrs:{\"house\":item}})],1)]:[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_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://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                                            <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                                </v-card>\r\n                            </v-col>\r\n                            <template v-if=\"item.QT_HFORM.length > 2\">\r\n                                <v-col cols=\"12\" md=\"8\">\r\n                                    <CircleCharge :house=\"item\"/>\r\n                                </v-col>\r\n                                <!--<v-col cols=\"12\" md=\"4\">-->\r\n                                <!--    <BarChart :house=\"item\"/>-->\r\n                                <!--</v-col>-->\r\n                            </template>\r\n                            <template v-else>\r\n                                <!--<v-col cols=\"12\" md=\"8\" align=\"center\" class=\"mt-16 pt-16\">-->\r\n                                <!--    <H1 class=\"font-weight-bold\" style=\"color: #c4c4c4; font-family: NotoSansTC-Medium;size: 38px;\">COMING SOON</H1>-->\r\n                                <!--    <br>-->\r\n                                <!--    <H4 class=\"font-weight-bold\" style=\"color: #545454; font-family: NotoSansTC-Regular;size: 18px;\">尚未建立相關資訊，敬請期待</H4>-->\r\n                                <!--</v-col>-->\r\n\r\n                                <v-col cols=\"12\" md=\"8\">\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 BarChart          from \"@/components/BarChart\";\r\nimport CircleChargeEmpty from \"@/components/CircleChargeEmpty\";\r\n\r\nexport default {\r\n    name      : \"HousePlain\",\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        // eslint-disable-next-line vue/no-unused-components\r\n        BarChart,\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_GovPlanning&data={}', \"post\", {}).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\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            }).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!./HousePlain.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!./HousePlain.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HousePlain.vue?vue&type=template&id=04528d3e&\"\nimport script from \"./HousePlain.vue?vue&type=script&lang=js&\"\nexport * from \"./HousePlain.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":""}