feat(web): 显示视频播放页窗口标题

aooiuu · Jun 29, 2024 · 149e286 · 149e286
1 parent 73b7053
commit 149e286
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 3 deletions.
diff --git a/packages/web/components.d.ts b/packages/web/components.d.ts
@@ -8,10 +8,13 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AApp: typeof import('ant-design-vue/es')['App']
+    ABackTop: typeof import('ant-design-vue/es')['BackTop']
     AButton: typeof import('ant-design-vue/es')['Button']
+    AButtonGroup: typeof import('ant-design-vue/es')['ButtonGroup']
     ACheckboxGroup: typeof import('ant-design-vue/es')['CheckboxGroup']
     AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
     ADropdown: typeof import('ant-design-vue/es')['Dropdown']
+    AEmpty: typeof import('ant-design-vue/es')['Empty']
     AForm: typeof import('ant-design-vue/es')['Form']
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
     AImage: typeof import('ant-design-vue/es')['Image']

diff --git a/packages/web/src/pages/pc/category/index.vue b/packages/web/src/pages/pc/category/index.vue
@@ -36,6 +36,7 @@
                 path: '/pc/chapter',
                 query: {
                   ruleId,
+                  name: row.name,
                   filePath: row.url
                 }
               })

diff --git a/packages/web/src/pages/pc/chapter/index.vue b/packages/web/src/pages/pc/chapter/index.vue
@@ -49,7 +49,7 @@ async function init() {
 init();
 
 async function showContent(item) {
-  const { filePath, ruleId } = route.query;
+  const { filePath, ruleId, name } = route.query;
   const rule = rulesStore.list.find((e) => e.id === ruleId);
   if (rule?.contentType === CONTENT_TYPE.VIDEO) {
     loading.value = true;
@@ -65,7 +65,9 @@ async function showContent(item) {
         url:
           '/player?' +
           stringify({
-            url
+            url,
+            name,
+            chapterName: item.name
           })
       });
     } else {
@@ -80,12 +82,15 @@ async function showContent(item) {
       chapterPath: item.url || item.chapterPath
     }).catch(() => {});
     console.log('getContent', res);
+    const url = res?.data?.content || '';
     if (res?.code === 0) {
       openWindow({
         url:
           '/iframe?' +
           stringify({
-            url: res?.data?.content || ''
+            url,
+            name,
+            chapterName: item.name
           })
       });
       return;

diff --git a/packages/web/src/pages/pc/player/index.vue b/packages/web/src/pages/pc/player/index.vue
@@ -26,6 +26,9 @@ onMounted(async () => {
       }
     }
   });
+
+  const { name, chapterName } = route.query;
+  document.title = [name, chapterName].filter((e) => e).join('-');
 });
 
 watch(

diff --git a/packages/web/src/pages/pc/search/index.vue b/packages/web/src/pages/pc/search/index.vue
@@ -35,6 +35,7 @@
                     path: '/pc/chapter',
                     query: {
                       ruleId: item.rule.id,
+                      name: row.name,
                       filePath: row.url
                     }
                   })
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,6 +26,9 @@ onMounted(async () => { @@
           }
         }
       });
+      const { name, chapterName } = route.query;
+      document.title = [name, chapterName].filter((e) => e).join('-');
     });
     watch(
@@ Expand Down @@