add nettest

This commit is contained in:
jxxghp
2023-07-18 20:50:13 +08:00
parent 2efde56a82
commit 453ef0f183
9 changed files with 307 additions and 200 deletions
+128 -146
View File
@@ -46,154 +46,136 @@ const nameTest = async () => {
</script>
<template>
<VCard title="名称识别测试">
<VCardItem>
<VForm @submit.prevent="() => {}">
<VRow class="pt-2">
<VCol cols="12">
<VTextField
v-model="nameTestForm.title"
label="标题"
:rules="[requiredValidator]"
<VForm @submit.prevent="() => {}">
<VRow class="pt-2">
<VCol cols="12">
<VTextField
v-model="nameTestForm.title"
label="标题"
:rules="[requiredValidator]"
/>
</VCol>
<VCol cols="12">
<VTextarea v-model="nameTestForm.subtitle" label="副标题" rows="2" auto-grow />
</VCol>
</VRow>
<VRow>
<VCol cols="12" class="text-center">
<VBtn @click="nameTest" :disabled="nameTestLoading">
<template #prepend>
<VIcon icon="mdi-text-recognition"></VIcon>
</template>
{{ nameTestText }}
</VBtn>
</VCol>
</VRow>
</VForm>
<VExpandTransition>
<div v-show="showResult">
<VCol>
<div
class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row"
v-if="nameTestResult?.meta_info?.name"
>
<div class="ma-auto" v-if="nameTestResult?.media_info?.poster_path">
<VImg
width="10rem"
aspect-ratio="2/3"
class="object-cover aspect-w-2 aspect-h-3 rounded ring-1 ring-gray-500 shadow"
:src="nameTestResult?.media_info?.poster_path"
cover
/>
</VCol>
<VCol cols="12">
<VTextarea
v-model="nameTestForm.subtitle"
label="副标题"
rows="2"
auto-grow
/>
</VCol>
</VRow>
<VRow>
<VCol cols="12" class="text-center">
<VBtn @click="nameTest" :disabled="nameTestLoading">
<template #prepend>
<VIcon icon="mdi-text-recognition"></VIcon>
</template>
{{ nameTestText }}
</VBtn>
</VCol>
</VRow>
</VForm>
<VExpandTransition>
<div v-show="showResult">
<VCol>
<div
class="d-flex justify-space-between flex-wrap flex-md-nowrap flex-column flex-md-row"
v-if="nameTestResult?.meta_info?.name"
</div>
<div>
<VCardItem class="pb-1">
<VCardTitle>
{{ nameTestResult?.media_info?.title || nameTestResult?.meta_info?.name }}
{{ nameTestResult?.meta_info?.season_episode }}
</VCardTitle>
<VCardSubtitle>
{{ nameTestResult?.media_info?.year || nameTestResult?.meta_info?.year }}
</VCardSubtitle>
</VCardItem>
<VCardText
v-if="nameTestResult?.media_info?.overview"
class="line-clamp-4 overflow-hidden text-ellipsis ..."
>
<div class="ma-auto" v-if="nameTestResult?.media_info?.poster_path">
<VImg
width="10rem"
aspect-ratio="2/3"
class="object-cover aspect-w-2 aspect-h-3 rounded ring-1 ring-gray-500 shadow"
:src="nameTestResult?.media_info?.poster_path"
cover
/>
</div>
{{ nameTestResult?.media_info?.overview }}
</VCardText>
<div>
<VCardItem>
<VCardTitle>
{{
nameTestResult?.media_info?.title || nameTestResult?.meta_info?.name
}}
{{ nameTestResult?.meta_info?.season_episode }}
</VCardTitle>
<VCardSubtitle>
{{
nameTestResult?.media_info?.year || nameTestResult?.meta_info?.year
}}
</VCardSubtitle>
</VCardItem>
<VCardText
v-if="nameTestResult?.media_info?.overview"
class="line-clamp-4 overflow-hidden text-ellipsis ..."
>
{{ nameTestResult?.media_info?.overview }}
</VCardText>
<VCardItem>
<!-- 类型 -->
<VChip
variant="elevated"
class="me-1 mb-1 text-white bg-blue-500"
v-if="
nameTestResult?.media_info?.type || nameTestResult?.meta_info?.type
"
>
{{
nameTestResult?.media_info?.type || nameTestResult?.meta_info?.type
}}</VChip
>
<!-- 二级分类 -->
<VChip
variant="elevated"
class="me-1 mb-1 text-white bg-blue-500"
v-if="nameTestResult?.media_info?.category"
>
{{ nameTestResult?.media_info?.category }}
</VChip>
<!-- TMDBID -->
<VChip
variant="elevated"
color="success"
class="me-1 mb-1"
v-if="nameTestResult?.media_info?.tmdb_id"
>
{{ nameTestResult?.media_info?.tmdb_id }}
</VChip>
<!-- meta_info -->
<VChip
v-if="nameTestResult?.meta_info?.edition"
variant="elevated"
class="me-1 mb-1 text-white bg-red-500"
>
{{ nameTestResult?.meta_info?.edition }}</VChip
>
<VChip
v-if="nameTestResult?.meta_info?.resource_pix"
variant="elevated"
class="me-1 mb-1 text-white bg-red-500"
>
{{ nameTestResult?.meta_info?.resource_pix }}
</VChip>
<VChip
v-if="nameTestResult?.meta_info?.video_encode"
variant="elevated"
class="me-1 mb-1 text-white bg-orange-500"
>
{{ nameTestResult?.meta_info?.video_encode }}
</VChip>
<VChip
v-if="nameTestResult?.meta_info?.audio_encode"
variant="elevated"
class="me-1 mb-1 text-white bg-orange-500"
>
{{ nameTestResult?.meta_info?.audio_encode }}
</VChip>
<VChip
v-if="nameTestResult?.meta_info?.resource_team"
variant="elevated"
class="me-1 mb-1 text-white bg-cyan-500"
>
{{ nameTestResult?.meta_info?.resource_team }}
</VChip>
</VCardItem>
</div>
</div>
<VAlert
icon="mdi-alert-circle-outline"
v-if="!nameTestResult?.meta_info?.name"
>
识别失败无法识别到有效信息
</VAlert>
</VCol>
<VCardItem>
<!-- 类型 -->
<VChip
variant="elevated"
class="me-1 mb-1 text-white bg-blue-500"
v-if="nameTestResult?.media_info?.type || nameTestResult?.meta_info?.type"
>
{{
nameTestResult?.media_info?.type || nameTestResult?.meta_info?.type
}}</VChip
>
<!-- 二级分类 -->
<VChip
variant="elevated"
class="me-1 mb-1 text-white bg-blue-500"
v-if="nameTestResult?.media_info?.category"
>
{{ nameTestResult?.media_info?.category }}
</VChip>
<!-- TMDBID -->
<VChip
variant="elevated"
color="success"
class="me-1 mb-1"
v-if="nameTestResult?.media_info?.tmdb_id"
>
{{ nameTestResult?.media_info?.tmdb_id }}
</VChip>
<!-- meta_info -->
<VChip
v-if="nameTestResult?.meta_info?.edition"
variant="elevated"
class="me-1 mb-1 text-white bg-red-500"
>
{{ nameTestResult?.meta_info?.edition }}</VChip
>
<VChip
v-if="nameTestResult?.meta_info?.resource_pix"
variant="elevated"
class="me-1 mb-1 text-white bg-red-500"
>
{{ nameTestResult?.meta_info?.resource_pix }}
</VChip>
<VChip
v-if="nameTestResult?.meta_info?.video_encode"
variant="elevated"
class="me-1 mb-1 text-white bg-orange-500"
>
{{ nameTestResult?.meta_info?.video_encode }}
</VChip>
<VChip
v-if="nameTestResult?.meta_info?.audio_encode"
variant="elevated"
class="me-1 mb-1 text-white bg-orange-500"
>
{{ nameTestResult?.meta_info?.audio_encode }}
</VChip>
<VChip
v-if="nameTestResult?.meta_info?.resource_team"
variant="elevated"
class="me-1 mb-1 text-white bg-cyan-500"
>
{{ nameTestResult?.meta_info?.resource_team }}
</VChip>
</VCardItem>
</div>
</div>
</VExpandTransition>
</VCardItem>
</VCard>
<VAlert icon="mdi-alert-circle-outline" v-if="!nameTestResult?.meta_info?.name">
识别失败无法识别到有效信息
</VAlert>
</VCol>
</div>
</VExpandTransition>
</template>