From 753c75b8a0c655b69c134d792007513a9b1dbc72 Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyuyukunkunkun@gmail.com>
Date: Thu, 1 Jun 2023 13:53:09 +0800
Subject: [PATCH] complete non-moe page logic

---
 src/views/non-moe/NonMoe.vue                  |  5 +-
 .../components/{SingleLog.vue => Log.vue}     | 12 ++---
 src/views/non-moe/log.ts                      | 52 +++++++++++++++++++
 3 files changed, 61 insertions(+), 8 deletions(-)
 rename src/views/non-moe/components/{SingleLog.vue => Log.vue} (59%)
 create mode 100644 src/views/non-moe/log.ts

diff --git a/src/views/non-moe/NonMoe.vue b/src/views/non-moe/NonMoe.vue
index ede42d3f..a7099841 100644
--- a/src/views/non-moe/NonMoe.vue
+++ b/src/views/non-moe/NonMoe.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
 import { currBackground } from '@/hooks/useBackgroundPicture'
-import SingleLog from './components/SingleLog.vue'
+import Log from './components/Log.vue'
 import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 </script>
 
@@ -27,7 +27,8 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
             <span>后果</span>
           </div>
           <div>
-            <SingleLog />
+            <!-- 所有的记录 -->
+            <Log />
           </div>
         </div>
       </div>
diff --git a/src/views/non-moe/components/SingleLog.vue b/src/views/non-moe/components/Log.vue
similarity index 59%
rename from src/views/non-moe/components/SingleLog.vue
rename to src/views/non-moe/components/Log.vue
index dacaa980..96b82c51 100644
--- a/src/views/non-moe/components/SingleLog.vue
+++ b/src/views/non-moe/components/Log.vue
@@ -1,14 +1,14 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { log } from '../log'
+</script>
 
 <template>
   <!-- 单个记录 -->
-  <div class="log">
+  <div class="log" v-for="kun in log" :key="kun.index">
     <!-- 原因 -->
-    <div class="reason">
-      啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
-    </div>
+    <div class="reason">{{ kun.reason }}</div>
     <!-- 后果 -->
-    <div class="result">萌萌点 - 1007</div>
+    <div class="result">萌萌点 - {{ kun.result }}</div>
   </div>
 </template>
 
diff --git a/src/views/non-moe/log.ts b/src/views/non-moe/log.ts
new file mode 100644
index 00000000..780f4235
--- /dev/null
+++ b/src/views/non-moe/log.ts
@@ -0,0 +1,52 @@
+// 注意，这只是一个临时的数据文件，后来会被替换为后端接口
+
+interface punish {
+  index: number
+  reason: string
+  // 目前暂定处罚方式只有萌萌点的扣除
+  result: number
+}
+
+export const log: punish[] = [
+  {
+    index: 1,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 2,
+    reason:
+      '啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 3,
+    reason: '啊这可海星',
+    result: 17,
+  },
+  {
+    index: 4,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 5,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 6,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 7,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+  {
+    index: 8,
+    reason: '啊这可海星',
+    result: 1007,
+  },
+]