樹德國小-資訊組

2024-09-05

工作日誌

更新校網內容

刪除重複的網路相簿連結
更新113年度行事曆、教科書版本等資訊
調整校網版面配置

查詢課表語法

校網的查詢課表的語法

https://school.tc.edu.tw/193666?module=course-query/query-class-course/index/standalone

校網：空氣品質區塊的語法

空氣品質區塊

<iframe src='https://airtw.moenv.gov.tw/AirQuality_APIs/WebWidget.aspx?site=28&mode=easy' width='100%' height='200px' title="即時空氣品質顯示" frameborder="0" marginwidth="0" marginheight="0" scrolling='no'></iframe>

校網：午餐區塊的語法

午餐區塊的語法：
( 說明：紅色的號碼，請至教育部校園食材登陸平台查詢。

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<div id="lunchApp">

<div v-if="info.data.length != 0">

{{getBatchdata}}


<div v-if="menu.data.length !=0" class="border-bottom" v-for="dish in menu.data">
<span v-if="dish.DishType !== undefined">{{dish.DishType}} :</span> {{dish.DishName}}
</div>
<p style="margin: 0.5em;"> </p>

<button @click="queryDetail" type="button" class="shadow-sm bg-white rounded">查看詳細資料</button>
</div>

<div v-else>
<span class="border-bottom" style="font-size: 1em; color:#3572f3;">本日無菜單<span>
</div>
</div>

</div>

<script>

let SchoolId = "64744649";
// ====================== script runs from here =======================
let Today=new Date();
let period=Today.getFullYear()+ "-" + (Today.getMonth()+1) + "-" + Today.getDate();
let url = "https://fatraceschool.k12ea.gov.tw/offered/meal?KitchenId=all&MenuType=1&period=" + period + "&SchoolId=" + SchoolId + '"';

const { createApp } = Vue

createApp({
data() {
return {

info: {
'data':[]
},
menu: {
'data':[]
},
selectedBatchdataId: '',
}
},
created: function() {
axios
.get(url)
.then(response => {

this.info = response.data;
//console.log("廠商:"+this.info.data.length);
if(this.info.data.length === 1){
this.selectedBatchdataId = this.info.data[0].BatchDataId;
} else {
this.selectedBatchdataId ="000000";
let vm = this;

this.info.data.forEach(item=>{
let dish = {};
dish.DishName = item.KitchenName;
vm.menu.data.push(dish);
})
console.log(vm.menu);

}
});

},
computed: {
getBatchdata: function(){
if(this.info.data.length !=0){
this.getMenu();

}
}
},
methods: {

getMenu: function() {
//https://fatraceschool.k12ea.gov.tw/dish?BatchDataId=1600228898323523
if(this.selectedBatchdataId !== "000000"){

let url = "https://fatraceschool.k12ea.gov.tw/dish?BatchDataId=" + this.selectedBatchdataId;
axios
.get(url)
.then(response => {
this.menu = response.data;
})
}

},
queryDetail: function(){
let url = "https://fatraceschool.k12ea.gov.tw/frontend/search.html?school="+ SchoolId +"/" ;
window.open(url);
}




}
}).mount('#lunchApp')

</script>