先提交一下,打个钉子

package.json

@@ -39,7 +39,7 @@
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
     "javascript-obfuscator": "2.6.0",
-    "sass": "^1.68.0",
+    "sass": "1.32.13",
     "sass-loader": "^7.3.1",
     "vue-cli-plugin-chrome-extension-cli": "~1.1.4",
     "vue-template-compiler": "^2.6.14",

src/router/index.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import store from '@/store'
+import media from "@/router/media";
 
 Vue.use(VueRouter)
 
@@ -306,7 +307,7 @@ const router = new VueRouter({
               path: 'oushuitong',
               name: 'oushuitong',
               meta: {
-                activeMenu:'/qualification'
+                activeMenu: '/qualification'
               }
             }
           ]
@@ -321,7 +322,7 @@ const router = new VueRouter({
           name: 'addLabelsTemplate',
           component: () => import('../view/lables/AddTemplate.vue'),
           meta: {
-            activeMenu:'/labelsTemplate'
+            activeMenu: '/labelsTemplate'
           }
         },
         {
@@ -334,9 +335,10 @@ const router = new VueRouter({
           name: 'skuManage',
           component: () => import('../view/lables/SkuManage.vue'),
           meta: {
-            activeMenu:'/labelsTemplate'
+            activeMenu: '/labelsTemplate'
-          }
           }
+        },
+        ...media
       ]
     },
     {
@@ -364,11 +366,11 @@ const router = new VueRouter({
       component: () => import('../view/login/Forget.vue')
     }
   ],
-  scrollBehavior (to, from, savedPosition) {
+  scrollBehavior(to, from, savedPosition) {
     if (savedPosition) {
       return savedPosition
     } else {
-      return { x: 0, y: 0 }
+      return {x: 0, y: 0}
     }
   }
 })

src/router/media.js

@@ -0,0 +1,3 @@
+export default [
+  {name: "imageTranslate", path: "imageTranslate", component: () => import("@/view/media/imageTranslate.vue")}
+]

src/view/Home.vue

@@ -49,6 +49,15 @@
             <i class="el-icon-monitor"></i>
             <span slot="title">工作台</span>
           </el-menu-item>
+
+          <el-submenu index="/imageTranslate">
+            <template #title>
+              <i class="el-icon-s-goods"/>
+              <span>AI助手</span>
+            </template>
+            <el-menu-item index="/imageTranslate">图片翻译</el-menu-item>
+          </el-submenu>
+
           <el-submenu index="/normalSendGoods">
             <template slot="title">
               <i class="el-icon-shopping-cart-2"></i>
@@ -64,7 +73,6 @@
             <el-menu-item index="/myUrgencyOrder">紧急备货单</el-menu-item>
             <el-menu-item index="/productLabel">商品条码管理</el-menu-item>
           </el-submenu>
-
           <el-submenu index="/copyProduct">
             <template slot="title">
               <i class="el-icon-goods"></i>
@@ -193,6 +201,7 @@
             <el-menu-item index="/labelsTemplate">模板管理</el-menu-item>
             <el-menu-item index="/labelsPrint">标签打印</el-menu-item>
           </el-submenu>
+
         </el-menu>
       </el-scrollbar>
       <div class="container">
@@ -422,8 +431,8 @@ export default {
                 }
               }
             }),
-          "from":"SELF",
+            "from": "SELF",
-          "bizParam":"{\"version\":\"simple\"}"
+            "bizParam": "{\"version\":\"simple\"}"
           })
       )
       sendAliexpressAPIMessage({

src/view/media/imageTranslate.vue

@@ -0,0 +1,31 @@
+<script>
+import AiDetail from "@/components/AiDetail.vue";
+
+export default {
+  name: "imageTranslate",
+  components: {AiDetail},
+  data() {
+    return {
+      form: {}
+    }
+  }
+}
+</script>
+
+<template>
+  <ai-detail class="imageTranslate">
+    <ai-title slot="title" title="图片翻译" isShowBottomBorder/>
+    <template #content>
+      <el-form>
+
+
+
+      </el-form>
+    </template>
+  </ai-detail>
+</template>
+
+<style scoped lang="scss">
+.imageTranslate {
+}
+</style>

vue.config.js

@@ -1,7 +1,5 @@
 const path = require('path')
 const fs = require('fs')
-// const JavaScriptObfuscator = require('webpack-obfuscator')
-
 // Generate pages object
 const pages = {}
 
@@ -22,11 +20,12 @@ chromeName.forEach((name) => {
     entry: `src/entry/${name}`, template: 'public/index.html', filename: `${fileName}.html`
   }
 })
-
 const isDevMode = process.env.NODE_ENV === 'development'
 
 module.exports = {
-  pages, filenameHashing: false, chainWebpack: (config) => {
+  pages,
+  filenameHashing: false,
+  chainWebpack: (config) => {
     config.plugin('copy').use(require('copy-webpack-plugin'), [{
       patterns: [{
         from: path.resolve(`src/manifest.${process.env.NODE_ENV}.json`), to: `${path.resolve('dist')}/manifest.json`
@@ -34,21 +33,25 @@ module.exports = {
         from: path.resolve(`public/`), to: `${path.resolve('dist')}/`
       }]
     }])
-  }, devServer: {
+  },
-    port: 8080, open: true, overlay: {
+  devServer: {
-      warnings: false, errors: true
+    port: 8080, open: true, hot: true,
-    }, proxy: {
+    proxy: {
       '/api': {
         target: 'http://pdd.jjcp52.com', changeOrigin: true, ws: true, pathRewrite: {
           '^/api': '/'
         }
       }
     }
-  }, lintOnSave: false, configureWebpack: {
+  },
+  lintOnSave: false,
+  configureWebpack: {
     output: {
       filename: `[name].js`, chunkFilename: `[name].js`
-    }, devtool: isDevMode ? 'inline-source-map' : false
+    },
-  }, css: {
+    devtool: isDevMode ? 'inline-source-map' : false
+  },
+  css: {
     extract: false // Make sure the css is the same
   }
 }