add

index.html

@@ -251,55 +251,104 @@ tr:hover a {
         }
     
         function sortTable(tableId, n) {
-            var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
-            table = document.getElementById(tableId);
-            switching = true;
-            dir = "asc";
+            const table = document.getElementById(tableId);
+            let switching = true;
+            let dir = table.dataset.sortDir === "asc" ? "desc" : "asc";
+            let switchcount = 0;
+
+            const headers = table.querySelectorAll("th");
+            headers.forEach((header, index) => {
+                if (index !== n) {
+                    header.querySelector(".sort-arrow").textContent = "";
+                }
+            });
+
+            const currentHeader = headers[n];
+            const arrowSpan = currentHeader.querySelector(".sort-arrow");
+            arrowSpan.textContent = dir === "asc" ? " ▲" : " ▼";
+
             while (switching) {
-                switching = false;
-                rows = table.rows;
-                for (i = 1; i < (rows.length - 1); i++) {
-                    shouldSwitch = false;
-                    x = rows[i].getElementsByTagName("TD")[n];
-                    y = rows[i + 1].getElementsByTagName("TD")[n];
-                    if (dir == "asc") {
-                        if (isNaN(x.innerHTML)) {
-                            if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
-                                shouldSwitch = true;
-                                break;
-                            }
-                        } else {
-                            if (Number(x.innerHTML) > Number(y.innerHTML)) {
-                                shouldSwitch = true;
-                                break;
-                            }
-                        }
-                    } else if (dir == "desc") {
-                        if (isNaN(x.innerHTML)) {
-                            if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
-                                shouldSwitch = true;
-                                break;
-                            }
-                        } else {
-                            if (Number(x.innerHTML) < Number(y.innerHTML)) {
-                                shouldSwitch = true;
-                                break;
-                            }
-                        }
-                    }
+            switching = false;
+            const rows = table.rows;
+            for (let i = 1; i < rows.length - 1; i++) {
+                let shouldSwitch = false;
+                let x = rows[i].cells[n].innerHTML;
+                let y = rows[i + 1].cells[n].innerHTML;
+
+                // 判断是否为数字
+                let xVal = isNaN(parseFloat(x)) ? x : parseFloat(x);
+                let yVal = isNaN(parseFloat(y)) ? y : parseFloat(y);
+
+                // 比较逻辑
+                if (dir === "asc" && xVal > yVal) {
+                    shouldSwitch = true;
+                } else if (dir === "desc" && xVal < yVal) {
+                    shouldSwitch = true;
                 }
+
                 if (shouldSwitch) {
                     rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
                     switching = true;
                     switchcount++;
-                } else {
-                    if (switchcount == 0 && dir == "asc") {
-                        dir = "desc";
-                        switching = true;
-                    }
                 }
             }
+
+            // 当一次都没有切换时，反转排序方向
+            if (switchcount === 0) {
+                dir = dir === "asc" ? "desc" : "asc";
+            }
         }
+
+
+        //     var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
+        //     table = document.getElementById(tableId);
+        //     switching = true;
+        //     dir = "asc";
+        //     while (switching) {
+        //         switching = false;
+        //         rows = table.rows;
+        //         for (i = 1; i < (rows.length - 1); i++) {
+        //             shouldSwitch = false;
+        //             x = rows[i].getElementsByTagName("TD")[n];
+        //             y = rows[i + 1].getElementsByTagName("TD")[n];
+        //             if (dir == "asc") {
+        //                 if (isNaN(x.innerHTML)) {
+        //                     if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
+        //                         shouldSwitch = true;
+        //                         break;
+        //                     }
+        //                 } else {
+        //                     if (Number(x.innerHTML) > Number(y.innerHTML)) {
+        //                         shouldSwitch = true;
+        //                         break;
+        //                     }
+        //                 }
+        //             } else if (dir == "desc") {
+        //                 if (isNaN(x.innerHTML)) {
+        //                     if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
+        //                         shouldSwitch = true;
+        //                         break;
+        //                     }
+        //                 } else {
+        //                     if (Number(x.innerHTML) < Number(y.innerHTML)) {
+        //                         shouldSwitch = true;
+        //                         break;
+        //                     }
+        //                 }
+        //             }
+        //         }
+        //         if (shouldSwitch) {
+        //             rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
+        //             switching = true;
+        //             switchcount++;
+        //         } else {
+        //             if (switchcount == 0 && dir == "asc") {
+        //                 dir = "desc";
+        //                 switching = true;
+        //             }
+        //         }
+        //     }
+        // }
     
         Object.keys(urls).forEach(key => {
             fetch(urls[key])