{"version":3,"sources":["webpack:///./src/views/FarmDetail_new.vue","webpack:///src/views/FarmDetail_new.vue","webpack:///./src/views/FarmDetail_new.vue?46f5","webpack:///./src/views/FarmDetail_new.vue?25bf","webpack:///./src/views/FarmDetail_new.vue?2083"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","items","_s","detailTitle","staticStyle","_l","imgData","data","index","key","src","detailDescript","directives","name","rawName","value","checkLogin","expression","device_id","soil","class","time","soil_n","soil_p","soil_k","soil_ec","temperature","humidity","on","goLogin","staticRenderFns","created","paramValue","$route","params","param","text","href","active","apiCurl","userRequest","post","apiCurl2","apiGetWisdomFarm","components","updated","mounted","getGetWisdomFarm","methods","getCurl","num","then","res","JSON","parse","console","log","now_24hr","Date","now","i","length","item","message","device_type","date2","push","humidity_rel","soil_t","soil_mc","reverse","setChartTemperature","catch","err","disableMask","getCurl2","date","list","sn","descript","j","title","old","url","categories","options","series","colors","chart","height","type","zoom","enabled","dataLabels","stroke","curve","grid","row","opacity","xaxis","tickAmount","window","ApexCharts","document","querySelector","watch","component"],"mappings":"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","file":"static/js/chunk-cc099a3e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"main-title\"},[_c('b-row',{attrs:{\"align-h\":\"between\"}},[_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('h2',{staticClass:\"px-3\"},[_vm._v(\"智慧農場\")])]),_c('b-col',{attrs:{\"cols\":\"auto\",\"align-self\":\"center\"}},[_c('b-breadcrumb',{attrs:{\"items\":_vm.items}})],1)],1)],1),_c('div',{staticClass:\"main-content\"},[_c('b-container',[_c('h3',[_vm._v(_vm._s(_vm.detailTitle))]),_c('b-row',{staticClass:\"pb-5\",attrs:{\"cols\":\"1\",\"cols-md\":\"2\",\"cols-lg\":\"2\"}},[_c('b-col',{staticClass:\"pb-3 pb-md-0\"},[_c('b-carousel',{staticStyle:{\"text-shadow\":\"0px 0px 2px #000\"},attrs:{\"id\":\"carousel-fade\",\"fade\":\"\",\"indicators\":\"\",\"img-width\":\"1024\",\"img-height\":\"480\"}},_vm._l((_vm.imgData),function(data,index){return _c('b-carousel-slide',{key:index,attrs:{\"caption\":'',\"img-src\":data.src}})}),1)],1),_c('b-col',[_c('p',[_vm._v(\" \"+_vm._s(_vm.detailDescript)+\" \")])])],1)],1),_c('div',{staticClass:\"sub-content py-3\"},[_c('b-container',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.checkLogin()),expression:\"checkLogin()\"}]},[_c('h3',{staticClass:\"color-brown\"},[_vm._v(_vm._s(_vm.device_id == \"N20230906003\"?\"大氣溫度\":\"土壤溫度\"))]),_c('div',{staticClass:\"data-block shadow\"},[_c('div',{staticClass:\"w3-row\",staticStyle:{\"overflow-x\":\"auto\",\"overflow-y\":\"hidden\"}},[_c('div',{attrs:{\"id\":\"chart_temperature\"}})])]),_c('h3',{staticClass:\"color-blue\"},[_vm._v(\"土壤氮磷鉀即時監測數據\")]),_c('div',{staticClass:\"data-block shadow\",staticStyle:{\"overflow-x\":\"hidden\",\"overflow-y\":\"auto\",\"overflow\":\"scroll\",\"max-height\":\"315px\"}},[_c('table',{staticClass:\"custom-table\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"ths\"},[_vm._v(\"timestamp\")]),_c('th',{staticClass:\"thm\"},[_vm._v(\"氮含量(N)\")]),_c('th',{staticClass:\"thm\"},[_vm._v(\"磷含量(P)\")]),_c('th',{staticClass:\"thm\"},[_vm._v(\"鉀含量(K)\")]),_c('th',{staticClass:\"the\"},[_vm._v(\"土壤電導度\")])])]),_c('tbody',_vm._l((_vm.soil),function(value,key){return _c('tr',{key:'soil' + key,class:(key % 2 == 0)?'even-row':'odd-row',attrs:{\"value\":value.value}},[_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.time))])]),_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.soil_n)+\" mg/kg\")])]),_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.soil_p)+\" mg/k\")])]),_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.soil_k)+\" mg/k\")])]),_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.soil_ec)+\" μs/cm\")])])])}),0)])]),_c('h3',{staticClass:\"color-deepgreen\"},[_vm._v(\"農業感測器感測資料\")]),_c('div',{staticClass:\"data-block shadow\",staticStyle:{\"overflow-x\":\"hidden\",\"overflow-y\":\"auto\",\"overflow\":\"scroll\",\"max-height\":\"315px\"}},[_c('table',{staticClass:\"custom-table\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"ths\"},[_vm._v(\"timestamp\")]),_c('th',{staticClass:\"thm\"},[_vm._v(_vm._s(_vm.device_id == \"N20230906003\"?\"大氣溫度\":\"土壤溫度\"))]),_c('th',{staticClass:\"the\"},[_vm._v(_vm._s(_vm.device_id == \"N20230906003\"?\"相對溼度\":\"土壤濕度\"))])])]),_c('tbody',_vm._l((_vm.soil),function(value,key){return _c('tr',{key:'soil' + key,class:(key % 2 == 0)?'even-row':'odd-row',attrs:{\"value\":value.value}},[_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.time))])]),_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.temperature)+\" °C\")])]),_c('td',{staticClass:\"tdm\"},[_c('span',[_vm._v(_vm._s(value.humidity)+\" %\")])])])}),0)])]),_c('b-row',{staticClass:\"justify-content-center py-3\"},[_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('b-button',{staticClass:\"px-4\",attrs:{\"pill\":\"\",\"variant\":\"primary\",\"to\":\"../Farm_new\"}},[_vm._v(\"返回智慧農場\")])],1)],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.checkLogin()),expression:\"!checkLogin()\"}],staticClass:\"w3-container w3-display-container\"},[_c('div',{staticClass:\"w3-row\",staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"800\",\"margin\":\"5px 5px\",\"text-align\":\"center\"}},[_vm._v(\"此功能需要登入才能使用，請點按鈕前往登入頁面\")]),_c('div',{staticClass:\"w3-container w3-center\"},[_c('img',{staticStyle:{\"width\":\"300px\"},attrs:{\"src\":\"static/img/img_avatar.png\",\"alt\":\"Avatar\"}}),_c('div',{staticClass:\"w3-row title-chart\"},[_vm._v(\"訪客(未登入)\")]),_c('div',{staticClass:\"w3-section\"},[_c('button',{staticClass:\"w3-button w3-green w3-round-large\",staticStyle:{\"width\":\"300px\"},on:{\"click\":_vm.goLogin}},[_vm._v(\"前往登入\")])])])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"main\">\r\n        <!-- 情報站標題 -->\r\n        <div class=\"main-title\">\r\n            <b-row align-h=\"between\">\r\n                <b-col cols=\"auto\">\r\n                    <h2 class=\"px-3\">智慧農場</h2>\r\n                </b-col>\r\n                <b-col cols=\"auto\" align-self=\"center\"><b-breadcrumb :items=\"items\"></b-breadcrumb></b-col>\r\n            </b-row>\r\n        </div>\r\n        <div class=\"main-content\">\r\n            <b-container>\r\n                <h3>{{ detailTitle }}</h3>\r\n                <b-row cols=\"1\" cols-md=\"2\" cols-lg=\"2\" class=\"pb-5\">\r\n                    <b-col class=\"pb-3 pb-md-0\">\r\n                        <b-carousel id=\"carousel-fade\" style=\"text-shadow: 0px 0px 2px #000\" fade indicators\r\n                            img-width=\"1024\" img-height=\"480\">\r\n                            <b-carousel-slide v-for=\"(data, index) in imgData\" :key=\"index\" :caption=\"''\"\r\n                                :img-src=\"data.src\"></b-carousel-slide>\r\n                        </b-carousel>\r\n                    </b-col>\r\n                    <b-col>\r\n                        <p>\r\n                            {{ detailDescript }}\r\n                        </p>\r\n                    </b-col>\r\n                </b-row>\r\n            </b-container>\r\n            <div class=\"sub-content py-3\">\r\n                <!-- (已登入) -->\r\n                <b-container v-show=\"checkLogin()\">\r\n                    <h3 class=\"color-brown\">{{ device_id == \"N20230906003\"?\"大氣溫度\":\"土壤溫度\" }}</h3>\r\n                    <div class=\"data-block shadow\">\r\n                        <div class=\"w3-row\" style=\"overflow-x: auto; overflow-y: hidden;\">\r\n                            <div id=\"chart_temperature\"></div>\r\n                        </div>\r\n                    </div>\r\n                    <h3 class=\"color-blue\">土壤氮磷鉀即時監測數據</h3>\r\n                    <div class=\"data-block shadow\" style=\"overflow-x: hidden; overflow-y: auto;overflow:scroll; max-height:315px;\">\r\n                        <table class=\"custom-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th class=\"ths\">timestamp</th>\r\n                                    <th class=\"thm\">氮含量(N)</th>\r\n                                    <th class=\"thm\">磷含量(P)</th>\r\n                                    <th class=\"thm\">鉀含量(K)</th>\r\n                                    <th class=\"the\">土壤電導度</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                <tr :class=\"(key % 2 == 0)?'even-row':'odd-row'\" v-for=\"(value, key) in soil\" :value=\"value.value\" :key=\"'soil' + key\"> \r\n                                    <td class=\"tdm\"><span>{{ value.time }}</span></td>\r\n                                    <td class=\"tdm\"><span>{{ value.soil_n }} mg/kg</span></td>\r\n                                    <td class=\"tdm\"><span>{{ value.soil_p }} mg/k</span></td>\r\n                                    <td class=\"tdm\"><span>{{ value.soil_k }} mg/k</span></td>\r\n                                    <td class=\"tdm\"><span>{{ value.soil_ec }} μs/cm</span></td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                    <h3 class=\"color-deepgreen\">農業感測器感測資料</h3>\r\n                    <div class=\"data-block shadow\" style=\"overflow-x: hidden; overflow-y: auto;overflow:scroll; max-height:315px;\">\r\n                        <table class=\"custom-table\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <!--\r\n                                    <th class=\"ths\">station_id</th>\r\n                                    -->\r\n                                    <th class=\"ths\">timestamp</th>\r\n                                    <th class=\"thm\">{{ device_id == \"N20230906003\"?\"大氣溫度\":\"土壤溫度\" }}</th>\r\n                                    <th class=\"the\">{{ device_id == \"N20230906003\"?\"相對溼度\":\"土壤濕度\" }}</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                <tr :class=\"(key % 2 == 0)?'even-row':'odd-row'\" v-for=\"(value, key) in soil\" :value=\"value.value\" :key=\"'soil' + key\">\r\n                                    <!--\r\n                                    <td class=\"tdm\"><span>{{ value.device_id }}</span></td>\r\n                                    -->\r\n                                    <td class=\"tdm\"><span>{{ value.time }}</span></td>\r\n                                    <td class=\"tdm\"><span>{{ value.temperature }} °C</span></td>\r\n                                    <td class=\"tdm\"><span>{{ value.humidity }} %</span></td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                    <b-row class=\"justify-content-center py-3\">\r\n                        <b-col cols=\"auto\"><b-button pill variant=\"primary\" to=\"../Farm_new\"\r\n                                class=\"px-4\">返回智慧農場</b-button></b-col>\r\n                    </b-row>\r\n                </b-container>\r\n        \r\n                <!-- (未登入) -->\r\n                <div class=\"w3-container w3-display-container\" v-show=\"!checkLogin()\">\r\n                    <div class=\"w3-row\" style=\"font-size: 20px; font-weight: 800; margin: 5px 5px; text-align: center;\">此功能需要登入才能使用，請點按鈕前往登入頁面</div>\r\n                    <div class=\"w3-container w3-center\">\r\n                        <img src=\"static/img/img_avatar.png\" alt=\"Avatar\" style=\"width:300px\">\r\n                        <div class=\"w3-row title-chart\">訪客(未登入)</div>\r\n\r\n                        <div class=\"w3-section\">\r\n                            <button class=\"w3-button w3-green w3-round-large\" style=\"width:300px\" @click=\"goLogin\">前往登入</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    created() {\r\n        this.paramValue = this.$route.params.param;\r\n        // console.log(this.paramValue);\r\n        //this.items[2].text = this.paramValue;\r\n    },\r\n    data() {\r\n        return {\r\n            paramValue: null,\r\n            items: [\r\n                {\r\n                    text: '首頁',\r\n                    href: '#/'\r\n                },\r\n                {\r\n                    text: '智慧農場',\r\n                    href: '#/Farm_new'\r\n                },\r\n                {\r\n                    text: '花田囍咖啡農場',\r\n                    active: true\r\n                }\r\n            ],\r\n            detailTitle: \"\",\r\n            detailDescript:\"\",\r\n            /*\r\n            imgData: [\r\n                { title: '花田囍咖啡農場1', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場2', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場3', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場4', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場5', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場6', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場7', url: \"#\", src: \"../static/img/green-field.jpg\" },\r\n                { title: '花田囍咖啡農場8', url: \"#\", src: \"../static/img/green-field.jpg\" }\r\n            ],\r\n            */\r\n            imgData: [],\r\n            soil:[],\r\n            device_id:\"\",\r\n\r\n            //api 取得感測值(實際數據)\r\n            apiCurl: (data) => this.userRequest.post(\"/API/Default/Curl\", data),\r\n            //api 取得感測值(一天數據)\r\n            apiCurl2: (data) => this.userRequest.post(\"/API/Default/Curl2\", data),\r\n            //api 取得智慧農場\r\n            apiGetWisdomFarm: (data) => this.userRequest.post(\"/API/Default/GetWisdomFarm\", data),    \r\n\r\n        }\r\n    },\r\n    components: {\r\n        //Login_sub\r\n    },\r\n    updated() {\r\n    },\r\n    mounted() {\r\n        // console.log(this.$route.query.id);\r\n        this.checkLogin();\r\n        //this.getCurl();\r\n        this.getGetWisdomFarm();\r\n    },\r\n    methods: {\r\n\r\n        //取得感測值(實際數據)\r\n        getCurl:function()\r\n        {\r\n            this.soil = [];\r\n\r\n            this.apiCurl({\r\n                num:100,\r\n                device_id:this.device_id\r\n            })\r\n            .then((res)=>{\r\n\r\n                const data = JSON.parse(res.data);\r\n\r\n                console.log(data);\r\n                var now_24hr = Date.now(); \r\n                now_24hr = now_24hr - 86400000;\r\n\r\n                for(var i=0 ; i<data.length ; i++)\r\n                {\r\n                    var item = data[i];\r\n                    var device_id = item.message[\"device id\"];\r\n                    var device_type = item.message[\"device type\"];\r\n                    var date2 = item.date2;\r\n\r\n                    date2 = Date.parse(date2);\r\n\r\n                    //改成只抓一天內的資料\r\n                    if(date2 >= now_24hr)\r\n                    {\r\n                        //大力有機農場\r\n                        if(device_id == \"N20230906003\")\r\n                        {\r\n                            this.soil.push({\r\n                                //設備序號\r\n                                device_id:device_id,\r\n                                //設備種類\r\n                                device_type:device_type,\r\n                                //感測時間\r\n                                time:item.date2,\r\n                                //土壤鉀(k)\r\n                                soil_k:item.message.soil_k,\r\n                                //土壤氮(n)\r\n                                soil_n:item.message.soil_n,\r\n                                //土壤磷(p)\r\n                                soil_p:item.message.soil_p,\r\n                                //土壤電導度(ec)\r\n                                soil_ec:item.message.soil_ec, \r\n                                //土壤溫度\r\n                                temperature:item.message.temperature, \r\n                                //土壤濕度\r\n                                humidity:item.message.humidity_rel, \r\n                            });\r\n                        }\r\n                        else\r\n                        {\r\n                            this.soil.push({\r\n                                //設備序號\r\n                                device_id:device_id,\r\n                                //設備種類\r\n                                device_type:device_type,\r\n                                //感測時間\r\n                                time:item.date2,\r\n                                //土壤鉀(k)\r\n                                soil_k:item.message.soil_k,\r\n                                //土壤氮(n)\r\n                                soil_n:item.message.soil_n,\r\n                                //土壤磷(p)\r\n                                soil_p:item.message.soil_p,\r\n                                //土壤電導度(ec)\r\n                                soil_ec:item.message.soil_ec, \r\n                                //土壤溫度\r\n                                temperature:item.message.soil_t, \r\n                                //土壤濕度\r\n                                humidity:item.message.soil_mc,  \r\n                            });\r\n                        }\r\n                    }\r\n                }\r\n\r\n                //將順序顛倒(因該越早在左邊，越晚在右邊)\r\n                this.soil = this.soil.reverse();\r\n                this.setChartTemperature();\r\n                \r\n            })\r\n            .catch((err)=> {\r\n                console.log(err);\r\n                this.disableMask();\r\n            });\r\n\r\n        },\r\n\r\n        //取得感測值(一天數據)\r\n        getCurl2:function()\r\n        {\r\n            this.soil = [];\r\n\r\n            this.apiCurl2({\r\n                device_id:this.device_id\r\n            })\r\n            .then((res)=>{\r\n\r\n                const data = JSON.parse(res.data);\r\n                console.log(data);\r\n                \r\n                if(data.length > 0)\r\n                {\r\n                    for(var i=0 ; i<data.length ; i++)\r\n                    {\r\n                        var item = data[i];\r\n                        console.log(item);\r\n\r\n                        //大力有機農場\r\n                        if(item.device_id == \"N20230906003\")\r\n                        {\r\n                            this.soil.push({\r\n                                //設備序號\r\n                                device_id:item.device_id,\r\n                                //設備種類\r\n                                device_type:item.device_type,\r\n                                //感測時間\r\n                                time:item.date,\r\n                                //土壤鉀(k)\r\n                                soil_k:item.soil_k,\r\n                                //土壤氮(n)\r\n                                soil_n:item.soil_n,\r\n                                //土壤磷(p)\r\n                                soil_p:item.soil_p,\r\n                                //土壤電導度(ec)\r\n                                soil_ec:item.soil_ec, \r\n                                //土壤溫度\r\n                                temperature:item.temperature, \r\n                                //土壤濕度\r\n                                humidity:item.humidity_rel, \r\n                            });\r\n                        }\r\n                        else\r\n                        {\r\n                            this.soil.push({\r\n                                //設備序號\r\n                                device_id:item.device_id,\r\n                                //設備種類\r\n                                device_type:item.device_type,\r\n                                //感測時間\r\n                                time:item.date,\r\n                                //土壤鉀(k)\r\n                                soil_k:item.soil_k,\r\n                                //土壤氮(n)\r\n                                soil_n:item.soil_n,\r\n                                //土壤磷(p)\r\n                                soil_p:item.soil_p,\r\n                                //土壤電導度(ec)\r\n                                soil_ec:item.soil_ec, \r\n                                //土壤溫度\r\n                                temperature:item.soil_t, \r\n                                //土壤濕度\r\n                                humidity:item.soil_mc,  \r\n                            });\r\n                        }\r\n                    }\r\n                    \r\n                    this.setChartTemperature();\r\n\r\n                }\r\n\r\n            })\r\n            .catch((err)=> {\r\n                console.log(err);\r\n                this.disableMask();\r\n            });\r\n\r\n        },\r\n\r\n        //取得智慧農場\r\n        getGetWisdomFarm:function()\r\n        {\r\n            this.soil = [];\r\n\r\n            this.apiGetWisdomFarm({\r\n\r\n            })\r\n            .then((res)=>{\r\n\r\n                const data = JSON.parse(res.data);              \r\n                const list = data.list;\r\n\r\n                for(var i=0;i < list.length ; i++){\r\n\r\n                    var item = list[i];\r\n                    if(item.sn == this.paramValue)\r\n                    {\r\n                        this.detailTitle = item.name;\r\n                        this.detailDescript = item.descript;\r\n                        this.items[2].text = item.name;\r\n                        this.device_id = item.device_id;\r\n                        this.imgData = [];\r\n                        for(var j=0 ; j<item.list.length ; j++)\r\n                        {\r\n                            this.imgData.push({\r\n\r\n                                title: item.list[j].old, \r\n                                url: \"#\", \r\n                                src: \"https://agri-data.kcg.gov.tw/assets/img/yun_lin/wisdom_farm/\" + item.sn + \"/\" + item.list[j].src,\r\n                            });\r\n                        }\r\n\r\n                        //this.getCurl();\r\n                        this.getCurl2();\r\n                    }\r\n                }\r\n            })\r\n            .catch((err)=> {\r\n                console.log(err);\r\n                this.disableMask();\r\n            });\r\n\r\n        },\r\n\r\n        //設定圖表(溫度)\r\n        setChartTemperature:function(){\r\n\r\n            var data = [];\r\n            var categories = []\r\n\r\n            for(var i=0 ; i<this.soil.length ; i++)\r\n            {\r\n                var item = this.soil[i];\r\n                data.push(item.temperature);\r\n                categories.push(item.time);\r\n            }\r\n\r\n            var options = {\r\n                series: [{\r\n                    name: \"溫度\",\r\n                    data: data\r\n                }],\r\n                colors: [\r\n                    \"#64A953\",\r\n                ],\r\n                chart: {\r\n                    height: 350,\r\n                    type: 'line',\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                    //曲線\r\n                    curve: 'smooth'\r\n                },\r\n                grid: {\r\n                    row: {\r\n                        colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n                        opacity: 0.5\r\n                    },\r\n                },\r\n                xaxis: {\r\n                    //type: \"datetime\",\r\n                    tickAmount: 5,\r\n                    categories: categories,\r\n                }\r\n            };\r\n\r\n            var chart = new window.ApexCharts(document.querySelector(\"#chart_temperature\"), options);\r\n            chart.render();\r\n\r\n        },\r\n\r\n    },\r\n    watch: {\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n\r\n.custom-table {\r\n    width: 90%;\r\n    text-align: center;\r\n    margin-top: 20px;\r\n    border-collapse: collapse;\r\n    border-radius: 10px;\r\n    /* 表格的四角弧度 */\r\n    overflow: hidden;\r\n    /* 陰影不會超出表格 */\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n\r\n    /* 陰影效果 */\r\n    th {\r\n        padding: 10px;\r\n        text-align: center;\r\n        font-weight: bold;\r\n        background-color: #f0f0f0;\r\n    }\r\n\r\n    td {\r\n        padding: 10px;\r\n        text-align: center;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .ths {\r\n        background-color: #19547b;\r\n        border-radius: 10px 0px 0px 0px;\r\n        border-right: 1px solid #ffffff;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .thm {\r\n        background-color: #19547b;\r\n        border-right: 1px solid #ffffff;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .the {\r\n        background-color: #19547b;\r\n        border-radius: 0px 10px 0px 0px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .tds {\r\n        border-radius: 0px 0px 0px 10px;\r\n    }\r\n\r\n    .tdm {\r\n        border-right: 1px solid #ffffff;\r\n    }\r\n\r\n    .tde {\r\n        border-radius: 0px 0px 10px 0px;\r\n    }\r\n\r\n    .even-row {\r\n        background-color: #ffffff;\r\n        /* 偶數行 */\r\n    }\r\n\r\n    .odd-row {\r\n        background-color: #cfe6fcaf;\r\n        /* 奇數行 */\r\n    }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FarmDetail_new.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FarmDetail_new.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FarmDetail_new.vue?vue&type=template&id=516235c5&\"\nimport script from \"./FarmDetail_new.vue?vue&type=script&lang=js&\"\nexport * from \"./FarmDetail_new.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FarmDetail_new.vue?vue&type=style&index=0&id=516235c5&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FarmDetail_new.vue?vue&type=style&index=0&id=516235c5&prod&lang=scss&\""],"sourceRoot":""}