添加AI视频参考页面

src/permission.js

@@ -80,7 +80,9 @@ router.beforeEach(async (to, from, next) => {
             { routerPath: "/productRepo" },
             { routerPath: "/productRepo/productRepoIndex" },
             { routerPath: "/cropList" },
-            { routerPath: "/cropList/cropListIndex" }]
+            { routerPath: "/cropList/cropListIndex" },
+            { routerPath: "/AiHotVideoList"},
+            { routerPath: "/AiHotVideoList/AiHotVideoListIndex"}]
          
           const accessRoutes = await store.dispatch('permission/generateRoutes', data);
           router.addRoutes(accessRoutes);

src/router/index.js

@@ -36,6 +36,7 @@ export const constantRoutes = [
 // import userAuthRouter from "./modules/userAuth";
 import oralVideoRouter from "./modules/oralVideo";
 import videoCoverManagerRouter from "./modules/videoCoverManager";
+import AiHotVideoListRouter from "./modules/AiHotVideoList";
 import designAgentManager from "./modules/designAgentManager";
 import musicLibraryManager from "./modules/musicLibraryManager";
 import catwalkVideoRouter from "./modules/catwalkVideo";
@@ -48,6 +49,7 @@ export const asyncRoutes = [
   oralVideoRouter,
   catwalkVideoRouter,
   faceSwapVideoRouter,
+  AiHotVideoListRouter,
   designAgentManager,
   cropListRouter,
   videoCoverManagerRouter,

src/router/modules/AiHotVideoList.js

@@ -0,0 +1,19 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from "@/layout";
+
+const AiHotVideoListRouter = {
+  path: "/AiHotVideoList",
+  component: Layout,
+  redirect: "/AiHotVideoList/AiHotVideoListIndex",
+  meta: { title: "AI爆款视频", icon: "sidebar-icon12" },
+  children: [
+    {
+      path: "AiHotVideoListIndex",
+      component: () => import("@/views/face-swap-video/AiHotVideoList"),
+      name: "AiHotVideoListIndex",
+      meta: { title: "AI爆款视频参考" }
+    }
+  ]
+};
+export default AiHotVideoListRouter;

src/views/face-swap-video/AiHotVideoList.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="cut-video-container">
+    <iframe
+      ref="iframeRef"
+      :src="iframeUrl"
+      frameborder="0"
+      width="100%"
+      height="100%"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+      allowfullscreen
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      iframeUrl: 'https://ai-vedio.gloria.com.cn:8086/',
+    }
+  }
+};
+</script>
+
+<style scoped>
+.cut-video-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>