{"version":3,"file":"js/app.5411e4af.js","mappings":"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","sources":["webpack://pm2.5/./src/App.vue","webpack://pm2.5/src/App.vue","webpack://pm2.5/./src/App.vue?7e46","webpack://pm2.5/./src/App.vue?0e40","webpack://pm2.5/./src/registerServiceWorker.js","webpack://pm2.5/./src/views/HomeView.vue","webpack://pm2.5/./src/components/home/HomeView.vue","webpack://pm2.5/src/components/home/HomeView.vue","webpack://pm2.5/./src/components/home/HomeView.vue?f985","webpack://pm2.5/./src/components/home/HomeView.vue?a641","webpack://pm2.5/./src/components/Menubar/Menu.vue","webpack://pm2.5/./src/components/Menubar/Menu/MenuBar.vue","webpack://pm2.5/src/components/Menubar/Menu/MenuBar.vue","webpack://pm2.5/./src/components/Menubar/Menu/MenuBar.vue?1fe4","webpack://pm2.5/./src/components/Menubar/Menu/MenuBar.vue?1b2d","webpack://pm2.5/./src/components/Menubar/Menu/TopBar.vue","webpack://pm2.5/src/components/Menubar/Menu/TopBar.vue","webpack://pm2.5/./src/components/Menubar/Menu/TopBar.vue?b5b0","webpack://pm2.5/./src/components/Menubar/Menu/TopBar.vue?ad62","webpack://pm2.5/./src/components/Menubar/Menu/FooTer.vue","webpack://pm2.5/src/components/Menubar/Menu/FooTer.vue","webpack://pm2.5/./src/components/Menubar/Menu/FooTer.vue?fe94","webpack://pm2.5/./src/components/Menubar/Menu/FooTer.vue?fc96","webpack://pm2.5/src/components/Menubar/Menu.vue","webpack://pm2.5/./src/components/Menubar/Menu.vue?2112","webpack://pm2.5/./src/components/Menubar/Menu.vue?dde1","webpack://pm2.5/src/views/HomeView.vue","webpack://pm2.5/./src/views/HomeView.vue?a9b6","webpack://pm2.5/./src/views/HomeView.vue?aae2","webpack://pm2.5/./src/views/StoryView.vue","webpack://pm2.5/./src/components/story/View_pm25_View.vue","webpack://pm2.5/./src/components/story/Gauge_View.vue","webpack://pm2.5/src/components/story/Gauge_View.vue","webpack://pm2.5/./src/components/story/Gauge_View.vue?3c94","webpack://pm2.5/./src/components/story/Gauge_View.vue?5994","webpack://pm2.5/src/components/story/View_pm25_View.vue","webpack://pm2.5/./src/components/story/View_pm25_View.vue?d9b9","webpack://pm2.5/./src/components/story/View_pm25_View.vue?657c","webpack://pm2.5/./src/components/story/Day_View.vue","webpack://pm2.5/src/components/story/Day_View.vue","webpack://pm2.5/./src/components/story/Day_View.vue?069f","webpack://pm2.5/./src/components/story/Day_View.vue?46ab","webpack://pm2.5/./src/components/story/Detail_View.vue","webpack://pm2.5/src/components/story/Detail_View.vue","webpack://pm2.5/./src/components/story/Detail_View.vue?9049","webpack://pm2.5/./src/components/story/Detail_View.vue?d979","webpack://pm2.5/./src/components/story/DescriptionView.vue","webpack://pm2.5/src/components/story/DescriptionView.vue","webpack://pm2.5/./src/components/story/DescriptionView.vue?517a","webpack://pm2.5/./src/components/story/DescriptionView.vue?e75d","webpack://pm2.5/src/views/StoryView.vue","webpack://pm2.5/./src/views/StoryView.vue?a96f","webpack://pm2.5/./src/views/StoryView.vue?f717","webpack://pm2.5/./src/views/IframeView.vue","webpack://pm2.5/src/views/IframeView.vue","webpack://pm2.5/./src/views/IframeView.vue?ddeb","webpack://pm2.5/./src/views/IframeView.vue?1444","webpack://pm2.5/./src/views/Iframe1View.vue","webpack://pm2.5/src/views/Iframe1View.vue","webpack://pm2.5/./src/views/Iframe1View.vue?dccb","webpack://pm2.5/./src/views/Iframe1View.vue?bb56","webpack://pm2.5/./src/router/index.js","webpack://pm2.5/./src/store/index.js","webpack://pm2.5/./src/plugins/vuetify.js","webpack://pm2.5/./src/main.js","webpack://pm2.5/webpack/bootstrap","webpack://pm2.5/webpack/runtime/chunk loaded","webpack://pm2.5/webpack/runtime/compat get default export","webpack://pm2.5/webpack/runtime/define property getters","webpack://pm2.5/webpack/runtime/global","webpack://pm2.5/webpack/runtime/hasOwnProperty shorthand","webpack://pm2.5/webpack/runtime/make namespace object","webpack://pm2.5/webpack/runtime/publicPath","webpack://pm2.5/webpack/runtime/jsonp chunk loading","webpack://pm2.5/webpack/startup"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('v-main',[_c('router-view')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\r\n    <v-main>\r\n      <router-view />\r\n    </v-main>\r\n  </v-app>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"App\",\r\n\r\n  data: () => ({\r\n    //\r\n  }),\r\n};\r\n</script>\r\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=b36f6916&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/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","/* eslint-disable no-console */\r\n\r\nimport { register } from 'register-service-worker'\r\n\r\nif (process.env.NODE_ENV === 'production') {\r\n  register(`${process.env.BASE_URL}service-worker.js`, {\r\n    ready () {\r\n      console.log(\r\n        'App is being served from cache by a service worker.\\n' +\r\n        'For more details, visit https://goo.gl/AFskqB'\r\n      )\r\n    },\r\n    registered () {\r\n      console.log('Service worker has been registered.')\r\n    },\r\n    cached () {\r\n      console.log('Content has been cached for offline use.')\r\n    },\r\n    updatefound () {\r\n      console.log('New content is downloading.')\r\n    },\r\n    updated () {\r\n      console.log('New content is available; please refresh.')\r\n    },\r\n    offline () {\r\n      console.log('No internet connection found. App is running in offline mode.')\r\n    },\r\n    error (error) {\r\n      console.error('Error during service worker registration:', error)\r\n    }\r\n  })\r\n}\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Menu'),_c('v-container',[_c('Home')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-2\"},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-container',{staticClass:\"deep-purple lighten-5 rcorners1\"},[_c('v-col',{staticClass:\"text-center align-center\"},[_c('v-row',{staticClass:\"mb-1\",attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-img',{attrs:{\"src\":require(\"@/assets/University_of_Phayao_Logo.svg.png\"),\"max-width\":\"120\"}})],1),_c('h3',[_vm._v(\"สถานการณ์ฝุ่นละอองขนาดเล็ก\")]),_c('h1',[_vm._v(\"มหาวิทยาลัยพะเยา\")]),_c('h3',[_vm._v(\"ข้อมูลวันที่ \"+_vm._s(_vm.value_day))])],1),_c('v-col',{staticClass:\"text-center mt-1\"},[(_vm.value_25 <= 25)?_c('div',[_c('h1',{staticClass:\"test_size\",staticStyle:{\"color\":\"#00d9ff\"}},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" ug/m\"),_c('sup',[_vm._v(\"3\")])]),_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#00d9ff\"}},[_vm._v(\" คุณภาพอากาศดีมาก \")])]):_vm._e(),(_vm.value_25 >= 26 && _vm.value_25 <= 37)?_c('div',[_c('h1',{staticClass:\"test_size\",staticStyle:{\"color\":\"#23a312\"}},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" ug/m\"),_c('sup',[_vm._v(\"3\")])]),_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#23a312\"}},[_vm._v(\"คุณภาพอากาศดี\")])]):_vm._e(),(_vm.value_25 >= 38 && _vm.value_25 <= 50)?_c('div',[_c('h1',{staticClass:\"test_size\",staticStyle:{\"color\":\"#ccc73d\"}},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" ug/m\"),_c('sup',[_vm._v(\"3\")])]),_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#ccc73d\"}},[_vm._v(\" คุณภาพอากาศปานกลาง \")])]):_vm._e(),(_vm.value_25 >= 51 && _vm.value_25 <= 90)?_c('div',[_c('h1',{staticClass:\"test_size\",staticStyle:{\"color\":\"#f28383\"}},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" ug/m\"),_c('sup',[_vm._v(\"3\")])]),_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#f28383\"}},[_vm._v(\" คุณภาพอากาศมีผลกระทบต่อสุขภาพ \")])]):_vm._e(),(_vm.value_25 > 90)?_c('div',[_c('h1',{staticClass:\"test_size red-text\"},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" ug/m\"),_c('sup',[_vm._v(\"3\")])]),_c('h2',{staticClass:\"test_size_1 red-text\"},[_vm._v(\" คุณภาพอากาศมีผลกระทบต่อสุขภาพมาก \")])]):_vm._e(),_c('h3',{staticClass:\"ma-0\"},[_vm._v(\"ข้อมูลเวลา \"+_vm._s(_vm.value_time)+\" น.\")]),_c('h4',{staticClass:\"ma-0\"},[_vm._v(\"ค่ามาตรฐานไม่เกิน 25 ug/m\"),_c('sup',[_vm._v(\"3\")])])]),_c('v-col',{staticClass:\"text-center py-2\"},[_c('v-row',{staticClass:\"mb-1\",attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-img',{attrs:{\"src\":require(\"@/assets/placeholder.png\"),\"max-width\":\"30\"}}),_c('h2',{staticClass:\"mx-2\"},[_vm._v(\"สถานที่ตรวจวัด\")])],1),_c('h3',[_vm._v(\"คณะวิศวกรรมศาสตร์ มหาวิทยาลัยพะเยา\")])],1),_c('h5',{staticClass:\"text-center\"},[_vm._v(\"กองอาคารสถานที่ มหาวิทยาลัยพะเยา โทร 1060\")])],1)],1)],1),_c('v-dialog',{attrs:{\"hide-overlay\":\"\",\"persistent\":\"\",\"width\":\"400\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{attrs:{\"color\":\"primary\",\"dark\":\"\"}},[_c('v-card-text',[_vm._v(\" กำลังดาวน์โหลด กรุณารอสักครู่ \"),_c('v-progress-linear',{staticClass:\"my-2\",attrs:{\"indeterminate\":\"\",\"color\":\"white\"}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"mt-2\">\r\n    <v-row justify=\"center\">\r\n      <v-col cols=\"12\">\r\n        <v-container class=\"deep-purple lighten-5 rcorners1\">\r\n          <v-col class=\"text-center align-center\">\r\n            <v-row class=\"mb-1\" justify=\"center\" no-gutters>\r\n              <v-img\r\n                src=\"@/assets/University_of_Phayao_Logo.svg.png\"\r\n                max-width=\"120\"\r\n              />\r\n            </v-row>\r\n            <h3>สถานการณ์ฝุ่นละอองขนาดเล็ก</h3>\r\n            <h1>มหาวิทยาลัยพะเยา</h1>\r\n            <h3>ข้อมูลวันที่ {{ value_day }}</h3>\r\n          </v-col>\r\n\r\n          <v-col class=\"text-center mt-1\">\r\n            <div v-if=\"value_25 <= 25\">\r\n              <h1 class=\"test_size\" style=\"color: #00d9ff\">\r\n                {{ value_25 }} ug/m<sup>3</sup>\r\n              </h1>\r\n              <h2 class=\"test_size_1\" style=\"color: #00d9ff\">\r\n                คุณภาพอากาศดีมาก\r\n              </h2>\r\n            </div>\r\n            <div v-if=\"value_25 >= 26 && value_25 <= 37\">\r\n              <h1 class=\"test_size\" style=\"color: #23a312\">\r\n                {{ value_25 }} ug/m<sup>3</sup>\r\n              </h1>\r\n              <h2 class=\"test_size_1\" style=\"color: #23a312\">คุณภาพอากาศดี</h2>\r\n            </div>\r\n            <div v-if=\"value_25 >= 38 && value_25 <= 50\">\r\n              <h1 class=\"test_size\" style=\"color: #ccc73d\">\r\n                {{ value_25 }} ug/m<sup>3</sup>\r\n              </h1>\r\n              <h2 class=\"test_size_1\" style=\"color: #ccc73d\">\r\n                คุณภาพอากาศปานกลาง\r\n              </h2>\r\n            </div>\r\n            <div v-if=\"value_25 >= 51 && value_25 <= 90\">\r\n              <h1 class=\"test_size\" style=\"color: #f28383\">\r\n                {{ value_25 }} ug/m<sup>3</sup>\r\n              </h1>\r\n              <h2 class=\"test_size_1\" style=\"color: #f28383\">\r\n                คุณภาพอากาศมีผลกระทบต่อสุขภาพ\r\n              </h2>\r\n            </div>\r\n            <div v-if=\"value_25 > 90\">\r\n              <h1 class=\"test_size red-text\">\r\n                {{ value_25 }} ug/m<sup>3</sup>\r\n              </h1>\r\n              <h2 class=\"test_size_1 red-text\">\r\n                คุณภาพอากาศมีผลกระทบต่อสุขภาพมาก\r\n              </h2>\r\n            </div>\r\n            <h3 class=\"ma-0\">ข้อมูลเวลา {{ value_time }} น.</h3>\r\n            <h4 class=\"ma-0\">ค่ามาตรฐานไม่เกิน 25 ug/m<sup>3</sup></h4>\r\n          </v-col>\r\n\r\n          <v-col class=\"text-center py-2\">\r\n            <v-row class=\"mb-1\" justify=\"center\" no-gutters>\r\n              <v-img src=\"@/assets/placeholder.png\" max-width=\"30\"> </v-img>\r\n              <h2 class=\"mx-2\">สถานที่ตรวจวัด</h2>\r\n            </v-row>\r\n            <h3>คณะวิศวกรรมศาสตร์ มหาวิทยาลัยพะเยา</h3>\r\n          </v-col>\r\n          <!-- \r\n          <v-col>\r\n            <v-container xs>\r\n              <h2 class=\"text-center\">\r\n                คำแนะนำในการ<b class=\"red--text\">ป้องกัน</b>ฝุ่นละออง\r\n              </h2>\r\n              <ol>\r\n                <li>\r\n                  <b>\r\n                    สวมใส่หน้ากากอนามัย โดยเลือกใช้หน้ากากกันฝุ่นขนาดเล็กกว่า\r\n                    2.5 ไมครอน ที่ได้มาตรฐาน\r\n                  </b>\r\n                </li>\r\n                <li>\r\n                  <b>\r\n                    งดกิจกรรมหรือออกกำลังกายในพื้นที่โล่งแจ้ง\r\n                    แต่ถ้าอยู่กลางแจ้งให้สวมหมวก และหน้ากากอนามัย</b\r\n                  >\r\n                </li>\r\n                <li>\r\n                  <B>\r\n                    ปิดประตูและหน้าต่าง หรือเปิดเครื่องปรับอากาศ\r\n                    หากพบว่ามีอาการผิดปกติให้รับไปพบแพทย์\r\n                  </B>\r\n                </li>\r\n              </ol>\r\n            </v-container>\r\n          </v-col> -->\r\n          <h5 class=\"text-center\">กองอาคารสถานที่ มหาวิทยาลัยพะเยา โทร 1060</h5>\r\n        </v-container>\r\n      </v-col>\r\n    </v-row>\r\n    <v-dialog v-model=\"dialog\" hide-overlay persistent width=\"400\">\r\n      <v-card color=\"primary\" dark>\r\n        <v-card-text>\r\n          กำลังดาวน์โหลด กรุณารอสักครู่\r\n          <v-progress-linear\r\n            indeterminate\r\n            color=\"white\"\r\n            class=\"my-2\"\r\n          ></v-progress-linear>\r\n        </v-card-text>\r\n      </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst axios = require(\"axios\");\r\nexport default {\r\n  data() {\r\n    return {\r\n      dialog: null,\r\n      value_25: null,\r\n      value_day: null,\r\n      data_all: null,\r\n      value_time: null,\r\n      dustboy_name: null,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.get_data();\r\n  },\r\n  methods: {\r\n    async get_data() {\r\n      this.dialog = true;\r\n      var all = null;\r\n\r\n      await axios\r\n        .get(\"https://api.building.up.ac.th/pm25/rimetime\")\r\n        .then(function (response) {\r\n          all = response.data;\r\n        })\r\n        .catch(function (error) {\r\n          console.log(error);\r\n        });\r\n\r\n      this.value_25 = await all[0].pm25;\r\n      this.value_day = await this.Buddhist(all[0].log_datetime.slice(0, 11));\r\n      this.value_time = await all[0].log_datetime.slice(11, 17);\r\n\r\n      this.dialog = await false;\r\n    },\r\n    Buddhist(data) {\r\n      // แปลง ค.ศ. เป็น พ.ศ.\r\n      var year = parseInt(data.slice(0, 4)) + 543;\r\n      year = data.slice(8, 10) + \"/\" + data.slice(5, 7) + \"/\" + year;\r\n      return year;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.rcorners1 {\r\n  border-radius: 20px;\r\n}\r\n\r\n.test_size {\r\n  font-size: 65px;\r\n  color: Tomato;\r\n}\r\n.test_size_1 {\r\n  font-size: 30px;\r\n  color: Tomato;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HomeView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HomeView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeView.vue?vue&type=template&id=e982e16c&scoped=true&\"\nimport script from \"./HomeView.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomeView.vue?vue&type=style&index=0&id=e982e16c&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e982e16c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('TopBar'),_c('MenuBar'),_c('FooTer')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-navigation-drawer',{staticClass:\"bg-local\",attrs:{\"height\":\"100%\",\"app\":\"\",\"left\":\"\"},model:{value:(_vm.$store.state.drawer),callback:function ($$v) {_vm.$set(_vm.$store.state, \"drawer\", $$v)},expression:\"$store.state.drawer\"}},[[_c('v-list-item',{staticClass:\"d-flex justify-center\"},[_c('v-list-item-avatar',{attrs:{\"height\":\"100\",\"width\":\"100\"}},[_c('img',{attrs:{\"src\":\"https://upload.wikimedia.org/wikipedia/th/thumb/0/00/University_of_Phayao_Logo.svg/1200px-University_of_Phayao_Logo.svg.png\",\"alt\":\"มหาวิทยาลัยพะเยา\"}})])],1),_c('v-list-item',{attrs:{\"link\":\"\"}},[_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"text-center\"},[_c('p',[_vm._v(\"ค่าฝุ่นละออง\")])]),_c('v-list-item-subtitle',{staticClass:\"text-center\"},[_vm._v(\" มหาวิทยาลัยพะเยา\")])],1)],1)],_c('v-divider'),_c('v-list',[_c('v-list-item',{attrs:{\"to\":\"/\",\"color\":\"deep-purple darken-4\"}},[_c('v-list-item-icon',[_c('v-icon',[_vm._v(\"mdi-home\")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"หน้าหลัก\")])],1)],1),_c('v-list-item',{attrs:{\"to\":\"/story\",\"color\":\"green darken-3\"}},[_c('v-list-item-icon',[_c('v-icon',[_vm._v(\"mdi-account-check\")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"pm2.5\")])],1)],1)],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-navigation-drawer\r\n    height=\"100%\"\r\n    v-model=\"$store.state.drawer\"\r\n    app\r\n    left\r\n    class=\"bg-local\"\r\n  >\r\n    <template>\r\n      <v-list-item class=\"d-flex justify-center\">\r\n        <v-list-item-avatar height=\"100\" width=\"100\">\r\n          <img\r\n            src=\"https://upload.wikimedia.org/wikipedia/th/thumb/0/00/University_of_Phayao_Logo.svg/1200px-University_of_Phayao_Logo.svg.png\"\r\n            alt=\"มหาวิทยาลัยพะเยา\"\r\n          />\r\n        </v-list-item-avatar>\r\n      </v-list-item>\r\n      <v-list-item link>\r\n        <v-list-item-content>\r\n          <v-list-item-title class=\"text-center\">\r\n            <p>ค่าฝุ่นละออง</p>\r\n          </v-list-item-title>\r\n          <v-list-item-subtitle class=\"text-center\">\r\n            มหาวิทยาลัยพะเยา</v-list-item-subtitle\r\n          >\r\n        </v-list-item-content>\r\n      </v-list-item>\r\n    </template>\r\n\r\n    <v-divider></v-divider>\r\n\r\n    <v-list>\r\n      <v-list-item to=\"/\" color=\"deep-purple darken-4\">\r\n        <v-list-item-icon>\r\n          <v-icon>mdi-home</v-icon>\r\n        </v-list-item-icon>\r\n\r\n        <v-list-item-content>\r\n          <v-list-item-title>หน้าหลัก</v-list-item-title>\r\n        </v-list-item-content>\r\n      </v-list-item>\r\n\r\n      <v-list-item to=\"/story\" color=\"green darken-3\">\r\n        <v-list-item-icon>\r\n          <v-icon>mdi-account-check</v-icon>\r\n        </v-list-item-icon>\r\n\r\n        <v-list-item-content>\r\n          <v-list-item-title>pm2.5</v-list-item-title>\r\n        </v-list-item-content>\r\n      </v-list-item>\r\n\r\n      <!-- <v-list-item to=\"/iframe\" color=\"yellow darken-4\">\r\n        <v-list-item-icon>\r\n          <v-icon>mdi-package-down</v-icon>\r\n        </v-list-item-icon>\r\n\r\n        <v-list-item-content>\r\n          <v-list-item-title>จัดเก็บขยะประจำวัน</v-list-item-title>\r\n        </v-list-item-content>\r\n      </v-list-item> -->\r\n    </v-list>\r\n  </v-navigation-drawer>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data: () => ({\r\n    stream: null,\r\n    append: null,\r\n    cards: [\"Today\", \"Yesterday\"],\r\n    userPhoto: null,\r\n  }),\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MenuBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./MenuBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MenuBar.vue?vue&type=template&id=498c7ba6&\"\nimport script from \"./MenuBar.vue?vue&type=script&lang=js&\"\nexport * from \"./MenuBar.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app-bar',{attrs:{\"app\":\"\",\"color\":\"purple darken-3\",\"dark\":\"\"}},[_c('v-app-bar-nav-icon',{on:{\"click\":function($event){_vm.$store.state.drawer = !_vm.$store.state.drawer}}}),_c('v-toolbar-title',{staticClass:\"white--text animate__animated animate__backInRight\"},[_vm._v(\"Pm2.5 system v1.0\")]),_c('v-spacer')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app-bar app color=\"purple darken-3\" dark>\r\n    <v-app-bar-nav-icon\r\n      @click=\"$store.state.drawer = !$store.state.drawer\"\r\n    ></v-app-bar-nav-icon>\r\n    <v-toolbar-title class=\"white--text animate__animated animate__backInRight\"\r\n      >Pm2.5 system v1.0</v-toolbar-title\r\n    >\r\n    <v-spacer></v-spacer>\r\n  </v-app-bar>\r\n</template>\r\n<script>\r\nexport default {};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TopBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./TopBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopBar.vue?vue&type=template&id=7324a0a1&\"\nimport script from \"./TopBar.vue?vue&type=script&lang=js&\"\nexport * from \"./TopBar.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-footer',{attrs:{\"app\":\"\",\"color\":\"grey darken-1\"}},[_c('v-card',{staticClass:\"flex\",attrs:{\"flat\":\"\",\"tile\":\"\",\"color\":\"grey darken-1\"}},[_c('v-spacer'),_c('v-card-text',{staticClass:\"py-0 white--text text-center\"},[_c('strong',[_vm._v(\"Pm2.5 system v1.0\")]),_vm._v(\" @ \"+_vm._s(new Date().getFullYear())+\" ระบบติดตามฝุ่นละออนขนาดเล็ก มหาวิทยาลัยพะเยา \")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-footer app color=\"grey darken-1\">\r\n    <v-card class=\"flex\" flat tile color=\"grey darken-1\">\r\n      <v-spacer></v-spacer>\r\n      <v-card-text class=\"py-0 white--text text-center\">\r\n        <strong>Pm2.5 system v1.0</strong> @\r\n        {{ new Date().getFullYear() }} ระบบติดตามฝุ่นละออนขนาดเล็ก\r\n        มหาวิทยาลัยพะเยา\r\n      </v-card-text>\r\n    </v-card>\r\n  </v-footer>\r\n</template>\r\n\r\n<script>\r\nexport default {};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FooTer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FooTer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FooTer.vue?vue&type=template&id=4429d94e&\"\nimport script from \"./FooTer.vue?vue&type=script&lang=js&\"\nexport * from \"./FooTer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/vue-loader-v15/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","<template>\r\n  <div>\r\n    <TopBar />\r\n    <MenuBar />\r\n    <FooTer />\r\n  </div>\r\n</template>\r\n<script>\r\nimport MenuBar from \"@/components/Menubar/Menu/MenuBar.vue\";\r\nimport TopBar from \"@/components/Menubar/Menu/TopBar.vue\";\r\nimport FooTer from \"@/components/Menubar/Menu/FooTer.vue\";\r\n\r\nexport default {\r\n  name: \"MenuBer\",\r\n  components: {\r\n    MenuBar,\r\n    TopBar,\r\n    FooTer,\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Menu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Menu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Menu.vue?vue&type=template&id=6288727f&\"\nimport script from \"./Menu.vue?vue&type=script&lang=js&\"\nexport * from \"./Menu.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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","<template>\r\n  <div>\r\n    <Menu />\r\n    <v-container>\r\n      <Home />\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Home from \"@/components/home/HomeView.vue\";\r\nimport Menu from \"@/components/Menubar/Menu.vue\";\r\nexport default {\r\n  components: {\r\n    Home,\r\n    Menu,\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HomeView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./HomeView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeView.vue?vue&type=template&id=20c88c6f&\"\nimport script from \"./HomeView.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeView.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Menu'),_c('Pm25'),_c('Dat'),_c('Description'),_c('Detail')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-container',[_c('v-card',{staticClass:\"pa-3\"},[_c('v-container',[_c('p',{staticClass:\"text-center ma-0 pa-0\",staticStyle:{\"font-size\":\"19px\"}},[_c('b',[_vm._v(\" ปริมาณ pm2.5 ประจำชั่วโมง\")])]),_c('v-container',[_c('hr',{staticClass:\"green darken-1\"})]),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"3\",\"md\":\"3\"}},[_c('div',{staticClass:\"text-center mt-2\"},[(_vm.value_25 <= 25)?_c('div',{staticStyle:{\"color\":\"#00d9ff\"}},[_c('h1',{staticClass:\"test_size\"},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" \")]),_c('h3',[_vm._v(\"ug/m\"),_c('sup',[_vm._v(\"3\")])])]):_vm._e(),(_vm.value_25 >= 26 && _vm.value_25 <= 37)?_c('div',{staticStyle:{\"color\":\"#23a312\"}},[_c('h1',{staticClass:\"test_size\"},[_vm._v(_vm._s(_vm.value_25))]),_c('h3',[_vm._v(\"ug/m\"),_c('sup',[_vm._v(\"3\")])])]):_vm._e(),(_vm.value_25 >= 38 && _vm.value_25 <= 50)?_c('div',{staticStyle:{\"color\":\"#ccc73d\"}},[_c('h1',{staticClass:\"test_size\"},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" \")]),_c('h3',[_vm._v(\"ug/m\"),_c('sup',[_vm._v(\"3\")])])]):_vm._e(),(_vm.value_25 >= 51 && _vm.value_25 <= 90)?_c('div',{staticStyle:{\"color\":\"#f28383\"}},[_c('h1',{staticClass:\"test_size\"},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" \")]),_c('h3',[_vm._v(\"ug/m\"),_c('sup',[_vm._v(\"3\")])])]):_vm._e(),(_vm.value_25 > 90)?_c('div',{staticClass:\"red--text\"},[_c('h1',{staticClass:\"test_size\"},[_vm._v(\" \"+_vm._s(_vm.value_25)+\" \")]),_c('h3',[_vm._v(\"ug/m\"),_c('sup',[_vm._v(\"3\")])])]):_vm._e()])]),_c('v-col',{staticClass:\"my-5\",attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"5\"}},[_c('div',[(_vm.value_25 <= 25)?_c('div',[_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#00d9ff\"}},[_vm._v(\" คุณภาพอากาศดีมาก \")])]):_vm._e(),(_vm.value_25 >= 26 && _vm.value_25 <= 37)?_c('div',[_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#23a312\"}},[_vm._v(\" คุณภาพอากาศดี \")])]):_vm._e(),(_vm.value_25 >= 38 && _vm.value_25 <= 50)?_c('div',[_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#ccc73d\"}},[_vm._v(\" คุณภาพอากาศปานกลาง \")])]):_vm._e(),(_vm.value_25 >= 51 && _vm.value_25 <= 90)?_c('div',[_c('h2',{staticClass:\"test_size_1\",staticStyle:{\"color\":\"#f28383\"}},[_vm._v(\" คุณภาพอากาศมีผลกระทบต่อสุขภาพ \")])]):_vm._e(),(_vm.value_25 > 90)?_c('div',[_c('h2',{staticClass:\"test_size_1 red--text\"},[_vm._v(\" คุณภาพอากาศมีผลกระทบต่อสุขภาพมาก \")])]):_vm._e(),_c('p',{staticClass:\"test_size_3 my-1\"},[_c('v-icon',{staticClass:\"mx-1\",attrs:{\"color\":\"deep-purple\"}},[_vm._v(\" mdi-clock mdi-24px\")]),_vm._v(\" \"+_vm._s(_vm.value_time)+\" \"),_c('br'),_c('v-icon',{staticClass:\"mx-1\",attrs:{\"color\":\"deep-purple\"}},[_vm._v(\" mdi-calendar mdi-24px\")]),_vm._v(\" \"+_vm._s(_vm.value_day)+\" \"),_c('br'),_c('v-icon',{staticClass:\"mx-1\",attrs:{\"color\":\"deep-purple\"}},[_vm._v(\" mdi-map-marker-multiple mdi-24px\")]),_vm._v(\" คณะวิศวกรรมศาสตร์มหาวิทยาลัยพะเยา \")],1)])]),_c('v-col',{staticClass:\"d-flex justify-center\",attrs:{\"cols\":\"12\",\"sm\":\"4\",\"md\":\"4\"}},[_c('Gauge',{attrs:{\"volume\":_vm.value_25}})],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('GChart',{attrs:{\"type\":_vm.type,\"data\":_vm.data,\"options\":_vm.options,\"settings\":_vm.settings}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <GChart :type=\"type\" :data=\"data\" :options=\"options\" :settings=\"settings\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { GChart } from \"vue-google-charts/legacy\";\r\nconst axios = require(\"axios\");\r\nexport default {\r\n  data() {\r\n    return {\r\n      type: \"Gauge\",\r\n      data: null,\r\n      options: {\r\n        width: 300,\r\n        height: 200,\r\n\r\n        minorTicks: 10,\r\n        max: 300,\r\n\r\n        greenFrom: 0,\r\n        greenTo: 50,\r\n\r\n        yellowFrom: 50,\r\n        yellowTo: 90,\r\n\r\n        redFrom: 90,\r\n        redTo: 300,\r\n        forceIFrame: true,\r\n      },\r\n      settings: {\r\n        packages: [\"gauge\"],\r\n      },\r\n    };\r\n  },\r\n  components: {\r\n    GChart,\r\n  },\r\n  mounted() {\r\n    this.get_chart();\r\n  },\r\n  methods: {\r\n    async get_chart() {\r\n      var all = null;\r\n      await axios\r\n        .get(\"https://api.building.up.ac.th/pm25/rimetime\")\r\n        .then(function (response) {\r\n          all = response.data;\r\n        })\r\n        .catch(function (error) {\r\n          console.log(error);\r\n        });\r\n\r\n      this.data = await [\r\n        [\"Label\", \"Value\"],\r\n        [\"PM2.5\", Number(all[0].pm25)],\r\n      ];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Gauge_View.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Gauge_View.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Gauge_View.vue?vue&type=template&id=3dc05cea&scoped=true&\"\nimport script from \"./Gauge_View.vue?vue&type=script&lang=js&\"\nexport * from \"./Gauge_View.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3dc05cea\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <v-container>\r\n      <v-card class=\"pa-3\">\r\n        <v-container>\r\n          <p class=\"text-center ma-0 pa-0\" style=\"font-size: 19px\">\r\n            <b> ปริมาณ pm2.5 ประจำชั่วโมง</b>\r\n          </p>\r\n          <v-container>\r\n            <hr class=\"green darken-1\" />\r\n          </v-container>\r\n          <v-row no-gutters>\r\n            <v-col cols=\"12\" sm=\"3\" md=\"3\">\r\n              <div class=\"text-center mt-2\">\r\n                <div v-if=\"value_25 <= 25\" style=\"color: #00d9ff\">\r\n                  <h1 class=\"test_size\">\r\n                    {{ value_25 }}\r\n                  </h1>\r\n                  <h3>ug/m<sup>3</sup></h3>\r\n                </div>\r\n                <div\r\n                  v-if=\"value_25 >= 26 && value_25 <= 37\"\r\n                  style=\"color: #23a312\"\r\n                >\r\n                  <h1 class=\"test_size\">{{ value_25 }}</h1>\r\n                  <h3>ug/m<sup>3</sup></h3>\r\n                </div>\r\n                <div\r\n                  v-if=\"value_25 >= 38 && value_25 <= 50\"\r\n                  style=\"color: #ccc73d\"\r\n                >\r\n                  <h1 class=\"test_size\">\r\n                    {{ value_25 }}\r\n                  </h1>\r\n                  <h3>ug/m<sup>3</sup></h3>\r\n                </div>\r\n                <div\r\n                  v-if=\"value_25 >= 51 && value_25 <= 90\"\r\n                  style=\"color: #f28383\"\r\n                >\r\n                  <h1 class=\"test_size\">\r\n                    {{ value_25 }}\r\n                  </h1>\r\n                  <h3>ug/m<sup>3</sup></h3>\r\n                </div>\r\n                <div v-if=\"value_25 > 90\" class=\"red--text\">\r\n                  <h1 class=\"test_size\">\r\n                    {{ value_25 }}\r\n                  </h1>\r\n                  <h3>ug/m<sup>3</sup></h3>\r\n                </div>\r\n              </div>\r\n            </v-col>\r\n            <v-col class=\"my-5\" cols=\"12\" sm=\"5\" md=\"5\">\r\n              <div>\r\n                <div v-if=\"value_25 <= 25\">\r\n                  <h2 class=\"test_size_1\" style=\"color: #00d9ff\">\r\n                    คุณภาพอากาศดีมาก\r\n                  </h2>\r\n                </div>\r\n                <div v-if=\"value_25 >= 26 && value_25 <= 37\">\r\n                  <h2 class=\"test_size_1\" style=\"color: #23a312\">\r\n                    คุณภาพอากาศดี\r\n                  </h2>\r\n                </div>\r\n                <div v-if=\"value_25 >= 38 && value_25 <= 50\">\r\n                  <h2 class=\"test_size_1\" style=\"color: #ccc73d\">\r\n                    คุณภาพอากาศปานกลาง\r\n                  </h2>\r\n                </div>\r\n                <div v-if=\"value_25 >= 51 && value_25 <= 90\">\r\n                  <h2 class=\"test_size_1\" style=\"color: #f28383\">\r\n                    คุณภาพอากาศมีผลกระทบต่อสุขภาพ\r\n                  </h2>\r\n                </div>\r\n                <div v-if=\"value_25 > 90\">\r\n                  <h2 class=\"test_size_1 red--text\">\r\n                    คุณภาพอากาศมีผลกระทบต่อสุขภาพมาก\r\n                  </h2>\r\n                </div>\r\n                <p class=\"test_size_3 my-1\">\r\n                  <v-icon class=\"mx-1\" color=\"deep-purple\">\r\n                    mdi-clock mdi-24px</v-icon\r\n                  >\r\n\r\n                  {{ value_time }}\r\n\r\n                  <br />\r\n                  <v-icon class=\"mx-1\" color=\"deep-purple\">\r\n                    mdi-calendar mdi-24px</v-icon\r\n                  >\r\n\r\n                  {{ value_day }}\r\n\r\n                  <br />\r\n\r\n                  <v-icon class=\"mx-1\" color=\"deep-purple\">\r\n                    mdi-map-marker-multiple mdi-24px</v-icon\r\n                  >\r\n                  คณะวิศวกรรมศาสตร์มหาวิทยาลัยพะเยา\r\n                </p>\r\n              </div>\r\n            </v-col>\r\n            <v-col cols=\"12\" sm=\"4\" md=\"4\" class=\"d-flex justify-center\"\r\n              ><Gauge :volume=\"value_25\" />\r\n            </v-col>\r\n          </v-row>\r\n        </v-container>\r\n      </v-card>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst axios = require(\"axios\");\r\nimport Gauge from \"@/components/story/Gauge_View.vue\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      dialog: null,\r\n      value_25: null,\r\n      value_day: null,\r\n      data_all: null,\r\n      value_time: null,\r\n      dustboy_name: null,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.get_data();\r\n  },\r\n  components: {\r\n    Gauge,\r\n  },\r\n  methods: {\r\n    async get_data() {\r\n      this.dialog = true;\r\n      var all = null;\r\n\r\n      await axios\r\n        .get(\"https://api.building.up.ac.th/pm25/rimetime\")\r\n        .then(function (response) {\r\n          all = response.data;\r\n        })\r\n        .catch(function (error) {\r\n          console.log(error);\r\n        });\r\n\r\n      this.value_25 = await all[0].pm25;\r\n      this.value_day = await this.Buddhist(all[0].log_datetime.slice(0, 11));\r\n      this.value_time = await all[0].log_datetime.slice(11, 17);\r\n\r\n      this.dialog = await false;\r\n    },\r\n    Buddhist(data) {\r\n      // แปลง ค.ศ. เป็น พ.ศ.\r\n      var year = parseInt(data.slice(0, 4)) + 543;\r\n      year = data.slice(8, 10) + \"/\" + data.slice(5, 7) + \"/\" + year;\r\n      return year;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.rcorners1 {\r\n  border-radius: 20px;\r\n}\r\n\r\n.test_size {\r\n  font-size: 65px;\r\n}\r\n.test_size_1 {\r\n  font-size: 20px;\r\n}\r\n.test_size_3 {\r\n  font-size: 18px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./View_pm25_View.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./View_pm25_View.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./View_pm25_View.vue?vue&type=template&id=3d8ca185&scoped=true&\"\nimport script from \"./View_pm25_View.vue?vue&type=script&lang=js&\"\nexport * from \"./View_pm25_View.vue?vue&type=script&lang=js&\"\nimport style0 from \"./View_pm25_View.vue?vue&type=style&index=0&id=3d8ca185&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3d8ca185\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-container',[_c('v-card',{staticClass:\"pa-3\"},[_c('v-container',[_c('apexchart',{attrs:{\"type\":\"area\",\"height\":\"350\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-container>\r\n      <v-card class=\"pa-3\">\r\n        <v-container>\r\n          <apexchart\r\n            type=\"area\"\r\n            height=\"350\"\r\n            :options=\"chartOptions\"\r\n            :series=\"series\"\r\n          ></apexchart>\r\n        </v-container>\r\n      </v-card>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst axios = require(\"axios\");\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nexport default {\r\n  components: {\r\n    apexchart: VueApexCharts,\r\n  },\r\n  data() {\r\n    return {\r\n      series: [],\r\n      chartOptions: {\r\n        chart: {\r\n          height: 350,\r\n          type: \"area\",\r\n          zoom: {\r\n            enabled: false,\r\n          },\r\n        },\r\n        dataLabels: {\r\n          enabled: false,\r\n        },\r\n        stroke: {\r\n          curve: \"smooth\",\r\n        },\r\n        xaxis: {\r\n          type: \"datetime\",\r\n          categories: [],\r\n        },\r\n        tooltip: {\r\n          x: {\r\n            format: \"dd/MM/yy HH:mm\",\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n\r\n  async mounted() {\r\n    await this.get_chart();\r\n  },\r\n  methods: {\r\n    async get_chart() {\r\n      var all = null;\r\n      await axios\r\n        .get(\"https://api.building.up.ac.th/pm25/today\")\r\n        .then(function (response) {\r\n          all = response.data;\r\n        })\r\n        .catch(function (error) {\r\n          console.log(error);\r\n        });\r\n\r\n      await all.sort((b, a) => b.id - a.id);\r\n\r\n      this.series = await [\r\n        {\r\n          name: \"Pm2.5\",\r\n          data: [],\r\n        },\r\n        {\r\n          name: \"Pm10\",\r\n          data: [],\r\n        },\r\n      ];\r\n\r\n      for (var i = 0; i < all.length; i++) {\r\n        this.chartOptions.xaxis.categories.push(\r\n          all[i].date.slice(0, 10) + \"T\" + all[i].time + \":00.000Z\"\r\n        );\r\n        this.series[0].data.push(Number(all[i].pm25));\r\n        this.series[1].data.push(Number(all[i].pm10));\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Day_View.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Day_View.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Day_View.vue?vue&type=template&id=a03aba90&\"\nimport script from \"./Day_View.vue?vue&type=script&lang=js&\"\nexport * from \"./Day_View.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-container',[_c('v-card',{staticClass:\"pa-3\"},[_c('v-container',[_c('p',[_c('b',[_vm._v(\"ดาวน์โหลด ข้อมูลเพิ่มเติม\")])]),_c('v-row',{staticClass:\"mb-6\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"my-1\",attrs:{\"cols\":\"12\",\"md\":\"2\"}},[_c('v-btn',{staticClass:\"green darken-3 text-center\",attrs:{\"dark\":\"\"},on:{\"click\":function($event){return _vm.exportExcel()}}},[_c('v-icon',{staticClass:\"mx-1\"},[_vm._v(\" mdi-file-excel mdi-16px\")]),_vm._v(\" File Excal\")],1)],1),_c('v-col',{staticClass:\"my-1\",attrs:{\"cols\":\"12\",\"md\":\"2\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\"},attrs:{\"target\":\"_blank\",\"href\":\"https://api.building.up.ac.th/pm25/rimetime\"}},[_c('v-btn',{staticClass:\"brown darken-3 text-center\",attrs:{\"dark\":\"\"}},[_c('v-icon',{staticClass:\"mx-1\"},[_vm._v(\"mdi-json\")]),_vm._v(\" json ประจำชั่วโมง\")],1)],1)]),_c('v-col',{staticClass:\"my-1\",attrs:{\"cols\":\"12\",\"md\":\"2\"}},[_c('a',{staticStyle:{\"text-decoration\":\"none\"},attrs:{\"target\":\"_blank\",\"href\":\"https://api.building.up.ac.th/pm25/all\"}},[_c('v-btn',{staticClass:\"brown darken-3 text-center\",attrs:{\"dark\":\"\"}},[_vm._v(\"json ตลอดทั้งปี\")])],1)]),_c('v-col',{staticClass:\"my-1\",attrs:{\"cols\":\"12\",\"md\":\"2\"}},[_c('v-btn',{attrs:{\"color\":\"light-blue darken-3\",\"dark\":\"\"},on:{\"click\":function($event){_vm.dialog = true}}},[_vm._v(\" iframe View 1 \")]),_c('div',{staticClass:\"text-center\"},[_c('v-dialog',{attrs:{\"width\":\"800\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-row',{staticClass:\"mt-2\",attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('p',[_c('b',[_vm._v(\"link Iframe\")])]),_c('p',[_vm._v(\"    <iframe src=\\\"https://building.up.ac.th/pm2.5/iframe\\\" title=\\\"สถานการณ์ฝุ่นละอองขนาดเล็ก มหาวิทยาลัยพะเยา\\\"  ></iframe> \")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('Home')],1)],1),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" ปิด \")])],1)],1)],1)],1)],1),_c('v-col',{staticClass:\"my-1\",attrs:{\"cols\":\"12\",\"md\":\"2\"}},[_c('v-btn',{attrs:{\"color\":\"light-blue darken-3\",\"dark\":\"\"},on:{\"click\":function($event){_vm.dialog2 = true}}},[_vm._v(\" iframe View 2 \")]),_c('div',{staticClass:\"text-center\"},[_c('v-dialog',{attrs:{\"width\":\"800\"},model:{value:(_vm.dialog2),callback:function ($$v) {_vm.dialog2=$$v},expression:\"dialog2\"}},[_c('v-card',[_c('v-row',{staticClass:\"mt-2\",attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('p',[_c('b',[_vm._v(\"link Iframe\")])]),_c('p',[_vm._v(\"    <iframe src=\\\"https://building.up.ac.th/pm2.5/iframe1\\\" title=\\\"สถานการณ์ฝุ่นละอองขนาดเล็ก มหาวิทยาลัยพะเยา\\\"  ></iframe> \")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('Pm25')],1)],1),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog2 = false}}},[_vm._v(\" ปิด \")])],1)],1)],1)],1)],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-container>\r\n      <v-card class=\"pa-3\">\r\n        <v-container>\r\n          <p>\r\n            <b>ดาวน์โหลด ข้อมูลเพิ่มเติม</b>\r\n          </p>\r\n          <v-row class=\"mb-6\" no-gutters>\r\n            <v-col cols=\"12\" md=\"2\" class=\"my-1\">\r\n              <v-btn\r\n                class=\"green darken-3 text-center\"\r\n                dark\r\n                @click=\"exportExcel()\"\r\n              >\r\n                <v-icon class=\"mx-1\"> mdi-file-excel mdi-16px</v-icon>\r\n                File Excal</v-btn\r\n              >\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"2\" class=\"my-1\">\r\n              <a\r\n                target=\"_blank\"\r\n                href=\"https://api.building.up.ac.th/pm25/rimetime\"\r\n                style=\"text-decoration: none\"\r\n              >\r\n                <v-btn class=\"brown darken-3 text-center\" dark>\r\n                  <v-icon class=\"mx-1\">mdi-json</v-icon> json\r\n                  ประจำชั่วโมง</v-btn\r\n                ></a\r\n              >\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"2\" class=\"my-1\">\r\n              <a\r\n                target=\"_blank\"\r\n                href=\"https://api.building.up.ac.th/pm25/all\"\r\n                style=\"text-decoration: none\"\r\n              >\r\n                <v-btn class=\"brown darken-3 text-center\" dark\r\n                  >json ตลอดทั้งปี</v-btn\r\n                ></a\r\n              >\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"2\" class=\"my-1\">\r\n              <v-btn color=\"light-blue darken-3\" dark @click=\"dialog = true\">\r\n                iframe View 1\r\n              </v-btn>\r\n\r\n              <div class=\"text-center\">\r\n                <v-dialog v-model=\"dialog\" width=\"800\">\r\n                  <v-card>\r\n                    <v-row justify=\"center\" class=\"mt-2\">\r\n                      <v-col cols=\"12\" md=\"10\">\r\n                        <p><b>link Iframe</b></p>\r\n                        <p>\r\n                          &nbsp; &nbsp;&lt;iframe\r\n                          src=&quot;https://building.up.ac.th/pm2.5/iframe&quot;\r\n                          title=&quot;สถานการณ์ฝุ่นละอองขนาดเล็ก\r\n                          มหาวิทยาลัยพะเยา&quot; &nbsp;&gt;&lt;/iframe&gt;\r\n                        </p>\r\n                      </v-col>\r\n                      <v-col cols=\"12\" md=\"10\">\r\n                        <Home />\r\n                      </v-col>\r\n                    </v-row>\r\n\r\n                    <v-divider></v-divider>\r\n\r\n                    <v-card-actions>\r\n                      <v-spacer></v-spacer>\r\n                      <v-btn color=\"primary\" text @click=\"dialog = false\">\r\n                        ปิด\r\n                      </v-btn>\r\n                    </v-card-actions>\r\n                  </v-card>\r\n                </v-dialog>\r\n              </div>\r\n            </v-col>\r\n            <v-col cols=\"12\" md=\"2\" class=\"my-1\">\r\n              <v-btn color=\"light-blue darken-3\" dark @click=\"dialog2 = true\">\r\n                iframe View 2\r\n              </v-btn>\r\n\r\n              <div class=\"text-center\">\r\n                <v-dialog v-model=\"dialog2\" width=\"800\">\r\n                  <v-card>\r\n                    <v-row justify=\"center\" class=\"mt-2\">\r\n                      <v-col cols=\"12\" md=\"10\">\r\n                        <p><b>link Iframe</b></p>\r\n                        <p>\r\n                          &nbsp; &nbsp;&lt;iframe\r\n                          src=&quot;https://building.up.ac.th/pm2.5/iframe1&quot;\r\n                          title=&quot;สถานการณ์ฝุ่นละอองขนาดเล็ก\r\n                          มหาวิทยาลัยพะเยา&quot; &nbsp;&gt;&lt;/iframe&gt;\r\n                        </p>\r\n                      </v-col>\r\n                      <v-col cols=\"12\" md=\"10\">\r\n                        <Pm25 />\r\n                      </v-col>\r\n                    </v-row>\r\n\r\n                    <v-divider></v-divider>\r\n\r\n                    <v-card-actions>\r\n                      <v-spacer></v-spacer>\r\n                      <v-btn color=\"primary\" text @click=\"dialog2 = false\">\r\n                        ปิด\r\n                      </v-btn>\r\n                    </v-card-actions>\r\n                  </v-card>\r\n                </v-dialog>\r\n              </div>\r\n            </v-col>\r\n          </v-row>\r\n        </v-container>\r\n      </v-card>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport xlsx from \"xlsx/dist/xlsx.full.min\";\r\nimport Home from \"@/components/home/HomeView.vue\";\r\nimport Pm25 from \"@/components/story/View_pm25_View.vue\";\r\nconst axios = require(\"axios\");\r\nexport default {\r\n  data() {\r\n    return {\r\n      desserts: [{ name: \"1\" }, { name: \"2\" }],\r\n      dialog: false,\r\n      dialog2: false,\r\n    };\r\n  },\r\n  components: {\r\n    Home,\r\n    Pm25,\r\n  },\r\n  async mounted() {\r\n    await this.get_data();\r\n  },\r\n  methods: {\r\n    async exportExcel() {\r\n      var date = new Date();\r\n      const XLSX = xlsx;\r\n      const workbook = XLSX.utils.book_new();\r\n      const worksheet = await XLSX.utils.json_to_sheet(this.desserts);\r\n      XLSX.utils.book_append_sheet(workbook, worksheet, \"output\");\r\n      XLSX.writeFile(workbook, \"pm2.5 \" + date + \".xlsx\");\r\n    },\r\n\r\n    async get_data() {\r\n      var all = null;\r\n      await axios\r\n        .get(\"https://api.building.up.ac.th/pm25/all\")\r\n        .then(function (response) {\r\n          all = response.data;\r\n        })\r\n        .catch(function (error) {\r\n          console.log(error);\r\n        });\r\n      this.desserts = all;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Detail_View.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Detail_View.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail_View.vue?vue&type=template&id=e57f9bbe&\"\nimport script from \"./Detail_View.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail_View.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\",staticStyle:{\"margain-bottom\":\"50px\"}},[_c('v-container',[_c('v-card',{staticClass:\"pa-3 my-2\"},[_c('div',[_c('h3',{staticClass:\"text-center aqi-title\"},[_vm._v(\"ดัชนีคุณภาพอากาศของประเทศไทย\")])]),_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',{staticClass:\"grey darken-3\"},[_c('th',{staticClass:\"white--text\",staticStyle:{\"text-align\":\"center\"},attrs:{\"width\":\"7%\"}},[_vm._v(\" AQI \")]),_c('th',{staticClass:\"white--text\",staticStyle:{\"text-align\":\"center\"},attrs:{\"width\":\"15%\"}},[_vm._v(\" PM\"),_c('sub',[_vm._v(\"2.5\")]),_c('br'),_vm._v(\"เฉลี่ย 24 ชั่วโมงต่อเนื่อง : μg/m\"),_c('sup',[_vm._v(\"3\")])]),_c('th',{staticClass:\"white--text\",staticStyle:{\"text-align\":\"center\"},attrs:{\"width\":\"15%\"}},[_vm._v(\" PM\"),_c('sub',[_vm._v(\"10\")]),_c('br'),_vm._v(\"เฉลี่ย 24 ชั่วโมงต่อเนื่อง : μg/m\"),_c('sup',[_vm._v(\"3\")])]),_c('th',{staticClass:\"white--text\",staticStyle:{\"text-align\":\"center\"},attrs:{\"width\":\"16%\"}},[_vm._v(\" ความหมาย \")]),_c('th',{staticClass:\"white--text\",staticStyle:{\"text-align\":\"center\"},attrs:{\"width\":\"37%\"}},[_vm._v(\" แนวทางการป้องกัน \")])])]),_c('tbody',[_c('tr',{staticStyle:{\"background-color\":\"#d4f9ff\",\"height\":\"100px\"}},[_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\"0-25\")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\"0-25\")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\"0-50\")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" คุณภาพอากาศดีมาก \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\"}},[_vm._v(\" คุณภาพอากาศดีมาก เหมาะสำหรับกิจกรรมกลางแจ้งและการท่องเที่ยว \")])]),_c('tr',{staticStyle:{\"background-color\":\"#d4ffdb\",\"height\":\"100px\"}},[_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 26-50 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 26-37 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 51-80 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" คุณภาพอากาศดี \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\"}},[_vm._v(\" คุณภาพอากาศดี สามารถทำกิจกรรมกลางแจ้งและท่องเที่ยวได้ตามปกติ \")])]),_c('tr',{staticStyle:{\"background-color\":\"#fcffd4\",\"height\":\"100px\"}},[_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 51-100 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 38-50 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 81-120 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" คุณภาพอากาศปานกลาง \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\"}},[_vm._v(\" [ประชาชนทั่วไป] สามารถทำกิจกรรมกลางแจ้งได้ตามปกติ [ผู้ที่ต้องดูแลสุขภาพเป็นพิเศษ] หากมีอาการเบื้องต้น เช่น ไอ หายใจลำบาก ระคายเคือง ตา ควรลดระยะเวลาการทำกิจกรรมกลางแจ้ง \")])]),_c('tr',{staticStyle:{\"background-color\":\"#ffe6d4\",\"height\":\"100px\"}},[_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 101-200 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 51-90 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" 121-180 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" คุณภาพอากาศมีผลกระทบต่อสุขภาพ \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\"}},[_vm._v(\" [ประชาชนทั่วไป] ควรเฝ้าระวังสุขภาพ ถ้ามีอาการเบื้องต้น เช่น ไอ หายใจลาบาก ระคาย เคืองตา ควรลดระยะเวลาการทำกิจกรรมกลางแจ้ง หรือใช้อุปกรณ์ป้องกันตนเองหากมีความจำเป็น [ผู้ที่ต้องดูแลสุขภาพเป็นพิเศษ] ควรลดระยะเวลาการทากิจกรรมกลางแจ้ง หรือใช้อุปกรณ์ ป้องกันตนเองหากมีความจำเป็น ถ้ามีอาการทางสุขภาพ เช่น ไอ หายใจลำบาก ตา อักเสบ แน่นหน้าอก ปวดศีรษะ หัวใจเต้นไม่เป็นปกติ คลื่นไส้ อ่อนเพลีย ควรพบแพทย์ \")])]),_c('tr',{staticStyle:{\"background-color\":\"#ffd4d4\",\"height\":\"100px\"}},[_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" >200 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" >90 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" >180 \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\",\"text-align\":\"center\"}},[_vm._v(\" คุณภาพอากาศมีผลกระทบต่อสุขภาพมาก \")]),_c('td',{staticStyle:{\"vertical-align\":\"middle\"}},[_vm._v(\" ประชาชนทุกคนควรหลีกเลี่ยงกิจกรรมกลางแจ้ง หลีกเลี่ยงพื้นที่ที่มีมลพิษทางอากาศสูง หรือใช้อุปกรณ์ป้องกันตนเองหากมีความจำเป็น หากมีอาการทางสุขภาพควรพบแพทย์ \")])])])]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"row\" style=\"margain-bottom: 50px\">\r\n    <v-container>\r\n      <v-card class=\"pa-3 my-2\">\r\n        <div>\r\n          <h3 class=\"text-center aqi-title\">ดัชนีคุณภาพอากาศของประเทศไทย</h3>\r\n        </div>\r\n\r\n        <v-simple-table>\r\n          <template v-slot:default>\r\n            <thead>\r\n              <tr class=\"grey darken-3\">\r\n                <!-- <th class=\"align-middle\" width=\"10%\" style=\"text-align: center\">\r\n                  สัญลักษณ์\r\n                </th> -->\r\n                <th width=\"7%\" style=\"text-align: center\" class=\"white--text\">\r\n                  AQI\r\n                </th>\r\n                <th width=\"15%\" style=\"text-align: center\" class=\"white--text\">\r\n                  PM<sub>2.5</sub><br />เฉลี่ย 24 ชั่วโมงต่อเนื่อง : μg/m<sup\r\n                    >3</sup\r\n                  >\r\n                </th>\r\n                <th width=\"15%\" style=\"text-align: center\" class=\"white--text\">\r\n                  PM<sub>10</sub><br />เฉลี่ย 24 ชั่วโมงต่อเนื่อง : μg/m<sup\r\n                    >3</sup\r\n                  >\r\n                </th>\r\n                <th width=\"16%\" style=\"text-align: center\" class=\"white--text\">\r\n                  ความหมาย\r\n                </th>\r\n                <th width=\"37%\" style=\"text-align: center\" class=\"white--text\">\r\n                  แนวทางการป้องกัน\r\n                </th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr style=\"background-color: #d4f9ff; height: 100px\">\r\n                <!-- <td style=\"text-align: center\">\r\n                  <img src=\"/template/img/ccdc-01-en.png\" height=\"100\" />\r\n                </td> -->\r\n                <td style=\"vertical-align: middle; text-align: center\">0-25</td>\r\n                <td style=\"vertical-align: middle; text-align: center\">0-25</td>\r\n                <td style=\"vertical-align: middle; text-align: center\">0-50</td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  คุณภาพอากาศดีมาก\r\n                </td>\r\n                <td style=\"vertical-align: middle\">\r\n                  คุณภาพอากาศดีมาก เหมาะสำหรับกิจกรรมกลางแจ้งและการท่องเที่ยว\r\n                </td>\r\n              </tr>\r\n              <tr style=\"background-color: #d4ffdb; height: 100px\">\r\n                <!-- <td style=\"text-align: center\">\r\n                  <img src=\"/template/img/ccdc-02-en.png\" height=\"100\" />\r\n                </td> -->\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  26-50\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  26-37\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  51-80\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  คุณภาพอากาศดี\r\n                </td>\r\n                <td style=\"vertical-align: middle\">\r\n                  คุณภาพอากาศดี สามารถทำกิจกรรมกลางแจ้งและท่องเที่ยวได้ตามปกติ\r\n                </td>\r\n              </tr>\r\n              <tr style=\"background-color: #fcffd4; height: 100px\">\r\n                <!-- <td style=\"text-align: center\">\r\n                  <img src=\"/template/img/ccdc-03-en.png\" height=\"100\" />\r\n                </td> -->\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  51-100\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  38-50\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  81-120\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  คุณภาพอากาศปานกลาง\r\n                </td>\r\n                <td style=\"vertical-align: middle\">\r\n                  [ประชาชนทั่วไป] สามารถทำกิจกรรมกลางแจ้งได้ตามปกติ\r\n                  [ผู้ที่ต้องดูแลสุขภาพเป็นพิเศษ] หากมีอาการเบื้องต้น เช่น ไอ\r\n                  หายใจลำบาก ระคายเคือง ตา ควรลดระยะเวลาการทำกิจกรรมกลางแจ้ง\r\n                </td>\r\n              </tr>\r\n              <tr style=\"background-color: #ffe6d4; height: 100px\">\r\n                <!-- <td style=\"text-align: center\">\r\n                  <img src=\"/template/img/ccdc-04-en.png\" height=\"100\" />\r\n                </td> -->\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  101-200\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  51-90\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  121-180\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  คุณภาพอากาศมีผลกระทบต่อสุขภาพ\r\n                </td>\r\n                <td style=\"vertical-align: middle\">\r\n                  [ประชาชนทั่วไป] ควรเฝ้าระวังสุขภาพ ถ้ามีอาการเบื้องต้น เช่น ไอ\r\n                  หายใจลาบาก ระคาย เคืองตา ควรลดระยะเวลาการทำกิจกรรมกลางแจ้ง\r\n                  หรือใช้อุปกรณ์ป้องกันตนเองหากมีความจำเป็น\r\n                  [ผู้ที่ต้องดูแลสุขภาพเป็นพิเศษ]\r\n                  ควรลดระยะเวลาการทากิจกรรมกลางแจ้ง หรือใช้อุปกรณ์\r\n                  ป้องกันตนเองหากมีความจำเป็น ถ้ามีอาการทางสุขภาพ เช่น ไอ\r\n                  หายใจลำบาก ตา อักเสบ แน่นหน้าอก ปวดศีรษะ หัวใจเต้นไม่เป็นปกติ\r\n                  คลื่นไส้ อ่อนเพลีย ควรพบแพทย์\r\n                </td>\r\n              </tr>\r\n              <tr style=\"background-color: #ffd4d4; height: 100px\">\r\n                <!-- <td style=\"text-align: center\">\r\n                  <img src=\"/template/img/ccdc-05-en.png\" height=\"100\" />\r\n                </td> -->\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  &gt;200\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  &gt;90\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  &gt;180\r\n                </td>\r\n                <td style=\"vertical-align: middle; text-align: center\">\r\n                  คุณภาพอากาศมีผลกระทบต่อสุขภาพมาก\r\n                </td>\r\n                <td style=\"vertical-align: middle\">\r\n                  ประชาชนทุกคนควรหลีกเลี่ยงกิจกรรมกลางแจ้ง\r\n                  หลีกเลี่ยงพื้นที่ที่มีมลพิษทางอากาศสูง\r\n                  หรือใช้อุปกรณ์ป้องกันตนเองหากมีความจำเป็น\r\n                  หากมีอาการทางสุขภาพควรพบแพทย์\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </template>\r\n        </v-simple-table>\r\n      </v-card>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DescriptionView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DescriptionView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DescriptionView.vue?vue&type=template&id=612e8683&\"\nimport script from \"./DescriptionView.vue?vue&type=script&lang=js&\"\nexport * from \"./DescriptionView.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/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","<template>\r\n  <div>\r\n    <Menu />\r\n    <Pm25 />\r\n    <Dat />\r\n    <Description />\r\n    <Detail />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Menu from \"@/components/Menubar/Menu.vue\";\r\nimport Pm25 from \"@/components/story/View_pm25_View.vue\";\r\nimport Dat from \"@/components/story/Day_View.vue\";\r\nimport Detail from \"@/components/story/Detail_View.vue\";\r\nimport Description from \"@/components/story/DescriptionView.vue\";\r\nexport default {\r\n  components: {\r\n    Menu,\r\n    Pm25,\r\n    Dat,\r\n    Detail,\r\n    Description,\r\n  },\r\n  data() {\r\n    return {};\r\n  },\r\n  mounted() {},\r\n  methods: {},\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StoryView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./StoryView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StoryView.vue?vue&type=template&id=790230de&\"\nimport script from \"./StoryView.vue?vue&type=script&lang=js&\"\nexport * from \"./StoryView.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Home')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <Home />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Home from \"@/components/home/HomeView.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    Home,\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./IframeView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./IframeView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IframeView.vue?vue&type=template&id=a699aaa6&\"\nimport script from \"./IframeView.vue?vue&type=script&lang=js&\"\nexport * from \"./IframeView.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('View_pm25_View')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <View_pm25_View />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport View_pm25_View from \"@/components/story/View_pm25_View.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    View_pm25_View,\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Iframe1View.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Iframe1View.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Iframe1View.vue?vue&type=template&id=3430910f&\"\nimport script from \"./Iframe1View.vue?vue&type=script&lang=js&\"\nexport * from \"./Iframe1View.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/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","import Vue from \"vue\";\r\nimport VueRouter from \"vue-router\";\r\nimport HomeView from \"../views/HomeView.vue\";\r\nimport StoryView from \"../views/StoryView.vue\";\r\nimport IframeView from \"../views/IframeView.vue\";\r\nimport Iframe1 from \"../views/Iframe1View.vue\";\r\nVue.use(VueRouter);\r\n\r\nconst routes = [\r\n  {\r\n    path: \"/\",\r\n    name: \"home\",\r\n    component: HomeView,\r\n  },\r\n\r\n  {\r\n    path: \"/story\",\r\n    name: \"story\",\r\n    component: StoryView,\r\n  },\r\n\r\n  {\r\n    path: \"/iframe\",\r\n    name: \"iframe\",\r\n    component: IframeView,\r\n  },\r\n  {\r\n    path: \"/Iframe1\",\r\n    name: \"Iframe1\",\r\n    component: Iframe1,\r\n  },\r\n];\r\n\r\nconst router = new VueRouter({\r\n  mode: \"history\",\r\n  base: process.env.BASE_URL,\r\n  routes,\r\n});\r\n\r\nexport default router;\r\n","\r\nimport Vue from \"vue\";\r\nimport Vuex from \"vuex\";\r\n\r\nVue.use(Vuex);\r\n\r\nexport default new Vuex.Store({\r\n  state: {\r\n    drawer: false,\r\n  },\r\n  getters: {},\r\n  mutations: {},\r\n  actions: {},\r\n  modules: {},\r\n});\r\n","import Vue from 'vue';\r\nimport Vuetify from 'vuetify/lib/framework';\r\n\r\nVue.use(Vuetify);\r\n\r\nexport default new Vuetify({\r\n});\r\n","import Vue from \"vue\";\r\nimport App from \"./App.vue\";\r\nimport \"./registerServiceWorker\";\r\nimport router from \"./router\";\r\nimport store from \"./store\";\r\nimport vuetify from \"./plugins/vuetify\";\r\n\r\nVue.config.productionTip = false;\r\n\r\nimport VueApexCharts from 'vue-apexcharts'\r\nimport './registerServiceWorker'\r\nVue.use(VueApexCharts)\r\n\r\n\r\nnew Vue({\r\n  router,\r\n  store,\r\n  vuetify,\r\n  render: (h) => h(App),\r\n}).$mount(\"#app\");\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/pm2.5/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkpm2_5\"] = self[\"webpackChunkpm2_5\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(737); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["staticRenderFns","render","name","data","component","register","ready","console","log","registered","cached","updatefound","updated","offline","error","_c","_self","attrs","staticClass","require","_vm","staticStyle","_v","_e","model","value","dialog","expression","axios","value_25","value_day","data_all","value_time","dustboy_name","mounted","get_data","methods","all","get","then","response","catch","pm25","Buddhist","log_datetime","slice","year","parseInt","this","callback","$set","stream","append","cards","userPhoto","$store","components","MenuBar","TopBar","FooTer","Home","Menu","_s","type","options","settings","width","height","minorTicks","max","greenFrom","greenTo","yellowFrom","yellowTo","redFrom","redTo","forceIFrame","packages","GChart","get_chart","Number","Gauge","apexchart","VueApexCharts","series","chartOptions","chart","zoom","enabled","dataLabels","stroke","curve","xaxis","categories","tooltip","x","format","sort","b","a","id","i","length","push","date","time","pm10","on","click","$event","desserts","dialog2","Pm25","Date","XLSX","xlsx","workbook","utils","book_new","worksheet","json_to_sheet","book_append_sheet","writeFile","scopedSlots","key","Dat","Detail","Description","View_pm25_View","Vue","VueRouter","routes","path","HomeView","StoryView","IframeView","Iframe1","router","mode","base","process","Vuex","state","drawer","getters","mutations","actions","modules","Vuetify","store","vuetify","h","App","$mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","Object","keys","every","splice","r","n","getter","__esModule","d","definition","o","defineProperty","enumerable","g","globalThis","Function","e","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","__webpack_exports__"],"sourceRoot":""}