From 08dfb27ac978687736e046a5f49a25bd47d6de19 Mon Sep 17 00:00:00 2001
From: keqingmoe <me@keqing.moe>
Date: Tue, 31 Dec 2024 00:21:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=97=AE=E9=A2=98=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E7=BB=84=E4=BB=B6=EF=BC=8C=E8=B0=83=E6=95=B4=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=B8=83=E5=B1=80=EF=BC=8C=E6=B7=BB=E5=8A=A0=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E9=94=99=E8=AF=AF=E8=A3=85=E9=A5=B0=E5=87=BD=E6=95=B0?=
 =?UTF-8?q?=EF=BC=8C=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F=E4=BB=A5=E5=B1=85?=
 =?UTF-8?q?=E4=B8=AD=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/study/ProblemList.vue | 48 ++++++++++++++++++++-----
 1 file changed, 40 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/study/ProblemList.vue b/ui/src/components/study/ProblemList.vue
index 1ccd6d0..75719e9 100644
--- a/ui/src/components/study/ProblemList.vue
+++ b/ui/src/components/study/ProblemList.vue
@@ -82,14 +82,34 @@
         </v-dialog>
       </v-toolbar>
     </template>
-    <template v-slot:item.actions="{ item }">
-      <v-icon class="me-2" size="small" @click="editItem(item)">
-        mdi-pencil
-      </v-icon>
-      <v-icon size="small" @click="deleteItem(item)">
-        mdi-delete
-      </v-icon>
+    <template v-slot:item="{ item }">
+      <tr>
+        <td>{{ item.id }}</td>
+        <td>{{ item.problem }}</td>
+        <td>{{ item.answer }}</td>
+        <td>{{ decorateCheckingError(item.check_error) }}</td>
+        <td class="text-center">
+          <v-icon class="me-2" size="small" @click="editItem(item)">
+            mdi-pencil
+          </v-icon>
+          <v-icon size="small" @click="deleteItem(item)">
+            mdi-delete
+          </v-icon>
+        </td>
+      </tr>
     </template>
+    <!-- <template v-slot:item.actions="{ item }">
+      <tr>
+        <td class="text-center">
+          <v-icon class="me-2" size="small" @click="editItem(item)">
+            mdi-pencil
+          </v-icon>
+          <v-icon size="small" @click="deleteItem(item)">
+            mdi-delete
+          </v-icon>
+        </td>
+      </tr>
+    </template> -->
   </v-data-table>
   <v-dialog v-model="dialogShow" width="auto">
     <v-card max-width="400" prepend-icon="mdi-update" :text="dialogText" :title="dialogTitle">
@@ -175,6 +195,13 @@ const checkingErrorTitle = ref('');
 const checkingErrorIcon = ref('');
 const checkingError = ref('');
 
+const decorateCheckingError = (checkError: number) => {
+  if (checkError == 0) {
+    return '精确匹配';
+  }
+  return checkError;
+}
+
 watch(preciseMode, () => {
   if (preciseMode.value) {
     checkingError.value = '精确匹配';
@@ -402,4 +429,9 @@ const save = async (event: SubmitEvent) => {
   close1();
 };
 
-</script>
\ No newline at end of file
+</script>
+<style lang="scss" scoped>
+td {
+  text-align: center;
+}
+</style>
\ No newline at end of file