From e26349ebfac8036d62d1ae106d89fccd3a2242d7 Mon Sep 17 00:00:00 2001
From: CaoWangrenbo <cao.wangrenbo@yandex.com>
Date: Mon, 27 Oct 2025 14:52:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=AD=A3=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A0=8F=E9=97=AE=E9=A2=98(=E6=9C=AA=E9=AA=8C=E8=AF=81)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/list_images.html | 79 +++++++++++++++++++++-----------------
 1 file changed, 44 insertions(+), 35 deletions(-)

diff --git a/templates/list_images.html b/templates/list_images.html
index 1a15cf7..fca9c68 100644
--- a/templates/list_images.html
+++ b/templates/list_images.html
@@ -174,42 +174,51 @@
                 // Timestamp
                 row.insertCell(4).textContent = new Date(image.timestamp * 1000).toISOString();
 
-                // 评论
-                row += `<td><input type="text" id="comment-${image.id}" value="${image.comment}" onchange="updateComment(${image.id})"></td>`;
+                // Comment
+                const commentCell = row.insertCell(5);
+                const commentInput = document.createElement('input');
+                commentInput.type = 'text';
+                commentInput.id = `comment-${image.id}`;
+                commentInput.value = image.comment || '';
+                commentInput.onchange = function() {
+                    updateComment(image.id, this.value);
+                };
+                commentCell.appendChild(commentInput);
+
                 // Actions
-                row += `<td>
-                            <button onclick="deleteImage(${image.id})">删除</button>
-                            <button onclick="manualLabelLeft(${image.id})">人工标注 (左)</button>
-                            <button onclick="manualLabelRight(${image.id})">人工标注 (右)</button>
-                            <!-- 添加位置编号下拉框 -->
-                            <label>左:</label>
-                            <select id="left-position-${image.id}" onchange="updatePosition(${image.id})">
-                                <option value="0" ${image.left_position == 0 ? 'selected' : ''}>未设置</option>
-                                <option value="1" ${image.left_position == 1 ? 'selected' : ''}>1</option>
-                                <option value="2" ${image.left_position == 2 ? 'selected' : ''}>2</option>
-                                <option value="3" ${image.left_position == 3 ? 'selected' : ''}>3</option>
-                                <option value="4" ${image.left_position == 4 ? 'selected' : ''}>4</option>
-                                <option value="5" ${image.left_position == 5 ? 'selected' : ''}>5</option>
-                                <option value="6" ${image.left_position == 6 ? 'selected' : ''}>6</option>
-                                <option value="7" ${image.left_position == 7 ? 'selected' : ''}>7</option>
-                                <option value="8" ${image.left_position == 8 ? 'selected' : ''}>8</option>
-                                <option value="9" ${image.left_position == 9 ? 'selected' : ''}>9</option>
-                            </select>
-                            <label>右:</label>
-                            <select id="right-position-${image.id}" onchange="updatePosition(${image.id})">
-                                <option value="0" ${image.right_position == 0 ? 'selected' : ''}>未设置</option>
-                                <option value="1" ${image.right_position == 1 ? 'selected' : ''}>1</option>
-                                <option value="2" ${image.right_position == 2 ? 'selected' : ''}>2</option>
-                                <option value="3" ${image.right_position == 3 ? 'selected' : ''}>3</option>
-                                <option value="4" ${image.right_position == 4 ? 'selected' : ''}>4</option>
-                                <option value="5" ${image.right_position == 5 ? 'selected' : ''}>5</option>
-                                <option value="6" ${image.right_position == 6 ? 'selected' : ''}>6</option>
-                                <option value="7" ${image.right_position == 7 ? 'selected' : ''}>7</option>
-                                <option value="8" ${image.right_position == 8 ? 'selected' : ''}>8</option>
-                                <option value="9" ${image.right_position == 9 ? 'selected' : ''}>9</option>
-                            </select>
-                        </td>`;
-                row += '</tr>';
+                const actionsCell = row.insertCell(6);
+                actionsCell.innerHTML = `
+                    <button onclick="deleteImage(${image.id})">删除</button>
+                    <button onclick="manualLabelLeft(${image.id})">人工标注 (左)</button>
+                    <button onclick="manualLabelRight(${image.id})">人工标注 (右)</button>
+                    <!-- 添加位置编号下拉框 -->
+                    <label>左:</label>
+                    <select id="left-position-${image.id}" onchange="updatePosition(${image.id})">
+                        <option value="0" ${image.left_position == 0 ? 'selected' : ''}>未设置</option>
+                        <option value="1" ${image.left_position == 1 ? 'selected' : ''}>1</option>
+                        <option value="2" ${image.left_position == 2 ? 'selected' : ''}>2</option>
+                        <option value="3" ${image.left_position == 3 ? 'selected' : ''}>3</option>
+                        <option value="4" ${image.left_position == 4 ? 'selected' : ''}>4</option>
+                        <option value="5" ${image.left_position == 5 ? 'selected' : ''}>5</option>
+                        <option value="6" ${image.left_position == 6 ? 'selected' : ''}>6</option>
+                        <option value="7" ${image.left_position == 7 ? 'selected' : ''}>7</option>
+                        <option value="8" ${image.left_position == 8 ? 'selected' : ''}>8</option>
+                        <option value="9" ${image.left_position == 9 ? 'selected' : ''}>9</option>
+                    </select>
+                    <label>右:</label>
+                    <select id="right-position-${image.id}" onchange="updatePosition(${image.id})">
+                        <option value="0" ${image.right_position == 0 ? 'selected' : ''}>未设置</option>
+                        <option value="1" ${image.right_position == 1 ? 'selected' : ''}>1</option>
+                        <option value="2" ${image.right_position == 2 ? 'selected' : ''}>2</option>
+                        <option value="3" ${image.right_position == 3 ? 'selected' : ''}>3</option>
+                        <option value="4" ${image.right_position == 4 ? 'selected' : ''}>4</option>
+                        <option value="5" ${image.right_position == 5 ? 'selected' : ''}>5</option>
+                        <option value="6" ${image.right_position == 6 ? 'selected' : ''}>6</option>
+                        <option value="7" ${image.right_position == 7 ? 'selected' : ''}>7</option>
+                        <option value="8" ${image.right_position == 8 ? 'selected' : ''}>8</option>
+                        <option value="9" ${image.right_position == 9 ? 'selected' : ''}>9</option>
+                    </select>
+                `;
             });
         }