{"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/HouseDone.vue?cae9","webpack:///./src/components/BarChart100.vue?ab39","webpack:///src/components/BarChart100.vue","webpack:///./src/components/BarChart100.vue?3951","webpack:///./src/components/BarChart100.vue","webpack:///src/pages/HouseDone.vue","webpack:///./src/pages/HouseDone.vue?d545","webpack:///./src/pages/HouseDone.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_espapply","dt_espleasing","GN_APPINFO","tableForQuery","length","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-388de366.814c7953.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',{staticClass:\"pt-0\"},[_c('v-row',{staticClass:\"mx-0 mt-1\",attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"pa-0\",attrs:{\"cols\":\"8\",\"md\":\"8\"}},[_c('v-row',{staticClass:\"mx-0 mt-1\",attrs:{\"align\":\"center\"}},[_c('H3',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.dt_espapply(item)))])],1),_c('v-row',{staticClass:\"mx-0 mt-1\",attrs:{\"align\":\"center\"}},[_c('H3',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.dt_espleasing(item)))])],1)],1),_c('v-col',{staticClass:\"ma-0\",attrs:{\"cols\":\"4\",\"md\":\"4\"}},[_c('v-btn',{staticStyle:{\"font-size\":\"14px\",\"background-color\":\"#82be3a\",\"min-width\":\"80px\"},attrs:{\"href\":item.GN_APPINFO,\"target\":\"_blank\",\"dark\":\"\",\"outlined\":\"\",\"rounded\":\"\",\"text\":\"\"}},[_vm._v(\"我要申請\")])],1)],1)],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('CircleCharge',{attrs:{\"house\":item}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('BarChart100',{attrs:{\"house\":item}})],1)],1)],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 }","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-card class=\"elevation-0\">\r\n        <v-card-title class=\"justify-center\"><H4 class=\"font-weight-bold\">各房型出租狀況</H4></v-card-title>\r\n        <apexchart :options=\"chartOptions\" :series=\"series\" height=\"300\"></apexchart>\r\n    </v-card>\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        const houseType      = Object.keys(JSON.parse(this.house.QT_HFORM));\r\n        const houseCount     = Object.values(JSON.parse(this.house.QT_HFORM));\r\n        const houseRentCount = Object.values(JSON.parse(this.house.QT_RENT));\r\n\r\n        // for (let i = 0; i < houseType.length; i++) {\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        // console.log(houseType);\r\n\r\n        var rent = {\r\n            name: \"已租戶數\",\r\n            data: []\r\n        };\r\n\r\n        var unRent = {\r\n            name: \"未租戶數\",\r\n            data: []\r\n        };\r\n\r\n        for (let i = 0; i < houseType.length; i++) {\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\r\n            rent.data.push(data[1]);\r\n            unRent.data.push(data[2]);\r\n\r\n            houseType[i] = data;\r\n        }\r\n\r\n        // console.log(rent)\r\n        // console.log(unRent)\r\n\r\n        // eslint-disable-next-line no-unused-vars\r\n        var houseType1 = 0;\r\n        var houseType2 = 0;\r\n        // eslint-disable-next-line no-unused-vars\r\n        var houseType3 = 0;\r\n        return {\r\n            series      : [\r\n                // {\r\n                //     data: houseCount\r\n                // }\r\n                rent,\r\n                unRent\r\n            ],\r\n            chartOptions: {\r\n                labels: [],\r\n                // colors     : [\"#ffce51\", \"#3ea2b8\", \"#82be3a\"],\r\n                // colors: [\"#ffce51\", \"#3ea2b8\", \"#82be3a\"],\r\n                // eslint-disable-next-line no-unused-vars\r\n                colors     : [function ({value, seriesIndex, w}) { // ref : https://apexcharts.com/docs/options/colors/\r\n                    // console.log(value)\r\n                    houseType1++;\r\n                    if (houseType1 === 2) {\r\n                        return '#ffce51';\r\n                    }else if(houseType1 === 3){\r\n                        houseType1 = 0;\r\n                        return '#c4c4c4';\r\n                    }\r\n                    // eslint-disable-next-line no-unused-vars\r\n                }, function ({value, seriesIndex, w}) {\r\n                    // console.log(unRent.data[seriesIndex])\r\n                    // if (value < 55) {\r\n                    //     return '#50af36'\r\n                    // } else {\r\n                    //     return '#4f66d9'\r\n                    // }\r\n                    // console.log(value)\r\n                    houseType2++;\r\n                    if (houseType2 === 2) {\r\n                        return '#3ea2b8';\r\n                    }else if(houseType2 === 3){\r\n                        houseType2 = 0;\r\n                        return '#c4c4c4';\r\n                    }\r\n                    // eslint-disable-next-line no-unused-vars\r\n                }, function ({value, seriesIndex, w}) {\r\n                    // console.log(value)\r\n                    // if (value < 55) {\r\n                    //     return '#50af36'\r\n                    // } else {\r\n                    //     return '#4f66d9'\r\n                    // }\r\n                    houseType3++;\r\n                    if (houseType3 === 1) {\r\n                        return '#82be3a';\r\n                    }else if(houseType3 === 2){\r\n                        houseType3 = 0;\r\n                        return '#c4c4c4';\r\n                    }\r\n                }],\r\n                chart      : {\r\n                    type   : \"bar\",\r\n                    stacked: true,\r\n                    // stackType: '100%',\r\n                    toolbar: {\r\n                        show: false\r\n                    }\r\n                },\r\n                states: {\r\n                    hover: {\r\n                        filter: {\r\n                            type: 'none',\r\n                        }\r\n                    },\r\n                },\r\n                plotOptions: {\r\n                    bar: {\r\n                        horizontal : true,\r\n                        distributed: true,\r\n                        // dataLabels: {\r\n                        //     position: 'top', // top, center, bottom\r\n                        // },\r\n                        // rangeBarGroupRows:true,\r\n                        // colors: {\r\n                        //     ranges: [\r\n                        //         {\r\n                        //             from: 1,\r\n                        //             to: 10,\r\n                        //             color: \"#ff518e\"\r\n                        //         },\r\n                        //         {\r\n                        //             from: 100,\r\n                        //             to: 200,\r\n                        //             color: \"#bebebe\"\r\n                        //         }\r\n                        //     ],\r\n                        //     backgroundBarColors: [],\r\n                        //     backgroundBarOpacity: 1,\r\n                        //     backgroundBarRadius: 0\r\n                        // }\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    : {\r\n                    // 滑鼠移到圖表上顯示的資訊 (相當於 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 data = w.globals.labels[dataPointIndex];\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!./BarChart100.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!./BarChart100.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarChart100.vue?vue&type=template&id=49a6d3ca&\"\nimport script from \"./BarChart100.vue?vue&type=script&lang=js&\"\nexport * from \"./BarChart100.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","<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-toolbar 是用來測試固定 HEADER 的-->\r\n        <!--<v-toolbar style=\"position: fixed;z-index: 9999;width: 85%\" flat  class=\"ml-lg-16 mr-lg-16\">-->\r\n        <!--    <v-row class=\"\">-->\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        <!--</v-toolbar>-->\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-title class=\"pb-0\">-->\r\n                                    <!--    <H4 class=\"font-weight-bold\">{{ item.NM_BUILDS }}</H4>-->\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 class=\"pt-0\">\r\n                                        <v-row align=\"center\" class=\"mx-0 mt-1\">\r\n                                            <v-col cols=\"8\" md=\"8\" class=\"pa-0\">\r\n                                                <v-row align=\"center\" class=\"mx-0 mt-1\">\r\n                                                    <H3 class=\"font-weight-bold\">{{dt_espapply(item)}}</H3></v-row>\r\n                                                <v-row align=\"center\" class=\"mx-0 mt-1\">\r\n                                                    <H3 class=\"font-weight-bold\">{{dt_espleasing(item)}}</H3></v-row>\r\n\r\n                                            </v-col>\r\n                                            <v-col cols=\"4\" md=\"4\" class=\"ma-0\">\r\n                                                <v-btn :href=\"item.GN_APPINFO\" target=\"_blank\" dark style=\"font-size: 14px;background-color: #82be3a; min-width: 80px;\" outlined rounded text>我要申請</v-btn>\r\n                                            </v-col>\r\n\r\n                                        </v-row>\r\n                                    </v-card-text>\r\n                                </v-card>\r\n\r\n                                <!--<v-card class=\"elevation-0\" max-height=\"450px\" max-width=\"500px\">-->\r\n                                <!--    <v-img class=\"white--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=\"ext-xl-h4 text-sm-body-h1\">{{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\" justify=\"center\">-->\r\n                                <!--            <v-col cols=\"6\" md=\"6\" style=\"text-align: center;\">-->\r\n                                <!--                <v-btn :href=\"item.GN_APPINFO\" target=\"_blank\" dark style=\"background-color: #82be3a; min-width: 100px;\" outlined rounded text>我要申請</v-btn>-->\r\n                                <!--            </v-col>-->\r\n                                <!--            <v-col cols=\"6\" md=\"6\">-->\r\n                                <!--                <v-btn :href=\"item.GN_INFO\" target=\"_blank\" dark style=\"background-color: transparent; min-width: 100px;border-color: white;\" outlined rounded text>社宅簡介</v-btn>-->\r\n                                <!--            </v-col>-->\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                                <CircleCharge :house=\"item\"/>\r\n                            </v-col>\r\n                            <v-col cols=\"12\" md=\"4\">\r\n                                <BarChart100 :house=\"item\"/>\r\n                            </v-col>\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 BarChart100     from \"@/components/BarChart100\";\r\n\r\nexport default {\r\n    name: \"HouseDone\",\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        BarChart100,\r\n        // eslint-disable-next-line vue/no-unused-components\r\n        BarChart\r\n    },\r\n    data: () => ({\r\n        // benched: 0,\r\n        page: 1,\r\n        perPage: 5,\r\n        table: [],\r\n        tableForQuery: [],\r\n        districts: [],\r\n        selectDistrict: \"\",\r\n        colors: [\"#82be3a\", \"#3ea2b8\", \"#ffce51\"]\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_GovCompletion&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\r\n                        .filter(t => t.DT_ESPAPPLY !== null)\r\n                        .sort((a, b) => a.DT_ESPAPPLY.localeCompare(b.DT_ESPAPPLY))\r\n                        .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!./HouseDone.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!./HouseDone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HouseDone.vue?vue&type=template&id=59414534&\"\nimport script from \"./HouseDone.vue?vue&type=script&lang=js&\"\nexport * from \"./HouseDone.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"],"sourceRoot":""}