update

src/permission.js

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

src/router/index.js

@@ -37,6 +37,7 @@ export const constantRoutes = [
 import oralVideoRouter from "./modules/oralVideo";
 import videoCoverManagerRouter from "./modules/videoCoverManager";
 import AiHotVideoListRouter from "./modules/AiHotVideoList";
+import AiProductSearchRouter from "./modules/AiProductSearch";
 import designAgentManager from "./modules/designAgentManager";
 import musicLibraryManager from "./modules/musicLibraryManager";
 import catwalkVideoRouter from "./modules/catwalkVideo";
@@ -50,6 +51,7 @@ export const asyncRoutes = [
   catwalkVideoRouter,
   faceSwapVideoRouter,
   AiHotVideoListRouter,
+  AiProductSearchRouter,
   designAgentManager,
   cropListRouter,
   videoCoverManagerRouter,

src/router/modules/AiProductSearch.js

@@ -0,0 +1,19 @@
+/** When your routing table is too long, you can split it into small modules **/
+
+import Layout from "@/layout";
+
+const AiProductSearchRouter = {
+  path: "/AiProductSearch",
+  component: Layout,
+  redirect: "/AiProductSearch/AiProductSearchIndex",
+  meta: { title: "", icon: "sidebar-icon13" },
+  children: [
+    {
+      path: "AiProductSearchIndex",
+      component: () => import("@/views/face-swap-video/AiProductSearch"),
+      name: "AiProductSearchIndex",
+      meta: { title: "AI商品信息检索" }
+    }
+  ]
+};
+export default AiProductSearchRouter;

src/views/face-swap-video/AiProductSearch.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-app.gloria.com.cn/product-search/',
+    }
+  }
+};
+</script>
+
+<style scoped>
+.cut-video-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>