ray650128/PcReDiveClanRecordFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改標題並加上日期選擇

Browse Source
This commit is contained in:
Raymond Yang 2023-06-27 14:25:46 +08:00
parent fbc0760bd3
commit f4b79ca385
3 changed files with 73 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
edit.html
View File

@ -6,7 +6,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>接收参数示例</title> <title>新增/修改紀錄</title>
<script> <script>
</script> </script>

74
index.html
View File

@ -6,7 +6,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>刀表</title> <title>公主連結戰隊戰填表系統</title>
<style> <style>
table { table {
@ -105,13 +105,17 @@
<body id="body"> <body id="body">
<h1>填表系統</h1> <h1>填表系統</h1>
<hr> <hr>
<p> <!--p>
<a href="new.html">我要填表</a> <a href="new.html">我要填表</a>
</p> </p-->
<input type="date" id="queryDate">
<button onclick="getDate()">選擇日期</button>
<hr> <hr>
<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
<script language="javascript" type="text/javascript"> <script language="javascript" type="text/javascript">
var selectedDate = document.getElementById("queryDate");
let table = document.createElement("table"); let table = document.createElement("table");
let thead = document.createElement("thead"); let thead = document.createElement("thead");
let tbody = document.createElement("tbody"); let tbody = document.createElement("tbody");
@ -203,6 +207,70 @@
//alert("資料取得失敗"); //alert("資料取得失敗");
console.error('資料取得失敗:', error); console.error('資料取得失敗:', error);
}); });
function getDate() {
var dateSplit = selectedDate.value.split("-");
console.log(dateSplit);
// 取得刀表
axios.get("http://127.0.0.1:10001/api/record/" + dateSplit[0] + "/" + dateSplit[1] + "/" + dateSplit[2], {
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
})
.then(function (response) {
const data = response.data;
console.log(data);
while (tbody.firstChild) {
tbody.removeChild(tbody.firstChild);
}
for (let i = 0; i < data.length; i++) {
// Creating and adding data to second row of the table
let row_2 = document.createElement("tr");
let row_2_data_1 = document.createElement("td");
let row_2_data_2 = document.createElement("td");
let row_2_data_3 = document.createElement("td");
let row_2_data_4 = document.createElement("td");
let row_2_data_5 = document.createElement("td");
let row_2_data_6 = document.createElement("td");
let row_2_data_7 = document.createElement("td");
const item = data[i];
if (item.record !== null) {
row_2_data_1.innerHTML = "<a href=\"edit.html?id=" + item.record._id + "\">" + item.member.playerName + "</a>";
row_2_data_2.innerHTML = item.record.record1.boss;
row_2_data_3.innerHTML = item.record.record1c.boss;
row_2_data_4.innerHTML = item.record.record2.boss;
row_2_data_5.innerHTML = item.record.record2c.boss;
row_2_data_6.innerHTML = item.record.record3.boss;
row_2_data_7.innerHTML = item.record.record3c.boss;
} else {
row_2_data_1.innerHTML = item.member.playerName;
row_2_data_2.innerHTML = "";
row_2_data_3.innerHTML = "";
row_2_data_4.innerHTML = "";
row_2_data_5.innerHTML = "";
row_2_data_6.innerHTML = "";
row_2_data_7.innerHTML = "";
}
row_2.appendChild(row_2_data_1);
row_2.appendChild(row_2_data_2);
row_2.appendChild(row_2_data_3);
row_2.appendChild(row_2_data_4);
row_2.appendChild(row_2_data_5);
row_2.appendChild(row_2_data_6);
row_2.appendChild(row_2_data_7);
tbody.appendChild(row_2);
}
})
.catch(function (error) {
//const message = error.response.data.message;
//alert("資料取得失敗");
console.error('資料取得失敗:', error);
});
}
</script> </script>
</body> </body>

2
new.html
View File

@ -6,7 +6,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>填表</title> <title>新增紀錄</title>
<style> <style>
table { table {