{"version":3,"sources":["webpack:///./src/assets/images/all/icon_location_orange.svg","webpack:///../../../src/components/VDataTable/VSimpleTable.ts","webpack:///src/views/console/Console_test.vue","webpack:///./src/assets/images/all/icon_location_epa.svg","webpack:///./src/assets/images/all/icon_location.svg","webpack:///./src/assets/images/all/icon_location_darkred.svg","webpack:///./src/views/console/Console_test.vue?0aa1","webpack:///./src/views/console/Console_test.vue?9502","webpack:///./src/views/console/Console_test.vue","webpack:///./src/assets/images/all/icon_location_red.svg","webpack:///./src/assets/images/all/icon_location_purple.svg","webpack:///./src/assets/images/all/icon_location_yellow.svg"],"names":["module","exports","mixins","Themeable","extend","name","props","dense","Boolean","fixedHeader","height","Number","String","computed","classes","this","$slots","top","bottom","themeClasses","methods","genWrapper","wrapper","$createElement","staticClass","style","convertToUnit","default","render","h","class","windGloballayerGroup","dataArry","pmtwo_val","co_val","humi_val","markers","showStationSingleData","currAry","pmtwo_color","$","pmten_val","pmten_color","temp_val","temp_color","tvoc_val","tvoc_color","co_color","co2_val","co2_color","humi_color","nh3_val","nh3_color","h2s_val","h2s_color","o3_val","o3_color","no2_val","no2_color","data","station_id","datetime1","datetime2","events","evelist","drawWindRoseChart","tt_station","tooltip","trigger","textStyle","color","angleAxis","type","boundaryGap","axisTick","show","splitLine","lineStyle","axisLabel","interval","radiusAxis","min","max","axisLine","polar","series","coordinateSystem","stack","legend","width","myChart","drawHighChart","stationId","cal_newArry","cal_newArry2","stime","etime","station","axios","data1","data3","data6","data7","Highcharts","chart","scrollablePlotArea","minWidth","zoomType","resetZoomButton","position","align","verticalAlign","x","y","theme","fill","stroke","r","states","hover","title","text","yAxis","labels","formatter","fontSize","xAxis","borderWidth","shared","crosshairs","plotOptions","cursor","className","marker","lineWidth","fetchRecords","item","markerFunction","id","mounted","map","setView","maxZoom","L","bindPopup","openPopup","overLatlng","overRadius","lengthUnit","display","decimal","factor","label","angleUnit","baselayers","epalayerGroup","windcwblayerGroup","markerlayerGroup","options","iconSize","iconAnchor","popupAnchor","iconUrl","redIcon","yellowIcon","orangeIcon","purpleIcon","darkredIcon","epaIcon","limit","iconType","icon","addTo","self","i","lat_cul","lon_cul","patterns","offset","repeat","symbol","pixelSize","polygon","pathOptions","decorator","polyline","epa_marker","console","displayValues","displayOptions","velocityType","emptyString","velocityScale","maxVelocity","colorScale","_vm","_h","_c","_self","attrs","_v","staticStyle","_s","scopedSlots","_u","key","fn","_l","index","on","$event","device","kind","maxval","proxy","staticRenderFns","component","VBtn","VCol","VRow","VSimpleTable"],"mappings":"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","file":"js/chunk-3dc04dcf.6001021f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/icon_location_orange.e7e73b25.svg\";","import './VSimpleTable.sass'\n\nimport { convertToUnit } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || this.$createElement('div', {\n        staticClass: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', this.$slots.default),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n","<template>\r\n    <v-row>\r\n\r\n \r\n\r\n        <v-col cols=\"12\" lg=\"8\" xl=\"8\">\r\n            <div class=\"normal-card bg-contcolor\">\r\n                <div class=\"detail-item\">\r\n                    <div class=\"leaflet-area pos-relative\">\r\n                        <div id=\"leafletmap\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"normal-card highchart-width-wrapper bg-contcolor\">\r\n                <div class=\"hint-txt\">資料量大，請耐心等候</div>\r\n                <div class=\"results-area mt-5\">\r\n                    <div class=\"loading-area\">\r\n                        <div class=\"lds-roller\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>\r\n                    </div>\r\n                    <div id=\"hichart-container\" class=\"hichart-container\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"normal-card wind-width-wrapper bg-contcolor\">\r\n                <div class=\"hint-txt\">資料量大，請耐心等候</div>\r\n                <div class=\"loading-area\">\r\n                    <div class=\"lds-roller\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>\r\n                </div>\r\n                <div class=\"echartbja-chart echartWindRose-chart\" id=\"echartWindRose-chart\"></div>\r\n\r\n                <div id=\"chart\" style=\"width: 600px;height:600px;\"></div>\r\n\r\n            </div>\r\n        </v-col>\r\n        <v-col cols=\"12\" lg=\"4\" xl=\"4\">\r\n            <div class=\"normal-card bg-contcolor\">\r\n                <h2 class=\"m-title\">\r\n                    <div class=\"txt\">\r\n                        <span class=\"me-2\">感測數值</span>\r\n                        <span class=\"txt-yellow subtxt\">[{{station_id}}]</span>\r\n                    </div> \r\n                    <div class=\"btn-area\">\r\n                        <v-btn color=\"primary\">事件簿</v-btn>\r\n                    </div>\r\n                </h2>\r\n                <v-row class=\"rt-list\">\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item pmtwo_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">PM<sub>2.5</sub></div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item pmten_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">PM10</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item co_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">CO</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item co2_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">CO2</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item tvoc_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">TVOC</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item no2_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">NO2</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item o3_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">O3</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item temp_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">溫度</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item humi_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">濕度</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item nh3_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">NH3</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"12\" md=\"6\" class=\"item-wrapper\">\r\n                        <div class=\"item h2s_item\">\r\n                            <div class=\"mlt\">\r\n                                <div class=\"dot\"></div>\r\n                                <div class=\"title\">H2S</div>\r\n                            </div>\r\n                            <div class=\"mlt\">\r\n                                <div class=\"cont\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </v-col>\r\n                    \r\n\r\n                </v-row>  \r\n            </div><!-- /.normal-card -->\r\n            <!--<v-card class=\"normal-card no-pa\">\r\n                <h2 class=\"m-title pa-md-6 pa-2 mb-0\">\r\n                    <div class=\"txt\">\r\n                        可疑污染源\r\n                        <div class=\"ala-txt\">\r\n                            鄰近測站為龍井，當前風向為44°，風速為5.7\r\n                        </div> \r\n                    </div> \r\n                </h2>\r\n\r\n                <v-simple-table class=\"scroll-auto\">\r\n                    <template v-slot:default>\r\n                    <thead>\r\n                        <tr>\r\n                            <th>\r\n                                名稱\r\n                            </th>\r\n                            <th class=\"text-center\">\r\n                                類型\r\n                            </th>\r\n                            <th class=\"text-center\">\r\n                                距離\r\n                            </th>\r\n                            <th class=\"text-center\">\r\n                                上風處\r\n                            </th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>正佳珍食品股份有限公司</td>\r\n                            <td class=\"text-center\">\r\n                                鍋爐蒸氣產生程序\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                2.09\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                是\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                    </template>\r\n                </v-simple-table>\r\n\r\n            </v-card>--><!-- /.normal-card -->\r\n            <div class=\"normal-card bg-contcolor\">\r\n                <h2 class=\"m-title\">\r\n                    <div class=\"txt\">\r\n                        可疑污染源測站資料\r\n                    </div>\r\n                </h2>\r\n\r\n\r\n                <v-simple-table class=\"scroll-auto\">\r\n                    <template v-slot:default>\r\n                    <thead>\r\n                        <tr>\r\n                            <th class=\"text-center\">#</th>\r\n                            <th class=\"text-center\"><div class=\"w-1\">污染類型</div></th>\r\n                            <th class=\"text-center\"><div class=\"w-1\">污染最大值</div></th>\r\n                            <th class=\"text-center\"><div class=\"w-1\">開始時間</div></th>\r\n                            <th class=\"text-center\"><div class=\"w-1\">處理人</div></th>\r\n                            <th class=\"text-center\"><div class=\"w-1\">處理狀況</div></th>\r\n                            <th class=\"text-center\"><div class=\"w-1\">結束時間</div></th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr v-for=\"(item, index) in events.evelist\" :key=\"index\" @click=\"fetchRecords(item)\">\r\n                            <td class=\"text-center\">{{item.device}}</td>\r\n                            <td class=\"text-center\">{{item.kind}}</td>\r\n                            <td class=\"text-center\">{{item.maxval}}</td>\r\n                            <td class=\"text-center\">{{item.stime}}</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">{{item.etime}}</td>\r\n                        </tr>\r\n                    </tbody>\r\n                    </template>\r\n                </v-simple-table>\r\n            </div><!-- /.normal-card -->\r\n            \r\n        </v-col>\r\n    </v-row>  \r\n</template>\r\n<script>\r\n\r\nimport locationIcon from '@/assets/images/all/icon_location.svg';\r\nimport locationIcon_red from '@/assets/images/all/icon_location_red.svg';\r\nimport locationIcon_yellow from '@/assets/images/all/icon_location_yellow.svg';\r\nimport locationIcon_orange from '@/assets/images/all/icon_location_orange.svg';\r\nimport locationIcon_purple from '@/assets/images/all/icon_location_purple.svg';\r\nimport locationIcon_darkred from '@/assets/images/all/icon_location_darkred.svg';\r\nimport locationIcon_epa from '@/assets/images/all/icon_location_epa.svg';\r\nimport axios from 'axios';\r\nimport config from '@/config.js';\r\n\r\nvar dataArry=[];\r\n\r\nvar pmtwo_val=\"\",pmtwo_color=\"\",temp_val=\"\",temp_color=\"\",tvoc_val=\"\",tvoc_color=\"\",pmten_val=\"\",pmten_color=\"\";\r\nvar co_val=\"\",co_color=\"\",co2_val=\"\",co2_color=\"\",no2_val=\"\",no2_color=\"\",o3_val=\"\",o3_color=\"\";\r\nvar humi_val=\"\",humi_color=\"\",nh3_val=\"\",nh3_color=\"\",h2s_val=\"\",h2s_color=\"\";\r\n\r\nvar newStationWindRoseChart = null;\r\nvar cal_newArry=[],cal_newArry2=[];\r\nvar markers=[];\r\nvar windGloballayerGroup;\r\nexport default{\r\n    name: 'Console',\r\n    data: () => ({\r\n        station_id:\"TC0008\",\r\n        datetime1:\"\",\r\n        datetime2:\"\",\r\n        events:{\r\n            evelist:[]\r\n        }\r\n        /*pmtwo:{\r\n            val:\"\",\r\n            color:\"gray\",\r\n        }*/\r\n\r\n    }),\r\n    methods:{\r\n        drawWindRoseChart(tt_station){\r\n\r\n            var myChart = echarts.init(document.getElementById('chart'));\r\n\r\n            var legendName = [\r\n             \"< 15.5 m/s\",\r\n            \"15.5-35.5 m/s\",\r\n            \"35.5-54.5 m/s\",\r\n            \"54.5-150.5 m/s\",\r\n            \"150.5-250.5 m/s\",\r\n            \"> 250 m/s\"\r\n            ]\r\n            \r\n            var option = {\r\n            tooltip: {\r\n                trigger: 'item',\r\n                textStyle: {\r\n                    color: '#000'\r\n                }\r\n            },\r\n            textStyle:{\r\n                color: '#fff'\r\n            },\r\n            color: [\"#0001F7\", \"#00B8FE\", \"#00FFFF\", \"#00FF68\", \"#BEFE00\", \"#FFFF00\"],\r\n            angleAxis: {\r\n                type: 'category',\r\n                data: [\"北\", \"北东北\", \"东北\", \"东东北\", \"东\", \"东东南\", \"东南\", \"南东南\", \"南\", \"南西南\", \"西南\", \"西西南\", \"西\", \"西西北\", \"西北\", \"北西北\"],\r\n                boundaryGap: false, //标签和数据点都会在两个刻度之间的带(band)中间\r\n                axisTick: {\r\n                show: false //是否显示坐标轴刻度\r\n                },\r\n                splitLine: {\r\n                show: true,\r\n                lineStyle: {\r\n                    // color:\"black\"\r\n                },\r\n                },\r\n                axisLabel: {\r\n                show: true,\r\n                interval: 1, //坐标轴刻度标签的显示间隔，在类目轴中有效\r\n                },\r\n            },\r\n            radiusAxis: {\r\n                min: 0,\r\n                max: 50,\r\n                axisLabel: {\r\n                show: false\r\n                },\r\n                axisTick: {\r\n                show: false //是否显示坐标轴刻度\r\n                },\r\n                axisLine: {\r\n                show: false //是否显示坐标轴轴线\r\n                }\r\n            },\r\n            polar: {},\r\n            series: [{\r\n                type: 'bar',\r\n                data: [17, 2, 3, 4,\r\n                2, 3, 4, 6,\r\n                1, 6, 3, 4,\r\n                2, 3, 4, 6,\r\n                 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4,\r\n                ],\r\n                coordinateSystem: 'polar',\r\n                name: legendName[0],\r\n                stack: 'a'\r\n            }, {\r\n                type: 'bar',\r\n                data: [7, 1, 1, 2,\r\n                2, 3, 4, 6,\r\n                1, 2, 3, 2,\r\n                2, 3, 4, 6,\r\n                 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4,\r\n                ],\r\n                coordinateSystem: 'polar',\r\n                name: legendName[1],\r\n                stack: 'a'\r\n            }, {\r\n                type: 'bar',\r\n                data: [10, 12, 13, 4,\r\n                2, 13, 14, 26,\r\n                11, 12, 23, 34,\r\n                12, 33, 34, 32,\r\n                 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4,\r\n                ],\r\n                coordinateSystem: 'polar',\r\n                name: legendName[2],\r\n                stack: 'a'\r\n            }, {\r\n                type: 'bar',\r\n                data: [10, 2, 13, 2,\r\n                2, 3, 4, 6,\r\n                1, 2, 3, 2,\r\n                2, 3, 4, 6,\r\n                 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4,\r\n                ],\r\n                coordinateSystem: 'polar',\r\n                name: legendName[3],\r\n                stack: 'a'\r\n            }, {\r\n                type: 'bar',\r\n                data: [10, 2, 13, 4,\r\n                2, 3, 4, 6,\r\n                1, 2, 3, 4,\r\n                1, 2, 3, 1,\r\n                 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4,\r\n                ],\r\n                coordinateSystem: 'polar',\r\n                name: legendName[4],\r\n                stack: 'a'\r\n            }, {\r\n                type: 'bar',\r\n                data: [10, 2, 13, 2,\r\n                2, 3, 4, 6,\r\n                1, 2, 3, 2,\r\n                1, 2, 3, 1,\r\n                 1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4,\r\n                ],\r\n                coordinateSystem: 'polar',\r\n                name: legendName[5],\r\n                stack: 'a'\r\n            }],\r\n            legend: {\r\n                show: true,\r\n                data: legendName,\r\n                textStyle:{\r\n                    color:'#fff'\r\n                },\r\n                width: 500, //根据宽度调整换行\r\n            }\r\n            };\r\n\r\n            myChart.setOption(option);\r\n        },\r\n\r\n        drawHighChart(stationId){\r\n            $(\".highchart-width-wrapper .loading-area\").show();\r\n            $(\".highchart-width-wrapper .hint-txt\").text(\"資料量大，請耐心等候\");\r\n            cal_newArry=[];\r\n            cal_newArry2=[];\r\n\r\n            //時間抓 3小時前\r\n            var date1 = new Date();\r\n            //var date2_calc = date1.getTime() - 3*60*60*1000; //3小時前\r\n            var date2_calc = date1.getTime() - 1*60*60*1000; //1小時前\r\n            var date2 = new Date(date2_calc);\r\n\r\n            var sTime = date2;\r\n            var eTime = date1;\r\n            var s_time = sTime.getFullYear() + '-' + (sTime.getMonth() + 1) + '-' + sTime.getDate() + ' ' + sTime.getHours() + ':' + sTime.getMinutes() + ':' + sTime.getSeconds();\r\n            var e_time = eTime.getFullYear() + '-' + (eTime.getMonth() + 1) + '-' + eTime.getDate() + ' ' + eTime.getHours() + ':' + eTime.getMinutes() + ':' + eTime.getSeconds();\r\n            var station_str = stationId;\r\n\r\n//2022-8-10 08:45\r\n//2022-8-10 11:45\r\n\r\n            const apiurl_envSingleRec=config.geturl(config.API.env_single_records,{stime:s_time,etime:e_time,station:station_str});\r\n            //const apiurl_envSingleRec=config.geturl(config.API.env_on_single_records,{stime:\"2022-8-10 08:45\",etime:\"2022-8-10 09:45\",station:station_str});\r\n            //const apiurl_envSingleRec=config.geturl(config.API.env_on_single_records,{stime:\"2022-6-7 08:45\",etime:\"2022-6-10 09:45\",station:station_str});\r\n            axios.get(apiurl_envSingleRec).then(response => {\r\n                if(response.data != \"\"){\r\n                    var arry=response.data;\r\n\r\n                    var unit = \"minute\";\r\n                    var oridate=\"\";\r\n                    //先整理日期資料\r\n                        // for (var i = 0; i < arry.length; i++){\r\n                        //     //oriID=\"\";\r\n                        //     var date_spe=arry[i][\"time\"].split('/');\r\n                        //     var date_spe2=date_spe[2].split(' ');\r\n                        //     var date_spe3=date_spe2[1].split(':');\r\n                        //     if(unit == \"date\"){\r\n                        //         oridate = date_spe[0] + \"/\" + date_spe[1] + \"/\" + date_spe2[0];\r\n                        //     }else if(unit == \"hour\"){\r\n                        //         oridate = date_spe[0] + \"/\" + date_spe[1] + \"/\" + date_spe2[0] + \" \" + date_spe3[0];\r\n                        //     }else if(unit == \"minute\"){\r\n                        //         oridate = date_spe[0] + \"/\" + date_spe[1] + \"/\" + date_spe2[0] + \" \" + date_spe3[0] + \" \" + date_spe3[1];\r\n                        //     }\r\n                            \r\n                        //     cal_newArry.push({\r\n                        //         temp:arry[i][\"temp\"],\r\n                        //         hum:arry[i][\"hum\"],\r\n                        //         pm25:arry[i][\"pm25\"],\r\n                        //         tvoc:arry[i][\"tvoc\"],\r\n                        //         time:oridate\r\n                        //     });\r\n                        // }\r\n\r\n                        // //重組\r\n                        // var temp_val=0,hum_val=0,pm25_val=0,tvoc_val=0;\r\n                        // var jary=0;\r\n                        // //var pu_val=0;\r\n                        // //重組相同日期\r\n                        // for(var a=0;a < cal_newArry.length;a++){\r\n                        //     var next_date= cal_newArry[a][\"date\"];\r\n                        //     if((a+1) < cal_newArry.length){\r\n                        //         next_date = cal_newArry[a+1][\"date\"];\r\n                        //     }\r\n                        //     if(cal_newArry[a][\"date\"] == next_date && (a+1) < cal_newArry.length){\r\n                        //         temp_val += parseFloat(cal_newArry[a][\"temp\"]);\r\n                        //         hum_val += parseFloat(cal_newArry[a][\"hum\"]);\r\n                        //         pm25_val += parseFloat(cal_newArry[a][\"pm25\"]);\r\n                        //         tvoc_val += parseFloat(cal_newArry[a][\"tvoc\"]);\r\n                        //         jary++;\r\n                        //     }else{\r\n                        //         //自己這筆也要加\r\n\r\n                        //         temp_val += parseFloat(cal_newArry[a][\"temp\"]);\r\n                        //         hum_val += parseFloat(cal_newArry[a][\"hum\"]);\r\n                        //         pm25_val += parseFloat(cal_newArry[a][\"pm25\"]);\r\n                        //         tvoc_val += parseFloat(cal_newArry[a][\"tvoc\"]);\r\n                        //         jary++;\r\n                        //         cal_newArry2.push({\r\n                        //             temp:Math.round(temp_val * 100/jary) / 100,\r\n                        //             hum:Math.round(hum_val * 100/jary) / 100,\r\n                        //             pm25:Math.round(pm25_val * 100/jary) / 100,\r\n                        //             tvoc:Math.round(tvoc_val * 100/jary) / 100,\r\n                        //             time:cal_newArry[a][\"date\"]\r\n                        //         });\r\n                        //         temp_val=0;\r\n                        //         hum_val=0;\r\n                        //         pm25_val=0;\r\n                        //         tvoc_val=0;\r\n                        //         jary=0;\r\n                        //     }\r\n                        // }\r\n\r\n\r\n                    var data1=[],data2=[],data3=[],data4=[],data5=[],data6=[],data7=[];\r\n                    $.each(arry,function(index,item){\r\n                        data1.push(parseFloat(item.pm25));\r\n                        data3.push(parseFloat(item.tvoc));\r\n                        data6.push(parseFloat(item.temp));\r\n                        data7.push(parseFloat(item.hum));\r\n                    });\r\n\r\n                    Highcharts.chart('hichart-container', {\r\n\r\n                        chart: {\r\n                            scrollablePlotArea: {\r\n                                minWidth: 700\r\n                            },\r\n                            zoomType: 'xy',\r\n                            resetZoomButton: {\r\n                                // 按钮定位\r\n                                position:{\r\n                                    align: 'right', // by default\r\n                                    verticalAlign: 'top', // by default\r\n                                    x: 0,\r\n                                    y: -30\r\n                                },\r\n                                // 按钮样式\r\n                                theme: {\r\n                                    fill: 'white',\r\n                                    stroke: 'silver',\r\n                                    r: 0,\r\n                                    states: {\r\n                                        hover: {\r\n                                            fill: '#41739D',\r\n                                            style: {\r\n                                                color: 'white'\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        },\r\n                        title: {\r\n                            text: '交叉分析'\r\n                        },\r\n                        yAxis: [\r\n                            {\r\n                                title: {\r\n                                    text: null\r\n                                },\r\n                                labels: {\r\n                                    formatter: function () {\r\n                                        var label = this.value;\r\n                                        return label;\r\n                                    },\r\n                                    style: {\r\n                                        color: '#7798bf',\r\n                                        fontSize:18\r\n                                    }\r\n                                }\r\n                            },\r\n                            {\r\n                                title: {\r\n                                    text: null\r\n                                },\r\n                                labels: {\r\n                                    formatter: function () {\r\n                                        var label = this.value;\r\n                                        return label;\r\n                                    },\r\n                                    style: {\r\n                                        color: '#f45b5b',\r\n                                        fontSize:18\r\n                                    }\r\n                                }\r\n                            },\r\n                            {\r\n                                title: {\r\n                                    text: null\r\n                                },\r\n                                labels: {\r\n                                    formatter: function () {\r\n                                        var label = this.value;\r\n                                        return label;\r\n                                    },\r\n                                    style: {\r\n                                        color: '#90ee7e',\r\n                                        fontSize:18\r\n                                    }\r\n                                }\r\n                            },\r\n                            {\r\n                                title: {\r\n                                    text: null\r\n                                },\r\n                                labels: {\r\n                                    formatter: function () {\r\n                                        var label = this.value;\r\n                                        return label;\r\n                                    },\r\n                                    style: {\r\n                                        color: '#2b908f',\r\n                                        fontSize:18\r\n                                    }\r\n                                }\r\n                            }\r\n                        ],\r\n\r\n                        xAxis: {\r\n                            /*accessibility: {\r\n                            rangeDescription: 'Range: 2010 to 2017'\r\n                            }*/\r\n                        },\r\n\r\n                        legend: {\r\n                            align: 'center',\r\n                            verticalAlign: 'bottom',\r\n                            borderWidth: 0\r\n                        },\r\n\r\n                        tooltip: {\r\n                            shared: true,\r\n                            crosshairs: true\r\n                        },\r\n\r\n                        plotOptions: {\r\n                            series: {\r\n                            cursor: 'pointer',\r\n                            className: 'popup-on-click',\r\n                            marker: {\r\n                                lineWidth: 1\r\n                            }\r\n                            }\r\n                        },\r\n\r\n                        series: [{\r\n                                yAxis: 0,\r\n                                name: 'PM2.5(μg/m3)',\r\n                                data:data1\r\n                            }, {\r\n                                yAxis: 1,\r\n                                name: 'TVOC(ppm)',\r\n                                data:data3\r\n                            }, {\r\n                                yAxis: 2,\r\n                                name: '溫度(˚C)',\r\n                                data:data6\r\n                            }, {\r\n                                yAxis: 3,\r\n                                name: '濕度(%)',\r\n                                data:data7\r\n                            }]\r\n                    });\r\n                    $(\".highchart-width-wrapper .hint-txt\").text(\"\");\r\n                    $(\".hichart-container\").show();\r\n                }else{\r\n                    $(\".highchart-width-wrapper .hint-txt\").text(\"查無資料\");\r\n                    $(\".hichart-container\").hide();\r\n                }\r\n\r\n                $(\".highchart-width-wrapper .loading-area\").hide();\r\n                \r\n\r\n            });\r\n           \r\n        },\r\n        fetchRecords(item){\r\n            let device_id = item.device;\r\n            this.drawHighChart(device_id);\r\n            this.markerFunction(device_id);\r\n        },\r\n        markerFunction(id){\r\n            //console.log(markers);\r\n            \r\n            for (let i in markers){\r\n                let markerID = markers[i].options.title;\r\n                if (markerID == id){\r\n                    markers[i].openPopup();\r\n                };\r\n                \r\n            }\r\n        }\r\n        \r\n        /*markerOnClick(currLat,currLng){\r\n            var currData=dataArry.filter(item => parseFloat(item.lat) === currLat && parseFloat(item.lon) === currLng);\r\n            if(currData.length > 0){\r\n                var pm25_val = currData[0].pm25;\r\n\r\n                this.pmtwo.val = pm25_val;\r\n                this.pmtwo.color = config.chkPm_val(pm25_val);\r\n\r\n            }else{\r\n                //沒資料\r\n                $(window).alert(\"查無資料\");\r\n            }\r\n        }*/\r\n    },\r\n    mounted(){\r\n\r\n        var self=this;// assign context to self variable\r\n        $(function() {\r\n            $(\".nav_mainTitle\").text(\"戰情室\");\r\n        });\r\n\r\n        \r\n\r\n//地圖\r\n\r\nvar map;\r\n                var marker;\r\n                var polygon;\r\n                var overLatlng;\r\n                var overRadius=200;\r\n                \r\n                var map = L.map('leafletmap').fitWorld();\r\n                map.locate({setView: true, maxZoom: 16});\r\n                map.on('locationfound', function(e){\r\n                    var radius = e.accuracy;\r\n                    L.marker(e.latlng).addTo(map)\r\n                        .bindPopup(\"系統預設位置\").openPopup();\r\n                    //L.circle(e.latlng, radius).addTo(map);\r\n                    overLatlng = e.latlng;\r\n                    overRadius = radius;\r\n                });\r\n                map.on('locationerror', function(){\r\n                    //不允許就定位在中區\r\n                    var radius = 1952.9697806214715;\r\n                    L.marker([24.1746431,120.6774942]).addTo(map)\r\n                        .bindPopup(\"系統預設位置\").openPopup();\r\n                    //L.circle([24.1746431,120.6774942], radius).addTo(map);\r\n                    overLatlng = [24.1746431,120.6774942];\r\n                    overRadius = radius;\r\n\r\n                    map.setView([24.1746431,120.6774942],13);\r\n                });\r\n\r\n                //全螢幕\r\n                map.addControl(new L.Control.Fullscreen());\r\n                //ruler\r\n                var options = {\r\n                    position: 'topleft',\r\n                    lengthUnit: {                 // You can use custom length units. Default unit is kilometers.\r\n                        display: 'km',              // This is the display value will be shown on the screen. Example: 'meters'\r\n                        decimal: 2,                 // Distance result will be fixed to this value. \r\n                        factor: null,               // This value will be used to convert from kilometers. Example: 1000 (from kilometers to meters)  \r\n                        label: '距離:'           \r\n                    },\r\n                    angleUnit: {\r\n                        display: '&deg;',           // This is the display value will be shown on the screen. Example: 'Gradian'\r\n                        decimal: 2,                 // Bearing result will be fixed to this value.\r\n                        factor: null,                // This option is required to customize angle unit. Specify solid angle value for angle unit. Example: 400 (for gradian).\r\n                        label: '角度:'\r\n                    }\r\n                };\r\n                L.control.ruler(options).addTo(map);\r\n\r\n\r\n                var markerlayerGroup = L.layerGroup().addTo(map);\r\n                var windcwblayerGroup = L.layerGroup();\r\n                var epalayerGroup = L.layerGroup();\r\n                windGloballayerGroup = L.layerGroup();\r\n                //圖層\r\n                var baselayers = {\r\n                '街景': L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'),\r\n                '地景圖': L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}')\r\n                };\r\n                //複選圖層\r\n                var overlays = {\r\n                    '環保署':epalayerGroup,\r\n                    '氣象站':windcwblayerGroup,\r\n                    '微型感測器':markerlayerGroup,\r\n                    '風場':windGloballayerGroup\r\n                };\r\n                L.control.layers(baselayers, overlays).addTo(map);\r\n                baselayers['街景'].addTo(map);\r\n\r\n                epalayerGroup.setZIndex(1);\r\n                windcwblayerGroup.setZIndex(2);\r\n                markerlayerGroup.setZIndex(3);\r\n\r\n                var LeafIcon = L.Icon.extend({\r\n                    options: {\r\n                        iconSize: [15, 15],\r\n                    iconAnchor: [0, 0],\r\n                    popupAnchor: [0, 0]\r\n                    }\r\n                });\r\n\r\n                var greenIcon = new LeafIcon({iconUrl: locationIcon}),\r\n                    redIcon = new LeafIcon({iconUrl: locationIcon_red}),\r\n                    yellowIcon = new LeafIcon({iconUrl: locationIcon_yellow}),\r\n                    orangeIcon = new LeafIcon({iconUrl: locationIcon_orange}),\r\n                    purpleIcon = new LeafIcon({iconUrl: locationIcon_purple}),\r\n                    darkredIcon = new LeafIcon({iconUrl: locationIcon_darkred}),\r\n                    epaIcon = new LeafIcon({iconUrl: locationIcon_epa});\r\n\r\n                L.icon = function (options) {\r\n                    return new L.Icon(options);\r\n                };\r\n\r\n            const apiurl=config.geturl(config.API.realtime,{limit:1000});\r\n            axios.get(apiurl).then(response => {\r\n\r\n                \r\n\r\n                //全部出現\r\n            \r\n                dataArry=response.data;\r\n\r\n                //一開始就出現所有點\r\n                var i = 0,currTime=\"\";\r\n\r\n                $.each(dataArry, function() {\r\n                    var iconType=greenIcon;\r\n                        if(dataArry[i].pm25 !== \"\" && dataArry[i].pm25 !== null && typeof(dataArry[i].pm25) !== \"undefined\"){\r\n                            if(parseFloat(dataArry[i].pm25) <= 15.4){\r\n                                iconType=greenIcon;\r\n                            }else if(parseFloat(dataArry[i].pm25) > 15.4 && parseFloat(dataArry[i].pm25) <= 35.4){\r\n                                iconType=yellowIcon;\r\n                            }else if(parseFloat(dataArry[i].pm25) > 35.4 && parseFloat(dataArry[i].pm25) <= 54.4){\r\n                                iconType=orangeIcon;\r\n                            }else if(parseFloat(dataArry[i].pm25) > 54.4 && parseFloat(dataArry[i].pm25) <= 150.4){\r\n                                iconType=redIcon;\r\n                            }else if(parseFloat(dataArry[i].pm25) > 150.4 && parseFloat(dataArry[i].pm25) <= 250.4){\r\n                                iconType=purpleIcon;\r\n                            }else{\r\n                                iconType=darkredIcon;\r\n                            }\r\n                        }\r\n\r\n                        if(dataArry[i].lat !== \"\" && dataArry[i].lat !== null && typeof(dataArry[i].lat) !== \"undefined\" && dataArry[i].lon !== \"\" && dataArry[i].lon !== null && typeof(dataArry[i].lon) !== \"undefined\"){\r\n                            marker = L.marker([dataArry[i].lat,dataArry[i].lon], {\r\n                                title:dataArry[i].device,\r\n                                icon: iconType\r\n                                }).addTo(map);\r\n                                markers.push(marker);\r\n                        }\r\n\r\n                        var mp_co=(dataArry[i].co !== null)?dataArry[i].co:\"0\";\r\n                        var mp_co2=(dataArry[i].co2 !== null)?dataArry[i].co2:\"0\";\r\n                        var mp_no2 =(dataArry[i].no2 !== null)?dataArry[i].no2:\"0\";\r\n                        var mp_o3 =(dataArry[i].o3 !== null)?dataArry[i].o3:\"0\";\r\n                        var mp_hum=(dataArry[i].hum !== null)?dataArry[i].hum:\"0\";\r\n                        var mp_nh3 =(dataArry[i].nh3 !== null)?dataArry[i].nh3:\"0\";\r\n                        var mp_h2s =(dataArry[i].h2s !== null)?dataArry[i].h2s:\"0\";\r\n    \r\n                        marker.bindPopup(\"<div class='lc-title'>感測器：\" + dataArry[i].device + \"</div><div class='lc-cont'><div class='row'><div class='col-md-6 col-12 item'>PM<sub>2.5</sub>：\" + dataArry[i].pm25 + \"<br/>溫度：\" + dataArry[i].temp + \"<br/>TVOC：\" + dataArry[i].tvoc + \"<br/>PM10：\" + dataArry[i].pm10 + \"<br>CO：\" + mp_co + \"<br>CO2：\" + mp_co2 + \"<br>NO2：\" + mp_no2 + \"</div><div class='col-md-6 col-12 item'>\" + \"O3：\" + mp_o3 + \"<br>濕度：\" + mp_hum + \"<br>NH3：\" + mp_nh3 + \"<br>H2S：\" + mp_h2s +\"<br>地區：\" + dataArry[i].area+\"<br>類型：\" + dataArry[i].areatype+\"<br>鎮/區：\" + dataArry[i].town + \"</div><div class='col-12 item'><div class='hint'>更新時間：\" + dataArry[i].time + \"</div></div></div>\")\r\n\r\n                        marker.on('click', function (e) {\r\n                            /*$(\".leaflet-marker-icon\").removeClass(\"selectedMarker\");\r\n                            $(e.target._icon).addClass('selectedMarker');*/\r\n                            var currLat = e.latlng.lat,currLng = e.latlng.lng;\r\n                            var currData=dataArry.filter(item => parseFloat(item.lat) === currLat && parseFloat(item.lon) === currLng);\r\n                                if(currData.length > 0){\r\n\r\n                                    self.station_id = currData[0].device;\r\n\r\n                                    //重畫交叉分析\r\n                                    self.drawHighChart(self.station_id);\r\n                                    //重劃風向\r\n                                    //self.drawWindRoseChart(self.station_id);\r\n\r\n                                    showStationSingleData(currData[0]);\r\n                                    \r\n\r\n\r\n                                }else{\r\n                                    //沒資料\r\n                                    \r\n                                }\r\n\r\n\r\n                        }).addTo(map);\r\n\r\n                        markerlayerGroup.addLayer(marker);\r\n\r\n\r\n                    i++;\r\n\r\n                });\r\n\r\n\r\n                //初始值(TC0008 > )\r\n                /*\r\n                lat: \"24.225408\",\r\n                lon: \"120.569226\"\r\n                */\r\n                var initStation = this.station_id;\r\n                var initAnaArry=dataArry.filter(item => item.device === initStation);\r\n                if(initAnaArry.length > 0){\r\n                    //重畫交叉分析\r\n                    this.drawHighChart(this.station_id);\r\n                    var initCurrArry = initAnaArry[0];\r\n                    showStationSingleData(initCurrArry);\r\n                }\r\n\r\n\r\n                //氣象站\r\n                const apiurl_cwbwind=config.geturl(config.API.cwb_wind,{});\r\n                axios.get(apiurl_cwbwind).then(response => {\r\n                    if(response.data !== \"\" && response.data.length > 0){\r\n\r\n                        var cwbWindData = response.data;\r\n                        $.each(cwbWindData,function(index,cw_item){\r\n                            //風向\r\n                            var wd_d = cw_item.wd;\r\n                            var lat_pos=cw_item.lat;\r\n                            var lon_pos=cw_item.lon;\r\n                            var wdCul = wd_cul(wd_d);\r\n                            var lat_cul=Math.cos(wd_d),lon_cul=Math.sin(wd_d);\r\n                            if(wdCul==\"1\"){\r\n                                lat_cul = Math.abs(lat_cul);\r\n                                lon_cul = Math.abs(lon_cul);\r\n                            }else if(wdCul==\"2\"){\r\n                                lat_cul = Math.abs(lat_cul) * -1;\r\n                                lon_cul = Math.abs(lon_cul);\r\n                            }else if(wdCul==\"3\"){\r\n                                lat_cul=Math.abs(lat_cul) * -1;\r\n                                lon_cul=Math.abs(lon_cul) * -1;\r\n                            }else if(wdCul==\"4\"){\r\n                                lat_cul=Math.abs(lat_cul);\r\n                                lon_cul=Math.abs(lon_cul) * -1;\r\n                            }\r\n                            \r\n                            var polyline = L.polyline([[lat_pos+(lat_cul/1000),lon_pos+(lon_cul/1000)],[lat_pos,lon_pos]], {});\r\n                            var decorator = L.polylineDecorator(polyline, {\r\n                                    patterns: [\r\n                                        {offset: '100%', repeat: 0, symbol: L.Symbol.arrowHead({pixelSize: 15, polygon: false, pathOptions: {stroke: true}})}\r\n                                    ]\r\n                                });\r\n\r\n\r\n                            decorator.bindPopup(\"<div class='lc-title'>\" + cw_item.name + \"測站</div><div class='lc-cont'><div class='row'><div class='col-md-6 col-12 item'>溫度：\" + cw_item.temp + \"<br/>濕度：\" + cw_item.hum + \"</div><div class='col-md-6 col-12 item'>\" + \"風向：\" + cw_item.wd + \"<br>風速：\" + cw_item.ws + \"</div><div class='col-12 item pt-0'>大氣壓力：\" + cw_item.press + \"<div class='hint'>更新時間：\" + cw_item.time + \"</div></div></div>\")\r\n                            polyline.bindPopup(\"<div class='lc-title'>\" + cw_item.name + \"測站</div><div class='lc-cont'><div class='row'><div class='col-md-6 col-12 item'>溫度：\" + cw_item.temp + \"<br/>濕度：\" + cw_item.hum + \"</div><div class='col-md-6 col-12 item'>\" + \"風向：\" + cw_item.wd + \"<br>風速：\" + cw_item.ws + \"</div><div class='col-12 item pt-0'>大氣壓力：\" + cw_item.press + \"<div class='hint'>更新時間：\" + cw_item.time + \"</div></div></div>\")\r\n                                windcwblayerGroup.addLayer(polyline);\r\n                            windcwblayerGroup.addLayer(decorator);\r\n\r\n                        });\r\n\r\n                    }\r\n                })\r\n\r\n\r\n                //環保署\r\n                const apiurl_epa=config.geturl(config.API.env_epa,{limit:1000});\r\n                axios.get(apiurl_epa).then(response => {\r\n                    if(response.data !== \"\" && response.data.length > 0){\r\n                        var epaData = response.data;\r\n                        var icon_epa=epaIcon;\r\n                        $.each(epaData,function(index,epitem){\r\n                            var epa_marker;\r\n                            var lat_epa=epitem.lat,lon_epa=epitem.lon;\r\n                            if(lat_epa !== \"\" && lat_epa !== null && typeof(lat_epa) !== \"undefined\" && lon_epa !== \"\" && lon_epa !== null && typeof(lon_epa) !== \"undefined\"){\r\n                                epa_marker = L.marker([lat_epa,lon_epa], {icon: icon_epa});\r\n                                epa_marker.bindPopup(\"<div class='lc-title'>環保署\" + epitem.name + \"測站</div><div class='lc-cont'><div class='row'><div class='col-md-6 col-12 item'>AQI數值：\" + epitem.aqi + \"<br/>CO：\" + epitem.co+ \"<br/>CO平均數值：\" + epitem.co_8hr + \"<br>NO：\" + epitem.no + \"<br>NO2：\" + epitem.no2 + \"<br>NOx：\" + epitem.nox + \"<br>O3：\" + epitem.o3 + \"<br>O3平均數值：\" + epitem.o3_8hr + \"</div><div class='col-md-6 col-12 item'>\" + \"PM2.5：\" + epitem.pm25 + \"<br>PM2.5平均數值：\" + epitem.pm25_avg + \"<br>PM10：\" + epitem.pm10 + \"<br>PM10平均數值：\" + epitem.pm10_avg + \"<br>SO2：\" + epitem.so2 + \"<br>SO2：平均數值：\" + epitem.so2_avg + \"<br>風向：\" + epitem.wd + \"<br>風速：\" + epitem.ws  + \"</div><div class='col-12 item pt-0'>PM2.5：\" + epitem.pm25 + \"<div class='hint'>更新時間：\" + epitem.time + \"</div></div></div>\")\r\n                            }\r\n                            epalayerGroup.addLayer(epa_marker);\r\n                        });\r\n                    }\r\n                });\r\n\r\n                //風場\r\n                /*const apiurl_envwind=config.geturl(config.API.env_wind,{});\r\n\r\n                axios.get(\"https://lab.ep.ezcs.com.tw/cmd/wind.json\").then(response_wind => {\r\n                    console.log(apiurl_envwind);\r\n\r\n                    if(response_wind.data !== \"\" && response_wind.data.length > 0){\r\n\r\n\r\n                        //console.log(response_wind.data);\r\n\r\n                        var velocityLayer = L.velocityLayer({\r\n                            displayValues: false,\r\n                            displayOptions: {\r\n                            velocityType: \"Global Wind\",\r\n                            position: \"bottomleft\",\r\n                            emptyString: \"No wind data\"\r\n                            },\r\n                            data: response_wind.data,\r\n                            velocityScale:0.015,\r\n                            maxVelocity: 10,\r\n                            colorScale: ['#bd0026', '#f03b20', '#fd8d3c', '#fecc5c', '#ffffb2']\r\n                        });\r\n                        windGloballayerGroup.addLayer(velocityLayer);\r\n                    }\r\n                });*/\r\n                \r\n\r\n            })\r\n\r\n\r\n            //風向圖\r\n            this.drawWindRoseChart(this.station_id);\r\n\r\n            //交叉分析\r\n            this.drawHighChart(this.station_id);\r\n\r\n        // 示警表格\r\n        const apiurl_trace=config.geturl(config.API.event_com_all,{});\r\n            axios.get(apiurl_trace).then(response => {\r\n                if(response.data !== \"\" && response.data.length > 0){\r\n                    this.events.evelist = response.data;\r\n                }\r\n            });\r\n\r\n\r\n                //風場\r\n                const apiurl_envwind=config.geturl(config.API.env_wind,{});\r\n\r\n                axios.get(\"https://lab.ep.ezcs.com.tw/cmd/wind.json\").then(response_wind => {\r\n                    console.log(response_wind.data);\r\n\r\n                    var velocityLayer = L.velocityLayer({\r\n                            displayValues: false,\r\n                            displayOptions: {\r\n                            velocityType: \"Global Wind\",\r\n                            position: \"bottomleft\",\r\n                            emptyString: \"No wind data\"\r\n                            },\r\n                            data: response_wind.data,\r\n                            velocityScale:0.015,\r\n                            maxVelocity: 10,\r\n                            colorScale: ['#bd0026', '#f03b20', '#fd8d3c', '#fecc5c', '#ffffb2']\r\n                        });\r\n                        windGloballayerGroup.addLayer(velocityLayer);\r\n\r\n                });\r\n\r\n\r\n    },\r\n    \r\n}\r\n\r\nfunction showStationSingleData(currAry){\r\n\r\n    var pm25_val = currAry.pm25;\r\n    var temperature_val = (currAry.temp !== null && currAry.temp !==\"\")?currAry.temp:\"NaN\";\r\n    var tvocc_val = (currAry.tvoc !== null && currAry.tvoc !==\"\")?currAry.tvoc:\"NaN\";\r\n    var pm10_val = (currAry.pm10 !== null && currAry.pm10 !==\"\")?currAry.pm10:\"NaN\";\r\n    var co_tp_val = (currAry.co !== null && currAry.co !==\"\")?currAry.co:\"NaN\";\r\n    var co2_tp_val = (currAry.co2 !== null && currAry.co2 !==\"\")?currAry.co2:\"NaN\";\r\n    var hum_tp_val = (currAry.hum !== null && currAry.hum !==\"\")?currAry.hum:\"NaN\";\r\n    var nh3_tp_val = (currAry.nh3 !== null && currAry.nh3 !==\"\")?currAry.nh3:\"NaN\";\r\n    var h2s_tp_val = (currAry.h2s !== null && currAry.h2s !==\"\")?currAry.h2s:\"NaN\";\r\n    var o3_tp_val = (currAry.o3 !== null && currAry.o3 !==\"\")?currAry.o3:\"NaN\";\r\n    var no2_tp_val = (currAry.no2 !== null && currAry.no2 !==\"\")?currAry.no2:\"NaN\";\r\n\r\n    \r\n    if(pm25_val !== \"NaN\"){\r\n        pmtwo_val = pm25_val;\r\n        pmtwo_color = chkPm_val(pm25_val);\r\n        $(\".pmtwo_item .dot\").attr(\"class\",\"dot \" + pmtwo_color);\r\n        $(\".pmtwo_item .cont\").attr(\"class\",\"cont \" + pmtwo_color);\r\n        $(\".pmtwo_item .cont\").text(pmtwo_val);\r\n    }\r\n    \r\n    if(pm10_val !== \"NaN\"){\r\n        pmten_val = pm10_val;\r\n        pmten_color = chkPm10_val(pm10_val);\r\n        $(\".pmten_item .dot\").attr(\"class\",\"dot \" + pmten_color);\r\n        $(\".pmten_item .cont\").attr(\"class\",\"cont \" + pmten_color);\r\n        $(\".pmten_item .cont\").text(pmten_val);\r\n    }\r\n    \r\n    if(temperature_val !== \"NaN\"){\r\n        temp_val = temperature_val;\r\n        temp_color = chkTemp_val(temp_val);\r\n        $(\".temp_item .dot\").attr(\"class\",\"dot \" + temp_color);\r\n        $(\".temp_item .cont\").attr(\"class\",\"cont \" + temp_color);\r\n        $(\".temp_item .cont\").text(temp_val);\r\n    }\r\n    \r\n    if(tvocc_val !== \"NaN\"){\r\n        tvoc_val = tvocc_val;\r\n        tvoc_color = chkTvoc_val(tvoc_val);\r\n        $(\".tvoc_item .dot\").attr(\"class\",\"dot \" + tvoc_color);\r\n        $(\".tvoc_item .cont\").attr(\"class\",\"cont \" + tvoc_color);\r\n        $(\".tvoc_item .cont\").text(tvoc_val);\r\n    }\r\n\r\n    if(co_tp_val !== \"NaN\"){\r\n        co_val = co_tp_val;\r\n        co_color = chkCO_val(co_val);\r\n        $(\".co_item .dot\").attr(\"class\",\"dot \" + co_color);\r\n        $(\".co_item .cont\").attr(\"class\",\"cont \" + co_color);\r\n        $(\".co_item .cont\").text(co_val);\r\n    }\r\n\r\n    if(co2_tp_val !== \"NaN\"){\r\n        co2_val = co2_tp_val;\r\n        co2_color = chkTvoc_val(co2_val);\r\n        $(\".co2_item .dot\").attr(\"class\",\"dot \" + co2_color);\r\n        $(\".co2_item .cont\").attr(\"class\",\"cont \" + co2_color);\r\n        $(\".co2_item .cont\").text(co2_val);\r\n    }\r\n\r\n    if(hum_tp_val !== \"NaN\"){\r\n        humi_val = hum_tp_val;\r\n        humi_color = chkTvoc_val(humi_val);\r\n        $(\".humi_item .dot\").attr(\"class\",\"dot \" + humi_color);\r\n        $(\".humi_item .cont\").attr(\"class\",\"cont \" + humi_color);\r\n        $(\".humi_item .cont\").text(humi_val);\r\n    }\r\n\r\n    if(nh3_tp_val !== \"NaN\"){\r\n        nh3_val = nh3_tp_val;\r\n        nh3_color = chkTvoc_val(nh3_val);\r\n        $(\".nh3_item .dot\").attr(\"class\",\"dot \" + nh3_color);\r\n        $(\".nh3_item .cont\").attr(\"class\",\"cont \" + nh3_color);\r\n        $(\".nh3_item .cont\").text(nh3_val);\r\n    }\r\n\r\n    if(h2s_tp_val !== \"NaN\"){\r\n        h2s_val = h2s_tp_val;\r\n        h2s_color = chkTvoc_val(h2s_val);\r\n        $(\".h2s_item .dot\").attr(\"class\",\"dot \" + h2s_color);\r\n        $(\".h2s_item .cont\").attr(\"class\",\"cont \" + h2s_color);\r\n        $(\".h2s_item .cont\").text(h2s_val);\r\n    }\r\n\r\n    if(o3_tp_val !== \"NaN\"){\r\n        o3_val = o3_tp_val;\r\n        o3_color = chkO3_val(o3_val);\r\n        $(\".o3_item .dot\").attr(\"class\",\"dot \" + o3_color);\r\n        $(\".o3_item .cont\").attr(\"class\",\"cont \" + o3_color);\r\n        $(\".o3_item .cont\").text(o3_val);\r\n    }\r\n\r\n    if(no2_tp_val !== \"NaN\"){\r\n        no2_val = no2_tp_val;\r\n        no2_color = chkNO2_val(no2_val);\r\n        $(\".no2_item .dot\").attr(\"class\",\"dot \" + no2_color);\r\n        $(\".no2_item .cont\").attr(\"class\",\"cont \" + no2_color);\r\n        $(\".no2_item .cont\").text(no2_val);\r\n    }\r\n}\r\n\r\n\r\nfunction markerOnClick(currLat,currLng){\r\n    //var currLat = e.latlng.lat,currLng = e.latlng.lng;\r\n    var currData=dataArry.filter(item => parseFloat(item.lat) === currLat && parseFloat(item.lon) === currLng);\r\n    if(currData.length > 0){\r\n        var pm25_val = currData[0].pm25;\r\n\r\n        pmtwo_val = pm25_val;\r\n        pmtwo_color = chkPm_val(pm25_val);\r\n\r\n        $(\".pmtwo_item .dot\").addClass(pmtwo_color);\r\n        $(\".pmtwo_item .cont\").addClass(pmtwo_color);\r\n        $(\".pmtwo_item .cont\").val(pmtwo_val);\r\n\r\n\r\n\r\n    }else{\r\n        //沒資料\r\n        \r\n    }\r\n}\r\n\r\n</script>","module.exports = __webpack_public_path__ + \"img/icon_location_epa.285adb92.svg\";","module.exports = __webpack_public_path__ + \"img/icon_location.ca3c38a0.svg\";","module.exports = __webpack_public_path__ + \"img/icon_location_darkred.122b2ac6.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"8\",\"xl\":\"8\"}},[_c('div',{staticClass:\"normal-card bg-contcolor\"},[_c('div',{staticClass:\"detail-item\"},[_c('div',{staticClass:\"leaflet-area pos-relative\"},[_c('div',{attrs:{\"id\":\"leafletmap\"}})])])]),_c('div',{staticClass:\"normal-card highchart-width-wrapper bg-contcolor\"},[_c('div',{staticClass:\"hint-txt\"},[_vm._v(\"資料量大，請耐心等候\")]),_c('div',{staticClass:\"results-area mt-5\"},[_c('div',{staticClass:\"loading-area\"},[_c('div',{staticClass:\"lds-roller\"},[_c('div'),_c('div'),_c('div'),_c('div'),_c('div'),_c('div'),_c('div'),_c('div')])]),_c('div',{staticClass:\"hichart-container\",attrs:{\"id\":\"hichart-container\"}})])]),_c('div',{staticClass:\"normal-card wind-width-wrapper bg-contcolor\"},[_c('div',{staticClass:\"hint-txt\"},[_vm._v(\"資料量大，請耐心等候\")]),_c('div',{staticClass:\"loading-area\"},[_c('div',{staticClass:\"lds-roller\"},[_c('div'),_c('div'),_c('div'),_c('div'),_c('div'),_c('div'),_c('div'),_c('div')])]),_c('div',{staticClass:\"echartbja-chart echartWindRose-chart\",attrs:{\"id\":\"echartWindRose-chart\"}}),_c('div',{staticStyle:{\"width\":\"600px\",\"height\":\"600px\"},attrs:{\"id\":\"chart\"}})])]),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"4\",\"xl\":\"4\"}},[_c('div',{staticClass:\"normal-card bg-contcolor\"},[_c('h2',{staticClass:\"m-title\"},[_c('div',{staticClass:\"txt\"},[_c('span',{staticClass:\"me-2\"},[_vm._v(\"感測數值\")]),_c('span',{staticClass:\"txt-yellow subtxt\"},[_vm._v(\"[\"+_vm._s(_vm.station_id)+\"]\")])]),_c('div',{staticClass:\"btn-area\"},[_c('v-btn',{attrs:{\"color\":\"primary\"}},[_vm._v(\"事件簿\")])],1)]),_c('v-row',{staticClass:\"rt-list\"},[_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item pmtwo_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"PM\"),_c('sub',[_vm._v(\"2.5\")])])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item pmten_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"PM10\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item co_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"CO\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item co2_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"CO2\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item tvoc_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"TVOC\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item no2_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"NO2\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item o3_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"O3\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item temp_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"溫度\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item humi_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"濕度\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item nh3_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"NH3\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])]),_c('v-col',{staticClass:\"item-wrapper\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"item h2s_item\"},[_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"title\"},[_vm._v(\"H2S\")])]),_c('div',{staticClass:\"mlt\"},[_c('div',{staticClass:\"cont\"})])])])],1)],1),_c('div',{staticClass:\"normal-card bg-contcolor\"},[_c('h2',{staticClass:\"m-title\"},[_c('div',{staticClass:\"txt\"},[_vm._v(\" 可疑污染源測站資料 \")])]),_c('v-simple-table',{staticClass:\"scroll-auto\",scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',{staticClass:\"text-center\"},[_vm._v(\"#\")]),_c('th',{staticClass:\"text-center\"},[_c('div',{staticClass:\"w-1\"},[_vm._v(\"污染類型\")])]),_c('th',{staticClass:\"text-center\"},[_c('div',{staticClass:\"w-1\"},[_vm._v(\"污染最大值\")])]),_c('th',{staticClass:\"text-center\"},[_c('div',{staticClass:\"w-1\"},[_vm._v(\"開始時間\")])]),_c('th',{staticClass:\"text-center\"},[_c('div',{staticClass:\"w-1\"},[_vm._v(\"處理人\")])]),_c('th',{staticClass:\"text-center\"},[_c('div',{staticClass:\"w-1\"},[_vm._v(\"處理狀況\")])]),_c('th',{staticClass:\"text-center\"},[_c('div',{staticClass:\"w-1\"},[_vm._v(\"結束時間\")])])])]),_c('tbody',_vm._l((_vm.events.evelist),function(item,index){return _c('tr',{key:index,on:{\"click\":function($event){return _vm.fetchRecords(item)}}},[_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.device))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.kind))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.maxval))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.stime))]),_c('td',{staticClass:\"text-center\"}),_c('td',{staticClass:\"text-center\"}),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.etime))])])}),0)]},proxy:true}])})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Console_test.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Console_test.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Console_test.vue?vue&type=template&id=4f23a494&\"\nimport script from \"./Console_test.vue?vue&type=script&lang=js&\"\nexport * from \"./Console_test.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VBtn,VCol,VRow,VSimpleTable})\n","module.exports = __webpack_public_path__ + \"img/icon_location_red.07eda0f5.svg\";","module.exports = __webpack_public_path__ + \"img/icon_location_purple.7a20ff5d.svg\";","module.exports = __webpack_public_path__ + \"img/icon_location_yellow.f27a3171.svg\";"],"sourceRoot":""}