allowJS

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>

tsconfig.json

@@ -19,7 +19,8 @@
     ],
     "paths": {
       "@/*": ["src/*"]
-    }
+    },
+    "allowJs": true
   },
   "include": [
     "src/**/*.ts",