| 1 |
- {"version":3,"sources":["webpack:///./src/views/weatherTest/snow.vue?e7ad","webpack:///./src/views/weatherTest/cloud.vue?c242","webpack:///./src/views/weatherTest/rain.vue?c068","webpack:///./src/views/weatherTest/index.vue?35af","webpack:///./src/views/weatherTest/sunny.vue?5ee8","webpack:///./src/views/weatherTest/index.vue?23ba","webpack:///./src/views/weatherTest/rain.vue","webpack:///./src/views/weatherTest/rain.vue?270d","webpack:///./src/views/weatherTest/cloud.vue","webpack:///./src/views/weatherTest/cloud.vue?2367","webpack:///./src/views/weatherTest/snow.vue","webpack:///./src/views/weatherTest/snow.vue?d9ef","webpack:///./src/views/weatherTest/sunny.vue","webpack:///./src/views/weatherTest/sunny.vue?3430","webpack:///./src/views/weatherTest/index.vue?eb90","webpack:///./src/views/weatherTest/index.vue"],"names":["n","_hoisted_1","class","_hoisted_2","_hoisted_3","_hoisted_4","src","alt","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","render","_ctx","_cache","$props","$setup","$data","$options","_component_sunny","_component_ran","_component_snow","_component_clound","weatherKey","key","nowTime","sTime","logonIcon","temperature","nowDate","week","envObj","Tdb","RH","HCHO","PM2d5","components","setup","props","proxyData","__exports__","ran","clound","snow","sunny","beforeRouteEnter","to","from","next","name","e","pathUrl","router","weatherData","text","type","times","currentData","intevell","timer","setNowDate","setInterval","timeArr","timeArr1","setWeatherKey","content","getWeatherData","then","res","resResult","setTimer","timeLen","setEnvData","queryEnvCurrent","map","item","code","data","toFixed","result","catch","error","changePage","setTimeout","clearTimeout","window","location","href","clearInterval","currentRoute","value","query"],"mappings":"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","file":"static/js/chunk-3ebb9471.fac206a6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./snow.vue?vue&type=style&index=0&id=30d5b51b&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./cloud.vue?vue&type=style&index=0&id=a99085dc&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./rain.vue?vue&type=style&index=0&id=066df4b6&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=1769bc07&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./sunny.vue?vue&type=style&index=0&id=717c9032&lang=scss&scoped=true\"","import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-1769bc07\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"weather-box\" }\nconst _hoisted_2 = { class: \"weather\" }\nconst _hoisted_3 = { class: \"weather-top\" }\nconst _hoisted_4 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"logo\" }, [\n /*#__PURE__*/_createElementVNode(\"img\", {\n src: \"/sk/skImage/weather/logo.png\",\n alt: \"\"\n })\n], -1))\nconst _hoisted_5 = { class: \"weather-left\" }\nconst _hoisted_6 = { class: \"b-time\" }\nconst _hoisted_7 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, \"北京时间\", -1))\nconst _hoisted_8 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", null, null, -1))\nconst _hoisted_9 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-line\" }, [\n /*#__PURE__*/_createElementVNode(\"span\"),\n /*#__PURE__*/_createElementVNode(\"span\")\n], -1))\nconst _hoisted_10 = { class: \"b-time\" }\nconst _hoisted_11 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, \"首尔时间\", -1))\nconst _hoisted_12 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"i\", null, null, -1))\nconst _hoisted_13 = { class: \"weather-detail\" }\nconst _hoisted_14 = { class: \"d-top\" }\nconst _hoisted_15 = [\"src\"]\nconst _hoisted_16 = { class: \"d-bottom\" }\nconst _hoisted_17 = { class: \"env-box\" }\nconst _hoisted_18 = { class: \"env-item env-box-bg\" }\nconst _hoisted_19 = { class: \"env-icon\" }\nconst _hoisted_20 = [\"src\"]\nconst _hoisted_21 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, \"温度\", -1))\nconst _hoisted_22 = { class: \"env-text\" }\nconst _hoisted_23 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"env-rate\" }, \"℃\", -1))\nconst _hoisted_24 = { class: \"env-item env-box-bg\" }\nconst _hoisted_25 = { class: \"env-icon\" }\nconst _hoisted_26 = [\"src\"]\nconst _hoisted_27 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, \"湿度\", -1))\nconst _hoisted_28 = { class: \"env-text\" }\nconst _hoisted_29 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"env-rate\" }, \"%\", -1))\nconst _hoisted_30 = { class: \"env-item env-box-bg\" }\nconst _hoisted_31 = { class: \"env-icon\" }\nconst _hoisted_32 = [\"src\"]\nconst _hoisted_33 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, \"甲醛\", -1))\nconst _hoisted_34 = { class: \"env-text\" }\nconst _hoisted_35 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"env-rate\" }, \"mg/m³\", -1))\nconst _hoisted_36 = { class: \"env-item env-box-bg\" }\nconst _hoisted_37 = { class: \"env-icon\" }\nconst _hoisted_38 = [\"src\"]\nconst _hoisted_39 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"span\", null, \"PM2.5\", -1))\nconst _hoisted_40 = { class: \"env-text\" }\nconst _hoisted_41 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"env-rate\" }, \"ug/m³\", -1))\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n const _component_sunny = _resolveComponent(\"sunny\")!\n const _component_ran = _resolveComponent(\"ran\")!\n const _component_snow = _resolveComponent(\"snow\")!\n const _component_clound = _resolveComponent(\"clound\")!\n\n return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n (_ctx.weatherKey == 'sunny')\n ? (_openBlock(), _createBlock(_component_sunny, { key: 0 }))\n : _createCommentVNode(\"\", true),\n (_ctx.weatherKey == 'rain')\n ? (_openBlock(), _createBlock(_component_ran, { key: 1 }))\n : _createCommentVNode(\"\", true),\n (_ctx.weatherKey == 'snow')\n ? (_openBlock(), _createBlock(_component_snow, { key: 2 }))\n : _createCommentVNode(\"\", true),\n (_ctx.weatherKey == 'clound')\n ? (_openBlock(), _createBlock(_component_clound, { key: 3 }))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"div\", _hoisted_2, [\n _createElementVNode(\"div\", _hoisted_3, [\n _hoisted_4,\n _createElementVNode(\"div\", _hoisted_5, [\n _createElementVNode(\"div\", _hoisted_6, [\n _hoisted_7,\n _createElementVNode(\"span\", null, [\n _createTextVNode(_toDisplayString(_ctx.nowTime), 1),\n _hoisted_8\n ])\n ]),\n _hoisted_9,\n _createElementVNode(\"div\", _hoisted_10, [\n _hoisted_11,\n _createElementVNode(\"span\", null, [\n _createTextVNode(_toDisplayString(_ctx.sTime), 1),\n _hoisted_12\n ])\n ]),\n _createElementVNode(\"div\", _hoisted_13, [\n _createElementVNode(\"div\", _hoisted_14, [\n _createElementVNode(\"img\", {\n src: '/sk/skImage/weather/' + _ctx.logonIcon,\n alt: \"\"\n }, null, 8, _hoisted_15),\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.temperature) + \" ℃\", 1)\n ]),\n _createElementVNode(\"div\", _hoisted_16, [\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.nowDate), 1),\n _createElementVNode(\"span\", null, _toDisplayString(_ctx.week), 1)\n ])\n ])\n ])\n ]),\n _createElementVNode(\"div\", _hoisted_17, [\n _createElementVNode(\"div\", _hoisted_18, [\n _createElementVNode(\"div\", _hoisted_19, [\n _createElementVNode(\"img\", {\n src: \n _ctx.weatherKey == 'sunny'\n ? '/sk/skImage/weather/温度.png'\n : '/sk/skImage/weather/温度.png'\n ,\n alt: \"\"\n }, null, 8, _hoisted_20),\n _hoisted_21\n ]),\n _createElementVNode(\"div\", _hoisted_22, _toDisplayString(_ctx.envObj.Tdb), 1),\n _hoisted_23\n ]),\n _createElementVNode(\"div\", _hoisted_24, [\n _createElementVNode(\"div\", _hoisted_25, [\n _createElementVNode(\"img\", {\n src: \n _ctx.weatherKey == 'sunny'\n ? '/sk/skImage/weather/湿度.png'\n : '/sk/skImage/weather/湿度.png'\n ,\n alt: \"\"\n }, null, 8, _hoisted_26),\n _hoisted_27\n ]),\n _createElementVNode(\"div\", _hoisted_28, _toDisplayString(_ctx.envObj.RH), 1),\n _hoisted_29\n ]),\n _createElementVNode(\"div\", _hoisted_30, [\n _createElementVNode(\"div\", _hoisted_31, [\n _createElementVNode(\"img\", {\n src: \n _ctx.weatherKey == 'sunny'\n ? '/sk/skImage/weather/甲醛.png'\n : '/sk/skImage/weather/甲醛.png'\n ,\n alt: \"\"\n }, null, 8, _hoisted_32),\n _hoisted_33\n ]),\n _createElementVNode(\"div\", _hoisted_34, _toDisplayString(_ctx.envObj.HCHO), 1),\n _hoisted_35\n ]),\n _createElementVNode(\"div\", _hoisted_36, [\n _createElementVNode(\"div\", _hoisted_37, [\n _createElementVNode(\"img\", {\n src: \n _ctx.weatherKey == 'sunny'\n ? '/sk/skImage/weather/pm.png'\n : '/sk/skImage/weather/pm.png'\n ,\n alt: \"\"\n }, null, 8, _hoisted_38),\n _hoisted_39\n ]),\n _createElementVNode(\"div\", _hoisted_40, _toDisplayString(_ctx.envObj.PM2d5), 1),\n _hoisted_41\n ])\n ])\n ])\n ]))\n}","<template>\n <div class=\"rain-box\">\n <div class=\"rain-content\">\n <!-- <img src=\"/sk/skImage/内容2.png\" alt=\"\" /> -->\n </div>\n <div class=\"rain-cloud\">\n <!-- <img class=\"cloud1\" src=\"/sk/skImage/云1.png\" alt=\"\" /> -->\n <!-- <img class=\"cloud2\" src=\"/sk/skImage/云2.png\" alt=\"\" /> -->\n </div>\n <div class=\"rain-wrapper\">\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n <div class=\"rain\"></div>\n </div>\n </div>\n</template>\n \n <script>\nimport $ from \"jquery\";\nimport { nextTick } from \"vue\";\nimport {\n defineComponent,\n reactive,\n toRefs,\n onMounted,\n onBeforeUnmount,\n} from \"vue\";\nexport default defineComponent({\n components: {},\n setup(props) {\n const proxyData = reactive({});\n onBeforeUnmount(() => {});\n onMounted(() => {\n nextTick(() => {});\n });\n return {\n ...toRefs(proxyData),\n };\n },\n});\n</script>\n \n <style lang=\"scss\" scoped>\n@import \"../../styles/weather.scss\";\n.rain-box {\n background: #63738a;\n height: 100vh;\n overflow: hidden;\n}\n</style>\n ","import { render } from \"./rain.vue?vue&type=template&id=066df4b6&scoped=true\"\nimport script from \"./rain.vue?vue&type=script&lang=js\"\nexport * from \"./rain.vue?vue&type=script&lang=js\"\n\nimport \"./rain.vue?vue&type=style&index=0&id=066df4b6&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jing/work/sagacare/sagaclound-sagacare-sk/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-066df4b6\"]])\n\nexport default __exports__","<template>\n <div class=\"cloud-box\">\n <div class=\"wrapper\">\n <div class=\"wrapper2\">\n <div class=\"cloud-inf\">\n <div class=\"cloud3\"><img src=\"/sk/skImage/云1.png\" alt=\"\" /></div>\n <div class=\"cloud4\"><img src=\"/sk/skImage/云2.png\" alt=\"\" /></div>\n </div>\n <div class=\"cloud\">\n <div class=\"cloud1\"><img src=\"/sk/skImage/云1.png\" alt=\"\" /></div>\n <div class=\"cloud2\"><img src=\"/sk/skImage/云2.png\" alt=\"\" /></div>\n </div>\n\n <div class=\"cloud-2\">\n <div class=\"cloud1\"><img src=\"/sk/skImage/云1.png\" alt=\"\" /></div>\n <div class=\"cloud2\"><img src=\"/sk/skImage/云2.png\" alt=\"\" /></div>\n </div>\n </div>\n\n <div class=\"content\">\n <!-- <img src=\"/sk/skImage/内容2.png\" alt=\"\" /> -->\n </div>\n </div>\n </div>\n</template>\n \n <script>\nimport $ from \"jquery\";\nimport { nextTick } from \"vue\";\nimport {\n defineComponent,\n reactive,\n toRefs,\n onMounted,\n onBeforeUnmount,\n} from \"vue\";\nexport default defineComponent({\n components: {},\n setup(props) {\n const proxyData = reactive({});\n onBeforeUnmount(() => {});\n onMounted(() => {\n nextTick(() => {});\n });\n return {\n ...toRefs(proxyData),\n };\n },\n});\n</script>\n \n <style lang=\"scss\" scoped>\n.wrapper {\n overflow: hidden;\n text-align: center;\n width: 100vw;\n height: 100vh;\n background: url(/sk/skImage/背景.jpg) no-repeat;\n background-size: cover;\n}\n\n.content img {\n height: 100vh;\n}\n.wrapper2 {\n position: absolute;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n}\n.cloud-inf {\n position: absolute;\n width: 100vw;\n height: 100vh;\n animation: move 200s linear forwards;\n}\n.cloud {\n position: absolute;\n width: 100vw;\n height: 100vh;\n animation: move 200s linear infinite;\n}\n\n.cloud-2 {\n position: absolute;\n left: -1000px;\n width: 100vw;\n height: 100vh;\n animation: move 200s linear 95s infinite;\n}\n\n.cloud1 {\n /* border:1px solid #b62626; */\n position: absolute;\n top: 30%;\n left: -1200px;\n}\n\n.cloud2 {\n position: absolute;\n left: -1800px;\n /* border:1px solid #000; */\n}\n.cloud3 {\n /* border:1px solid #b62626; */\n position: absolute;\n top: 30%;\n left: 600px;\n}\n\n.cloud4 {\n position: absolute;\n left: 0px;\n /* border:1px solid #000; */\n}\n\n.cloud img {\n height: 70vh;\n}\n\n@-webkit-keyframes move {\n 0% {\n transform: translate(-1200px, 0px);\n }\n 100% {\n transform: translate(4000px, 0px);\n }\n}\n\n@keyframes move {\n 0% {\n transform: translate(-1200, 0px);\n }\n 100% {\n transform: translate(4000px, 0px);\n }\n}\n</style>\n ","import { render } from \"./cloud.vue?vue&type=template&id=a99085dc&scoped=true\"\nimport script from \"./cloud.vue?vue&type=script&lang=js\"\nexport * from \"./cloud.vue?vue&type=script&lang=js\"\n\nimport \"./cloud.vue?vue&type=style&index=0&id=a99085dc&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jing/work/sagacare/sagaclound-sagacare-sk/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a99085dc\"]])\n\nexport default __exports__","<template>\n <div class=\"snow-box\">\n <!-- <div class=\"snow-content\">\n <img src=\"/sk/skImage/内容2.png\" alt=\"\" />\n </div> -->\n <div class=\"snow-wrapper\">\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n <div class=\"snow\"></div>\n </div>\n <div class=\"snow-cloud1\"><img src=\"/sk/skImage/云1.png\" alt=\"\" /></div>\n <div class=\"snow-cloud2\"><img src=\"/sk/skImage/云2.png\" alt=\"\" /></div>\n </div>\n</template>\n \n <script>\nimport $ from \"jquery\";\nimport { nextTick } from \"vue\";\nimport {\n defineComponent,\n reactive,\n toRefs,\n onMounted,\n onBeforeUnmount,\n} from \"vue\";\nexport default defineComponent({\n components: {},\n setup(props) {\n const proxyData = reactive({});\n onBeforeUnmount(() => {});\n onMounted(() => {\n nextTick(() => {});\n });\n return {\n ...toRefs(proxyData),\n };\n },\n});\n</script>\n \n <style lang=\"scss\" scoped>\n@import \"../../styles/weather.scss\";\n.snow-box {\n box-sizing: border-box;\n background: #4a8fac;\n background-size: cover;\n height: 100vh;\n width: 100vw;\n overflow: hidden;\n}\n.snow-cloud1 {\n position: absolute;\n top: -100px;\n left: 0px;\n}\n.snow-cloud1 img {\n height: 70vh;\n}\n.snow-cloud2 {\n position: absolute;\n top: -150px;\n right: 0px;\n}\n.snow-cloud2 img {\n height: 70vh;\n}\n</style>\n ","import { render } from \"./snow.vue?vue&type=template&id=30d5b51b&scoped=true\"\nimport script from \"./snow.vue?vue&type=script&lang=js\"\nexport * from \"./snow.vue?vue&type=script&lang=js\"\n\nimport \"./snow.vue?vue&type=style&index=0&id=30d5b51b&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jing/work/sagacare/sagaclound-sagacare-sk/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-30d5b51b\"]])\n\nexport default __exports__","<template>\n <div class=\"sunny-box\">\n <div class=\"wrapper\">\n <div class=\"con\">\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n\n <!-- <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div>\n <div class=\"rec\"></div> -->\n </div>\n <div class=\"color-div\">\n <div></div>\n </div>\n <div class=\"cloud-inf\">\n <img class=\"cloud3\" src=\"/sk/skImage/云1.png\" alt=\"\" />\n <img class=\"cloud4\" src=\"/sk/skImage/云2.png\" alt=\"\" />\n </div>\n <div class=\"cloud\">\n <img class=\"cloud1\" src=\"/sk/skImage/云1.png\" alt=\"\" />\n <img class=\"cloud2\" src=\"/sk/skImage/云2.png\" alt=\"\" />\n </div>\n <div class=\"cloud-2\">\n <img class=\"cloud1\" src=\"/sk/skImage/云1.png\" alt=\"\" />\n <img class=\"cloud2\" src=\"/sk/skImage/云2.png\" alt=\"\" />\n </div>\n <!-- <div class=\"cloud-2 cloud-3\">\n <img class=\"cloud1\" src=\"/sk/skImage/云1.png\" alt=\"\">\n <img class=\"cloud2\" src=\"/sk/skImage/云2.png\" alt=\"\">\n </div> -->\n\n <div class=\"sun\"><img src=\"/sk/skImage/sun.png\" alt=\"\" /></div>\n <div class=\"content\">\n <!-- <img src=\"/sk/skImage/内容2.png\" alt=\"\" /> -->\n </div>\n </div>\n </div>\n</template>\n \n <script>\nimport $ from \"jquery\";\nimport { nextTick } from \"vue\";\nimport {\n defineComponent,\n reactive,\n toRefs,\n onMounted,\n onBeforeUnmount,\n} from \"vue\";\nexport default defineComponent({\n components: {},\n setup(props) {\n const proxyData = reactive({});\n onBeforeUnmount(() => {});\n onMounted(() => {\n nextTick(() => {});\n });\n return {\n ...toRefs(proxyData),\n };\n },\n});\n</script>\n \n <style lang=\"scss\" scoped>\n.sunny-box {\n width: 100vw;\n height: 100vh;\n position: relative;\n background: #5889c3;\n .con {\n position: fixed;\n top: 0px;\n right: 100px;\n height: 1000px;\n width: 50px;\n margin: 50px;\n padding: 10px;\n /* border: 1px solid black; */\n perspective: 200px;\n -webkit-perspective: 200px; /* Safari and Chrome */\n -webkit-transform-origin: 50% 0;\n -ms-transform-origin: 50% 0;\n transform-origin: 50% 0;\n animation: blink 40s infinite;\n }\n\n .con .rec {\n position: absolute;\n top: -100px;\n left: 0px;\n width: 20px;\n height: 1000px;\n background-image: linear-gradient(\n rgba(255, 255, 255, 1),\n rgba(255, 255, 255, 0.2)\n );\n opacity: 0.15;\n filter: blur(3px);\n -webkit-transform-origin: 50% 0;\n -ms-transform-origin: 50% 0;\n transform-origin: 50% 0;\n }\n\n .con .rec:nth-child(1) {\n -webkit-transform: rotateX(15deg) rotateY(0deg) rotateZ(0deg);\n transform: rotateX(15deg) rotateY(0deg) rotateZ(0deg);\n -webkit-animation-delay: 200ms;\n animation-delay: 200ms;\n }\n\n .con .rec:nth-child(2) {\n -webkit-transform: rotateX(15deg) rotateY(10deg) rotateZ(3deg);\n transform: rotateX(15deg) rotateY(10deg) rotateZ(3deg);\n -webkit-animation-delay: 600ms;\n animation-delay: 600ms;\n }\n\n .con .rec:nth-child(3) {\n -webkit-transform: rotateX(15deg) rotateY(15deg) rotateZ(6deg);\n transform: rotateX(15deg) rotateY(15deg) rotateZ(6deg);\n -webkit-animation-delay: 1000ms;\n animation-delay: 1000ms;\n }\n\n .con .rec:nth-child(4) {\n -webkit-transform: rotateX(15deg) rotateY(16deg) rotateZ(9deg);\n transform: rotateX(15deg) rotateY(16deg) rotateZ(9deg);\n -webkit-animation-delay: 1400ms;\n animation-delay: 1400ms;\n }\n .con .rec:nth-child(9) {\n -webkit-transform: rotateX(15deg) rotateY(16deg) rotateZ(10deg);\n transform: rotateX(15deg) rotateY(16deg) rotateZ(10deg);\n -webkit-animation-delay: 1400ms;\n animation-delay: 1400ms;\n }\n\n .con .rec:nth-child(5) {\n -webkit-transform: rotateX(15deg) rotateY(15deg) rotateZ(-3deg);\n transform: rotateX(15deg) rotateY(15deg) rotateZ(-3deg);\n -webkit-animation-delay: 1800ms;\n animation-delay: 1800ms;\n }\n\n .con .rec:nth-child(6) {\n -webkit-transform: rotateX(15deg) rotateY(5deg) rotateZ(-6deg);\n transform: rotateX(15deg) rotateY(5deg) rotateZ(-6deg);\n -webkit-animation-delay: 2200ms;\n animation-delay: 2200ms;\n }\n\n .con .rec:nth-child(8) {\n -webkit-transform: rotateX(15deg) rotateY(-5deg) rotateZ(-9deg);\n transform: rotateX(15deg) rotateY(-5deg) rotateZ(-9deg);\n -webkit-animation-delay: 2600ms;\n animation-delay: 2600ms;\n }\n\n @-webkit-keyframes blink {\n 0% {\n transform: rotate(0deg);\n }\n 50% {\n transform: rotate(20deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n }\n @keyframes blink {\n 0% {\n transform: rotate(0deg);\n }\n 50% {\n transform: rotate(20deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n }\n .wrapper {\n padding: 0px;\n margin: 0px;\n width: 100vw;\n height: 100vh;\n position: fixed;\n position: relative;\n overflow: hidden;\n }\n .content {\n width: 100vw;\n height: 100vh;\n position: fixed;\n text-align: center;\n top: 0px;\n left: 0px;\n }\n .content img {\n height: 100vh;\n }\n .color-div {\n height: 800px;\n width: 900px;\n border-radius: 50%;\n background-image: radial-gradient(\n rgba(255, 0, 0, 0) 50%,\n rgba(255, 0, 0, 0.1),\n rgba(255, 96, 0, 0.1),\n rgba(252, 255, 0, 0.1),\n rgba(53, 247, 5, 0.2),\n rgba(2, 221, 250, 0.2),\n rgba(24, 8, 247, 0.2),\n rgba(196, 7, 243, 0.2) 90%\n );\n\n filter: blur(30px);\n position: absolute;\n top: -350px;\n right: -200px;\n animation: circle 20s infinite;\n }\n @keyframes circle {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n 100% {\n transform: scale(1);\n }\n }\n .sun {\n position: fixed;\n top: -475px;\n right: 150px;\n width: 500px;\n }\n\n .cloud {\n position: absolute;\n left: -700px;\n width: 100vw;\n height: 100vh;\n animation: cloudMove 190s linear infinite;\n }\n .cloud-2 {\n position: absolute;\n left: -700px;\n width: 100vw;\n height: 100vh;\n animation: cloudMove 190s linear 90s infinite;\n }\n /* .cloud-3{\n position: absolute;\n left: -600px;\n width: 100vw;\n height: 100vh;\n animation: cloudMove 200s linear 120s infinite;\n } */\n .cloud1 {\n /* border:1px solid #333; */\n position: absolute;\n top: 60px;\n left: 0px;\n height: 350px;\n }\n .cloud2 {\n /* border:1px solid #962929; */\n\n position: absolute;\n top: 10px;\n left: -300px;\n height: 250px;\n }\n\n .cloud-inf {\n position: absolute;\n width: 100vw;\n height: 100vh;\n animation: cloudMove 200s linear forwards;\n }\n .cloud3 {\n /* border:1px solid #b62626; */\n position: absolute;\n top: 60px;\n left: 800px;\n height: 350px;\n }\n\n .cloud4 {\n position: absolute;\n top: 10px;\n left: 500px;\n height: 250px;\n }\n @keyframes cloudMove {\n 0% {\n transform: translate(-800px, 0px);\n }\n 100% {\n transform: translate(2000px, 0px);\n }\n }\n}\n</style>\n ","import { render } from \"./sunny.vue?vue&type=template&id=717c9032&scoped=true\"\nimport script from \"./sunny.vue?vue&type=script&lang=js\"\nexport * from \"./sunny.vue?vue&type=script&lang=js\"\n\nimport \"./sunny.vue?vue&type=style&index=0&id=717c9032&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jing/work/sagacare/sagaclound-sagacare-sk/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-717c9032\"]])\n\nexport default __exports__","\nimport $ from \"jquery\";\nimport { nextTick } from \"vue\";\n// import { getWeather } from \"@/apis/envmonitor.ts\";\nimport {\n defineComponent,\n reactive,\n toRefs,\n onMounted,\n onBeforeUnmount,\n} from \"vue\";\nimport ran from \"./rain.vue\"; // 雨\nimport clound from \"./cloud.vue\"; // 云\nimport snow from \"./snow.vue\"; // 雪\nimport sunny from \"./sunny.vue\"; // 晴\nimport { getWeather, queryEnvCurrent } from \"@/apis/envmonitor\";\nimport { formatEnergyDate, getWeek } from \"@/utils\";\nimport { useRouter } from \"vue-router\";\nexport default defineComponent({\n components: {\n ran,\n clound,\n snow,\n sunny,\n },\n beforeRouteEnter(to, from, next) {\n console.log(\"to===\");\n console.log(from);\n if (from.name == \"tiantan\") {\n next();\n } else {\n next((e: any) => {\n e.pathUrl = \"/sk/index\";\n });\n }\n },\n setup(props) {\n const router = useRouter();\n let weatherData: any = [\n {\n text: \"云\",\n type: \"clound\",\n logonIcon: \"阴.png\",\n },\n {\n text: \"雨\",\n type: \"rain\",\n logonIcon: \"雨.png\",\n },\n {\n text: \"雪\",\n type: \"snow\",\n logonIcon: \"雪.png\",\n },\n {\n text: \"晴\",\n type: \"sunny\",\n logonIcon: \"晴.png\",\n },\n ];\n let times: any = null;\n let currentData: any = [];\n let envObj: any = {\n Tdb: \"0\", // 温度\n RH: \"0\", //湿度\n HCHO: \"0\", //甲醛\n PM2d5: \"0\",\n };\n let intevell: any = null;\n let timer: any = null;\n const proxyData = reactive({\n weatherData: weatherData,\n envObj: envObj,\n temperature: \"23\",\n weatherKey: \"\",\n pathUrl: \"/sk/home\",\n logonIcon: \"阴.png\",\n currentData: currentData,\n nowTime: formatEnergyDate()[2],\n sTime: formatEnergyDate(2)[2],\n nowDate: formatEnergyDate()[0],\n intevell: intevell,\n week: getWeek(),\n // 设置现在时间\n setNowDate() {\n proxyData.intevell = setInterval(() => {\n let timeArr: any = formatEnergyDate();\n proxyData.nowTime = timeArr[2];\n proxyData.nowDate = timeArr[0];\n let timeArr1: any = formatEnergyDate(2);\n proxyData.sTime = timeArr1[2];\n proxyData.week = getWeek();\n }, 1000);\n },\n // 设置天气key的值\n setWeatherKey(content: any) {\n if (content == \"sunny\") {\n proxyData.weatherKey = \"sunny\";\n proxyData.logonIcon = \"晴.png\";\n } else if (content == \"rain\") {\n proxyData.weatherKey = \"rain\";\n proxyData.logonIcon = \"雨.png\";\n } else if (content == \"snow\") {\n proxyData.weatherKey = \"snow\";\n proxyData.logonIcon = \"雪.png\";\n } else if (content == \"clound\") {\n proxyData.weatherKey = \"clound\";\n proxyData.logonIcon = \"阴.png\";\n }\n },\n // 获取天气数据\n getWeatherData() {\n getWeather().then((res) => {\n let resResult: any = res;\n let content: any = resResult.content;\n proxyData.temperature = content.temperature;\n proxyData.setWeatherKey(content);\n });\n },\n timer: timer,\n setTimer(timeLen: any = 600000) {\n proxyData.timer = setInterval(() => {\n proxyData.setEnvData();\n proxyData.queryEnvCurrent();\n }, timeLen);\n },\n // 设置环境数据\n setEnvData() {\n proxyData.envObj = {\n Tdb: \"0\", // 温度\n RH: \"0\", //湿度\n HCHO: \"0\", //甲醛\n PM2d5: \"0\",\n };\n proxyData.currentData.map((item: any) => {\n if (item.code == \"Tdb\") {\n item.data = item.data ? item.data.toFixed(1) : \"--\";\n } else if (item.code == \"RH\") {\n item.data = item.data ? item.data.toFixed(0) : \"--\";\n } else if (item.code == \"PM2d5\") {\n item.data = item.data ? item.data.toFixed(0) : \"--\";\n } else {\n item.data = item.data ? item.data.toFixed(2) : \"--\";\n }\n\n proxyData.envObj[item.code] = item.data;\n });\n },\n // 获取环境数据\n queryEnvCurrent() {\n queryEnvCurrent('')\n .then((res) => {\n let resResult: any = res;\n if (resResult.result == \"success\") {\n proxyData.currentData = resResult.data || [];\n } else {\n proxyData.currentData = [];\n }\n proxyData.setEnvData();\n })\n .catch((error: any) => {\n proxyData.currentData = [];\n });\n },\n times: times,\n changePage() {\n proxyData.times = setTimeout(() => {\n clearTimeout(proxyData.times);\n // router.push({ path: \"/home\" });\n window.location.href = proxyData.pathUrl;\n }, 300000);\n // 300000\n },\n });\n onBeforeUnmount(() => {\n clearInterval(proxyData.intevell);\n clearInterval(proxyData.timer);\n clearTimeout(proxyData.times);\n });\n onMounted(() => {\n proxyData.setNowDate();\n // 获取天气数据\n // proxyData.getWeatherData();\n let type: any = router.currentRoute.value.query.type;\n console.log(type);\n if (type) {\n proxyData.setWeatherKey(type);\n } else {\n type = \"clound\";\n }\n\n // 获取环境数据\n proxyData.queryEnvCurrent();\n // proxyData.changePage();\n // proxyData.setTimer();\n });\n return {\n ...toRefs(proxyData),\n };\n },\n});\n","import { render } from \"./index.vue?vue&type=template&id=1769bc07&scoped=true&ts=true\"\nimport script from \"./index.vue?vue&type=script&lang=ts\"\nexport * from \"./index.vue?vue&type=script&lang=ts\"\n\nimport \"./index.vue?vue&type=style&index=0&id=1769bc07&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/jing/work/sagacare/sagaclound-sagacare-sk/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1769bc07\"]])\n\nexport default __exports__"],"sourceRoot":""}
|
