From 950943838a9e5bba6f2935f88235bbb2cfb36aef Mon Sep 17 00:00:00 2001
From: "iVampireSP.com" <im@ivampiresp.com>
Date: Wed, 6 Dec 2023 19:37:16 +0800
Subject: [PATCH] allowJS

---
 src/views/libraries/List.vue | 43 +++++++++++++++++++++++++++---------
 tsconfig.json                |  3 ++-
 2 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/src/views/libraries/List.vue b/src/views/libraries/List.vue
index 8abae73..edb0cf4 100644
--- a/src/views/libraries/List.vue
+++ b/src/views/libraries/List.vue
@@ -1,13 +1,31 @@
 <template>
   <v-container v-if="libraries.Data">
+    <h1>资料库</h1>
 
+    <v-card>
+      <v-list>
+        <v-list-item
+          v-for="item in libraries.Data"
+          :key="item.ID"
+          @click="goto(item.ID)"
+        >
+          <v-list-item-title>{{ item.Name }}</v-list-item-title>
 
-    <v-list>
-      <v-list-item v-for="item in libraries.Data" :key="item.ID">
-        <v-list-item-title>{{ item.Name }}</v-list-item-title>
-        <v-list-item-action />
-      </v-list-item>
-    </v-list>
+          <v-list-item-action v-slots:append>
+              <v-btn rounded="xl"  @click.prevent="goto(0)">
+                <v-icon>mdi-check</v-icon>
+              </v-btn>
+            </v-list-item-action>
+          <!-- <template v-slot:append="{ isActive }" @click.prevent>
+            <v-list-item-action v-slots:append>
+              <v-btn rounded="xl"  @click.prevent="goto(0)">
+                <v-icon>mdi-check</v-icon>
+              </v-btn>
+            </v-list-item-action>
+          </template> -->
+        </v-list-item>
+      </v-list>
+    </v-card>
   </v-container>
 
   <div class="text-center">
@@ -27,20 +45,23 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { PkgResponsePaginated } from "@/openapi";
+<script setup>
 import { library } from "@/plugins/api";
-import { AxiosResponse } from "axios";
 import { ref } from "vue";
 
 const page = ref(1);
-const libraries = ref<PkgResponsePaginated>({});
+const libraries = ref({});
 
 const load = () => {
-  library.librariesGet(page.value).then((r: AxiosResponse<any>) => {
+  library.librariesGet(page.value).then((r) => {
     libraries.value = r.data;
+    console.log(r.data.Data);
   });
 };
 
 load();
+
+const goto = (libraryId) => {
+  console.log(libraryId);
+};
 </script>
diff --git a/tsconfig.json b/tsconfig.json
index 81b08a4..b710795 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,7 +19,8 @@
     ],
     "paths": {
       "@/*": ["src/*"]
-    }
+    },
+    "allowJs": true
   },
   "include": [
     "src/**/*.ts",