{"version":3,"sources":["webpack:///./src/assets/images/all/icon_location_orange.svg","webpack:///../../../src/components/VDataTable/VSimpleTable.ts","webpack:///./src/assets/images/all/icon_location_gray.svg","webpack:///./src/assets/images/all/icon_location_epa.svg","webpack:///./src/assets/images/all/icon_location.svg","webpack:///./src/views/dashboard/Dashboard.vue?a57a","webpack:///./src/views/dashboard/Dashboard.vue?ba56","webpack:///./src/views/dashboard/Dashboard.vue","webpack:///./src/assets/images/all/icon_location_darkred.svg","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","webpack:///src/views/dashboard/Dashboard.vue"],"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","_vm","_h","_c","_self","attrs","_v","_s","tolerate_total","scopedSlots","_u","key","fn","_l","option","device","area","areatype","road","proxy","tilNow_real_total_data","tilNow_total_data","tilNow_real_abnormal_total_data","ab_total","index","latest_time","staticRenderFns","component","VCol","VRow","VSimpleTable","marker_basic","dataArry","dashboard_success_Chart","dashboard_fail_Chart","darwEchart","echartObj","series","type","progress","show","width","axisLine","lineStyle","axisTick","splitLine","length","color","axisLabel","distance","fontSize","anchor","showAbove","size","itemStyle","borderWidth","title","detail","valueAnimation","offsetCenter","data","value","station_id","realSumList","tolerate_list","ab_list","created","axios","nav_str_ay","nav_arry_str","alert","location","mounted","$","limit","stime","etime","promises","Promise","acheive_rate","abnormal_rate","map","setView","maxZoom","L","bindPopup","openPopup","overLatlng","overRadius","attribution","addTo","options","iconSize","iconAnchor","popupAnchor","grayIcon","iconUrl","redIcon","yellowIcon","orangeIcon","purpleIcon","darkredIcon","epaIcon","icon","realSum_single_sum","markerlayerGroup","i"],"mappings":"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6ICgMvC4D,E,yMADAC,EAAJ,GAGIC,EAA0B,KAC1BC,EAAuB,KAmQ3B,SAASC,EAAWC,EAApB,GACEA,EAAFA,WACIC,OAAJA,CACA,CACMC,KAANA,QACMC,SAANA,CACQC,MAARA,EACQC,MAARA,IAEMC,SAANA,CACQC,UAARA,CACUF,MAAVA,KAGMG,SAANA,CACQJ,MAARA,GAEMK,UAANA,CACQC,OAARA,EACQH,UAARA,CACUF,MAAVA,EACUM,MAAVA,SAGMC,UAANA,CACQC,SAARA,GACQF,MAARA,OACQG,SAARA,IAEMC,OAANA,CACQX,MAARA,EACQY,WAARA,EACQC,KAARA,GACQC,UAARA,CACUC,YAAVA,IAGMC,MAANA,CACQhB,MAARA,GAEMiB,OAANA,CACQC,gBAARA,EACQR,SAARA,GACQS,aAARA,UACQZ,MAARA,WAEMa,KAANA,CACA,CACQC,MAARA,QAjTA,QACEtF,KAAFA,YACEqF,KAAFA,WAAI,MAAJ,CACME,WAANA,GACMzC,kBAANA,EACMD,uBAANA,EACME,gCAANA,EACMyC,YAANA,GACMC,cAANA,GACMxD,eAANA,EACMyD,QAANA,GACM1C,SAANA,IAOE2C,QAlBF,WAmBI,IAAJ,KAEA,0CACA,wCACIC,6BAEE,GAAN,aACQ,IAAR,wBACQC,EAARA,qBACUC,EAAVA,qBAEA,gBACUC,MAAVA,iBACUC,SAAVA,aAGQD,MAARA,iBACQC,SAARA,WAIEC,QAxCF,WAwCI,IAAJ,OAEA,OACIC,GAAJA,WACMA,EAANA,iCAKI,IAAJ,WACA,uDACA,0BAEA,wCAEA,8GACA,mEAmBA,2CACA,qCAAMC,MAANA,MACA,0CAAMC,MAANA,EAAMC,MAANA,IACA,KACIC,EAAJA,KAEIV,6BACE,GAAN,0BACQ,IAAR,gBACQ,EAAR,yBAIIU,EAAJA,KAEIV,6BACE,GAAN,0BACQ,IAAR,gBACQ,EAAR,yBACQ,IAAR,sBACQ,EAAR,+CAMIW,QAAJA,wBAEM7C,EAANA,0DACMC,EAANA,0DAEM,IAAN,IACA,IACM6C,EAANA,6DACMC,EAANA,eACM7C,EAANA,KACMA,EAANA,QAcIgC,6BACE,IAAN,SACM,GAAN,qBACQ,EAAR,cAEQ,IAAR,2CACQA,6BACE,IAMV,iCACUc,EAAVA,QAAYC,SAAZA,EAAYC,QAAZA,KACUF,EAAVA,gCACY,IAAZ,aACYG,EAAZA,0BACAC,UAAA,UAAAC,YAEAC,SACAC,KAEUP,EAAVA,+BAEY,IAAZ,qBACYG,EAAZA,0CACAC,UAAA,UAAAC,YAEAC,yBACAC,EAEYP,EAAZA,wCAIUA,EAAVA,qCACU,IAAV,0BACUG,EAAVA,gEACYK,YAAZA,wHACYN,QAAZA,KACAO,MAAAT,GACU,IAAV,iBACYU,QAAZA,CACcC,SAAdA,QACcC,WAAdA,MACcC,YAAdA,SAUAC,GAPA,OAAYC,QAAZA,MACAC,OAAYD,QAAZA,MACAE,OAAYF,QAAZA,MACAG,OAAYH,QAAZA,MACAI,OAAYJ,QAAZA,MACAK,OAAYL,QAAZA,MACAM,OAAYN,QAAZA,MACAD,OAAYC,QAAZA,OAKUhE,EAAVA,OACU,IAAV,IACA,WACA,cACY,IAAZ,8GACY,OAAZ,GAEA,OAEUyC,EAAVA,mBACY,IAAZ,IACA,+HACc1C,EAAdA,8BAAgBwE,KAAhBA,EAAgB/C,MAAhBA,UAAA,UAGY,IAAZ,oCAAc,OAAd,qBACA,IACA,aACcgD,EAAdA,UAEY,IAAZ,sBAGYzE,EAAZA,4aAEYA,EAAZA,4BAIA2D,MAAAT,GAEYwB,EAAZA,YACYC,cAeR,IAAJ,6CACIvC,6BACE,IAAN,SACA,sBACQ,EAAR,gBACQ,EAAR,4BAKI,IAAJ,2CACIA,6BACE,IAAN,SACA,sBACQ,EAAR,UACQ,EAAR,0B","file":"js/chunk-33f386fd.3f539616.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","module.exports = __webpack_public_path__ + \"img/icon_location_gray.30b7f43b.svg\";","module.exports = __webpack_public_path__ + \"img/icon_location_epa.285adb92.svg\";","module.exports = __webpack_public_path__ + \"img/icon_location.ca3c38a0.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\":\"7\",\"xl\":\"7\"}},[_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 bg-contcolor\"},[_c('h2',{staticClass:\"m-title pa-md-6 pa-2 mb-0\"},[_c('div',{staticClass:\"txt\"},[_vm._v(\" 上傳率不良名單(\"+_vm._s(_vm.tolerate_total)+\"台) \")])]),_c('v-simple-table',{staticClass:\"scroll-auto\",scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',[_vm._v(\" # \")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" 區域 \")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" 類型 \")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" 地址 \")])])]),_c('tbody',_vm._l((_vm.tolerate_list),function(option){return _c('tr',{key:option.device},[_c('td',[_vm._v(_vm._s(option.device))]),_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(option.area)+\" \")]),_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(option.areatype)+\" \")]),_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(option.road)+\" \")])])}),0)]},proxy:true}])})],1)]),_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"5\",\"xl\":\"5\"}},[_c('v-row',[_c('v-col',{staticClass:\"mb-5\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"normal-card bg-contcolor\"},[_c('h2',{staticClass:\"m-title pa-md-3 pa-1 mb-0\"},[_c('div',{staticClass:\"txt\"},[_vm._v(\" 達標率 \"),_c('div',{staticClass:\"small-txt\"},[_vm._v(\" \"+_vm._s(_vm.tilNow_real_total_data)+\"/\"+_vm._s(_vm.tilNow_total_data)+\" \")])])]),_c('div',{staticClass:\"echartbja-chart echart-limit-height\",attrs:{\"id\":\"echartbjaS-chart\"}})])]),_c('v-col',{staticClass:\"mb-5\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"normal-card bg-contcolor\"},[_c('h2',{staticClass:\"m-title pa-md-3 pa-1 mb-0\"},[_c('div',{staticClass:\"txt\"},[_vm._v(\" 異常率 \"),_c('div',{staticClass:\"small-txt\"},[_vm._v(\" \"+_vm._s(_vm.tilNow_real_abnormal_total_data)+\"/\"+_vm._s(_vm.tilNow_total_data)+\" \")])])]),_c('div',{staticClass:\"echartbja-chart echart-limit-height\",attrs:{\"id\":\"echartbjaF-chart\"}})])])],1),_c('div',{staticClass:\"normal-card bg-contcolor\"},[_c('h2',{staticClass:\"m-title pa-md-6 pa-2 mb-0\"},[_c('div',{staticClass:\"txt\"},[_vm._v(\" 異常名單(\"+_vm._s(_vm.ab_total)+\"台) \")])]),_c('v-simple-table',{staticClass:\"scroll-auto\",scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',[_vm._v(\" # \")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" 區域 \")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" 時間 \")])])]),_c('tbody',_vm._l((_vm.ab_list),function(option,index){return _c('tr',{key:option.device + '_' + index},[_c('td',[_vm._v(_vm._s(option.device))]),_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(option.areatype)+\" \")]),_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(option.latest_time)+\" \")])])}),0)]},proxy:true}])})],1)],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!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=c6ecfd8a&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\ninstallComponents(component, {VCol,VRow,VSimpleTable})\n","module.exports = __webpack_public_path__ + \"img/icon_location_darkred.122b2ac6.svg\";","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\";","<template>\r\n    <v-row>\r\n        <v-col cols=\"12\" lg=\"7\" xl=\"7\">\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 bg-contcolor\">\r\n                <h2 class=\"m-title pa-md-6 pa-2 mb-0\">\r\n                    <div class=\"txt\">\r\n                        上傳率不良名單({{tolerate_total}}台)\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 v-for=\"option in tolerate_list\" :key=\"option.device\">\r\n                            <td>{{option.device}}</td>\r\n                            <td class=\"text-center\">\r\n                                {{option.area}}\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                {{option.areatype}}\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                {{option.road}}\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                    </template>\r\n                </v-simple-table>\r\n            </div>\r\n            \r\n        </v-col>\r\n        <v-col cols=\"12\" lg=\"5\" xl=\"5\">\r\n            <v-row>\r\n              <v-col cols=\"12\" md=\"6\" class=\"mb-5\">\r\n                <div class=\"normal-card bg-contcolor\">\r\n                    <h2 class=\"m-title pa-md-3 pa-1 mb-0\">\r\n                        <div class=\"txt\">\r\n                            達標率\r\n                            <div class=\"small-txt\">\r\n                                {{tilNow_real_total_data}}/{{tilNow_total_data}}\r\n                            </div>\r\n                        </div> \r\n                    </h2>\r\n                    <div class=\"echartbja-chart echart-limit-height\" id=\"echartbjaS-chart\"></div>\r\n                </div><!-- /.normal-card -->\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" class=\"mb-5\">\r\n                <div class=\"normal-card bg-contcolor\">\r\n                    <h2 class=\"m-title pa-md-3 pa-1 mb-0\">\r\n                        <div class=\"txt\">\r\n                            異常率\r\n                            <div class=\"small-txt\">\r\n                                {{tilNow_real_abnormal_total_data}}/{{tilNow_total_data}}\r\n                            </div>\r\n                        </div> \r\n                    </h2>\r\n                    <div class=\"echartbja-chart echart-limit-height\" id=\"echartbjaF-chart\"></div>\r\n                </div><!-- /.normal-card -->\r\n              </v-col>\r\n            </v-row>\r\n            \r\n            <div class=\"normal-card bg-contcolor\">\r\n                <h2 class=\"m-title pa-md-6 pa-2 mb-0\">\r\n                    <div class=\"txt\">\r\n                        異常名單({{ab_total}}台)\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                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr v-for=\"(option,index) in ab_list\" :key=\"option.device + '_' + index\">\r\n                            <td>{{option.device}}</td>\r\n                            <td class=\"text-center\">\r\n                                {{option.areatype}}\r\n                            </td>\r\n                            <td class=\"text-center\">\r\n                                {{option.latest_time}}\r\n                            </td>\r\n                        </tr>\r\n                      \r\n                    </tbody>\r\n                    </template>\r\n                </v-simple-table>\r\n\r\n            </div><!-- /.normal-card -->\r\n\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> \r\n                </h2>\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 data-id=\"TCCCC\">\r\n                            <td class=\"text-center\">TC1616</td>\r\n                            <td class=\"text-center\">TVOC</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">2022-03-07 09:48:18</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">2022-03-07 10:48:20</td>\r\n                        </tr>\r\n                        <tr data-id=\"TCCCC\">\r\n                            <td class=\"text-center\">TC1616</td>\r\n                            <td class=\"text-center\">TVOC</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">2022-03-07 09:48:18</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">2022-03-07 10:48:20</td>\r\n                        </tr>\r\n                        <tr data-id=\"TCCCC\">\r\n                            <td class=\"text-center\">TC1616</td>\r\n                            <td class=\"text-center\">TVOC</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">2022-03-07 09:48:18</td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\"></td>\r\n                            <td class=\"text-center\">2022-03-07 10:48:20</td>\r\n                        </tr>\r\n                    </tbody>\r\n                    </template>\r\n                </v-simple-table>\r\n            </v-card>-->\r\n            <!-- /.normal-card -->\r\n            \r\n        </v-col>\r\n    </v-row>  \r\n</template>\r\n<script>\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 locationIcon_gray from '@/assets/images/all/icon_location_gray.svg';\r\nimport axios from 'axios';\r\nimport config from '@/config.js';\r\n\r\nvar dataArry=[];\r\nvar marker_basic;\r\n\r\nvar dashboard_success_Chart = null;\r\nvar dashboard_fail_Chart = null;\r\n\r\nexport default{\r\n    name: 'Dashboard',\r\n    data: () => ({\r\n        station_id:\"\",\r\n        tilNow_total_data:0,\r\n        tilNow_real_total_data:0,\r\n        tilNow_real_abnormal_total_data:0,\r\n        realSumList:[],\r\n        tolerate_list:[],\r\n        tolerate_total:0,\r\n        ab_list:[],\r\n        ab_total:0\r\n        /*pmtwo:{\r\n            val:\"\",\r\n            color:\"gray\",\r\n        }*/\r\n\r\n    }),\r\n    created(){\r\n        let nav_arry_str=[];\r\n        //檢查會員權限\r\n        const apiurl_authMem = config.geturl(config.API.exeAuthMem,{});\r\n        const memlogin_url = config.geturl(config.API.memLogin,{});\r\n        axios.get(apiurl_authMem).then(response => {\r\n            //console.log(response.data);\r\n            if(response.data.isOk){\r\n                let nav_str_ay = response.data.log.split(',');\r\n                nav_str_ay.forEach(function(item){\r\n                    nav_arry_str.push(parseInt(item));\r\n                });\r\n                if(!nav_arry_str.includes(5)){\r\n                    alert(\"您沒有該頁權限，請重新登入\");\r\n                    location.href=memlogin_url;\r\n                }\r\n            }else{\r\n                alert(\"您沒有該頁權限，請重新登入\");\r\n                location.href=memlogin_url;\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        //00:00 ~ 目前時間\r\n        var now_time = new Date();\r\n        var nowdate = now_time.getFullYear() + \"/\" + (now_time.getMonth() + 1) + \"/\" + now_time.getDate();\r\n        var today_begin_time = new Date(nowdate + \" 00:00:00\");   \r\n        //var diff_time = ((Math.abs(now_time.getTime() - today_begin_time.getTime()))/((1000 * 60 * 60))); //小時\r\n        var diff_time = ((Math.abs(now_time.getTime() - today_begin_time.getTime()))/((1000 * 60))); //分\r\n\r\n        var nowdatetime = now_time.getFullYear() + \"/\" + (now_time.getMonth() + 1) + \"/\" + now_time.getDate() + \" \" + now_time.getHours() + \":\" + now_time.getMinutes() + \":\" + now_time.getSeconds();\r\n        var todaybegintime = today_begin_time.getFullYear() + \"/\" + (today_begin_time.getMonth()+1) + \"/\" + today_begin_time.getDate() + \" 00:00:00\";\r\n        \r\n        //測試\r\n        /*var nowdatetime = \"2022/08/10 10:10:00\";\r\n        var todaybegintime = \"2022/08/10 00:00:00\";*/\r\n\r\n        /*\r\n        var now_time = new Date();\r\n        var nowdate = now_time.getFullYear() + \"/\" + now_time.getMonth() + \"/\" + now_time.getDate();\r\n        var nowdatetime = now_time.getFullYear() + \"/\" + now_time.getMonth() + \"/\" + now_time.getDate() + \" \" + now_time.getHours() + \":\" + now_time.getMinutes() + \":\" + now_time.getSeconds();\r\n        var today_begin_time = new Date(nowdate + \" 00:00:00\");        \r\n        var todaybegintime = today_begin_time.getFullYear() + \"/\" + today_begin_time.getMonth() + \"/\" + today_begin_time.getDate() + \" 00:00:00\";\r\n        //先轉成分鐘\r\n        var diff_time = ((Math.abs(now_time.getTime() - today_begin_time.getTime()))/((1000 * 60 * 60)));\r\n\r\n        console.log(diff_time);*/\r\n\r\n        /*this.tilNow_total_data = diff_time;*/\r\n        \r\n            const api_totaldevice_url=config.geturl(config.API.infostation,{});\r\n            const api_real_url=config.geturl(config.API.realtime,{limit:3000});\r\n            const apiurl_realsum=config.geturl(config.API.info_real_sum,{stime:todaybegintime,etime:nowdatetime});\r\n            let promises = [];\r\n            promises.push(\r\n                //總感測器\r\n                axios.get(api_totaldevice_url).then(response => {\r\n                    if(response.data != \"\" && response.data != null){\r\n                        var tilto_real_count = response.data.length;\r\n                        this.tilNow_total_data = tilto_real_count;\r\n                    }\r\n                })\r\n            )\r\n            promises.push(\r\n                //即時數據\r\n                axios.get(api_real_url).then(response => {\r\n                    if(response.data != \"\" && response.data != null){\r\n                        var tilto_real_count = response.data.length;\r\n                        this.tilNow_real_total_data = tilto_real_count;\r\n                        var total_data = this.tilNow_total_data;\r\n                        this.tilNow_real_abnormal_total_data =(tilto_real_count < total_data)?(total_data - tilto_real_count):0\r\n                        \r\n                    }\r\n                })\r\n            )\r\n\r\n            Promise.all(promises).then(() => {\r\n                //儀錶板\r\n                dashboard_success_Chart = echarts.init(document.getElementById('echartbjaS-chart'));\r\n                dashboard_fail_Chart = echarts.init(document.getElementById('echartbjaF-chart'));\r\n\r\n                var acheive_rate=0;\r\n                var abnormal_rate=0;\r\n                acheive_rate = roundToTwo((this.tilNow_real_total_data / this.tilNow_total_data))*100;\r\n                abnormal_rate = (acheive_rate <= 100)?(100-acheive_rate):0;\r\n                darwEchart(dashboard_success_Chart,acheive_rate);\r\n                darwEchart(dashboard_fail_Chart,abnormal_rate);\r\n            });\r\n\r\n\r\n\r\n        /*\r\n        diffTime(time1, time2) {\r\n                // 取絕對值 在轉換成天數\r\n                return ((Math.abs(time1 - time2)) / (1000 * 60 * 60 * 24))\r\n            },\r\n\r\n        */\r\n\r\n            \r\n        axios.get(apiurl_realsum).then(response => {\r\n                var arry = response.data;\r\n                if(arry != null && arry.length > 0){\r\n                    this.realSumList = arry;\r\n\r\n                const apiurl=config.geturl(config.API.infostation,{});\r\n                axios.get(apiurl).then(response => {\r\n                    var 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                    var markerlayerGroup = L.layerGroup().addTo(map);\r\n                    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\r\n                        attribution: '<a href=\"https://www.openstreetmap.org/\">OpenStreetMap</a> | <a href=\"https://noob.tw/openstreetmap/\">Tutorial 教學</a>',\r\n                        maxZoom: 18,\r\n                    }).addTo(map);\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                    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                        grayIcon = new LeafIcon({iconUrl: locationIcon_gray});\r\n\r\n                \r\n\r\n                    //全部出現\r\n                    dataArry=response.data;\r\n                    var i=0;\r\n                    var now_date = new Date();\r\n                    const formatDate = (current_datetime)=>{\r\n                        let formatted_date = current_datetime.getFullYear() + \"-\" + (current_datetime.getMonth() + 1) + \"-\" + current_datetime.getDate() + \" \" + current_datetime.getHours() + \":\" + current_datetime.getMinutes() + \":\" + current_datetime.getSeconds();\r\n                        return formatted_date;\r\n                    }\r\n                    var now_datetime=formatDate(now_date);\r\n\r\n                    $.each(dataArry, function() {\r\n                        var iconType=grayIcon;\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_basic = L.marker([dataArry[i].lat,dataArry[i].lon], {icon: iconType,title:dataArry[i].id}).addTo(markerlayerGroup);\r\n                        }\r\n                        //var realSum_arry = \r\n                        var realSum_single_arry = self.realSumList.filter(item=> item.id == dataArry[i].device);\r\n                        var realSum_single_sum=0;\r\n                        if(realSum_single_arry.length > 0){\r\n                            realSum_single_sum = realSum_single_arry[0].sum;\r\n                        }\r\n                        var real_sum_rate = roundToTwo(realSum_single_sum/diff_time)*100;\r\n                        \r\n\r\n                        marker_basic.bindPopup(\"<div class='lc-title'>感測器：\" + dataArry[i].device + \"(\" + real_sum_rate + \"%)</div><div class='lc-cont'><div class='row'><div class='col-md-6 col-12 item'>經度</sub>：\" + dataArry[i].lat + \"<br/>緯度：\" + dataArry[i].lon + \"<br/>地區：\" + dataArry[i].area + \"<br/>類型：\" + dataArry[i].areatype + \"</div><div class='col-md-6 col-12 item'>\" + \"目標：\" + dataArry[i].target + \"<br>地標：\" + dataArry[i].landmark + \"<br>地址：\" + dataArry[i].area + \"<br>鎮/區：\" + dataArry[i].town + \"</div><div class='col-12 item'><div class='hint'>更新時間：\" + now_datetime + \"</div></div></div>\")\r\n\r\n                        marker_basic.on('click', function (e) {\r\n                            /*$(\".leaflet-marker-icon\").removeClass(\"selectedMarker\");\r\n                            $(e.target._icon).addClass('selectedMarker');*/\r\n                    \r\n                    }).addTo(map);\r\n\r\n                        markerlayerGroup.addLayer(marker_basic);\r\n                        i++;\r\n\r\n                    });\r\n\r\n                });\r\n\r\n                }\r\n            })\r\n\r\n       \r\n\r\n        \r\n\r\n        \r\n        //上傳不良率\r\n        const apiurl_tolerate=config.geturl(config.API.info_tolerate,{});\r\n        axios.get(apiurl_tolerate).then(response => {\r\n            let arry = response.data;\r\n            if(arry != null && arry.length > 0){\r\n                this.tolerate_list = arry;\r\n                this.tolerate_total = arry.length;\r\n            }\r\n        });\r\n\r\n        //異常名單\r\n        const apiurl_ablist=config.geturl(config.API.info_ablist,{});\r\n        axios.get(apiurl_ablist).then(response => {\r\n            let arry = response.data;\r\n            if(arry != null && arry.length > 0){\r\n                this.ab_list = arry;\r\n                this.ab_total = arry.length;\r\n            }\r\n        });\r\n\r\n    }\r\n\r\n \r\n}\r\n\r\nfunction darwEchart(echartObj,val){\r\n    echartObj.setOption({\r\n        series: [\r\n            {\r\n                type: 'gauge',\r\n                progress: {\r\n                    show: true,\r\n                    width: 10\r\n                },\r\n                axisLine: {\r\n                    lineStyle: {\r\n                    width: 10\r\n                    }\r\n                },\r\n                axisTick: {\r\n                    show: false\r\n                },\r\n                splitLine: {\r\n                    length: 5,\r\n                    lineStyle: {\r\n                    width: 2,\r\n                        color: '#999'\r\n                    }\r\n                },\r\n                axisLabel: {\r\n                    distance: 15,\r\n                    color: '#999',\r\n                    fontSize: 10\r\n                },\r\n                anchor: {\r\n                    show: true,\r\n                    showAbove: true,\r\n                    size: 10,\r\n                    itemStyle: {\r\n                    borderWidth: 3\r\n                    }\r\n                },\r\n                title: {\r\n                    show: false\r\n                },\r\n                detail: {\r\n                    valueAnimation: true,\r\n                    fontSize: 30,\r\n                    offsetCenter: [0, '70%'],\r\n                    color:'#CECECE'\r\n                },\r\n                data: [\r\n                    {\r\n                    value: val\r\n                    }\r\n                ]\r\n            }\r\n        ]\r\n        });\r\n}\r\n\r\n</script>\r\n\r\n"],"sourceRoot":""}