先提交一下,打个钉子

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "vue-cli-service  --env.NODE_ENV=development build-watch --mode development",
+    "dev": "vue-cli-service --env.NODE_ENV=development build-watch --mode development",
     "build": "vue-cli-service build"
   },
   "dependencies": {
@@ -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>
@@ -153,7 +161,7 @@
             <el-menu-item index="/copyProductShein">商品复制</el-menu-item>
             <el-menu-item index="/orderListShein">发货订单</el-menu-item>
             <el-menu-item index="/productListOdm">商品列表(ODM)</el-menu-item>
-            <el-menu-item v-if="$store.state.userInfo.phone == '18571466720' || $store.state.userInfo.phone == '18666013582'"  index="/returnRecordShein">退货与报废单列表</el-menu-item>
+            <el-menu-item v-if="$store.state.userInfo.phone == '18571466720' || $store.state.userInfo.phone == '18666013582'" index="/returnRecordShein">退货与报废单列表</el-menu-item>
             <el-menu-item v-if="$store.state.userInfo.phone == '18571466720' || $store.state.userInfo.phone == '17607119772'" index="/labelInfoShein">
               标签管理
             </el-menu-item>
@@ -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">
@@ -405,26 +414,26 @@ export default {
     getAliexpressGoodsList() {
       let url = "https://seller-acs.aliexpress.com/h5/mtop.global.merchant.self.product.manager.render.list/1.0/?jsv=2.7.2&appKey=30267743&t=1713978403051&sign=ba2bda69b4a2695c7279d4bc05f51741&v=1.0&timeout=15000&H5Request=true&url=mtop.global.merchant.self.product.manager.render.list&__channel-id__=701301&api=mtop.global.merchant.self.product.manager.render.list&type=originaljson&dataType=json&valueType=original&x-i18n-regionID=AE"
       url = url + "&data=" + encodeURIComponent(
-        JSON.stringify({
+          JSON.stringify({
-          "channelId": "701301",
+            "channelId": "701301",
-          "jsonBody": JSON.stringify({
+            "jsonBody": JSON.stringify({
-            "tab": "online_product",
+              "tab": "online_product",
-            "sort": {},
+              "sort": {},
-            "filter": {
+              "filter": {
-              "queryCategory": null,
+                "queryCategory": null,
-              "lowerPrice": null,
+                "lowerPrice": null,
-              "upperPrice": null,
+                "upperPrice": null,
-              "status": "0",
+                "status": "0",
-              "productId": null,
+                "productId": null,
-              "pagination": {
+                "pagination": {
-                "pageSize": 10,
+                  "pageSize": 10,
-                "current": 3
+                  "current": 3
+                }
               }
-            }
+            }),
-          }),
+            "from": "SELF",
-          "from":"SELF",
+            "bizParam": "{\"version\":\"simple\"}"
-          "bizParam":"{\"version\":\"simple\"}"
+          })
-        })
       )
       sendAliexpressAPIMessage({
         url: url

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
   }
 }