From beb7d4e63b06cf1bc94026fc5d548115cfcc6b2c Mon Sep 17 00:00:00 2001
From: GuoHao <git@liguohao.cn>
Date: Tue, 11 Jun 2024 13:58:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=8C=B9=E9=85=8D?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E6=9D=A1=E7=9B=AE=E5=89=A7=E9=9B=86=E9=99=84?=
 =?UTF-8?q?=E4=BB=B6=E7=BB=91=E5=AE=9A=20(#555)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* optimize: plus subject sync platform id max length to 100 for support subject detais url

* feat: 添加匹配移除条目剧集附件绑定

* docs: update CHANGELOG.MD

* docs: update CHANGELOG.MD
---
 CHANGELOG.MD                                  |   5 +
 console/src/App.vue                           |   8 +-
 console/src/components/video/Artplayer.vue    |   5 +-
 .../src/layouts/components/LanguageSelect.vue |   6 +-
 console/src/locales/en.yaml                   |   5 +
 console/src/locales/zh-CN.yaml                |   5 +
 console/src/modules/common/constants.ts       |   2 +-
 .../attachment/AttachmentDeatilDrawer.vue     |  44 ++--
 .../AttachmentDirectorySelectDialog.vue       |  10 +-
 .../AttachmentFragmentUploadDrawer.vue        |  12 +-
 .../AttachmentMultiSelectDialog.vue           |  43 +++-
 .../attachment/AttachmentRelationsDialog.vue  | 194 +++++++++------
 .../attachment/AttachmentSelectDialog.vue     |  29 ++-
 .../content/attachment/Attachments.vue        | 118 +++++----
 .../content/subject/EpisodeDetailsDialog.vue  |  92 +++++--
 .../content/subject/EpisodePostDialog.vue     |  81 +++++--
 .../content/subject/EpisodePutDialog.vue      |  84 +++++--
 .../content/subject/SubjectDetails.vue        | 226 ++++++++++++++----
 .../modules/content/subject/SubjectPost.vue   |  65 +++--
 .../modules/content/subject/SubjectPut.vue    |  71 ++++--
 .../subject/SubjectRelactionDeleteDrawer.vue  |  21 +-
 .../subject/SubjectRelationDeleteDialog.vue   |  34 ++-
 .../content/subject/SubjectRelationDialog.vue | 134 +++++++++--
 .../subject/SubjectRelationPostDialog.vue     |  81 +++++--
 .../subject/SubjectRemoteActionDialog.vue     |  34 ++-
 .../content/subject/SubjectSelectDrawer.vue   |  82 +++++--
 .../content/subject/SubjectSyncDialog.vue     |  48 +++-
 .../src/modules/content/subject/Subjects.vue  |  66 +++--
 console/src/modules/dashboard/Dashboard.vue   |  16 +-
 console/src/modules/system/plugin/Plugin.vue  | 223 ++++++++++++-----
 .../modules/system/plugin/PluginDetail.vue    |  40 +++-
 .../system/plugin/PluginUploadDrawer.vue      |   2 +-
 .../src/modules/system/setting/Setting.vue    |  89 +++++--
 console/src/modules/user/Collection.vue       |  40 +++-
 console/src/modules/user/Profile.vue          |   8 +-
 console/src/stores/layout.ts                  |   2 +-
 console/src/utils/api-client.ts               |  12 +-
 console/src/utils/file.ts                     |   2 +-
 console/src/views/exception/Exception.vue     |  22 +-
 console/src/views/exception/NotFound.vue      |   6 +-
 40 files changed, 1513 insertions(+), 554 deletions(-)

diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index 611564035..247dc74eb 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -8,6 +8,11 @@
 - 添加关于是否展示web端主题的配置开关
 - 浏览器记住console的多语言切换选择 #549
 - 完善多语言翻译 #548
+- 添加匹配移除条目剧集附件绑定 #554
+
+## 优化
+
+- 条目同步的平台ID输入框最大字符限制提升到了100
 
 ## 问题修复
 
diff --git a/console/src/App.vue b/console/src/App.vue
index cc6f71020..97cdf7ad1 100644
--- a/console/src/App.vue
+++ b/console/src/App.vue
@@ -3,23 +3,21 @@ import { ElConfigProvider } from 'element-plus';
 
 // import { getBrowserLanguage } from './locales';
 import en from 'element-plus/dist/locale/en.mjs';
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
 import { useLayoutStore } from './stores/layout';
 
-
 // const language = getBrowserLanguage();
 
 const layoutStore = useLayoutStore();
 const i18nCode = layoutStore.i18nCode;
 
 let locale = zhCn;
-console.debug('app i18n code', i18nCode)
+console.debug('app i18n code', i18nCode);
 if ('en-US' === i18nCode || 'en' == i18nCode) {
 	locale = en;
 } else if ('zhCn' === i18nCode || 'zh' === i18nCode) {
 	locale = zhCn;
-} 
-
+}
 </script>
 
 <template>
diff --git a/console/src/components/video/Artplayer.vue b/console/src/components/video/Artplayer.vue
index a695a606b..cd9dbd6d7 100644
--- a/console/src/components/video/Artplayer.vue
+++ b/console/src/components/video/Artplayer.vue
@@ -50,7 +50,7 @@ const getSubtitleSimpleNameByAttachmentName = (name: string): string => {
 
 const getSubtitleChineseSimpleNameBySimpleName = (name: string): string => {
 	const cnName = subtitleNameChineseMap.get(name) as string;
-	return (cnName != null && cnName != undefined && cnName != '') ? cnName : name;
+	return cnName != null && cnName != undefined && cnName != '' ? cnName : name;
 };
 
 const artSubtitles = ref<ArtSubtitle[]>([]);
@@ -66,7 +66,8 @@ const getVideoSubtitles = async () => {
 			data![index].name as string
 		);
 		var artSubtitle: ArtSubtitle = {
-			default: simpleName === 'SC' || simpleName === 'sc' || simpleName == 'JPSC',
+			default:
+				simpleName === 'SC' || simpleName === 'sc' || simpleName == 'JPSC',
 			html: getSubtitleChineseSimpleNameBySimpleName(simpleName),
 			url: data![index].url as string,
 		};
diff --git a/console/src/layouts/components/LanguageSelect.vue b/console/src/layouts/components/LanguageSelect.vue
index d4c6769f6..d4c538253 100644
--- a/console/src/layouts/components/LanguageSelect.vue
+++ b/console/src/layouts/components/LanguageSelect.vue
@@ -15,14 +15,14 @@ const changeLanguage = () => {
 	layoutStore.setI18nCode(selectedLanguage.value);
 	window.location.reload();
 };
-onMounted(()=>{
-	const selectdI18nCode = layoutStore.i18nCode
+onMounted(() => {
+	const selectdI18nCode = layoutStore.i18nCode;
 	if (selectdI18nCode && selectdI18nCode != '') {
 		// console.debug('selectdI18nCode', selectdI18nCode)
 		selectedLanguage.value = selectdI18nCode;
 		changeI18nLocal(selectedLanguage.value);
 	}
-})
+});
 </script>
 
 <template>
diff --git a/console/src/locales/en.yaml b/console/src/locales/en.yaml
index d56bdaa27..ee2a792f9 100644
--- a/console/src/locales/en.yaml
+++ b/console/src/locales/en.yaml
@@ -393,6 +393,8 @@ module:
             success: Request to update entry information succeeded
           cancel:
             success: Cancel Subject Collect Success
+          delete-batch-attachments:
+            success: Batch removed episode attachment bindings successfully
       text:
         collect:
           not: Not Collect
@@ -436,6 +438,9 @@ module:
             done: Done
             push: Push
             pull: Pull
+            cancel-batch-resources: Cancel Batch
+      cancel-batch-popconfirm:
+        title: Are you sure cancel batching atts bind?
     relaction:
       title: Subject Relactions
       drawer:
diff --git a/console/src/locales/zh-CN.yaml b/console/src/locales/zh-CN.yaml
index e70d0a271..cd67682c2 100644
--- a/console/src/locales/zh-CN.yaml
+++ b/console/src/locales/zh-CN.yaml
@@ -458,6 +458,8 @@ module:
             success: 请求更新条目信息成功
           cancel:
             success: 取消条目收藏成功
+          delete-batch-attachments:
+            success: 批量移除剧集附件绑定成功
       episode:
         label:
           group: 分组
@@ -473,6 +475,9 @@ module:
             done: 看完
             push: 推送
             pull: 拉取
+            cancel-batch-resources: 批量移除
+      cancel-batch-popconfirm:
+        title: 您确定要批量移除绑定吗？
     collect:
       message:
         operate:
diff --git a/console/src/modules/common/constants.ts b/console/src/modules/common/constants.ts
index 2cdef4022..1109a89f8 100644
--- a/console/src/modules/common/constants.ts
+++ b/console/src/modules/common/constants.ts
@@ -90,5 +90,5 @@ export const subtitleNameChineseMap = new Map([
 	['JPSC', '简体中文'],
 	['jpsc', '简体中文'],
 	['JPTC', '繁体中文'],
-	['jptc', '繁体中文']
+	['jptc', '繁体中文'],
 ]);
diff --git a/console/src/modules/content/attachment/AttachmentDeatilDrawer.vue b/console/src/modules/content/attachment/AttachmentDeatilDrawer.vue
index 26586a81b..0519314dc 100644
--- a/console/src/modules/content/attachment/AttachmentDeatilDrawer.vue
+++ b/console/src/modules/content/attachment/AttachmentDeatilDrawer.vue
@@ -74,7 +74,9 @@ const handleDelete = async () => {
 			})
 			.then(() => {
 				ElMessage.success(
-					t('module.attachment.details.message.event.delete') + ' ' + file.value.name
+					t('module.attachment.details.message.event.delete') +
+						' ' +
+						file.value.name
 				);
 				emit('delete', file.value);
 				drawerVisible.value = false;
@@ -112,7 +114,9 @@ const handleUpdateName = async () => {
 				attachment: file.value,
 			})
 			.then(() => {
-				ElMessage.success(t('module.attachment.details.message.event.updateName'));
+				ElMessage.success(
+					t('module.attachment.details.message.event.updateName')
+				);
 			});
 	} catch (error) {
 		console.error(error);
@@ -125,7 +129,9 @@ const getCompleteFileUrl = (reactiveUrl: string | undefined): string => {
 	var curPageUrl = window.location.href;
 	var pathName = window.location.pathname;
 	var localhostPath = curPageUrl.substring(0, curPageUrl.indexOf(pathName));
-	return reactiveUrl?.startsWith('http') ? reactiveUrl : localhostPath + reactiveUrl;
+	return reactiveUrl?.startsWith('http')
+		? reactiveUrl
+		: localhostPath + reactiveUrl;
 };
 
 const handleClose = (done: () => void) => {
@@ -134,23 +140,21 @@ const handleClose = (done: () => void) => {
 };
 
 const attachmentRelationsDialogVisible = ref(false);
-const onAttachmentRelationsDialogClose = async ()=>{
+const onAttachmentRelationsDialogClose = async () => {
 	// artplayerRef.value.getVideoSubtitles();
 	// artplayerRef.value.reloadArtplayer();
 	window.location.reload();
-}
-const onClose = async()=>{
+};
+const onClose = async () => {
 	drawerVisible.value = false;
 	emit('close');
-}
+};
 
 const artplayer = ref<Artplayer>();
 const artplayerRef = ref();
 const getArtplayerInstance = (art: Artplayer) => {
 	artplayer.value = art;
-}
-
-
+};
 </script>
 
 <template>
@@ -199,7 +203,9 @@ const getArtplayerInstance = (art: Artplayer) => {
 					>
 						{{ t('module.attachment.details.message.hint.audioFormat') }}
 					</audio>
-					<div v-else>{{ t('module.attachment.details.message.hint.preview') }}</div>
+					<div v-else>
+						{{ t('module.attachment.details.message.hint.preview') }}
+					</div>
 				</div>
 			</el-col>
 		</el-row>
@@ -219,7 +225,9 @@ const getArtplayerInstance = (art: Artplayer) => {
 					<el-descriptions-item label="ID">
 						{{ file.id }}
 					</el-descriptions-item>
-					<el-descriptions-item :label="t('module.attachment.details.descItemLabel.name')">
+					<el-descriptions-item
+						:label="t('module.attachment.details.descItemLabel.name')"
+					>
 						<span v-if="editable">
 							<el-input
 								ref="nameInput"
@@ -245,7 +253,10 @@ const getArtplayerInstance = (art: Artplayer) => {
 					>
 						{{ file.updateTime }}
 					</el-descriptions-item>
-					<el-descriptions-item v-if="file.path" :label="t('module.attachment.details.descItemLabel.path')">
+					<el-descriptions-item
+						v-if="file.path"
+						:label="t('module.attachment.details.descItemLabel.path')"
+					>
 						{{ file.path }}
 					</el-descriptions-item>
 					<el-descriptions-item v-if="file.url" label="URL">
@@ -281,8 +292,11 @@ const getArtplayerInstance = (art: Artplayer) => {
 			</el-popconfirm>
 		</template>
 
-		<AttachmentRelationsDialog v-model:visible="attachmentRelationsDialogVisible" :attachmentId="file.id" @close="onAttachmentRelationsDialogClose"/>
-
+		<AttachmentRelationsDialog
+			v-model:visible="attachmentRelationsDialogVisible"
+			:attachmentId="file.id"
+			@close="onAttachmentRelationsDialogClose"
+		/>
 	</el-drawer>
 </template>
 
diff --git a/console/src/modules/content/attachment/AttachmentDirectorySelectDialog.vue b/console/src/modules/content/attachment/AttachmentDirectorySelectDialog.vue
index 63c6846bc..ddfab2c0a 100644
--- a/console/src/modules/content/attachment/AttachmentDirectorySelectDialog.vue
+++ b/console/src/modules/content/attachment/AttachmentDirectorySelectDialog.vue
@@ -4,7 +4,7 @@ import { ElButton, ElDialog } from 'element-plus';
 import AttachmentDirectoryTreeSelect from '@/components/modules/content/attachment/AttachmentDirectoryTreeSelect.vue';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -61,10 +61,14 @@ const onDirectorySelectDialogButtonClick = async () => {
 		<template #footer>
 			<span class="dialog-footer">
 				<el-button @click="onClose">
-					{{ t('module.attachment.dialog.directory-select.footer.button.cancel') }}
+					{{
+						t('module.attachment.dialog.directory-select.footer.button.cancel')
+					}}
 				</el-button>
 				<el-button type="primary" @click="onDirectorySelectDialogButtonClick">
-					{{ t('module.attachment.dialog.directory-select.footer.button.submit') }}
+					{{
+						t('module.attachment.dialog.directory-select.footer.button.submit')
+					}}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/attachment/AttachmentFragmentUploadDrawer.vue b/console/src/modules/content/attachment/AttachmentFragmentUploadDrawer.vue
index f1142be73..cf8ac6e79 100644
--- a/console/src/modules/content/attachment/AttachmentFragmentUploadDrawer.vue
+++ b/console/src/modules/content/attachment/AttachmentFragmentUploadDrawer.vue
@@ -73,8 +73,12 @@ const handleClose = (done: () => void) => {
 		t('module.attachment.drawer.fragment-upload.confirm.message'),
 		t('module.attachment.drawer.fragment-upload.confirm.title'),
 		{
-			confirmButtonText: t('module.attachment.drawer.fragment-upload.confirm.confirm'),
-			cancelButtonText: t('module.attachment.drawer.fragment-upload.confirm.cancel'),
+			confirmButtonText: t(
+				'module.attachment.drawer.fragment-upload.confirm.confirm'
+			),
+			cancelButtonText: t(
+				'module.attachment.drawer.fragment-upload.confirm.cancel'
+			),
 			type: 'warning',
 		}
 	)
@@ -88,7 +92,9 @@ const handleClose = (done: () => void) => {
 			handleVisibleChange(false);
 		})
 		.catch(() => {
-			ElMessage.warning(t('module.attachment.drawer.fragment-upload.confirm.hintMsg'));
+			ElMessage.warning(
+				t('module.attachment.drawer.fragment-upload.confirm.hintMsg')
+			);
 		});
 };
 
diff --git a/console/src/modules/content/attachment/AttachmentMultiSelectDialog.vue b/console/src/modules/content/attachment/AttachmentMultiSelectDialog.vue
index 86897429d..ef79e2d93 100644
--- a/console/src/modules/content/attachment/AttachmentMultiSelectDialog.vue
+++ b/console/src/modules/content/attachment/AttachmentMultiSelectDialog.vue
@@ -31,7 +31,7 @@ import {
 } from 'element-plus';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -166,7 +166,9 @@ onMounted(fetchAttachments);
 						</el-button>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-						<el-form-item :label="t('module.attachment.dialog.multi-select.parent-dir')">
+						<el-form-item
+							:label="t('module.attachment.dialog.multi-select.parent-dir')"
+						>
 							<AttachmentDirectoryTreeSelect
 								v-model:target-dirid="attachmentCondition.parentId"
 								@change="onParentDirSelected"
@@ -178,7 +180,9 @@ onMounted(fetchAttachments);
 			<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
 				<el-input
 					v-model="attachmentCondition.name"
-					:placeholder="t('module.attachment.dialog.multi-select.search.placeholder')"
+					:placeholder="
+						t('module.attachment.dialog.multi-select.search.placeholder')
+					"
 					clearable
 					@change="onSearchNameChange"
 				>
@@ -221,7 +225,9 @@ onMounted(fetchAttachments);
 					<!-- <el-table-column prop="id" label="ID" width="60" /> -->
 					<el-table-column
 						prop="name"
-						:label="t('module.attachment.dialog.multi-select.table.colum.label.name')"
+						:label="
+							t('module.attachment.dialog.multi-select.table.colum.label.name')
+						"
 						show-overflow-tooltip
 						sortable
 					>
@@ -244,15 +250,32 @@ onMounted(fetchAttachments);
 							</span>
 						</template>
 					</el-table-column>
-					<el-table-column prop="path" :label="t('module.attachment.dialog.multi-select.table.colum.label.path')" show-overflow-tooltip />
+					<el-table-column
+						prop="path"
+						:label="
+							t('module.attachment.dialog.multi-select.table.colum.label.path')
+						"
+						show-overflow-tooltip
+					/>
 					<el-table-column
 						prop="updateTime"
-						:label="t('module.attachment.dialog.multi-select.table.colum.label.update-time')"
+						:label="
+							t(
+								'module.attachment.dialog.multi-select.table.colum.label.update-time'
+							)
+						"
 						sortable
 						width="160"
 						:formatter="dateFormat"
 					/>
-					<el-table-column prop="size" :label="t('module.attachment.dialog.multi-select.table.colum.label.size')" width="130" sortable>
+					<el-table-column
+						prop="size"
+						:label="
+							t('module.attachment.dialog.multi-select.table.colum.label.size')
+						"
+						width="130"
+						sortable
+					>
 						<template #default="scoped">
 							<span v-if="scoped.row.type === 'File'">
 								{{ formatFileSize(scoped.row.size) }}
@@ -266,10 +289,10 @@ onMounted(fetchAttachments);
 		<template #footer>
 			<span class="dialog-footer">
 				<el-button plain type="info" @click="dialogVisible = false">
-					{{t('common.button.cancel')}}
+					{{ t('common.button.cancel') }}
 				</el-button>
-				<el-button plain @click="onConfirm"> 
-					{{t('common.button.confirm')}}	
+				<el-button plain @click="onConfirm">
+					{{ t('common.button.confirm') }}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/attachment/AttachmentRelationsDialog.vue b/console/src/modules/content/attachment/AttachmentRelationsDialog.vue
index 071de9772..7ba6395b0 100644
--- a/console/src/modules/content/attachment/AttachmentRelationsDialog.vue
+++ b/console/src/modules/content/attachment/AttachmentRelationsDialog.vue
@@ -1,6 +1,15 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import { ElButton, ElDialog, ElRow, ElCol, ElTable, ElTableColumn, ElMessage,ElPopconfirm } from 'element-plus';
+import {
+	ElButton,
+	ElDialog,
+	ElRow,
+	ElCol,
+	ElTable,
+	ElTableColumn,
+	ElMessage,
+	ElPopconfirm,
+} from 'element-plus';
 import { Attachment, AttachmentRelation } from '@runikaros/api-client';
 import { apiClient } from '@/utils/api-client';
 import { base64Encode } from '@/utils/string-util';
@@ -8,7 +17,7 @@ import { Plus } from '@element-plus/icons-vue';
 import AttachmentMultiSelectDialog from './AttachmentMultiSelectDialog.vue';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -46,7 +55,7 @@ const masterAttachmentId = computed({
 	set(value) {
 		emit('update:attachmentId', value);
 	},
-});;
+});
 
 const onClose = () => {
 	dialogVisible.value = false;
@@ -55,12 +64,11 @@ const onClose = () => {
 	emit('close');
 };
 
-
 type AttachmentTableColumn = {
-	id:number | undefined,
-	type:string | undefined,
-	masterId:number | undefined,
-	relationAtt:Attachment
+	id: number | undefined;
+	type: string | undefined;
+	masterId: number | undefined;
+	relationAtt: Attachment;
 };
 
 const attachmentRelations = ref<AttachmentRelation[]>([]);
@@ -68,60 +76,68 @@ const attachmentTableDatas = ref<AttachmentTableColumn[]>([]);
 const fetchRelations = async () => {
 	const { data } = await apiClient.attachmentRelation.findAttachmentRelations({
 		attachmentId: masterAttachmentId.value,
-		relationType: 'VIDEO_SUBTITLE'
-	})
-	attachmentTableDatas.value = []
+		relationType: 'VIDEO_SUBTITLE',
+	});
+	attachmentTableDatas.value = [];
 	attachmentRelations.value = data;
 	attachmentRelations.value.forEach(async (attRel) => {
-		var relationAtt:Attachment = await fetchAttComplexPathById(attRel.relation_attachment_id);
-		var attTabCol:AttachmentTableColumn = {
+		var relationAtt: Attachment = await fetchAttComplexPathById(
+			attRel.relation_attachment_id
+		);
+		var attTabCol: AttachmentTableColumn = {
 			id: attRel.id,
 			type: attRel.type,
 			masterId: attRel.attachment_id,
-			relationAtt:relationAtt
-		}
+			relationAtt: relationAtt,
+		};
 		attachmentTableDatas.value.push(attTabCol);
-	})
-}
+	});
+};
 
-const fetchAttComplexPathById = async(id:number | undefined)=>{
+const fetchAttComplexPathById = async (id: number | undefined) => {
 	if (!id) return {};
-	const {data} = await apiClient.attachment.getAttachmentById({
-		id: id
-	})
+	const { data } = await apiClient.attachment.getAttachmentById({
+		id: id,
+	});
 	return data;
-}
+};
 
 const attachmentMultiSelectDialogVisible = ref(false);
-const onAttMultiSelectDialogClose = async (attachments: Attachment[])=>{
+const onAttMultiSelectDialogClose = async (attachments: Attachment[]) => {
 	// console.debug("onAttMultiSelectDialogClose attachments", attachments);
-	var relationIds:number[] = [];
-	attachments.forEach(att => {
+	var relationIds: number[] = [];
+	attachments.forEach((att) => {
 		relationIds.push(att.id as number);
 	});
 	await apiClient.attachmentRelation.postAttachmentRelations({
 		postAttachmentRelationsParam: {
 			masterId: masterAttachmentId.value,
 			type: 'VIDEO_SUBTITLE',
-			relationIds: relationIds
-		}
-	})
-	ElMessage.success(t('module.attachment.dialog.relation.message.create-success'));
+			relationIds: relationIds,
+		},
+	});
+	ElMessage.success(
+		t('module.attachment.dialog.relation.message.create-success')
+	);
 	await fetchRelations();
-}
+};
 
 const relationBtnDeleting = ref(false);
-const onAttRelationDelateBtnConfirm = async(attRelation:AttachmentTableColumn)=> {
+const onAttRelationDelateBtnConfirm = async (
+	attRelation: AttachmentTableColumn
+) => {
 	// console.debug('onAttRelationDelateBtnConfirm attRelation', attRelation);
 	await apiClient.attachmentRelation.deleteAttachmentRelation({
 		masterAttachmentId: attRelation.masterId as number,
 		relAttachmentId: attRelation.relationAtt.id as number,
-		type: attRelation.type as "VIDEO_SUBTITLE"
-	})
-	ElMessage.success(t('module.attachment.dialog.relation.message.delete-success'));
+		type: attRelation.type as 'VIDEO_SUBTITLE',
+	});
+	ElMessage.success(
+		t('module.attachment.dialog.relation.message.delete-success')
+	);
 
 	await fetchRelations();
-}
+};
 </script>
 
 <template>
@@ -132,58 +148,77 @@ const onAttRelationDelateBtnConfirm = async(attRelation:AttachmentTableColumn)=>
 		@open="fetchRelations"
 		@close="onClose"
 	>
-	<el-row>
-		<el-col :span="24">
-			<el-table
-				:data="attachmentTableDatas"
-				style="width: 100%"
-				row-key="id"
-				stripe
-			>
-			<el-table-column prop="id" label="ID" width="60" />
-			<el-table-column prop="type" :label="t('module.attachment.dialog.relation.label.type')" width="150" />
-			<el-table-column prop="relationAtt" :label="t('module.attachment.dialog.relation.label.relationAtt')"  >
-				<template #default="scoped">
-					
-					<!-- {{ scoped.row.relationAtt }} -->
-					<router-link
-						target="_blank"
-						:to="
+		<el-row>
+			<el-col :span="24">
+				<el-table
+					:data="attachmentTableDatas"
+					style="width: 100%"
+					row-key="id"
+					stripe
+				>
+					<el-table-column prop="id" label="ID" width="60" />
+					<el-table-column
+						prop="type"
+						:label="t('module.attachment.dialog.relation.label.type')"
+						width="150"
+					/>
+					<el-table-column
+						prop="relationAtt"
+						:label="t('module.attachment.dialog.relation.label.relationAtt')"
+					>
+						<template #default="scoped">
+							<!-- {{ scoped.row.relationAtt }} -->
+							<router-link
+								target="_blank"
+								:to="
 							'/attachments?parentId=' +
 							scoped.row.relationAtt.parentId +
 							'&name=' +
 							base64Encode(encodeURI(scoped.row.relationAtt.name as string))
 						"
-						>{{ scoped.row.relationAtt.name }}</router-link
-					>
-				</template>
-			</el-table-column>
-			<el-table-column fixed="right" :label="t('module.attachment.dialog.relation.label.operate')" width="120">
-				<template #default="scoped">
-					<el-popconfirm
-						:title="t('module.attachment.dialog.relation.popconfirm.title')"
-						:confirm-button-text="t('module.attachment.dialog.relation.popconfirm.confirm')"
-						:cancel-button-text="t('module.attachment.dialog.relation.popconfirm.cancel')"
-						confirm-button-type="danger"
-						width="350px"
-						@confirm="onAttRelationDelateBtnConfirm(scoped.row)"
+								>{{ scoped.row.relationAtt.name }}</router-link
+							>
+						</template>
+					</el-table-column>
+					<el-table-column
+						fixed="right"
+						:label="t('module.attachment.dialog.relation.label.operate')"
+						width="120"
 					>
-						<template #reference>
-							<el-button type="danger" :loading="relationBtnDeleting">
-								{{ t('module.attachment.dialog.relation.popconfirm.submit') }}
-							</el-button>
+						<template #default="scoped">
+							<el-popconfirm
+								:title="t('module.attachment.dialog.relation.popconfirm.title')"
+								:confirm-button-text="
+									t('module.attachment.dialog.relation.popconfirm.confirm')
+								"
+								:cancel-button-text="
+									t('module.attachment.dialog.relation.popconfirm.cancel')
+								"
+								confirm-button-type="danger"
+								width="350px"
+								@confirm="onAttRelationDelateBtnConfirm(scoped.row)"
+							>
+								<template #reference>
+									<el-button type="danger" :loading="relationBtnDeleting">
+										{{
+											t('module.attachment.dialog.relation.popconfirm.submit')
+										}}
+									</el-button>
+								</template>
+							</el-popconfirm>
 						</template>
-					</el-popconfirm>
-				</template>
-			</el-table-column>
-		
-			</el-table>
-		</el-col>
-	</el-row>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-row>
 
 		<template #footer>
 			<span class="dialog-footer">
-				<el-button type="primary" :icon="Plus" @click="attachmentMultiSelectDialogVisible = true">
+				<el-button
+					type="primary"
+					:icon="Plus"
+					@click="attachmentMultiSelectDialogVisible = true"
+				>
 					{{ t('module.attachment.dialog.relation.footer.add') }}
 				</el-button>
 				<el-button @click="onClose">
@@ -192,7 +227,10 @@ const onAttRelationDelateBtnConfirm = async(attRelation:AttachmentTableColumn)=>
 			</span>
 		</template>
 
-		<AttachmentMultiSelectDialog v-model:visible="attachmentMultiSelectDialogVisible" @close-with-attachments="onAttMultiSelectDialogClose" />
+		<AttachmentMultiSelectDialog
+			v-model:visible="attachmentMultiSelectDialogVisible"
+			@close-with-attachments="onAttMultiSelectDialogClose"
+		/>
 	</el-dialog>
 </template>
 
diff --git a/console/src/modules/content/attachment/AttachmentSelectDialog.vue b/console/src/modules/content/attachment/AttachmentSelectDialog.vue
index 36c5c55b2..fbf677901 100644
--- a/console/src/modules/content/attachment/AttachmentSelectDialog.vue
+++ b/console/src/modules/content/attachment/AttachmentSelectDialog.vue
@@ -31,7 +31,7 @@ import {
 } from 'element-plus';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -166,7 +166,9 @@ onMounted(fetchAttachments);
 						</el-button>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-						<el-form-item :label="t('module.attachment.dialog.select.parent-dir')">
+						<el-form-item
+							:label="t('module.attachment.dialog.select.parent-dir')"
+						>
 							<AttachmentDirectoryTreeSelect
 								v-model:target-dirid="attachmentCondition.parentId"
 								@change="onParentDirSelected"
@@ -245,15 +247,26 @@ onMounted(fetchAttachments);
 							</span>
 						</template>
 					</el-table-column>
-					<el-table-column prop="path" :label="t('module.attachment.dialog.select.table.colum.label.path')" show-overflow-tooltip />
+					<el-table-column
+						prop="path"
+						:label="t('module.attachment.dialog.select.table.colum.label.path')"
+						show-overflow-tooltip
+					/>
 					<el-table-column
 						prop="updateTime"
-						:label="t('module.attachment.dialog.select.table.colum.label.update-time')"
+						:label="
+							t('module.attachment.dialog.select.table.colum.label.update-time')
+						"
 						sortable
 						width="160"
 						:formatter="dateFormat"
 					/>
-					<el-table-column prop="size" :label="t('module.attachment.dialog.select.table.colum.label.size')" width="130" sortable>
+					<el-table-column
+						prop="size"
+						:label="t('module.attachment.dialog.select.table.colum.label.size')"
+						width="130"
+						sortable
+					>
 						<template #default="scoped">
 							<span v-if="scoped.row.type === 'File'">
 								{{ formatFileSize(scoped.row.size) }}
@@ -267,10 +280,10 @@ onMounted(fetchAttachments);
 		<template #footer>
 			<span class="dialog-footer">
 				<el-button plain type="info" @click="dialogVisible = false">
-					{{t('common.button.cancel')}}
+					{{ t('common.button.cancel') }}
 				</el-button>
-				<el-button plain @click="onConfirm"> 
-					{{t('common.button.confirm')}}	
+				<el-button plain @click="onConfirm">
+					{{ t('common.button.confirm') }}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/attachment/Attachments.vue b/console/src/modules/content/attachment/Attachments.vue
index 17fd3b7ff..376b2766c 100644
--- a/console/src/modules/content/attachment/Attachments.vue
+++ b/console/src/modules/content/attachment/Attachments.vue
@@ -175,7 +175,11 @@ const onCreateFolderButtonClick = async () => {
 		parentId: attachmentCondition.value.parentId as any as string,
 		name: base64Encode(createFolderName.value),
 	});
-	ElMessage.success(t('module.attachment.message.operate.create_att_dir', {name: createFolderName.value}));
+	ElMessage.success(
+		t('module.attachment.message.operate.create_att_dir', {
+			name: createFolderName.value,
+		})
+	);
 	createFolderName.value = '';
 	await fetchAttachments();
 	dialogFolderVisible.value = false;
@@ -207,17 +211,14 @@ const deleteAttachment = async (attachment: Attachment) => {
 		})
 		.then(() => {
 			ElMessage.success(
-				t('module.attachment.message.operate.delete_att.success',
-					{
-						type: (
-							attachment.type === 'Directory' 
+				t('module.attachment.message.operate.delete_att.success', {
+					type:
+						attachment.type === 'Directory'
 							? t('module.attachment.message.directory')
-							: t('module.attachment.message.file')
-						),
-						name: attachment.name
-					}
-				)
-			)
+							: t('module.attachment.message.file'),
+					name: attachment.name,
+				})
+			);
 		})
 		.catch((e) => {
 			// @ts-ignore
@@ -227,17 +228,14 @@ const deleteAttachment = async (attachment: Attachment) => {
 			}
 			console.log('error', msg, e);
 			ElMessage.error(
-				t('module.attachment.message.operate.delete_att.fail',
-					{
-						type: (
-							attachment.type === 'Directory' 
+				t('module.attachment.message.operate.delete_att.fail', {
+					type:
+						attachment.type === 'Directory'
 							? t('module.attachment.message.directory')
-							: t('module.attachment.message.file')
-						),
-						name: attachment.name
-					}
-				)
-			)
+							: t('module.attachment.message.file'),
+					name: attachment.name,
+				})
+			);
 		});
 
 	await fetchAttachments();
@@ -335,10 +333,10 @@ const onRowContextmenu = (row, column, event) => {
 					simpleName = simpleName.substring(0, simpleName.lastIndexOf('.'));
 					await copyValue(simpleName);
 					ElMessage.success(
-						t('module.attachment.message.operate.copy_short_name',
-							{name: name}
-						)
-					)
+						t('module.attachment.message.operate.copy_short_name', {
+							name: name,
+						})
+					);
 				},
 			},
 			{
@@ -348,10 +346,10 @@ const onRowContextmenu = (row, column, event) => {
 					const name = currentSelectionAttachment.value?.name as string;
 					await copyValue(name);
 					ElMessage.success(
-						t('module.attachment.message.operate.copy_integrally_name',
-							{name: name}
-						)
-					)
+						t('module.attachment.message.operate.copy_integrally_name', {
+							name: name,
+						})
+					);
 				},
 			},
 			{
@@ -364,10 +362,8 @@ const onRowContextmenu = (row, column, event) => {
 					const url = currentSelectionAttachment.value?.url as string;
 					await copyValue(url);
 					ElMessage.success(
-						t('module.attachment.message.operate.copy_url',
-							{name: name}
-						)
-					)
+						t('module.attachment.message.operate.copy_url', { name: name })
+					);
 				},
 			},
 			{
@@ -385,9 +381,9 @@ const onRowContextmenu = (row, column, event) => {
 				onClick: async () => {
 					if (currentSelectionAttachment.value?.type === 'Directory') {
 						await ElMessageBox.confirm(
-							t('module.attachment.contextmenu.delete.confirm',
-								{name: currentSelectionAttachment.value.name}
-							),
+							t('module.attachment.contextmenu.delete.confirm', {
+								name: currentSelectionAttachment.value.name,
+							}),
 							t('module.attachment.confirm.warning'),
 							{
 								confirmButtonText: t('module.attachment.confirm.btn.confirm'),
@@ -403,14 +399,16 @@ const onRowContextmenu = (row, column, event) => {
 							.catch(() => {
 								ElMessage({
 									type: 'info',
-									message: t('module.attachment.message.operate.delete_atts.cancel'),
+									message: t(
+										'module.attachment.message.operate.delete_atts.cancel'
+									),
 								});
 							});
 					} else {
 						await ElMessageBox.confirm(
-							t('module.attachment.contextmenu.delete.confirm',
-								{name: currentSelectionAttachment.value?.name}
-							),
+							t('module.attachment.contextmenu.delete.confirm', {
+								name: currentSelectionAttachment.value?.name,
+							}),
 							t('module.attachment.confirm.warning'),
 							{
 								confirmButtonText: t('module.attachment.confirm.btn.confirm'),
@@ -426,8 +424,10 @@ const onRowContextmenu = (row, column, event) => {
 							.catch(() => {
 								ElMessage({
 									type: 'info',
-									message:
-										t('module.attachment.message.operate.delete_att.cancel', {name: currentSelectionAttachment.value?.name}),
+									message: t(
+										'module.attachment.message.operate.delete_att.cancel',
+										{ name: currentSelectionAttachment.value?.name }
+									),
 								});
 							});
 					}
@@ -483,9 +483,9 @@ watch(attachmentCondition.value, () => {
 	}
 	router.push({ path: route.path, query });
 });
-const onAttachmentDetailDrawerClose = () =>{
+const onAttachmentDetailDrawerClose = () => {
 	window.location.reload();
-}
+};
 </script>
 
 <template>
@@ -518,7 +518,7 @@ const onAttachmentDetailDrawerClose = () =>{
 		<template #footer>
 			<span class="dialog-footer">
 				<el-button @click="dialogFolderVisible = false">
-					{{t('module.attachment.dialog.mkdir.btn.cancel') }}
+					{{ t('module.attachment.dialog.mkdir.btn.cancel') }}
 				</el-button>
 				<el-button type="primary" @click="onCreateFolderButtonClick">
 					{{ t('module.attachment.dialog.mkdir.btn.confirm') }}
@@ -538,10 +538,10 @@ const onAttachmentDetailDrawerClose = () =>{
 				<el-icon>
 					<Upload />
 				</el-icon>
-				{{t('module.attachment.btn.upload')}}
+				{{ t('module.attachment.btn.upload') }}
 			</el-button>
 			<el-button :icon="FolderAdd" @click="dialogFolderVisible = true">
-				{{t('module.attachment.btn.mkdir')}}
+				{{ t('module.attachment.btn.mkdir') }}
 			</el-button>
 
 			<el-button
@@ -549,7 +549,7 @@ const onAttachmentDetailDrawerClose = () =>{
 				:icon="Position"
 				@click="directorySelectDialogVisible = true"
 			>
-				{{t('module.attachment.btn.move_atts')}}
+				{{ t('module.attachment.btn.move_atts') }}
 			</el-button>
 
 			<el-popconfirm
@@ -559,7 +559,9 @@ const onAttachmentDetailDrawerClose = () =>{
 				@confirm="onDeleteButtonClick"
 			>
 				<template #reference>
-					<el-button :icon="FolderDelete" type="danger"> {{t('module.attachment.popconfirm.btn')}} </el-button>
+					<el-button :icon="FolderDelete" type="danger">
+						{{ t('module.attachment.popconfirm.btn') }}
+					</el-button>
 				</template>
 			</el-popconfirm>
 		</el-col>
@@ -599,7 +601,10 @@ const onAttachmentDetailDrawerClose = () =>{
 	<el-row>
 		<el-col :span="24">
 			<el-form :inline="true">
-				<el-form-item :label="t('module.attachment.breadcrumb.label')" style="width: 100%">
+				<el-form-item
+					:label="t('module.attachment.breadcrumb.label')"
+					style="width: 100%"
+				>
 					<el-breadcrumb separator=">">
 						<el-breadcrumb-item v-for="path in paths" :key="path.id">
 							<el-button @click="onBreadcrumbClick(path)">
@@ -625,7 +630,11 @@ const onAttachmentDetailDrawerClose = () =>{
 			>
 				<el-table-column type="selection" width="60" />
 				<!-- <el-table-column prop="id" label="ID" width="60" /> -->
-				<el-table-column prop="name" :label="t('module.attachment.table.colum.label.name')" show-overflow-tooltip>
+				<el-table-column
+					prop="name"
+					:label="t('module.attachment.table.colum.label.name')"
+					show-overflow-tooltip
+				>
 					<template #default="scoped">
 						<el-icon
 							size="25"
@@ -651,7 +660,11 @@ const onAttachmentDetailDrawerClose = () =>{
 					width="160"
 					:formatter="dateFormat"
 				/>
-				<el-table-column prop="size" :label="t('module.attachment.table.colum.label.size')" width="130">
+				<el-table-column
+					prop="size"
+					:label="t('module.attachment.table.colum.label.size')"
+					width="130"
+				>
 					<template #default="scoped">
 						<span v-if="scoped.row.type === 'File'">
 							{{ formatFileSize(scoped.row.size) }}
@@ -668,5 +681,4 @@ const onAttachmentDetailDrawerClose = () =>{
 	width: 20px;
 	cursor: pointer;
 }
-
 </style>
diff --git a/console/src/modules/content/subject/EpisodeDetailsDialog.vue b/console/src/modules/content/subject/EpisodeDetailsDialog.vue
index 8f5a32040..55ee5769e 100644
--- a/console/src/modules/content/subject/EpisodeDetailsDialog.vue
+++ b/console/src/modules/content/subject/EpisodeDetailsDialog.vue
@@ -21,7 +21,7 @@ import { Close, Plus } from '@element-plus/icons-vue';
 import AttachmentMultiSelectDialog from '@/modules/content/attachment/AttachmentMultiSelectDialog.vue';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -72,7 +72,11 @@ const removeEpisodeAllAttachmentRefs = async () => {
 		!episode.value.resources ||
 		episode.value.resources.length === 0
 	) {
-		ElMessage.warning(t('module.subject.dialog.episode.details.message.operate.remove-episode-all-att-refs.waring'));
+		ElMessage.warning(
+			t(
+				'module.subject.dialog.episode.details.message.operate.remove-episode-all-att-refs.waring'
+			)
+		);
 		return;
 	}
 	await episode.value.resources.forEach(async (resouce) => {
@@ -84,7 +88,11 @@ const removeEpisodeAllAttachmentRefs = async () => {
 			},
 		});
 	});
-	ElMessage.success(t('module.subject.dialog.episode.details.message.operate.remove-episode-all-att-refs.success'));
+	ElMessage.success(
+		t(
+			'module.subject.dialog.episode.details.message.operate.remove-episode-all-att-refs.success'
+		)
+	);
 	dialogVisible.value = false;
 	emit('removeEpisodeFilesBind');
 };
@@ -99,7 +107,11 @@ const removeEpisodeAttachmentRef = async (attachmentId) => {
 			referenceId: episode.value.id,
 		},
 	});
-	ElMessage.success(t('module.subject.dialog.episode.details.message.operate.remove-episode-att-ref.success'));
+	ElMessage.success(
+		t(
+			'module.subject.dialog.episode.details.message.operate.remove-episode-att-ref.success'
+		)
+	);
 	await fetchEpisodeResources();
 };
 
@@ -130,7 +142,11 @@ const onCloseWithAttachmentForAttachmentSelectDialog = async (
 			referenceId: currentOperateEpisode.value?.id as number,
 		},
 	});
-	ElMessage.success(t('module.subject.dialog.episode.details.message.operate.match-single-episode-attachment.success'));
+	ElMessage.success(
+		t(
+			'module.subject.dialog.episode.details.message.operate.match-single-episode-attachment.success'
+		)
+	);
 	await fetchEpisodeResources();
 };
 const onCloseWithAttachments = async (attachments: Attachment[]) => {
@@ -156,7 +172,11 @@ const delegateBatchMatchingEpisode = async (
 			},
 		})
 		.then(() => {
-			ElMessage.success(t('module.subject.dialog.episode.details.message.operate.batch-match-episode-atts.success'));
+			ElMessage.success(
+				t(
+					'module.subject.dialog.episode.details.message.operate.batch-match-episode-atts.success'
+				)
+			);
 		})
 		.finally(() => {
 			batchMatchingEpisodeButtonLoading.value = false;
@@ -190,24 +210,40 @@ const compareFun = (r1: EpisodeResource, r2: EpisodeResource): number => {
 		v-model:visible="attachmentMultiSelectDialogVisible"
 		@close-with-attachments="onCloseWithAttachments"
 	/>
-	<el-dialog v-model="dialogVisible" :title="t('module.subject.dialog.episode.details.title')" width="70%">
+	<el-dialog
+		v-model="dialogVisible"
+		:title="t('module.subject.dialog.episode.details.title')"
+		width="70%"
+	>
 		<el-descriptions border :column="1">
-			<el-descriptions-item :label="t('module.subject.dialog.episode.details.label.name')">
+			<el-descriptions-item
+				:label="t('module.subject.dialog.episode.details.label.name')"
+			>
 				{{ episode?.name }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.dialog.episode.details.label.name_cn')">
+			<el-descriptions-item
+				:label="t('module.subject.dialog.episode.details.label.name_cn')"
+			>
 				{{ episode?.name_cn }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.dialog.episode.details.label.air_time')">
+			<el-descriptions-item
+				:label="t('module.subject.dialog.episode.details.label.air_time')"
+			>
 				{{ episode?.air_time }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.dialog.episode.details.label.sequence')">
+			<el-descriptions-item
+				:label="t('module.subject.dialog.episode.details.label.sequence')"
+			>
 				{{ episode?.sequence }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.dialog.episode.details.label.description')">
+			<el-descriptions-item
+				:label="t('module.subject.dialog.episode.details.label.description')"
+			>
 				{{ episode?.description }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.dialog.episode.details.label.resources')">
+			<el-descriptions-item
+				:label="t('module.subject.dialog.episode.details.label.resources')"
+			>
 				<div v-if="episode?.resources && episode?.resources.length > 0">
 					<div v-if="!props.multiResource" align="center">
 						<router-link
@@ -228,10 +264,14 @@ const compareFun = (r1: EpisodeResource, r2: EpisodeResource): number => {
 							controls
 							preload="metadata"
 						>
-							{{t('module.subject.dialog.episode.details.hint.video.unsuport')}}
+							{{
+								t('module.subject.dialog.episode.details.hint.video.unsuport')
+							}}
 						</video>
 						<span v-else>
-							{{t('module.subject.dialog.episode.details.hint.video.not_video')}}
+							{{
+								t('module.subject.dialog.episode.details.hint.video.not_video')
+							}}
 						</span>
 					</div>
 					<el-row v-else :gutter="12" :span="24">
@@ -256,7 +296,11 @@ const compareFun = (r1: EpisodeResource, r2: EpisodeResource): number => {
 								</router-link>
 								<span style="float: right">
 									<el-popconfirm
-										:title="t('module.subject.dialog.episode.details.popconfirm.title')"
+										:title="
+											t(
+												'module.subject.dialog.episode.details.popconfirm.title'
+											)
+										"
 										width="250"
 										@confirm="removeEpisodeAttachmentRef(res.attachmentId)"
 									>
@@ -269,7 +313,9 @@ const compareFun = (r1: EpisodeResource, r2: EpisodeResource): number => {
 						</el-col>
 					</el-row>
 				</div>
-				<span v-else> {{ t('module.subject.dialog.episode.details.hint.no_bind') }} </span>
+				<span v-else>
+					{{ t('module.subject.dialog.episode.details.hint.no_bind') }}
+				</span>
 			</el-descriptions-item>
 		</el-descriptions>
 
@@ -280,16 +326,22 @@ const compareFun = (r1: EpisodeResource, r2: EpisodeResource): number => {
 				:loading="batchMatchingEpisodeButtonLoading"
 				@click="bingResources(episode)"
 			>
-				{{t('module.subject.dialog.episode.details.footer.button.add-bind')}}
+				{{ t('module.subject.dialog.episode.details.footer.button.add-bind') }}
 			</el-button>
 			<el-popconfirm
-				:title="t('module.subject.dialog.episode.details.footer.popconfirm.title')"
+				:title="
+					t('module.subject.dialog.episode.details.footer.popconfirm.title')
+				"
 				width="280"
 				@confirm="removeEpisodeAllAttachmentRefs"
 			>
 				<template #reference>
 					<el-button plain type="danger" :icon="Close">
-						{{ t('module.subject.dialog.episode.details.footer.popconfirm.button.remove-all-binds') }}
+						{{
+							t(
+								'module.subject.dialog.episode.details.footer.popconfirm.button.remove-all-binds'
+							)
+						}}
 					</el-button>
 				</template>
 			</el-popconfirm>
diff --git a/console/src/modules/content/subject/EpisodePostDialog.vue b/console/src/modules/content/subject/EpisodePostDialog.vue
index 7f59ec1cc..9772cfdb5 100644
--- a/console/src/modules/content/subject/EpisodePostDialog.vue
+++ b/console/src/modules/content/subject/EpisodePostDialog.vue
@@ -18,7 +18,7 @@ import {
 } from '@/modules/common/constants';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -76,21 +76,48 @@ const formLabelWidth = '85px';
 
 const episodeRuleFormRules = reactive<FormRules>({
 	sequence: [
-		{ required: true, message: t('module.subject.episode.post.message.episode.form-rule.sequence.required'), trigger: 'blur' },
-		{ type: 'number', message: t('module.subject.episode.post.message.episode.form-rule.sequence.type'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.subject.episode.post.message.episode.form-rule.sequence.required'
+			),
+			trigger: 'blur',
+		},
+		{
+			type: 'number',
+			message: t(
+				'module.subject.episode.post.message.episode.form-rule.sequence.type'
+			),
+			trigger: 'blur',
+		},
 	],
 	air_time: [
 		{
 			type: 'date',
 			required: true,
-			message: t('module.subject.episode.post.message.episode.form-rule.air_time.required'),
+			message: t(
+				'module.subject.episode.post.message.episode.form-rule.air_time.required'
+			),
 			trigger: 'change',
 		},
 	],
 	group: [{ required: true }],
 	name: [
-		{ required: true, message: t('module.subject.episode.post.message.episode.form-rule.name.required'), trigger: 'blur' },
-		{ min: 1, max: 100, message: t('module.subject.episode.post.message.episode.form-rule.name.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.subject.episode.post.message.episode.form-rule.name.required'
+			),
+			trigger: 'blur',
+		},
+		{
+			min: 1,
+			max: 100,
+			message: t(
+				'module.subject.episode.post.message.episode.form-rule.name.length'
+			),
+			trigger: 'blur',
+		},
 	],
 });
 
@@ -98,7 +125,11 @@ const episodeElFormRef = ref<FormInstance>();
 </script>
 
 <template>
-	<el-dialog v-model="dialogVisible" :title="t('module.subject.episode.post.title')" @close="onClose">
+	<el-dialog
+		v-model="dialogVisible"
+		:title="t('module.subject.episode.post.title')"
+		@close="onClose"
+	>
 		<el-form
 			ref="episodeElFormRef"
 			:rules="episodeRuleFormRules"
@@ -112,7 +143,9 @@ const episodeElFormRef = ref<FormInstance>();
 				<el-date-picker
 					v-model="episode.air_time"
 					type="date"
-					:placeholder="t('module.subject.episode.post.date-picker.placeholder')"
+					:placeholder="
+						t('module.subject.episode.post.date-picker.placeholder')
+					"
 				/>
 			</el-form-item>
 			<el-form-item
@@ -122,7 +155,11 @@ const episodeElFormRef = ref<FormInstance>();
 				width="110px"
 				show-overflow-tooltip
 			>
-				<el-select v-model="episode.group" clearable :placeholder="t('module.subject.episode.post.select.placeholder')">
+				<el-select
+					v-model="episode.group"
+					clearable
+					:placeholder="t('module.subject.episode.post.select.placeholder')"
+				>
 					<el-option
 						v-for="item in episodeGroups"
 						:key="item"
@@ -131,16 +168,30 @@ const episodeElFormRef = ref<FormInstance>();
 					/>
 				</el-select>
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.post.label.name')" :label-width="formLabelWidth" prop="name">
+			<el-form-item
+				:label="t('module.subject.episode.post.label.name')"
+				:label-width="formLabelWidth"
+				prop="name"
+			>
 				<el-input v-model="episode.name" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.post.label.name_cn')" :label-width="formLabelWidth">
+			<el-form-item
+				:label="t('module.subject.episode.post.label.name_cn')"
+				:label-width="formLabelWidth"
+			>
 				<el-input v-model="episode.name_cn" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.post.label.sequence')" prop="sequence" :label-width="formLabelWidth">
+			<el-form-item
+				:label="t('module.subject.episode.post.label.sequence')"
+				prop="sequence"
+				:label-width="formLabelWidth"
+			>
 				<el-input v-model.number="episode.sequence" type="text" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.post.label.description')" :label-width="formLabelWidth">
+			<el-form-item
+				:label="t('module.subject.episode.post.label.description')"
+				:label-width="formLabelWidth"
+			>
 				<el-input
 					v-model="episode.description"
 					:autosize="{ minRows: 3 }"
@@ -153,8 +204,8 @@ const episodeElFormRef = ref<FormInstance>();
 		</el-form>
 		<template #footer>
 			<span>
-				<el-button plain @click="onConfirm(episodeElFormRef)"> 
-					{{ t('module.subject.episode.post.footer.button.confirm') }}	
+				<el-button plain @click="onConfirm(episodeElFormRef)">
+					{{ t('module.subject.episode.post.footer.button.confirm') }}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/subject/EpisodePutDialog.vue b/console/src/modules/content/subject/EpisodePutDialog.vue
index b87653f12..83c915383 100644
--- a/console/src/modules/content/subject/EpisodePutDialog.vue
+++ b/console/src/modules/content/subject/EpisodePutDialog.vue
@@ -19,7 +19,7 @@ import {
 } from '@/modules/common/constants';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -82,21 +82,48 @@ const formLabelWidth = '110px';
 
 const episodeRuleFormRules = reactive<FormRules>({
 	sequence: [
-		{ required: true, message: t('module.subject.episode.put.message.episode.form-rule.sequence.required'), trigger: 'blur' },
-		{ type: 'number', message: t('module.subject.episode.put.message.episode.form-rule.sequence.type'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.subject.episode.put.message.episode.form-rule.sequence.required'
+			),
+			trigger: 'blur',
+		},
+		{
+			type: 'number',
+			message: t(
+				'module.subject.episode.put.message.episode.form-rule.sequence.type'
+			),
+			trigger: 'blur',
+		},
 	],
 	air_time: [
 		{
 			type: 'date',
 			required: true,
-			message: t('module.subject.episode.put.message.episode.form-rule.air_time.required'),
+			message: t(
+				'module.subject.episode.put.message.episode.form-rule.air_time.required'
+			),
 			trigger: 'change',
 		},
 	],
 	group: [{ required: true }],
 	name: [
-		{ required: true, message: t('module.subject.episode.put.message.episode.form-rule.name.required'), trigger: 'blur' },
-		{ min: 1, max: 100, message: t('module.subject.episode.put.message.episode.form-rule.name.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.subject.episode.put.message.episode.form-rule.name.required'
+			),
+			trigger: 'blur',
+		},
+		{
+			min: 1,
+			max: 100,
+			message: t(
+				'module.subject.episode.put.message.episode.form-rule.name.length'
+			),
+			trigger: 'blur',
+		},
 	],
 });
 
@@ -104,7 +131,11 @@ const episodeElFormRef = ref<FormInstance>();
 </script>
 
 <template>
-	<el-dialog v-model="dialogVisible" :title="t('module.subject.episode.put.title')" @close="onClose">
+	<el-dialog
+		v-model="dialogVisible"
+		:title="t('module.subject.episode.put.title')"
+		@close="onClose"
+	>
 		<el-form
 			ref="episodeElFormRef"
 			:rules="episodeRuleFormRules"
@@ -121,9 +152,16 @@ const episodeElFormRef = ref<FormInstance>();
 					:placeholder="t('module.subject.episode.put.date-picker.placeholder')"
 				/>
 			</el-form-item>
-			<el-form-item 
-			:label="t('module.subject.episode.put.label.group')" prop="group" :label-width="formLabelWidth">
-				<el-select v-model="episode.group" clearable :placeholder="t('module.subject.episode.put.select.placeholder')">
+			<el-form-item
+				:label="t('module.subject.episode.put.label.group')"
+				prop="group"
+				:label-width="formLabelWidth"
+			>
+				<el-select
+					v-model="episode.group"
+					clearable
+					:placeholder="t('module.subject.episode.put.select.placeholder')"
+				>
 					<el-option
 						v-for="item in episodeGroups"
 						:key="item"
@@ -132,16 +170,30 @@ const episodeElFormRef = ref<FormInstance>();
 					/>
 				</el-select>
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.put.label.name')" :label-width="formLabelWidth" prop="name">
+			<el-form-item
+				:label="t('module.subject.episode.put.label.name')"
+				:label-width="formLabelWidth"
+				prop="name"
+			>
 				<el-input v-model="episode.name" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.put.label.name_cn')" :label-width="formLabelWidth">
+			<el-form-item
+				:label="t('module.subject.episode.put.label.name_cn')"
+				:label-width="formLabelWidth"
+			>
 				<el-input v-model="episode.name_cn" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.put.label.sequence')" prop="sequence" :label-width="formLabelWidth">
+			<el-form-item
+				:label="t('module.subject.episode.put.label.sequence')"
+				prop="sequence"
+				:label-width="formLabelWidth"
+			>
 				<el-input v-model.number="episode.sequence" type="text" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.episode.put.label.description')" :label-width="formLabelWidth">
+			<el-form-item
+				:label="t('module.subject.episode.put.label.description')"
+				:label-width="formLabelWidth"
+			>
 				<el-input
 					v-model="episode.description"
 					:autosize="{ minRows: 3 }"
@@ -154,8 +206,8 @@ const episodeElFormRef = ref<FormInstance>();
 		</el-form>
 		<template #footer>
 			<span>
-				<el-button plain @click="onConfirm(episodeElFormRef)"> 
-					{{ t('module.subject.episode.put.footer.button.confirm') }}	
+				<el-button plain @click="onConfirm(episodeElFormRef)">
+					{{ t('module.subject.episode.put.footer.button.confirm') }}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/subject/SubjectDetails.vue b/console/src/modules/content/subject/SubjectDetails.vue
index 22d3a684a..178f069a5 100644
--- a/console/src/modules/content/subject/SubjectDetails.vue
+++ b/console/src/modules/content/subject/SubjectDetails.vue
@@ -51,7 +51,7 @@ const route = useRoute();
 const settingStore = useSettingStore();
 const userStore = useUserStore();
 const subjectStore = useSubjectStore();
-const {t} = useI18n();
+const { t } = useI18n();
 
 const refreshSubjectRelactionDialog = ref(true);
 watch(route, async () => {
@@ -200,11 +200,10 @@ const deleteSubject = async () => {
 		})
 		.then(() => {
 			ElMessage.success(
-				t('module.subject.details.message.operate.delete.success',
-					{name: subject.value.name}
-				)
-
-			)
+				t('module.subject.details.message.operate.delete.success', {
+					name: subject.value.name,
+				})
+			);
 			router.push('/subjects');
 		});
 };
@@ -214,7 +213,7 @@ const openSubjectSyncDialog = () => {
 	subjectSyncDialogVisible.value = true;
 };
 const onSubjectSyncDialogCloseWithSubjectName = () => {
-	ElMessage.success(t('module.subject.details.message.operate.update.success',));
+	ElMessage.success(t('module.subject.details.message.operate.update.success'));
 	fetchSubjectById();
 };
 
@@ -273,7 +272,9 @@ const updateSubjectCollectionProgress = async () => {
 		subjectId: subject.value.id as number,
 		progress: subjectCollection.value.main_ep_progress as number,
 	});
-	ElMessage.success(t('module.subject.collect.message.operate.update-progress.success'));
+	ElMessage.success(
+		t('module.subject.collect.message.operate.update-progress.success')
+	);
 	await fetchDatas();
 };
 
@@ -287,7 +288,9 @@ const changeSubjectCollectState = async () => {
 			userId: userStore.currentUser?.entity?.id as number,
 			subjectId: subject.value.id as number,
 		});
-		ElMessage.success(t('module.subject.details.message.operate.cancel.success'));
+		ElMessage.success(
+			t('module.subject.details.message.operate.cancel.success')
+		);
 	} else {
 		// collect
 		subjectCollectDialogVisible.value = true;
@@ -348,7 +351,9 @@ const udpateEpisodeCollectionProgress = async (
 		episodeId: episode.id as number,
 		finish: isFinish,
 	});
-	ElMessage.success(t('module.subject.episode.collect.message.operate.mark-finish'));
+	ElMessage.success(
+		t('module.subject.episode.collect.message.operate.mark-finish')
+	);
 	await fetchDatas();
 };
 
@@ -391,7 +396,11 @@ const delegateBatchMatchingSubject = async (
 			},
 		})
 		.then(() => {
-			ElMessage.success(t('module.attachment.reference.message.operate.batch-match-subject-episodes-atts'))
+			ElMessage.success(
+				t(
+					'module.attachment.reference.message.operate.batch-match-subject-episodes-atts'
+				)
+			);
 			window.location.reload();
 		})
 		.finally(() => {
@@ -414,7 +423,11 @@ const delegateBatchMatchingEpisode = async (
 			},
 		})
 		.then(() => {
-			ElMessage.success(t('module.attachment.reference.message.operate.batch-match-episode-atts'));
+			ElMessage.success(
+				t(
+					'module.attachment.reference.message.operate.batch-match-episode-atts'
+				)
+			);
 			window.location.reload();
 		})
 		.finally(() => {
@@ -435,7 +448,9 @@ const onCloseWithAttachmentForAttachmentSelectDialog = async (
 			referenceId: currentOperateEpisode.value?.id as number,
 		},
 	});
-	ElMessage.success(t('module.attachment.reference.message.operate.batch-match-episode-atts'));
+	ElMessage.success(
+		t('module.attachment.reference.message.operate.batch-match-episode-atts')
+	);
 	await fetchDatas();
 };
 
@@ -454,7 +469,9 @@ const onTagRemove = async (tag: SubjectTag) => {
 		masterId: tag.subjectId,
 		name: tag.name,
 	});
-	ElMessage.success(t('module.subject.tag.message.operate.remove', {name: tag.name}))
+	ElMessage.success(
+		t('module.subject.tag.message.operate.remove', { name: tag.name })
+	);
 	await fetchTags();
 };
 const newTagInputVisible = ref(false);
@@ -473,7 +490,9 @@ const onNewTagNameChange = async () => {
 		tagName === '' ||
 		tags.value.filter((t) => tagName === t.name).length > 0
 	) {
-		ElMessage.warning(t('module.subject.tag.message.hint.rename-when-repetition'));
+		ElMessage.warning(
+			t('module.subject.tag.message.hint.rename-when-repetition')
+		);
 		newTagInputVisible.value = false;
 		return;
 	}
@@ -486,15 +505,40 @@ const onNewTagNameChange = async () => {
 	});
 	ElMessage.success('新建标签【' + newTag.value.name + '】成功');
 	ElMessage.success(
-		t('module.subject.tag.message.operate.create',
-			{name: newTag.value.name}
-		)
-	)
+		t('module.subject.tag.message.operate.create', { name: newTag.value.name })
+	);
 	await fetchTags();
 	newTagInputVisible.value = false;
 	newTagInputRef.value!.input!.value = '';
 };
 
+const batchCancenMatchingSubjectButtonLoading = ref(false);
+const deleteBatchingAttachments = async () => {
+	// console.debug('deleteBatchingAttachments subject episodes', subject.value.episodes)
+	batchCancenMatchingSubjectButtonLoading.value = true;
+	await subject.value.episodes?.forEach(async (ep) => {
+		if (ep && ep.resources && ep.resources.length > 0) {
+			await ep.resources.forEach(async (epres) => {
+				const attId = epres.attachmentId;
+				await apiClient.attachmentRef
+					.removeByTypeAndAttachmentIdAndReferenceId({
+						attachmentReference: {
+							type: 'EPISODE',
+							attachmentId: attId,
+							referenceId: ep.id,
+						},
+					})
+					.catch((e) => console.error(e));
+			});
+		}
+	});
+	batchCancenMatchingSubjectButtonLoading.value = false;
+	ElMessage.success(
+		t('module.subject.details.message.operate.delete-batch-attachments.success')
+	);
+	window.location.reload();
+};
+
 onMounted(fetchDatas);
 </script>
 
@@ -530,13 +574,16 @@ onMounted(fetchDatas);
 
 	<el-row>
 		<el-col :span="24">
-			<el-button plain @click="toSubjectPut"> 
+			<el-button plain @click="toSubjectPut">
 				{{ t('module.subject.details.text.button.edit') }}
 			</el-button>
 			<el-button plain @click="openSubjectSyncDialog">
 				{{ t('module.subject.details.text.button.update') }}
 			</el-button>
-			<el-popconfirm :title="t('module.subject.details.dele-popconfirm.title')" @confirm="deleteSubject">
+			<el-popconfirm
+				:title="t('module.subject.details.dele-popconfirm.title')"
+				@confirm="deleteSubject"
+			>
 				<template #reference>
 					<el-button plain type="danger">
 						{{ t('module.subject.details.text.button.delete') }}
@@ -558,7 +605,7 @@ onMounted(fetchDatas);
 						style="width: 100%"
 						:src="subject.cover as string"
 						:zoom-rate="1.2"
-						:preview-src-list="new Array(subject.cover)  as string[]"
+						:preview-src-list="new Array(subject.cover) as string[]"
 						:initial-index="4"
 						fit="cover"
 					/>
@@ -574,22 +621,37 @@ onMounted(fetchDatas);
 						<el-descriptions-item label="ID" :span="1">
 							{{ subject.id }}
 						</el-descriptions-item>
-						<el-descriptions-item :label="t('module.subject.details.label.name')" :span="1">
+						<el-descriptions-item
+							:label="t('module.subject.details.label.name')"
+							:span="1"
+						>
 							{{ subject.name }}
 						</el-descriptions-item>
-						<el-descriptions-item :label="t('module.subject.details.label.name_cn')" :span="1">
+						<el-descriptions-item
+							:label="t('module.subject.details.label.name_cn')"
+							:span="1"
+						>
 							{{ subject.name_cn }}
 						</el-descriptions-item>
-						<el-descriptions-item :label="t('module.subject.details.label.air_time')"  :span="1">
+						<el-descriptions-item
+							:label="t('module.subject.details.label.air_time')"
+							:span="1"
+						>
 							{{ subject.airTime }}
 						</el-descriptions-item>
-						<el-descriptions-item :label="t('module.subject.details.label.type')"  :span="1">
+						<el-descriptions-item
+							:label="t('module.subject.details.label.type')"
+							:span="1"
+						>
 							{{ subject.type }}
 						</el-descriptions-item>
 						<el-descriptions-item label="NSFW" :span="1">
 							{{ subject.nsfw }}
 						</el-descriptions-item>
-						<el-descriptions-item :label="t('module.subject.details.label.summary')"  :span="6">
+						<el-descriptions-item
+							:label="t('module.subject.details.label.summary')"
+							:span="6"
+						>
 							{{ subject.summary }}
 						</el-descriptions-item>
 					</el-descriptions>
@@ -598,7 +660,9 @@ onMounted(fetchDatas);
 						size="large"
 						border
 					>
-						<el-descriptions-item :label="t('module.subject.details.label.sync-platform')" >
+						<el-descriptions-item
+							:label="t('module.subject.details.label.sync-platform')"
+						>
 							<span v-for="(sync, index) in subject.syncs" :key="index">
 								{{ sync.platform }} :
 								<span v-if="sync.platform === 'BGM_TV'">
@@ -616,7 +680,9 @@ onMounted(fetchDatas);
 						</el-descriptions-item>
 					</el-descriptions>
 					<el-descriptions size="large" border>
-						<el-descriptions-item :label="t('module.subject.details.label.tag')" >
+						<el-descriptions-item
+							:label="t('module.subject.details.label.tag')"
+						>
 							<el-tag
 								v-for="tag in tags"
 								:key="tag.id"
@@ -641,14 +707,24 @@ onMounted(fetchDatas);
 						</el-descriptions-item>
 					</el-descriptions>
 					<el-descriptions size="large" border>
-						<el-descriptions-item :label="t('module.subject.details.label.collect-status')" >
+						<el-descriptions-item
+							:label="t('module.subject.details.label.collect-status')"
+						>
 							<el-popconfirm
 								:title="
-									t('module.subject.details.cancel-collect-popconfirm.title-prefix') +
+									t(
+										'module.subject.details.cancel-collect-popconfirm.title-prefix'
+									) +
 									(subjectCollection && subjectCollection.type
-										? t('module.subject.details.cancel-collect-popconfirm.cancel-collect')
-										: t('module.subject.details.cancel-collect-popconfirm.collect')) +
-										t('module.subject.details.cancel-collect-popconfirm.title-postfix')
+										? t(
+												'module.subject.details.cancel-collect-popconfirm.cancel-collect'
+										  )
+										: t(
+												'module.subject.details.cancel-collect-popconfirm.collect'
+										  )) +
+									t(
+										'module.subject.details.cancel-collect-popconfirm.title-postfix'
+									)
 								"
 								@confirm="changeSubjectCollectState"
 							>
@@ -680,16 +756,33 @@ onMounted(fetchDatas);
 								placeholder="Select"
 								@change="updateSubjectCollection"
 							>
-								<el-option :label="t('module.subject.collect.type.wish')" value="WISH" />
-								<el-option  :label="t('module.subject.collect.type.doing')"  value="DOING" />
-								<el-option  :label="t('module.subject.collect.type.done')"  value="DONE" />
-								<el-option  :label="t('module.subject.collect.type.shelve')"  value="SHELVE" />
-								<el-option  :label="t('module.subject.collect.type.discard')"  value="DISCARD" />
+								<el-option
+									:label="t('module.subject.collect.type.wish')"
+									value="WISH"
+								/>
+								<el-option
+									:label="t('module.subject.collect.type.doing')"
+									value="DOING"
+								/>
+								<el-option
+									:label="t('module.subject.collect.type.done')"
+									value="DONE"
+								/>
+								<el-option
+									:label="t('module.subject.collect.type.shelve')"
+									value="SHELVE"
+								/>
+								<el-option
+									:label="t('module.subject.collect.type.discard')"
+									value="DISCARD"
+								/>
 							</el-select>
-							&nbsp;&nbsp; {{t('module.subject.collect.progress.text')}}: 
+							&nbsp;&nbsp; {{ t('module.subject.collect.progress.text') }}:
 							<el-input
 								v-model="subjectCollection.main_ep_progress"
-								:placeholder="t('module.subject.collect.progress.update-input.placeholder')"
+								:placeholder="
+									t('module.subject.collect.progress.update-input.placeholder')
+								"
 								style="width: 200px"
 								@change="updateSubjectCollectionProgress"
 							/>
@@ -717,15 +810,24 @@ onMounted(fetchDatas);
 							width="80px"
 							sortable
 						/>
-						<el-table-column :label="t('module.subject.details.episode.label.name')" prop="name" />
-						<el-table-column :label="t('module.subject.details.episode.label.name_cn')" prop="name_cn" />
+						<el-table-column
+							:label="t('module.subject.details.episode.label.name')"
+							prop="name"
+						/>
+						<el-table-column
+							:label="t('module.subject.details.episode.label.name_cn')"
+							prop="name_cn"
+						/>
 						<el-table-column
 							:label="t('module.subject.details.episode.label.air_time')"
 							prop="air_time"
 							sortable
 							:formatter="airTimeDateFormatter"
 						/>
-						<el-table-column :label="t('module.subject.details.episode.label.operate')" width="320">
+						<el-table-column
+							:label="t('module.subject.details.episode.label.operate')"
+							width="320"
+						>
 							<template #header>
 								<el-button
 									plain
@@ -737,12 +839,36 @@ onMounted(fetchDatas);
 										}
 									"
 								>
-									{{t('module.subject.details.episode.label.button.batch-resources')}}
+									{{
+										t(
+											'module.subject.details.episode.label.button.batch-resources'
+										)
+									}}
 								</el-button>
+								<el-popconfirm
+									:title="
+										t('module.subject.details.cancel-batch-popconfirm.title')
+									"
+									@confirm="deleteBatchingAttachments"
+								>
+									<template #reference>
+										<el-button
+											plain
+											type="danger"
+											:loading="batchCancenMatchingSubjectButtonLoading"
+										>
+											{{
+												t(
+													'module.subject.details.episode.label.button.cancel-batch-resources'
+												)
+											}}
+										</el-button>
+									</template>
+								</el-popconfirm>
 							</template>
 							<template #default="scoped">
 								<el-button plain @click="showEpisodeDetails(scoped.row)">
-									{{t('module.subject.details.episode.label.button.details')}}
+									{{ t('module.subject.details.episode.label.button.details') }}
 								</el-button>
 
 								<el-button
@@ -785,11 +911,11 @@ onMounted(fetchDatas);
 										)
 									"
 								>
-									<span v-if="scoped.row.resources[0].canRead"> 
-										{{ t('module.subject.details.episode.label.button.push') }}	
+									<span v-if="scoped.row.resources[0].canRead">
+										{{ t('module.subject.details.episode.label.button.push') }}
 									</span>
-									<span v-else> 
-										{{ t('module.subject.details.episode.label.button.pull') }}	
+									<span v-else>
+										{{ t('module.subject.details.episode.label.button.pull') }}
 									</span>
 								</el-button>
 							</template>
diff --git a/console/src/modules/content/subject/SubjectPost.vue b/console/src/modules/content/subject/SubjectPost.vue
index 09d93e20e..bdd89d5c8 100644
--- a/console/src/modules/content/subject/SubjectPost.vue
+++ b/console/src/modules/content/subject/SubjectPost.vue
@@ -35,7 +35,7 @@ import { base64Encode } from '@/utils/string-util';
 import { useI18n } from 'vue-i18n';
 
 const router = useRouter();
-const {t} = useI18n();
+const { t } = useI18n();
 
 const subject = ref<Subject>({
 	name: '',
@@ -47,12 +47,29 @@ const subject = ref<Subject>({
 
 const subjectRuleFormRules = reactive<FormRules>({
 	name: [
-		{ required: true, message: t('module.subject.post.message.form-rule.name.required'), trigger: 'blur' },
-		{ min: 1, max: 100, message: t('module.subject.post.message.form-rule.name.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.subject.post.message.form-rule.name.required'),
+			trigger: 'blur',
+		},
+		{
+			min: 1,
+			max: 100,
+			message: t('module.subject.post.message.form-rule.name.length'),
+			trigger: 'blur',
+		},
 	],
 	summary: [
-		{ required: true, message: t('module.subject.post.message.form-rule.summary.required'), trigger: 'blur' },
-		{ min: 5, message: t('module.subject.post.message.form-rule.summary.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.subject.post.message.form-rule.summary.required'),
+			trigger: 'blur',
+		},
+		{
+			min: 5,
+			message: t('module.subject.post.message.form-rule.summary.length'),
+			trigger: 'blur',
+		},
 	],
 	type: [
 		{
@@ -152,11 +169,16 @@ const onCloseWithAttachment = (attachment) => {
 							</el-form-item>
 						</el-col>
 						<el-col :span="16">
-							<el-form-item :label="t('module.subject.post.label.air_time')" prop="airTime">
+							<el-form-item
+								:label="t('module.subject.post.label.air_time')"
+								prop="airTime"
+							>
 								<el-date-picker
 									v-model="subject.airTime"
 									type="date"
-									:placeholder="t('module.subject.post.date-picker.placeholder')"
+									:placeholder="
+										t('module.subject.post.date-picker.placeholder')
+									"
 								/>
 							</el-form-item>
 						</el-col>
@@ -197,7 +219,10 @@ const onCloseWithAttachment = (attachment) => {
 					</el-radio-group>
 				</el-form-item>
 
-				<el-form-item :label="t('module.subject.post.label.summary')" prop="summary">
+				<el-form-item
+					:label="t('module.subject.post.label.summary')"
+					prop="summary"
+				>
 					<el-input
 						v-model="subject.summary"
 						:autosize="{ minRows: 2 }"
@@ -237,9 +262,19 @@ const onCloseWithAttachment = (attachment) => {
 								{{ episodeGroupLabelMap.get(scoped.row.group) }}
 							</template>
 						</el-table-column>
-						<el-table-column :label="t('module.subject.post.label.episode-table.sequence')" prop="sequence" width="90px" />
-						<el-table-column :label="t('module.subject.post.label.episode-table.name')" prop="name" />
-						<el-table-column :label="t('module.subject.post.label.episode-table.name_cn')" prop="name_cn" />
+						<el-table-column
+							:label="t('module.subject.post.label.episode-table.sequence')"
+							prop="sequence"
+							width="90px"
+						/>
+						<el-table-column
+							:label="t('module.subject.post.label.episode-table.name')"
+							prop="name"
+						/>
+						<el-table-column
+							:label="t('module.subject.post.label.episode-table.name_cn')"
+							prop="name_cn"
+						/>
 						<el-table-column
 							:label="t('module.subject.post.label.episode-table.air_time')"
 							prop="air_time"
@@ -249,19 +284,19 @@ const onCloseWithAttachment = (attachment) => {
 						<el-table-column align="right" width="350">
 							<template #header>
 								<el-button plain @click="episodePostDialogVisible = true">
-									{{t('module.subject.post.text.button.episode.add')}}
+									{{ t('module.subject.post.text.button.episode.add') }}
 								</el-button>
 							</template>
 							<template #default="scoped">
 								<el-button plain @click="showEpisodeDetails(scoped.row)">
-									{{t('module.subject.post.text.button.episode.details')}}
+									{{ t('module.subject.post.text.button.episode.details') }}
 								</el-button>
 								<el-button
 									plain
 									type="danger"
 									@click="removeCurrentRowEpisode(scoped.row)"
 								>
-								{{t('module.subject.post.text.button.episode.remove')}}
+									{{ t('module.subject.post.text.button.episode.remove') }}
 								</el-button>
 							</template>
 						</el-table-column>
@@ -270,7 +305,7 @@ const onCloseWithAttachment = (attachment) => {
 
 				<el-form-item>
 					<el-button plain @click="submitForm(subjectElFormRef)">
-						{{t('module.subject.post.text.button.subject.create')}}
+						{{ t('module.subject.post.text.button.subject.create') }}
 					</el-button>
 				</el-form-item>
 			</el-form>
diff --git a/console/src/modules/content/subject/SubjectPut.vue b/console/src/modules/content/subject/SubjectPut.vue
index 125fabce2..d8616da6d 100644
--- a/console/src/modules/content/subject/SubjectPut.vue
+++ b/console/src/modules/content/subject/SubjectPut.vue
@@ -44,7 +44,7 @@ import { useI18n } from 'vue-i18n';
 const router = useRouter();
 const route = useRoute();
 const subjectStore = useSubjectStore();
-const {t} = useI18n();
+const { t } = useI18n();
 
 watch(route, () => {
 	//@ts-ignore
@@ -72,12 +72,29 @@ const subject = ref<Subject>({
 
 const subjectRuleFormRules = reactive<FormRules>({
 	name: [
-		{ required: true, message: t('module.subject.put.message.form-rule.name.required'), trigger: 'blur' },
-		{ min: 1, max: 100, message: t('module.subject.put.message.form-rule.name.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.subject.put.message.form-rule.name.required'),
+			trigger: 'blur',
+		},
+		{
+			min: 1,
+			max: 100,
+			message: t('module.subject.put.message.form-rule.name.length'),
+			trigger: 'blur',
+		},
 	],
 	summary: [
-		{ required: true, message: t('module.subject.put.message.form-rule.summary.required'), trigger: 'blur' },
-		{ min: 5, message: t('module.subject.put.message.form-rule.summary.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.subject.put.message.form-rule.summary.required'),
+			trigger: 'blur',
+		},
+		{
+			min: 5,
+			message: t('module.subject.put.message.form-rule.summary.length'),
+			trigger: 'blur',
+		},
 	],
 	type: [
 		{
@@ -107,10 +124,10 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 				})
 				.then(() => {
 					ElMessage.success(
-						t('module.subject.put.message.form-rule.update-success',
-							{name: subject.value.name}
-						)
-					)
+						t('module.subject.put.message.form-rule.update-success', {
+							name: subject.value.name,
+						})
+					);
 					router.push(
 						'/subjects?name=' +
 							base64Encode(encodeURI(subject.value.name)) +
@@ -201,7 +218,10 @@ onMounted(() => {
 							</el-form-item>
 						</el-col>
 						<el-col :span="16">
-							<el-form-item :label="t('module.subject.put.label.air_time')" prop="airTime">
+							<el-form-item
+								:label="t('module.subject.put.label.air_time')"
+								prop="airTime"
+							>
 								<el-date-picker
 									v-model="subject.airTime"
 									type="date"
@@ -246,7 +266,10 @@ onMounted(() => {
 					</el-radio-group>
 				</el-form-item>
 
-				<el-form-item :label="t('module.subject.put.label.summary')" prop="summary">
+				<el-form-item
+					:label="t('module.subject.put.label.summary')"
+					prop="summary"
+				>
 					<el-input
 						v-model="subject.summary"
 						maxlength="10000"
@@ -289,9 +312,19 @@ onMounted(() => {
 								{{ episodeGroupLabelMap.get(scoped.row.group) }}
 							</template>
 						</el-table-column>
-						<el-table-column :label="t('module.subject.put.label.episode-table.sequence')" prop="sequence" width="90px" />
-						<el-table-column :label="t('module.subject.put.label.episode-table.name')" prop="name" />
-						<el-table-column :label="t('module.subject.put.label.episode-table.name_cn')" prop="name_cn" />
+						<el-table-column
+							:label="t('module.subject.put.label.episode-table.sequence')"
+							prop="sequence"
+							width="90px"
+						/>
+						<el-table-column
+							:label="t('module.subject.put.label.episode-table.name')"
+							prop="name"
+						/>
+						<el-table-column
+							:label="t('module.subject.put.label.episode-table.name_cn')"
+							prop="name_cn"
+						/>
 						<el-table-column
 							:label="t('module.subject.put.label.episode-table.air_time')"
 							prop="air_time"
@@ -301,22 +334,22 @@ onMounted(() => {
 						<el-table-column align="right" width="350">
 							<template #header>
 								<el-button plain @click="episodePostDialogVisible = true">
-									{{t('module.subject.put.text.button.episode.add')}}
+									{{ t('module.subject.put.text.button.episode.add') }}
 								</el-button>
 							</template>
 							<template #default="scoped">
 								<el-button plain @click="showEpisodeDetails(scoped.row)">
-									{{t('module.subject.put.text.button.episode.details')}}
+									{{ t('module.subject.put.text.button.episode.details') }}
 								</el-button>
 								<el-button plain @click="toEPisodeEdit(scoped.row)">
-									{{t('module.subject.put.text.button.episode.edit')}}
+									{{ t('module.subject.put.text.button.episode.edit') }}
 								</el-button>
 								<el-button
 									plain
 									type="danger"
 									@click="removeCurrentRowEpisode(scoped.row)"
 								>
-								{{t('module.subject.put.text.button.episode.remove')}}
+									{{ t('module.subject.put.text.button.episode.remove') }}
 								</el-button>
 							</template>
 						</el-table-column>
@@ -325,7 +358,7 @@ onMounted(() => {
 
 				<el-form-item>
 					<el-button plain @click="submitForm(subjectElFormRef)">
-						{{t('module.subject.put.text.button.subject.create')}}
+						{{ t('module.subject.put.text.button.subject.create') }}
 					</el-button>
 				</el-form-item>
 			</el-form>
diff --git a/console/src/modules/content/subject/SubjectRelactionDeleteDrawer.vue b/console/src/modules/content/subject/SubjectRelactionDeleteDrawer.vue
index 9ba01d345..9cf674277 100644
--- a/console/src/modules/content/subject/SubjectRelactionDeleteDrawer.vue
+++ b/console/src/modules/content/subject/SubjectRelactionDeleteDrawer.vue
@@ -10,7 +10,7 @@ import { useSubjectStore } from '@/stores/subject';
 import { useI18n } from 'vue-i18n';
 
 const subjectStore = useSubjectStore();
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -109,9 +109,22 @@ const onOpen = async () => {
 			@selection-change="handleSelectionChange"
 		>
 			<el-table-column type="selection" width="50" show-overflow-tooltip />
-			<el-table-column prop="id" :label="t('module.subject.relaction.drawer.delete.table.label.id')" width="100" show-overflow-tooltip />
-			<el-table-column prop="name" :label="t('module.subject.relaction.drawer.delete.table.label.name')" show-overflow-tooltip />
-			<el-table-column prop="name_cn" :label="t('module.subject.relaction.drawer.delete.table.label.name_cn')" show-overflow-tooltip />
+			<el-table-column
+				prop="id"
+				:label="t('module.subject.relaction.drawer.delete.table.label.id')"
+				width="100"
+				show-overflow-tooltip
+			/>
+			<el-table-column
+				prop="name"
+				:label="t('module.subject.relaction.drawer.delete.table.label.name')"
+				show-overflow-tooltip
+			/>
+			<el-table-column
+				prop="name_cn"
+				:label="t('module.subject.relaction.drawer.delete.table.label.name_cn')"
+				show-overflow-tooltip
+			/>
 			<el-table-column
 				prop="type"
 				:label="t('module.subject.relaction.drawer.delete.table.label.type')"
diff --git a/console/src/modules/content/subject/SubjectRelationDeleteDialog.vue b/console/src/modules/content/subject/SubjectRelationDeleteDialog.vue
index 27f3bdc61..d5777c7ff 100644
--- a/console/src/modules/content/subject/SubjectRelationDeleteDialog.vue
+++ b/console/src/modules/content/subject/SubjectRelationDeleteDialog.vue
@@ -17,7 +17,7 @@ import { useSubjectStore } from '@/stores/subject';
 import { useI18n } from 'vue-i18n';
 
 const subjectStore = useSubjectStore();
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -95,7 +95,9 @@ const reqRemoveRelaction = async () => {
 		});
 		subjectStore.clearSubjectCacheById(subRel.subject);
 	});
-	ElMessage.success(t('module.subject.relaction.dialog.delete.message.remove-success'));
+	ElMessage.success(
+		t('module.subject.relaction.dialog.delete.message.remove-success')
+	);
 	reqRemoveRelactionBtnLoading.value = false;
 	onClose();
 };
@@ -115,11 +117,17 @@ const reqRemoveRelaction = async () => {
 		@close="onClose"
 	>
 		<el-form label-width="100px" style="max-width: 460px">
-			<el-form-item :label="t('module.subject.relaction.dialog.delete.label.master-subject')">
+			<el-form-item
+				:label="
+					t('module.subject.relaction.dialog.delete.label.master-subject')
+				"
+			>
 				<el-input disabled :value="props.masterSubjectId" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.relaction.dialog.delete.label.slave-subject')">
-				<el-input v-model="slaveSubjectIdsStr" disabled >
+			<el-form-item
+				:label="t('module.subject.relaction.dialog.delete.label.slave-subject')"
+			>
+				<el-input v-model="slaveSubjectIdsStr" disabled>
 					<template #append>
 						<el-button
 							:icon="Tickets"
@@ -129,11 +137,10 @@ const reqRemoveRelaction = async () => {
 				</el-input>
 			</el-form-item>
 
-			<el-form-item :label="t('module.subject.relaction.dialog.delete.label.type')">
-				<el-input
-					v-model="slaveSubjectTypesStr"
-					disabled
-				/>
+			<el-form-item
+				:label="t('module.subject.relaction.dialog.delete.label.type')"
+			>
+				<el-input v-model="slaveSubjectTypesStr" disabled />
 			</el-form-item>
 		</el-form>
 		<template #footer>
@@ -141,10 +148,13 @@ const reqRemoveRelaction = async () => {
 				<el-button @click="dialogVisible = false">
 					{{ t('module.subject.relaction.dialog.delete.button.cancel') }}
 				</el-button>
-				<el-popconfirm :title="t('module.subject.relaction.dialog.delete.popconfirm.title')" @confirm="reqRemoveRelaction">
+				<el-popconfirm
+					:title="t('module.subject.relaction.dialog.delete.popconfirm.title')"
+					@confirm="reqRemoveRelaction"
+				>
 					<template #reference>
 						<el-button type="primary" :loading="reqRemoveRelactionBtnLoading">
-							{{t('module.subject.relaction.dialog.delete.button.confirm')}}
+							{{ t('module.subject.relaction.dialog.delete.button.confirm') }}
 						</el-button>
 					</template>
 				</el-popconfirm>
diff --git a/console/src/modules/content/subject/SubjectRelationDialog.vue b/console/src/modules/content/subject/SubjectRelationDialog.vue
index 736c98d5d..87d92b0a2 100644
--- a/console/src/modules/content/subject/SubjectRelationDialog.vue
+++ b/console/src/modules/content/subject/SubjectRelationDialog.vue
@@ -25,7 +25,7 @@ import { useSubjectStore } from '@/stores/subject';
 import { useI18n } from 'vue-i18n';
 
 const subjectStore = useSubjectStore();
-const {t} = useI18n();
+const { t } = useI18n();
 const route = useRoute();
 // watch(route, async () => {
 // 	if (!route.params?.id && route.params?.id === undefined) {
@@ -277,25 +277,46 @@ onMounted(loadSubject);
 		@close="onClose"
 	>
 		<el-descriptions direction="vertical" :column="6" size="large" border>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.id')" :span="1">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.id')"
+				:span="1"
+			>
 				{{ subject.id }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.name')"  :span="1">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.name')"
+				:span="1"
+			>
 				{{ subject.name }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.name_cn')"  :span="1">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.name_cn')"
+				:span="1"
+			>
 				{{ subject.name_cn }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.air_time')"  :span="1">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.air_time')"
+				:span="1"
+			>
 				{{ subject.airTime }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.type')"  :span="1">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.type')"
+				:span="1"
+			>
 				{{ subject.type }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.nsfw')"  :span="1">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.nsfw')"
+				:span="1"
+			>
 				{{ subject.nsfw }}
 			</el-descriptions-item>
-			<el-descriptions-item :label="t('module.subject.relaction.dialog.main.label.summary')"  :span="6">
+			<el-descriptions-item
+				:label="t('module.subject.relaction.dialog.main.label.summary')"
+				:span="6"
+			>
 				{{ subject.summary }}
 			</el-descriptions-item>
 		</el-descriptions>
@@ -305,22 +326,28 @@ onMounted(loadSubject);
 		<el-row>
 			<el-col :span="24">
 				<el-button @click="subjectRelationPostDialogVisible = true">
-					{{ t("module.subject.relaction.dialog.main.button.add") }}
+					{{ t('module.subject.relaction.dialog.main.button.add') }}
 				</el-button>
 				<el-button
 					type="danger"
 					@click="subjectRelationDeleteDialogVisible = true"
-					>
-					{{ t("module.subject.relaction.dialog.main.button.delete") }}
-					</el-button
 				>
+					{{ t('module.subject.relaction.dialog.main.button.delete') }}
+				</el-button>
 			</el-col>
 		</el-row>
 
 		<br />
 
 		<el-tabs v-model="activeTabName">
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.anime', {length: relationAnimes.length})" name="ANIME">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.anime', {
+						length: relationAnimes.length,
+					})
+				"
+				name="ANIME"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="anime in relationAnimes"
@@ -340,7 +367,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.comic', {length:  relationComics.length})" name="COMIC">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.comic', {
+						length: relationComics.length,
+					})
+				"
+				name="COMIC"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="comic in relationComics"
@@ -360,7 +394,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.game', {length: relationGames.length})" name="GAME">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.game', {
+						length: relationGames.length,
+					})
+				"
+				name="GAME"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="game in relationGames"
@@ -380,7 +421,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.music', {length: relationMusics.length})" name="MUSIC">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.music', {
+						length: relationMusics.length,
+					})
+				"
+				name="MUSIC"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="music in relationMusics"
@@ -400,7 +448,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.novel', {length: relationNovels.length})" name="NOVEL">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.novel', {
+						length: relationNovels.length,
+					})
+				"
+				name="NOVEL"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="novel in relationNovels"
@@ -420,7 +475,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.real', {length: relationReals.length})" name="REAL">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.real', {
+						length: relationReals.length,
+					})
+				"
+				name="REAL"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="real in relationReals"
@@ -441,7 +503,11 @@ onMounted(loadSubject);
 				</el-row>
 			</el-tab-pane>
 			<el-tab-pane
-				:label="t('module.subject.relaction.dialog.main.tab.label.before', {length: relationBefores.length})"
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.before', {
+						length: relationBefores.length,
+					})
+				"
 				name="BEFORE"
 			>
 				<el-row :gutter="10" justify="start" align="middle">
@@ -463,7 +529,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.after', {length: relationAfters.length})" name="AFTER">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.after', {
+						length: relationAfters.length,
+					})
+				"
+				name="AFTER"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="after in relationAfters"
@@ -484,7 +557,11 @@ onMounted(loadSubject);
 				</el-row>
 			</el-tab-pane>
 			<el-tab-pane
-				:label="t('module.subject.relaction.dialog.main.tab.label.same-worldview', {length: relationSWs.length})"
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.same-worldview', {
+						length: relationSWs.length,
+					})
+				"
 				name="SAME_WORLDVIEW"
 			>
 				<el-row :gutter="10" justify="start" align="middle">
@@ -507,7 +584,11 @@ onMounted(loadSubject);
 				</el-row>
 			</el-tab-pane>
 			<el-tab-pane
-				:label="t('module.subject.relaction.dialog.main.tab.label.ost', {length: relationOSTs.length})"
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.ost', {
+						length: relationOSTs.length,
+					})
+				"
 				name="ORIGINAL_SOUND_TRACK"
 			>
 				<el-row :gutter="10" justify="start" align="middle">
@@ -529,7 +610,14 @@ onMounted(loadSubject);
 					</el-col>
 				</el-row>
 			</el-tab-pane>
-			<el-tab-pane :label="t('module.subject.relaction.dialog.main.tab.label.other', {length: relationOthers.length})" name="OTHER">
+			<el-tab-pane
+				:label="
+					t('module.subject.relaction.dialog.main.tab.label.other', {
+						length: relationOthers.length,
+					})
+				"
+				name="OTHER"
+			>
 				<el-row :gutter="10" justify="start" align="middle">
 					<el-col
 						v-for="other in relationOthers"
diff --git a/console/src/modules/content/subject/SubjectRelationPostDialog.vue b/console/src/modules/content/subject/SubjectRelationPostDialog.vue
index f1c39f360..db1321f06 100644
--- a/console/src/modules/content/subject/SubjectRelationPostDialog.vue
+++ b/console/src/modules/content/subject/SubjectRelationPostDialog.vue
@@ -15,7 +15,7 @@ import SubjectSelectDrawer from './SubjectSelectDrawer.vue';
 import { apiClient } from '@/utils/api-client';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -75,7 +75,9 @@ const reqCreateRelaction = async () => {
 			relation_type: selectSubjectReactionType.value,
 		},
 	});
-	ElMessage.success(t('module.subject.relaction.dialog.post.message.add-success'));
+	ElMessage.success(
+		t('module.subject.relaction.dialog.post.message.add-success')
+	);
 	reqCreateRelactionBtnLoading.value = false;
 	onClose();
 };
@@ -93,14 +95,20 @@ const reqCreateRelaction = async () => {
 		@close="onClose"
 	>
 		<el-form label-width="100px" style="max-width: 460px">
-			<el-form-item :label="t('module.subject.relaction.dialog.post.label.master-subject')">
+			<el-form-item
+				:label="t('module.subject.relaction.dialog.post.label.master-subject')"
+			>
 				<el-input disabled :value="props.masterSubjectId" />
 			</el-form-item>
-			<el-form-item :label="t('module.subject.relaction.dialog.post.label.slave-subject')">
+			<el-form-item
+				:label="t('module.subject.relaction.dialog.post.label.slave-subject')"
+			>
 				<el-input
 					v-model="slaveSubjectIdsStr"
 					disabled
-					:placeholder="t('module.subject.relaction.dialog.post.placeholder.slave-subject')"
+					:placeholder="
+						t('module.subject.relaction.dialog.post.placeholder.slave-subject')
+					"
 				>
 					<template #append>
 						<el-button
@@ -110,19 +118,56 @@ const reqCreateRelaction = async () => {
 					</template>
 				</el-input>
 			</el-form-item>
-			<el-form-item :label="t('module.subject.relaction.dialog.post.label.type')">
+			<el-form-item
+				:label="t('module.subject.relaction.dialog.post.label.type')"
+			>
 				<el-select v-model="selectSubjectReactionType" clearable>
-					<el-option :label="t('module.subject.relaction.dialog.post.type.after')" value="AFTER" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.before')" value="BEFORE" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.same-worldview')" value="SAME_WORLDVIEW" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.ost')" value="ORIGINAL_SOUND_TRACK" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.anime')"  value="ANIME" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.comic')"  value="COMIC" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.game')" value="GAME" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.music')"  value="MUSIC" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.novel')"  value="NOVEL" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.real')"  value="REAL" />
-					<el-option :label="t('module.subject.relaction.dialog.post.type.other')"  value="OTHER" />
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.after')"
+						value="AFTER"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.before')"
+						value="BEFORE"
+					/>
+					<el-option
+						:label="
+							t('module.subject.relaction.dialog.post.type.same-worldview')
+						"
+						value="SAME_WORLDVIEW"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.ost')"
+						value="ORIGINAL_SOUND_TRACK"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.anime')"
+						value="ANIME"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.comic')"
+						value="COMIC"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.game')"
+						value="GAME"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.music')"
+						value="MUSIC"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.novel')"
+						value="NOVEL"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.real')"
+						value="REAL"
+					/>
+					<el-option
+						:label="t('module.subject.relaction.dialog.post.type.other')"
+						value="OTHER"
+					/>
 				</el-select>
 			</el-form-item>
 		</el-form>
@@ -136,7 +181,7 @@ const reqCreateRelaction = async () => {
 					:loading="reqCreateRelactionBtnLoading"
 					@click="reqCreateRelaction"
 				>
-				{{ t('module.subject.relaction.dialog.post.button.confirm') }}
+					{{ t('module.subject.relaction.dialog.post.button.confirm') }}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/subject/SubjectRemoteActionDialog.vue b/console/src/modules/content/subject/SubjectRemoteActionDialog.vue
index 819df55ac..19b08aef1 100644
--- a/console/src/modules/content/subject/SubjectRemoteActionDialog.vue
+++ b/console/src/modules/content/subject/SubjectRemoteActionDialog.vue
@@ -19,7 +19,7 @@ import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { apiClient } from '@/utils/api-client';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -99,12 +99,20 @@ const onConfirm = async (formEl: FormInstance | undefined) => {
 					// 		actionButtonLoading.value = false;
 					// 	});
 				}
-				ElMessage.success(t('module.subject.dialog.remote-action.message.operate.request-remote.success'));
+				ElMessage.success(
+					t(
+						'module.subject.dialog.remote-action.message.operate.request-remote.success'
+					)
+				);
 				dialogVisible.value = false;
 				emit('close');
 			} else {
 				console.log('error submit!', fields);
-				ElMessage.error(t('module.subject.dialog.remote-action.message.operate.request-remote.validate-fail'));
+				ElMessage.error(
+					t(
+						'module.subject.dialog.remote-action.message.operate.request-remote.validate-fail'
+					)
+				);
 			}
 		});
 	}
@@ -115,7 +123,9 @@ const fileActionFormRules = reactive<FormRules>({
 	remote: [
 		{
 			required: true,
-			message: t('module.subject.dialog.remote-action.form-rule.remote.required.message'),
+			message: t(
+				'module.subject.dialog.remote-action.form-rule.remote.required.message'
+			),
 			trigger: 'change',
 		},
 	],
@@ -134,7 +144,10 @@ onMounted(() => {
 </script>
 
 <template>
-	<el-dialog v-model="dialogVisible" :title="t('module.subject.dialog.remote-action.title')">
+	<el-dialog
+		v-model="dialogVisible"
+		:title="t('module.subject.dialog.remote-action.title')"
+	>
 		<el-alert
 			:title="t('module.subject.dialog.remote-action.alert.title')"
 			type="warning"
@@ -151,7 +164,10 @@ onMounted(() => {
 			:model="fileRemoteAction"
 			label-width="120px"
 		>
-			<el-form-item :label="t('module.subject.dialog.remote-action.form-label.remote')" prop="remote">
+			<el-form-item
+				:label="t('module.subject.dialog.remote-action.form-label.remote')"
+				prop="remote"
+			>
 				<el-select v-model="fileRemoteAction.remote">
 					<el-option
 						v-for="remote in subjectRemoteArr"
@@ -161,12 +177,14 @@ onMounted(() => {
 					/>
 				</el-select>
 			</el-form-item>
-			<el-form-item :label="t('module.subject.dialog.remote-action.form-label.subject-id')">
+			<el-form-item
+				:label="t('module.subject.dialog.remote-action.form-label.subject-id')"
+			>
 				<el-input v-model="fileRemoteAction.subjectId" disabled />
 			</el-form-item>
 		</el-form>
 		<span v-else>
-			{{t('module.subject.dialog.remote-action.message.form-hint-nouse')}}
+			{{ t('module.subject.dialog.remote-action.message.form-hint-nouse') }}
 		</span>
 		<template #footer>
 			<span>
diff --git a/console/src/modules/content/subject/SubjectSelectDrawer.vue b/console/src/modules/content/subject/SubjectSelectDrawer.vue
index 2d465a83b..37f7a8784 100644
--- a/console/src/modules/content/subject/SubjectSelectDrawer.vue
+++ b/console/src/modules/content/subject/SubjectSelectDrawer.vue
@@ -19,7 +19,7 @@ import {
 import { onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -111,27 +111,37 @@ onMounted(fetchSubjects);
 	>
 		<template #header>
 			<div align="center">
-				<h4>{{t('module.subject.drawer.select.text.subject-select')}}</h4>
+				<h4>{{ t('module.subject.drawer.select.text.subject-select') }}</h4>
 			</div>
 		</template>
 		<template #default>
 			<el-form :inline="true" :model="findSubjectsCondition">
 				<el-row>
 					<el-col :span="24">
-						<el-form-item :label="t('module.subject.drawer.select.label.name')" style="width: 95%">
+						<el-form-item
+							:label="t('module.subject.drawer.select.label.name')"
+							style="width: 95%"
+						>
 							<el-input
 								v-model="findSubjectsCondition.name"
-								:placeholder="t('module.subject.drawer.select.placeholder.name')"
+								:placeholder="
+									t('module.subject.drawer.select.placeholder.name')
+								"
 								clearable
 								@change="fetchSubjects"
 							/>
 						</el-form-item>
 					</el-col>
 					<el-col :span="24">
-						<el-form-item :label="t('module.subject.drawer.select.label.name_cn')" style="width: 95%">
+						<el-form-item
+							:label="t('module.subject.drawer.select.label.name_cn')"
+							style="width: 95%"
+						>
 							<el-input
 								v-model="findSubjectsCondition.nameCn"
-								:placeholder="t('module.subject.drawer.select.placeholder.name_cn')"
+								:placeholder="
+									t('module.subject.drawer.select.placeholder.name_cn')
+								"
 								clearable
 								@change="fetchSubjects"
 							/>
@@ -146,25 +156,55 @@ onMounted(fetchSubjects);
 								clearable
 								@change="fetchSubjects"
 							>
-								<el-option :label="t('module.subject.drawer.select.optin.nsfw-true')" :value="true" />
-								<el-option :label="t('module.subject.drawer.select.optin.nsfw-false')" :value="false" />
+								<el-option
+									:label="t('module.subject.drawer.select.optin.nsfw-true')"
+									:value="true"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.optin.nsfw-false')"
+									:value="false"
+								/>
 							</el-select>
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
-						<el-form-item :label="t('module.subject.drawer.select.label.type')" style="width: 95%">
+						<el-form-item
+							:label="t('module.subject.drawer.select.label.type')"
+							style="width: 95%"
+						>
 							<el-select
 								v-model="findSubjectsCondition.type"
 								clearable
 								@change="fetchSubjects"
 							>
-								<el-option :label="t('module.subject.drawer.select.type.anime')" value="ANIME" />
-								<el-option :label="t('module.subject.drawer.select.type.comic')" value="COMIC" />
-								<el-option :label="t('module.subject.drawer.select.type.game')" value="GAME" />
-								<el-option :label="t('module.subject.drawer.select.type.music')" value="MUSIC" />
-								<el-option :label="t('module.subject.drawer.select.type.novel')" value="NOVEL" />
-								<el-option :label="t('module.subject.drawer.select.type.real')" value="REAL" />
-								<el-option :label="t('module.subject.drawer.select.type.other')" value="OTHER" />
+								<el-option
+									:label="t('module.subject.drawer.select.type.anime')"
+									value="ANIME"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.type.comic')"
+									value="COMIC"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.type.game')"
+									value="GAME"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.type.music')"
+									value="MUSIC"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.type.novel')"
+									value="NOVEL"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.type.real')"
+									value="REAL"
+								/>
+								<el-option
+									:label="t('module.subject.drawer.select.type.other')"
+									value="OTHER"
+								/>
 							</el-select>
 						</el-form-item>
 					</el-col>
@@ -197,15 +237,19 @@ onMounted(fetchSubjects);
 						width="100"
 						show-overflow-tooltip
 					/>
-					<el-table-column prop="name" :label="t('module.subject.drawer.select.table.label.name')" show-overflow-tooltip />
+					<el-table-column
+						prop="name"
+						:label="t('module.subject.drawer.select.table.label.name')"
+						show-overflow-tooltip
+					/>
 					<el-table-column
 						prop="name_cn"
-						:label="t('module.subject.drawer.select.table.label.name_cn')" 
+						:label="t('module.subject.drawer.select.table.label.name_cn')"
 						show-overflow-tooltip
 					/>
 					<el-table-column
 						prop="type"
-						:label="t('module.subject.drawer.select.table.label.type')" 
+						:label="t('module.subject.drawer.select.table.label.type')"
 						width="100"
 						show-overflow-tooltip
 					/>
diff --git a/console/src/modules/content/subject/SubjectSyncDialog.vue b/console/src/modules/content/subject/SubjectSyncDialog.vue
index 7c073f408..a45dca050 100644
--- a/console/src/modules/content/subject/SubjectSyncDialog.vue
+++ b/console/src/modules/content/subject/SubjectSyncDialog.vue
@@ -16,7 +16,7 @@ import {
 } from 'element-plus';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
@@ -109,16 +109,26 @@ const subjectSyncFormRules = reactive<FormRules>({
 	platform: [
 		{
 			required: true,
-			message: t('module.subject.dialog.sync.message.form-rule.platform.required'),
+			message: t(
+				'module.subject.dialog.sync.message.form-rule.platform.required'
+			),
 			trigger: 'change',
 		},
 	],
 	platformId: [
-		{ required: true, message: t('module.subject.dialog.sync.message.form-rule.platform-id.required'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.subject.dialog.sync.message.form-rule.platform-id.required'
+			),
+			trigger: 'blur',
+		},
 		{
 			min: 1,
-			max: 10,
-			message: t('module.subject.dialog.sync.message.form-rule.platform-id.length'),
+			max: 100,
+			message: t(
+				'module.subject.dialog.sync.message.form-rule.platform-id.length'
+			),
 			trigger: 'blur',
 		},
 	],
@@ -141,7 +151,11 @@ onMounted(() => {
 <template>
 	<el-dialog
 		v-model="dialogVisible"
-		:title="props.isMerge ? t('module.subject.dialog.sync.title.update') : t('module.subject.dialog.sync.title.pull')"
+		:title="
+			props.isMerge
+				? t('module.subject.dialog.sync.title.update')
+				: t('module.subject.dialog.sync.title.pull')
+		"
 	>
 		<el-form
 			v-if="subjectPlatformArr.length > 0"
@@ -150,7 +164,10 @@ onMounted(() => {
 			:model="subjectSync"
 			label-width="120px"
 		>
-			<el-form-item :label="t('module.subject.dialog.sync.label.platform')" prop="platform">
+			<el-form-item
+				:label="t('module.subject.dialog.sync.label.platform')"
+				prop="platform"
+			>
 				<el-select v-model="subjectSync.platform">
 					<el-option
 						v-for="platform in subjectPlatformArr"
@@ -160,18 +177,19 @@ onMounted(() => {
 					/>
 				</el-select>
 			</el-form-item>
-			<el-form-item :label="t('module.subject.dialog.sync.label.subject-platform-id')" prop="platformId">
+			<el-form-item
+				:label="t('module.subject.dialog.sync.label.subject-platform-id')"
+				prop="platformId"
+			>
 				<el-input
 					v-model="subjectSync.platformId"
 					:placeholder="t('module.subject.dialog.sync.placeholder.platform-id')"
 				/>
 			</el-form-item>
 		</el-form>
-		<span v-else
-			>
+		<span v-else>
 			{{ t('module.subject.dialog.sync.text.platform-no-available-hint-msg') }}
-			</span
-		>
+		</span>
 		<template #footer>
 			<span>
 				<el-button
@@ -179,7 +197,11 @@ onMounted(() => {
 					:loading="syncButtonLoading"
 					@click="onConfirm(subjectSyncFormRef)"
 				>
-					{{ subjectPlatformArr.length === 0 ? t('module.subject.dialog.sync.footer.button.cancel') : t('module.subject.dialog.sync.footer.button.confirm') }}
+					{{
+						subjectPlatformArr.length === 0
+							? t('module.subject.dialog.sync.footer.button.cancel')
+							: t('module.subject.dialog.sync.footer.button.confirm')
+					}}
 				</el-button>
 			</span>
 		</template>
diff --git a/console/src/modules/content/subject/Subjects.vue b/console/src/modules/content/subject/Subjects.vue
index fa642fc17..f61912702 100644
--- a/console/src/modules/content/subject/Subjects.vue
+++ b/console/src/modules/content/subject/Subjects.vue
@@ -21,7 +21,7 @@ import { useI18n } from 'vue-i18n';
 
 const router = useRouter();
 const route = useRoute();
-const {t} = useI18n();
+const { t } = useI18n();
 
 const fetchSubjectByRouterQuery = () => {
 	// console.log('route.query', route.query);
@@ -146,7 +146,10 @@ onMounted(fetchSubjectByRouterQuery);
 			<el-form :inline="true" :model="findSubjectsCondition">
 				<el-row :gutter="1">
 					<el-col :xs="24" :sm="24" :md="24" :lg="7" :xl="7">
-						<el-form-item :label="t('module.subject.label.name')" style="width: 95%">
+						<el-form-item
+							:label="t('module.subject.label.name')"
+							style="width: 95%"
+						>
 							<el-input
 								v-model="findSubjectsCondition.name"
 								:placeholder="t('module.subject.placeholder.name')"
@@ -156,7 +159,10 @@ onMounted(fetchSubjectByRouterQuery);
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="7" :xl="7">
-						<el-form-item :label="t('module.subject.label.name_cn')" style="width: 95%">
+						<el-form-item
+							:label="t('module.subject.label.name_cn')"
+							style="width: 95%"
+						>
 							<el-input
 								v-model="findSubjectsCondition.nameCn"
 								:placeholder="t('module.subject.placeholder.name_cn')"
@@ -172,25 +178,55 @@ onMounted(fetchSubjectByRouterQuery);
 								clearable
 								@change="fetchSubjects"
 							>
-								<el-option :label="t('module.subject.select.nsfw-true')" :value="true" />
-								<el-option :label="t('module.subject.select.nsfw-false')"  :value="false" />
+								<el-option
+									:label="t('module.subject.select.nsfw-true')"
+									:value="true"
+								/>
+								<el-option
+									:label="t('module.subject.select.nsfw-false')"
+									:value="false"
+								/>
 							</el-select>
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
-						<el-form-item :label="t('module.subject.label.type')" style="width: 95%">
+						<el-form-item
+							:label="t('module.subject.label.type')"
+							style="width: 95%"
+						>
 							<el-select
 								v-model="findSubjectsCondition.type"
 								clearable
 								@change="fetchSubjects"
 							>
-								<el-option :label="t('module.subject.type.anime')" value="ANIME" />
-								<el-option :label="t('module.subject.type.comic')" value="COMIC" />
-								<el-option :label="t('module.subject.type.game')" value="GAME" />
-								<el-option :label="t('module.subject.type.music')" value="MUSIC" />
-								<el-option :label="t('module.subject.type.novel')" value="NOVEL" />
-								<el-option :label="t('module.subject.type.real')" value="REAL" />
-								<el-option :label="t('module.subject.type.other')" value="OTHER" />
+								<el-option
+									:label="t('module.subject.type.anime')"
+									value="ANIME"
+								/>
+								<el-option
+									:label="t('module.subject.type.comic')"
+									value="COMIC"
+								/>
+								<el-option
+									:label="t('module.subject.type.game')"
+									value="GAME"
+								/>
+								<el-option
+									:label="t('module.subject.type.music')"
+									value="MUSIC"
+								/>
+								<el-option
+									:label="t('module.subject.type.novel')"
+									value="NOVEL"
+								/>
+								<el-option
+									:label="t('module.subject.type.real')"
+									value="REAL"
+								/>
+								<el-option
+									:label="t('module.subject.type.other')"
+									value="OTHER"
+								/>
 							</el-select>
 						</el-form-item>
 					</el-col>
@@ -209,8 +245,8 @@ onMounted(fetchSubjectByRouterQuery);
 			<el-button plain @click="subjectSyncDialogVisible = true">
 				{{ t('module.subject.text.button.rapid-addition') }}
 			</el-button>
-			<el-button plain @click="toSubjectPost"> 
-				{{ t('module.subject.text.button.new-subject') }}	
+			<el-button plain @click="toSubjectPost">
+				{{ t('module.subject.text.button.new-subject') }}
 			</el-button>
 		</el-col>
 	</el-row>
diff --git a/console/src/modules/dashboard/Dashboard.vue b/console/src/modules/dashboard/Dashboard.vue
index 2f7461815..75bcbec80 100644
--- a/console/src/modules/dashboard/Dashboard.vue
+++ b/console/src/modules/dashboard/Dashboard.vue
@@ -27,7 +27,9 @@ onMounted(fetchActuatorInfo);
 					<el-col :span="18">
 						<el-row>
 							<el-col :span="24">
-								<span style="font-size: x-small; color: gray">{{t('module.dashboard.label.attachment')}}</span>
+								<span style="font-size: x-small; color: gray">{{
+									t('module.dashboard.label.attachment')
+								}}</span>
 							</el-col>
 							<br />
 							<el-col :span="24">
@@ -49,7 +51,9 @@ onMounted(fetchActuatorInfo);
 					<el-col :span="18">
 						<el-row>
 							<el-col :span="24">
-								<span style="font-size: x-small; color: gray">{{t('module.dashboard.label.subject')}}</span>
+								<span style="font-size: x-small; color: gray">{{
+									t('module.dashboard.label.subject')
+								}}</span>
 							</el-col>
 							<br />
 							<el-col :span="24">
@@ -71,7 +75,9 @@ onMounted(fetchActuatorInfo);
 					<el-col :span="18">
 						<el-row>
 							<el-col :span="24">
-								<span style="font-size: x-small; color: gray">{{t('module.dashboard.label.collection')}}</span>
+								<span style="font-size: x-small; color: gray">{{
+									t('module.dashboard.label.collection')
+								}}</span>
 							</el-col>
 							<br />
 							<el-col :span="24">
@@ -93,7 +99,9 @@ onMounted(fetchActuatorInfo);
 					<el-col :span="18">
 						<el-row>
 							<el-col :span="24">
-								<span style="font-size: x-small; color: gray">{{t('module.dashboard.label.doing')}}</span>
+								<span style="font-size: x-small; color: gray">{{
+									t('module.dashboard.label.doing')
+								}}</span>
 							</el-col>
 							<br />
 							<el-col :span="24">
diff --git a/console/src/modules/system/plugin/Plugin.vue b/console/src/modules/system/plugin/Plugin.vue
index c3f3a2d3f..ddbdc746a 100644
--- a/console/src/modules/system/plugin/Plugin.vue
+++ b/console/src/modules/system/plugin/Plugin.vue
@@ -28,7 +28,7 @@ import {
 import router from '@/router';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 interface PluginSearch {
 	page: number;
@@ -98,18 +98,28 @@ const delegationPluginStateOperator = async (
 };
 
 const startPlugin = async (pluginName: string | undefined) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.start.confirm.title'), t('module.plugin.operate.plugin.start.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.start.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.start.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.start.confirm.title'),
+		t('module.plugin.operate.plugin.start.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.start.confirm.confirm'
+			),
+			cancelButtonText: t('module.plugin.operate.plugin.start.confirm.cancel'),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: pluginName as string,
 				operate: 'START',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.start.success', {name: pluginName}));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.start.success', {
+							name: pluginName,
+						})
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -126,18 +136,24 @@ const startPlugin = async (pluginName: string | undefined) => {
 };
 
 const stopPlugin = (pluginName: string | undefined) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.stop.confirm.title'), t('module.plugin.operate.plugin.stop.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.stop.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.stop.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.stop.confirm.title'),
+		t('module.plugin.operate.plugin.stop.confirm.warning'),
+		{
+			confirmButtonText: t('module.plugin.operate.plugin.stop.confirm.confirm'),
+			cancelButtonText: t('module.plugin.operate.plugin.stop.confirm.cancel'),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: pluginName as string,
 				operate: 'STOP',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.stop.success', {name: pluginName}));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.stop.success', { name: pluginName })
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -154,18 +170,28 @@ const stopPlugin = (pluginName: string | undefined) => {
 };
 
 const enablePlugin = (pluginName: string | undefined) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.enable.confirm.title'), t('module.plugin.operate.plugin.enable.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.enable.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.enable.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.enable.confirm.title'),
+		t('module.plugin.operate.plugin.enable.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.enable.confirm.confirm'
+			),
+			cancelButtonText: t('module.plugin.operate.plugin.enable.confirm.cancel'),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: pluginName as string,
 				operate: 'ENABLE',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.enable.success', {name: pluginName}));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.enable.success', {
+							name: pluginName,
+						})
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -182,18 +208,30 @@ const enablePlugin = (pluginName: string | undefined) => {
 };
 
 const disablePlugin = (pluginName: string | undefined) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.disable.confirm.title'), t('module.plugin.operate.plugin.disable.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.disable.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.disable.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.disable.confirm.title'),
+		t('module.plugin.operate.plugin.disable.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.disable.confirm.confirm'
+			),
+			cancelButtonText: t(
+				'module.plugin.operate.plugin.disable.confirm.cancel'
+			),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: pluginName as string,
 				operate: 'DISABLE',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.disable.success', {name: pluginName}));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.disable.success', {
+							name: pluginName,
+						})
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -210,18 +248,28 @@ const disablePlugin = (pluginName: string | undefined) => {
 };
 
 const reloadPlugin = (pluginName: string | undefined) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.reload.confirm.title'), t('module.plugin.operate.plugin.reload.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.reload.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.reload.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.reload.confirm.title'),
+		t('module.plugin.operate.plugin.reload.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.reload.confirm.confirm'
+			),
+			cancelButtonText: t('module.plugin.operate.plugin.reload.confirm.cancel'),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: pluginName as string,
 				operate: 'RELOAD',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.reload.success', {name: pluginName}));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.reload.success', {
+							name: pluginName,
+						})
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -238,18 +286,28 @@ const reloadPlugin = (pluginName: string | undefined) => {
 };
 
 const reloadAllPlugin = () => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.reload-all.confirm.title'), t('module.plugin.operate.plugin.reload-all.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.reload-all.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.reload-all.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.reload-all.confirm.title'),
+		t('module.plugin.operate.plugin.reload-all.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.reload-all.confirm.confirm'
+			),
+			cancelButtonText: t(
+				'module.plugin.operate.plugin.reload-all.confirm.cancel'
+			),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: 'ALL',
 				operate: 'RELOAD_ALL',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.reload-all.success'));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.reload-all.success')
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -266,18 +324,28 @@ const reloadAllPlugin = () => {
 };
 
 const deletePlugin = (pluginName: string | undefined) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.delete.confirm.title'), t('module.plugin.operate.plugin.delete.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.delete.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.delete.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.delete.confirm.title'),
+		t('module.plugin.operate.plugin.delete.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.delete.confirm.confirm'
+			),
+			cancelButtonText: t('module.plugin.operate.plugin.delete.confirm.cancel'),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			delegationPluginStateOperator({
 				name: pluginName as string,
 				operate: 'DELETE',
 			})
 				.then(() => {
-					ElMessage.success(t('module.plugin.operate.plugin.delete.success', {name: pluginName}));
+					ElMessage.success(
+						t('module.plugin.operate.plugin.delete.success', {
+							name: pluginName,
+						})
+					);
 					window.location.reload();
 				})
 				.catch((err) => {
@@ -295,11 +363,19 @@ const deletePlugin = (pluginName: string | undefined) => {
 
 // eslint-disable-next-line no-unused-vars
 const upgradePlugin = (plugin: Plugin) => {
-	ElMessageBox.confirm(t('module.plugin.operate.plugin.upgrade.confirm.title'), t('module.plugin.operate.plugin.upgrade.confirm.warning'), {
-		confirmButtonText: t('module.plugin.operate.plugin.upgrade.confirm.confirm'),
-		cancelButtonText: t('module.plugin.operate.plugin.upgrade.confirm.cancel'),
-		type: 'warning',
-	})
+	ElMessageBox.confirm(
+		t('module.plugin.operate.plugin.upgrade.confirm.title'),
+		t('module.plugin.operate.plugin.upgrade.confirm.warning'),
+		{
+			confirmButtonText: t(
+				'module.plugin.operate.plugin.upgrade.confirm.confirm'
+			),
+			cancelButtonText: t(
+				'module.plugin.operate.plugin.upgrade.confirm.cancel'
+			),
+			type: 'warning',
+		}
+	)
 		.then(() => {
 			// console.log('upgrade plugin.', plugin);
 			pluginUploadDrawerVisible.value = true;
@@ -372,8 +448,7 @@ onMounted(getPluginsFromServer);
 				{{ t('module.plugin.search.button.reload-all') }}
 			</el-button>
 
-			<el-button plain @click="pluginUploadDrawerVisible = true"
-				>
+			<el-button plain @click="pluginUploadDrawerVisible = true">
 				{{ t('module.plugin.search.button.install-plugin') }}
 			</el-button>
 
@@ -398,7 +473,7 @@ onMounted(getPluginsFromServer);
 				</span>
 				<template #dropdown>
 					<el-dropdown-menu>
-						<el-dropdown-item command="ALL" disabled> 
+						<el-dropdown-item command="ALL" disabled>
 							{{ t('module.plugin.search.dropdown.all') }}
 						</el-dropdown-item>
 						<el-dropdown-item command="STARTED" disabled>
@@ -426,7 +501,11 @@ onMounted(getPluginsFromServer);
 	</el-row>
 
 	<el-table :data="plugins" style="width: 100%">
-		<el-table-column prop="logo" :label="t('module.plugin.table.label.icon')" width="80">
+		<el-table-column
+			prop="logo"
+			:label="t('module.plugin.table.label.icon')"
+			width="80"
+		>
 			<template #default="scope">
 				<el-avatar
 					shape="square"
@@ -437,8 +516,16 @@ onMounted(getPluginsFromServer);
 		</el-table-column>
 
 		<el-table-column prop="name" label="ID" width="150" />
-		<el-table-column prop="displayName" :label="t('module.plugin.table.label.name')" width="150" />
-		<el-table-column prop="author.name" :label="t('module.plugin.table.label.author')" width="200">
+		<el-table-column
+			prop="displayName"
+			:label="t('module.plugin.table.label.name')"
+			width="150"
+		/>
+		<el-table-column
+			prop="author.name"
+			:label="t('module.plugin.table.label.author')"
+			width="200"
+		>
 			<template #default="scope">
 				<a
 					v-if="scope?.row?.author?.website"
@@ -450,13 +537,25 @@ onMounted(getPluginsFromServer);
 				<span v-else>{{ scope.row.author.name }}</span>
 			</template>
 		</el-table-column>
-		<el-table-column prop="description" :label="t('module.plugin.table.label.description')" />
-		<el-table-column prop="state" :label="t('module.plugin.table.label.state')" align="right" width="100">
+		<el-table-column
+			prop="description"
+			:label="t('module.plugin.table.label.description')"
+		/>
+		<el-table-column
+			prop="state"
+			:label="t('module.plugin.table.label.state')"
+			align="right"
+			width="100"
+		>
 			<template #default="scope">
 				{{ stateStrMap.get(scope.row.state) }}
 			</template>
 		</el-table-column>
-		<el-table-column align="right" :label="t('module.plugin.table.label.operate')" width="80">
+		<el-table-column
+			align="right"
+			:label="t('module.plugin.table.label.operate')"
+			width="80"
+		>
 			<template #default="scope">
 				<el-dropdown style="cursor: pointer" trigger="click">
 					<el-icon size="30">
@@ -472,14 +571,14 @@ onMounted(getPluginsFromServer);
 								:disabled="scope.row.state === 'STARTED'"
 								@click="startPlugin(scope.row.name)"
 							>
-							{{ t('module.plugin.table.operate.start') }}
+								{{ t('module.plugin.table.operate.start') }}
 							</el-dropdown-item>
 
 							<el-dropdown-item
 								:disabled="scope.row.state === 'STOPPED'"
 								@click="stopPlugin(scope.row.name)"
 							>
-							{{ t('module.plugin.table.operate.stop') }}
+								{{ t('module.plugin.table.operate.stop') }}
 							</el-dropdown-item>
 
 							<el-dropdown-item
@@ -487,14 +586,14 @@ onMounted(getPluginsFromServer);
 								:disabled="scope.row.state !== 'DISABLED'"
 								@click="enablePlugin(scope.row.name)"
 							>
-							{{ t('module.plugin.table.operate.enable') }}
+								{{ t('module.plugin.table.operate.enable') }}
 							</el-dropdown-item>
 
 							<el-dropdown-item
 								:disabled="scope.row.state === 'DISABLED'"
 								@click="disablePlugin(scope.row.name)"
 							>
-							{{ t('module.plugin.table.operate.disable') }}
+								{{ t('module.plugin.table.operate.disable') }}
 							</el-dropdown-item>
 
 							<el-dropdown-item divided @click="reloadPlugin(scope.row.name)">
@@ -508,7 +607,7 @@ onMounted(getPluginsFromServer);
 								divided
 								@click="deletePlugin(scope.row.name)"
 							>
-							{{ t('module.plugin.table.operate.delete') }}
+								{{ t('module.plugin.table.operate.delete') }}
 							</el-dropdown-item>
 							<el-dropdown-item style="width: 170; color: red" disabled>
 								{{ t('module.plugin.table.operate.reset') }}
diff --git a/console/src/modules/system/plugin/PluginDetail.vue b/console/src/modules/system/plugin/PluginDetail.vue
index 5548387fb..3a88ae124 100644
--- a/console/src/modules/system/plugin/PluginDetail.vue
+++ b/console/src/modules/system/plugin/PluginDetail.vue
@@ -14,7 +14,7 @@ import {
 import { useI18n } from 'vue-i18n';
 
 const route = useRoute();
-const {t} = useI18n();
+const { t } = useI18n();
 
 const onPluginNameUpdate = async (pluginNewName: string) => {
 	//@ts-ignore
@@ -165,7 +165,9 @@ const updateConfigMap = async () => {
 		name: plugin.value.name as string,
 		configMap: configMap.value,
 	});
-	ElMessage.success(t('module.plugin.details.message.operate.update-config-map'));
+	ElMessage.success(
+		t('module.plugin.details.message.operate.update-config-map')
+	);
 	window.location.reload();
 };
 
@@ -187,7 +189,9 @@ onMounted(() => {
 				<el-descriptions-item :label="t('module.plugin.details.label.name')">
 					{{ plugin.displayName }}
 				</el-descriptions-item>
-				<el-descriptions-item :label="t('module.plugin.details.label.description')">
+				<el-descriptions-item
+					:label="t('module.plugin.details.label.description')"
+				>
 					{{ plugin.description }}
 				</el-descriptions-item>
 				<el-descriptions-item :label="t('module.plugin.details.label.author')">
@@ -200,16 +204,24 @@ onMounted(() => {
 						<span>{{ plugin.author?.name }}</span>
 					</span>
 				</el-descriptions-item>
-				<el-descriptions-item :label="t('module.plugin.details.label.required')">
+				<el-descriptions-item
+					:label="t('module.plugin.details.label.required')"
+				>
 					{{ plugin.requires }}
 				</el-descriptions-item>
-				<el-descriptions-item :label="t('module.plugin.details.label.homepage')">
+				<el-descriptions-item
+					:label="t('module.plugin.details.label.homepage')"
+				>
 					<a :href="plugin.homepage" target="_blank">{{ plugin.homepage }}</a>
 				</el-descriptions-item>
 				<el-descriptions-item :label="t('module.plugin.details.label.license')">
 					{{ plugin.license }}
 				</el-descriptions-item>
-				<el-descriptions-item v-if="plugin.entry" :label="t('module.plugin.details.label.entry')" :span="2">
+				<el-descriptions-item
+					v-if="plugin.entry"
+					:label="t('module.plugin.details.label.entry')"
+					:span="2"
+				>
 					{{ plugin.entry }}
 				</el-descriptions-item>
 				<el-descriptions-item
@@ -219,7 +231,10 @@ onMounted(() => {
 				>
 					{{ plugin.stylesheet }}
 				</el-descriptions-item>
-				<el-descriptions-item :label="t('module.plugin.details.label.logo')" :span="2">
+				<el-descriptions-item
+					:label="t('module.plugin.details.label.logo')"
+					:span="2"
+				>
 					<el-image
 						style="width: 100px"
 						:src="plugin.logo as string"
@@ -231,13 +246,20 @@ onMounted(() => {
 				</el-descriptions-item>
 			</el-descriptions>
 		</el-tab-pane>
-		<el-tab-pane v-if="plugin.configMapSchemas" :label="t('module.plugin.details.label.tab-basic')">
+		<el-tab-pane
+			v-if="plugin.configMapSchemas"
+			:label="t('module.plugin.details.label.tab-basic')"
+		>
 			<!-- {{ plugin.configMapSchemas }}
 			<hr />
 			{{ configMap?.data }}
 			<hr /> -->
 			<div style="padding: 5px">
-				<FormKit type="form" :submit-label="t('module.plugin.details.label.formkit-submit')" @submit="onSubmit">
+				<FormKit
+					type="form"
+					:submit-label="t('module.plugin.details.label.formkit-submit')"
+					@submit="onSubmit"
+				>
 					<FormKitSchema
 						v-if="configMap?.data"
 						:data="configMap?.data"
diff --git a/console/src/modules/system/plugin/PluginUploadDrawer.vue b/console/src/modules/system/plugin/PluginUploadDrawer.vue
index ad5132c32..709e9797c 100644
--- a/console/src/modules/system/plugin/PluginUploadDrawer.vue
+++ b/console/src/modules/system/plugin/PluginUploadDrawer.vue
@@ -6,7 +6,7 @@ import { ElMessage, ElDrawer } from 'element-plus';
 import UppyUpload from '@/components/upload/UppyUpload.vue';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const props = withDefaults(
 	defineProps<{
diff --git a/console/src/modules/system/setting/Setting.vue b/console/src/modules/system/setting/Setting.vue
index 93b2fcff4..ad0929b83 100644
--- a/console/src/modules/system/setting/Setting.vue
+++ b/console/src/modules/system/setting/Setting.vue
@@ -16,7 +16,7 @@ import { useSettingStore } from '@/stores/setting';
 import { watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-const {t} = useI18n();
+const { t } = useI18n();
 
 const setting = ref({
 	SITE_TITLE: '',
@@ -40,23 +40,56 @@ const setting = ref({
 
 const settingFormRules = reactive<FormRules>({
 	SITE_TITLE: [
-		{ required: true, message: t('module.setting.message.form-rule.site-title.required'), trigger: 'blur' },
-		{ min: 3, max: 15, message: t('module.setting.message.form-rule.site-title.length'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.setting.message.form-rule.site-title.required'),
+			trigger: 'blur',
+		},
+		{
+			min: 3,
+			max: 15,
+			message: t('module.setting.message.form-rule.site-title.length'),
+			trigger: 'blur',
+		},
 	],
 	MAIL_SMTP_HOST: [
-		{ required: true, message: t('module.setting.message.form-rule.mail-smtp-host.required'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.setting.message.form-rule.mail-smtp-host.required'),
+			trigger: 'blur',
+		},
 	],
 	MAIL_SMTP_PORT: [
-		{ required: true, message: t('module.setting.message.form-rule.mail-smtp-port.required'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.setting.message.form-rule.mail-smtp-port.required'),
+			trigger: 'blur',
+		},
 	],
 	MAIL_SMTP_ACCOUNT: [
-		{ required: true, message: t('module.setting.message.form-rule.mail-smtp-account.required'), trigger: 'blur' },
+		{
+			required: true,
+			message: t('module.setting.message.form-rule.mail-smtp-account.required'),
+			trigger: 'blur',
+		},
 	],
 	MAIL_SMTP_PASSWORD: [
-		{ required: true, message: t('module.setting.message.form-rule.mail-smtp-password.required'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.setting.message.form-rule.mail-smtp-password.required'
+			),
+			trigger: 'blur',
+		},
 	],
 	MAIL_RECEIVE_ADDRESS: [
-		{ required: true, message: t('module.setting.message.form-rule.mail-receive-address.required'), trigger: 'blur' },
+		{
+			required: true,
+			message: t(
+				'module.setting.message.form-rule.mail-receive-address.required'
+			),
+			trigger: 'blur',
+		},
 	],
 });
 
@@ -118,7 +151,10 @@ onMounted(getSettingFromServer);
 					/>
 				</el-form-item>
 				<span v-if="mailEnable">
-					<el-form-item :label="t('module.setting.label.tab.item.mail.protocol')" prop="MAIL_PROTOCOL">
+					<el-form-item
+						:label="t('module.setting.label.tab.item.mail.protocol')"
+						prop="MAIL_PROTOCOL"
+					>
 						<el-input
 							v-model="setting.MAIL_PROTOCOL"
 							style="max-width: 600px"
@@ -126,7 +162,10 @@ onMounted(getSettingFromServer);
 							disabled
 						/>
 					</el-form-item>
-					<el-form-item :label="t('module.setting.label.tab.item.mail.smtp.host')" prop="MAIL_SMTP_HOST">
+					<el-form-item
+						:label="t('module.setting.label.tab.item.mail.smtp.host')"
+						prop="MAIL_SMTP_HOST"
+					>
 						<el-input
 							v-model="setting.MAIL_SMTP_HOST"
 							:placeholder="t('module.setting.placeholder.smtp.host')"
@@ -134,7 +173,10 @@ onMounted(getSettingFromServer);
 							clearable
 						/>
 					</el-form-item>
-					<el-form-item :label="t('module.setting.label.tab.item.mail.smtp.port')" prop="MAIL_SMTP_PORT">
+					<el-form-item
+						:label="t('module.setting.label.tab.item.mail.smtp.port')"
+						prop="MAIL_SMTP_PORT"
+					>
 						<el-input
 							v-model="setting.MAIL_SMTP_PORT"
 							:placeholder="t('module.setting.placeholder.smtp.port')"
@@ -142,7 +184,10 @@ onMounted(getSettingFromServer);
 							clearable
 						/>
 					</el-form-item>
-					<el-form-item :label="t('module.setting.label.tab.item.mail.smtp.account')" prop="MAIL_SMTP_ACCOUNT">
+					<el-form-item
+						:label="t('module.setting.label.tab.item.mail.smtp.account')"
+						prop="MAIL_SMTP_ACCOUNT"
+					>
 						<el-input
 							v-model="setting.MAIL_SMTP_ACCOUNT"
 							:placeholder="t('module.setting.placeholder.smtp.account')"
@@ -150,7 +195,10 @@ onMounted(getSettingFromServer);
 							clearable
 						/>
 					</el-form-item>
-					<el-form-item :label="t('module.setting.label.tab.item.mail.smtp.password')" prop="MAIL_SMTP_PASSWORD">
+					<el-form-item
+						:label="t('module.setting.label.tab.item.mail.smtp.password')"
+						prop="MAIL_SMTP_PASSWORD"
+					>
 						<el-input
 							v-model="setting.MAIL_SMTP_PASSWORD"
 							:placeholder="t('module.setting.placeholder.smtp.password')"
@@ -169,17 +217,26 @@ onMounted(getSettingFromServer);
 							clearable
 						/>
 					</el-form-item>
-					<el-form-item :label="t('module.setting.label.tab.item.mail.smtp.receive-address')" prop="MAIL_RECEIVE_ADDRESS">
+					<el-form-item
+						:label="
+							t('module.setting.label.tab.item.mail.smtp.receive-address')
+						"
+						prop="MAIL_RECEIVE_ADDRESS"
+					>
 						<el-input
 							v-model="setting.MAIL_RECEIVE_ADDRESS"
-							:placeholder="t('module.setting.placeholder.smtp.receive-address')"
+							:placeholder="
+								t('module.setting.placeholder.smtp.receive-address')
+							"
 							style="max-width: 600px"
 							clearable
 						/>
 					</el-form-item>
 				</span>
 				<el-form-item>
-					<el-button type="primary" @click="updateSetting">{{t('module.setting.button.save')}}</el-button>
+					<el-button type="primary" @click="updateSetting">{{
+						t('module.setting.button.save')
+					}}</el-button>
 				</el-form-item>
 			</el-tab-pane>
 			<!-- <el-tab-pane label="远端配置">
diff --git a/console/src/modules/user/Collection.vue b/console/src/modules/user/Collection.vue
index 2a1066749..9d29e465a 100644
--- a/console/src/modules/user/Collection.vue
+++ b/console/src/modules/user/Collection.vue
@@ -53,22 +53,46 @@ onMounted(fetchCollections);
 			<el-form :inline="true" :model="findSubjectCollection">
 				<el-row :gutter="1">
 					<el-col :xs="24" :sm="24" :md="24" :lg="4" :xl="4">
-						<el-form-item :label="t('module.user.collection.label.private')" style="width: 95%">
-							<el-switch v-model="findSubjectCollection.isPrivate" @change="fetchCollections"/>
+						<el-form-item
+							:label="t('module.user.collection.label.private')"
+							style="width: 95%"
+						>
+							<el-switch
+								v-model="findSubjectCollection.isPrivate"
+								@change="fetchCollections"
+							/>
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6">
-						<el-form-item :label="t('module.user.collection.label.type.value')"  style="width: 95%">
+						<el-form-item
+							:label="t('module.user.collection.label.type.value')"
+							style="width: 95%"
+						>
 							<el-select
 								v-model="findSubjectCollection.type"
 								clearable
 								@change="fetchCollections"
 							>
-								<el-option  :label="t('module.user.collection.label.type.wish')"  value="WISH" />
-								<el-option :label="t('module.user.collection.label.type.doing')" value="DOING" />
-								<el-option :label="t('module.user.collection.label.type.done')" value="DONE" />
-								<el-option :label="t('module.user.collection.label.type.shelve')" value="SHELVE" />
-								<el-option :label="t('module.user.collection.label.type.discard')" value="DISCARD" />
+								<el-option
+									:label="t('module.user.collection.label.type.wish')"
+									value="WISH"
+								/>
+								<el-option
+									:label="t('module.user.collection.label.type.doing')"
+									value="DOING"
+								/>
+								<el-option
+									:label="t('module.user.collection.label.type.done')"
+									value="DONE"
+								/>
+								<el-option
+									:label="t('module.user.collection.label.type.shelve')"
+									value="SHELVE"
+								/>
+								<el-option
+									:label="t('module.user.collection.label.type.discard')"
+									value="DISCARD"
+								/>
 							</el-select>
 						</el-form-item>
 					</el-col>
diff --git a/console/src/modules/user/Profile.vue b/console/src/modules/user/Profile.vue
index f798f9876..a8636ee82 100644
--- a/console/src/modules/user/Profile.vue
+++ b/console/src/modules/user/Profile.vue
@@ -127,7 +127,9 @@ onMounted(initProfileAndUsername);
 						</el-form-item>
 
 						<el-form-item>
-							<el-button type="primary" @click="updateProfile">{{t('module.user.profile.label.btn_save')}}</el-button>
+							<el-button type="primary" @click="updateProfile">{{
+								t('module.user.profile.label.btn_save')
+							}}</el-button>
 						</el-form-item>
 					</ElCol>
 					<ElCol :xs="24" :sm="24" :md="24" :lg="8" :xl="8">
@@ -160,7 +162,9 @@ onMounted(initProfileAndUsername);
 					/>
 				</el-form-item>
 				<el-form-item>
-					<el-button type="primary" @click="updatePassword">{{t('module.user.profile.label.btn_save')}}</el-button>
+					<el-button type="primary" @click="updatePassword">{{
+						t('module.user.profile.label.btn_save')
+					}}</el-button>
 				</el-form-item>
 			</el-tab-pane>
 		</el-tabs>
diff --git a/console/src/stores/layout.ts b/console/src/stores/layout.ts
index 55123a725..dd2f96c71 100644
--- a/console/src/stores/layout.ts
+++ b/console/src/stores/layout.ts
@@ -19,7 +19,7 @@ export const useLayoutStore = defineStore('layout', {
 		updatecurrentActivePathByRoutePath(path) {
 			this.currentActivePath = path;
 		},
-		setI18nCode(code:string) {
+		setI18nCode(code: string) {
 			this.i18nCode = code;
 		},
 	},
diff --git a/console/src/utils/api-client.ts b/console/src/utils/api-client.ts
index 81278ef01..f5def5044 100644
--- a/console/src/utils/api-client.ts
+++ b/console/src/utils/api-client.ts
@@ -83,9 +83,7 @@ axiosInstance.interceptors.response.use(
 				error
 			);
 			ElMessage.error(
-				i18n.global.t('common.exception.request_parameter_error') +
-					': ' +
-					msg
+				i18n.global.t('common.exception.request_parameter_error') + ': ' + msg
 			);
 		} else if (status === 401) {
 			console.error(
@@ -100,9 +98,7 @@ axiosInstance.interceptors.response.use(
 				i18n.global.t('common.exception.forbidden') + ': ' + msg,
 				error
 			);
-			ElMessage.error(
-				i18n.global.t('common.exception.forbidden') + ': ' + msg
-			);
+			ElMessage.error(i18n.global.t('common.exception.forbidden') + ': ' + msg);
 		} else if (status === 404) {
 			return Promise.resolve();
 			// console.error(
@@ -139,9 +135,7 @@ axiosInstance.interceptors.response.use(
 				error
 			);
 			ElMessage.error(
-				i18n.global.t('common.exception.unknown_error_with_title') +
-					': ' +
-					msg
+				i18n.global.t('common.exception.unknown_error_with_title') + ': ' + msg
 			);
 		}
 
diff --git a/console/src/utils/file.ts b/console/src/utils/file.ts
index c9111d8c6..43f610e36 100644
--- a/console/src/utils/file.ts
+++ b/console/src/utils/file.ts
@@ -48,7 +48,7 @@ export function getPostfix(name: string): string {
 		return '';
 	}
 	if (name.indexOf('?') > 0) {
-		name = name.substring(0, name.indexOf('?'))
+		name = name.substring(0, name.indexOf('?'));
 	}
 	return name.replace(/.+\./, '');
 }
diff --git a/console/src/views/exception/Exception.vue b/console/src/views/exception/Exception.vue
index 5135f704f..bb6ffc592 100644
--- a/console/src/views/exception/Exception.vue
+++ b/console/src/views/exception/Exception.vue
@@ -23,22 +23,22 @@ const toDashboard = () => {
 
 <template>
 	<div>
-		<h1>
-			Code: {{ code }}
-		</h1>
-		<br/>
+		<h1>Code: {{ code }}</h1>
+		<br />
 
-		<p>
-			Title: {{ title }}
-		</p>
-		<br/>
+		<p>Title: {{ title }}</p>
+		<br />
 
 		<p>Message: {{ message }}</p>
-		<br/>
+		<br />
 
 		<div>
-			<ElButton @click="router.back()"> {{ i18n.global.t('views.exception.exception.back') }} </ElButton>
-			<ElButton @click="toDashboard"> {{ i18n.global.t('views.exception.exception.dashboard') }} </ElButton>
+			<ElButton @click="router.back()">
+				{{ i18n.global.t('views.exception.exception.back') }}
+			</ElButton>
+			<ElButton @click="toDashboard">
+				{{ i18n.global.t('views.exception.exception.dashboard') }}
+			</ElButton>
 		</div>
 	</div>
 </template>
diff --git a/console/src/views/exception/NotFound.vue b/console/src/views/exception/NotFound.vue
index 2909cf13e..d8c13efa8 100644
--- a/console/src/views/exception/NotFound.vue
+++ b/console/src/views/exception/NotFound.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
 import Exception from './Exception.vue';
 import { i18n } from '@/locales';
-
 </script>
 
 <template>
-	<Exception code="404" :message="i18n.global.t('views.exception.notfound.message')" />
+	<Exception
+		code="404"
+		:message="i18n.global.t('views.exception.notfound.message')"
+	/>
 </template>
 
 <style lang="scss" scoped></style>