MinecraftSearchEngine/Frontend
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

改进 使用 Table 显示蜘蛛

Browse Source
This commit is contained in:
ivamp 2024-03-28 23:50:10 +08:00
parent d393183c1f
commit 6f92671745
1 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/spiders/List.vue
View File

@ -2,26 +2,38 @@
<h1>蜘蛛</h1> <h1>蜘蛛</h1>
<p>蜘蛛将不定期的查询网页。</p> <p>蜘蛛将不定期的查询网页。</p>
<v-card class="mt-3"> <v-table theme="dark" class="mt-3">
<v-list> <thead>
<v-list-item <tr>
<th class="text-left">
名称
</th>
<th class="text-left">
状态
</th>
</tr>
</thead>
<tbody>
<tr
v-for="item in spiders.Spiders" v-for="item in spiders.Spiders"
:key="item.Id" :key="item.Id"
> >
<td>{{ item.Name }}</td>
<td>
<span class="text-success" v-if="item.Status == 'up'">
<v-icon icon="mdi-check"></v-icon>
</span>
<span class="text-danger" v-else-if="item.Status == 'down'">
<v-icon icon="mdi-close"></v-icon>
</span>
<span class="text-warning" v-else-if="item.Status == 'unknown'">
<v-icon icon="mdi-help"></v-icon>
</span>
</td>
<template v-slot:append="{ isActive }"> </tr>
<v-list-item-action end> </tbody>
<v-btn rounded="xl" @click.stop="console.log(isActive)"> </v-table>
<v-icon>mdi-check</v-icon>
</v-btn>
</v-list-item-action>
</template>
<v-list-item-title>{{ item.Name }}</v-list-item-title>
</v-list-item>
</v-list>
</v-card>
<div class="text-center"> <div class="text-center">
<v-container> <v-container>
@ -47,7 +59,6 @@
import {theSpiderApi} from "@/plugins/api"; import {theSpiderApi} from "@/plugins/api";
const page = ref(1); const page = ref(1);
const spiders = ref({}); const spiders = ref({});
const loading = ref(false); const loading = ref(false);