From 53c10570b6e5ab63bbde59277971eaff4959fb22 Mon Sep 17 00:00:00 2001
From: ZiJIe <17738440858@163.com>
Date: Mon, 23 Jun 2025 18:57:07 +0800
Subject: [PATCH] 222

---
 ruoyi-admin/pom.xml                           |  201 ++--
 .../web/controller/ProductsController.java    |   17 +
 .../web/controller/tool/TestController.java   |    1 -
 .../src/main/resources/application-druid.yml  |    4 +-
 .../src/main/resources/application.yml        |  258 ++--
 ruoyi-ui/package.json                         |  145 +--
 ruoyi-ui/public/index.html                    |  416 +++----
 ruoyi-ui/src/api/prod/products.js             |   44 +
 ruoyi-ui/src/router/index.js                  |   16 +
 ruoyi-ui/src/views/prod/products/index.vue    | 1059 +++++++++++++++++
 ruoyi-ui/vue.config.js                        |    2 +-
 11 files changed, 1655 insertions(+), 508 deletions(-)
 create mode 100644 ruoyi-admin/src/main/java/com/ruoyi/web/controller/ProductsController.java
 create mode 100644 ruoyi-ui/src/api/prod/products.js
 create mode 100644 ruoyi-ui/src/views/prod/products/index.vue

diff --git a/ruoyi-admin/pom.xml b/ruoyi-admin/pom.xml
index 434b5f07..6c69ee70 100644
--- a/ruoyi-admin/pom.xml
+++ b/ruoyi-admin/pom.xml
@@ -1,96 +1,107 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0"
-         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
-    <parent>
-        <artifactId>ruoyi</artifactId>
-        <groupId>com.ruoyi</groupId>
-        <version>3.9.0</version>
-    </parent>
-    <modelVersion>4.0.0</modelVersion>
-    <packaging>jar</packaging>
-    <artifactId>ruoyi-admin</artifactId>
-
-    <description>
-        web服务入口
-    </description>
-
-    <dependencies>
-
-        <!-- spring-boot-devtools -->
-        <dependency>
-            <groupId>org.springframework.boot</groupId>
-            <artifactId>spring-boot-devtools</artifactId>
-            <optional>true</optional> <!-- 表示依赖不会传递 -->
-        </dependency>
-
-        <!-- swagger3-->
-        <dependency>
-            <groupId>io.springfox</groupId>
-            <artifactId>springfox-boot-starter</artifactId>
-        </dependency>
-
-        <!-- 防止进入swagger页面报类型转换错误，排除3.0.0中的引用，手动增加1.6.2版本 -->
-        <dependency>
-            <groupId>io.swagger</groupId>
-            <artifactId>swagger-models</artifactId>
-            <version>1.6.2</version>
-        </dependency>
-
-         <!-- Mysql驱动包 -->
-        <dependency>
-            <groupId>mysql</groupId>
-            <artifactId>mysql-connector-java</artifactId>
-        </dependency>
-
-        <!-- 核心模块-->
-        <dependency>
-            <groupId>com.ruoyi</groupId>
-            <artifactId>ruoyi-framework</artifactId>
-        </dependency>
-
-        <!-- 定时任务-->
-        <dependency>
-            <groupId>com.ruoyi</groupId>
-            <artifactId>ruoyi-quartz</artifactId>
-        </dependency>
-
-        <!-- 代码生成-->
-        <dependency>
-            <groupId>com.ruoyi</groupId>
-            <artifactId>ruoyi-generator</artifactId>
-        </dependency>
-
-    </dependencies>
-
-    <build>
-        <plugins>
-            <plugin>
-                <groupId>org.springframework.boot</groupId>
-                <artifactId>spring-boot-maven-plugin</artifactId>
-                <version>2.5.15</version>
-                <configuration>
-                    <fork>true</fork> <!-- 如果没有该配置，devtools不会生效 -->
-                </configuration>
-                <executions>
-                    <execution>
-                        <goals>
-                            <goal>repackage</goal>
-                        </goals>
-                    </execution>
-                </executions>
-            </plugin>
-            <plugin>   
-                <groupId>org.apache.maven.plugins</groupId>   
-                <artifactId>maven-war-plugin</artifactId>   
-                <version>3.1.0</version>   
-                <configuration>
-                    <failOnMissingWebXml>false</failOnMissingWebXml>
-                    <warName>${project.artifactId}</warName>
-                </configuration>   
-           </plugin>   
-        </plugins>
-        <finalName>${project.artifactId}</finalName>
-    </build>
-
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <parent>
+        <artifactId>ruoyi</artifactId>
+        <groupId>com.ruoyi</groupId>
+        <version>3.9.0</version>
+    </parent>
+    <modelVersion>4.0.0</modelVersion>
+    <packaging>jar</packaging>
+    <artifactId>ruoyi-admin</artifactId>
+
+    <description>
+        web服务入口
+    </description>
+
+    <dependencies>
+
+        <!-- spring-boot-devtools -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-devtools</artifactId>
+            <optional>true</optional> <!-- 表示依赖不会传递 -->
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/us.codecraft/webmagic-core -->
+        <dependency>
+            <groupId>us.codecraft</groupId>
+            <artifactId>webmagic-core</artifactId>
+            <version>1.0.3</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/us.codecraft/webmagic-extension -->
+        <dependency>
+            <groupId>us.codecraft</groupId>
+            <artifactId>webmagic-extension</artifactId>
+            <version>1.0.3</version>
+        </dependency>
+        <!-- swagger3-->
+        <dependency>
+            <groupId>io.springfox</groupId>
+            <artifactId>springfox-boot-starter</artifactId>
+        </dependency>
+
+        <!-- 防止进入swagger页面报类型转换错误，排除3.0.0中的引用，手动增加1.6.2版本 -->
+        <dependency>
+            <groupId>io.swagger</groupId>
+            <artifactId>swagger-models</artifactId>
+            <version>1.6.2</version>
+        </dependency>
+
+         <!-- Mysql驱动包 -->
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+        </dependency>
+
+        <!-- 核心模块-->
+        <dependency>
+            <groupId>com.ruoyi</groupId>
+            <artifactId>ruoyi-framework</artifactId>
+        </dependency>
+
+        <!-- 定时任务-->
+        <dependency>
+            <groupId>com.ruoyi</groupId>
+            <artifactId>ruoyi-quartz</artifactId>
+        </dependency>
+
+        <!-- 代码生成-->
+        <dependency>
+            <groupId>com.ruoyi</groupId>
+            <artifactId>ruoyi-generator</artifactId>
+        </dependency>
+
+    </dependencies>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <version>2.5.15</version>
+                <configuration>
+                    <fork>true</fork> <!-- 如果没有该配置，devtools不会生效 -->
+                </configuration>
+                <executions>
+                    <execution>
+                        <goals>
+                            <goal>repackage</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+            <plugin>   
+                <groupId>org.apache.maven.plugins</groupId>   
+                <artifactId>maven-war-plugin</artifactId>   
+                <version>3.1.0</version>   
+                <configuration>
+                    <failOnMissingWebXml>false</failOnMissingWebXml>
+                    <warName>${project.artifactId}</warName>
+                </configuration>   
+           </plugin>   
+        </plugins>
+        <finalName>${project.artifactId}</finalName>
+    </build>
+
 </project>
\ No newline at end of file
diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/ProductsController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/ProductsController.java
new file mode 100644
index 00000000..d43dbbd5
--- /dev/null
+++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/ProductsController.java
@@ -0,0 +1,17 @@
+package com.ruoyi.web.controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import com.ruoyi.common.core.controller.BaseController;
+/**
+ * prodController
+ * 
+ * @author ruoyi
+ * @date 2025-06-21
+ */
+@RestController
+@RequestMapping("/prod/products")
+public class ProductsController extends BaseController
+{
+
+
+}
diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/tool/TestController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/tool/TestController.java
index c55f9749..fa175c7e 100644
--- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/tool/TestController.java
+++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/tool/TestController.java
@@ -1,5 +1,4 @@
 package com.ruoyi.web.controller.tool;
-
 import java.util.ArrayList;
 import java.util.LinkedHashMap;
 import java.util.List;
diff --git a/ruoyi-admin/src/main/resources/application-druid.yml b/ruoyi-admin/src/main/resources/application-druid.yml
index bcfad3ea..b4082d28 100644
--- a/ruoyi-admin/src/main/resources/application-druid.yml
+++ b/ruoyi-admin/src/main/resources/application-druid.yml
@@ -6,9 +6,9 @@ spring:
         druid:
             # 主库数据源
             master:
-                url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
+                url: jdbc:mysql://192.168.1.89:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
                 username: root
-                password: password
+                password: 123123
             # 从库数据源
             slave:
                 # 从数据源开关/默认关闭
diff --git a/ruoyi-admin/src/main/resources/application.yml b/ruoyi-admin/src/main/resources/application.yml
index 8fb70df7..70054625 100644
--- a/ruoyi-admin/src/main/resources/application.yml
+++ b/ruoyi-admin/src/main/resources/application.yml
@@ -1,129 +1,129 @@
-# 项目相关配置
-ruoyi:
-  # 名称
-  name: RuoYi
-  # 版本
-  version: 3.9.0
-  # 版权年份
-  copyrightYear: 2025
-  # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /home/ruoyi/uploadPath）
-  profile: D:/ruoyi/uploadPath
-  # 获取ip地址开关
-  addressEnabled: false
-  # 验证码类型 math 数字计算 char 字符验证
-  captchaType: math
-
-# 开发环境配置
-server:
-  # 服务器的HTTP端口，默认为8080
-  port: 8080
-  servlet:
-    # 应用的访问路径
-    context-path: /
-  tomcat:
-    # tomcat的URI编码
-    uri-encoding: UTF-8
-    # 连接数满后的排队数，默认为100
-    accept-count: 1000
-    threads:
-      # tomcat最大线程数，默认为200
-      max: 800
-      # Tomcat启动初始化的线程数，默认值10
-      min-spare: 100
-
-# 日志配置
-logging:
-  level:
-    com.ruoyi: debug
-    org.springframework: warn
-
-# 用户配置
-user:
-  password:
-    # 密码最大错误次数
-    maxRetryCount: 5
-    # 密码锁定时间（默认10分钟）
-    lockTime: 10
-
-# Spring配置
-spring:
-  # 资源信息
-  messages:
-    # 国际化资源文件路径
-    basename: i18n/messages
-  profiles:
-    active: druid
-  # 文件上传
-  servlet:
-    multipart:
-      # 单个文件大小
-      max-file-size: 10MB
-      # 设置总上传的文件大小
-      max-request-size: 20MB
-  # 服务模块
-  devtools:
-    restart:
-      # 热部署开关
-      enabled: true
-  # redis 配置
-  redis:
-    # 地址
-    host: localhost
-    # 端口，默认为6379
-    port: 6379
-    # 数据库索引
-    database: 0
-    # 密码
-    password:
-    # 连接超时时间
-    timeout: 10s
-    lettuce:
-      pool:
-        # 连接池中的最小空闲连接
-        min-idle: 0
-        # 连接池中的最大空闲连接
-        max-idle: 8
-        # 连接池的最大数据库连接数
-        max-active: 8
-        # #连接池最大阻塞等待时间（使用负值表示没有限制）
-        max-wait: -1ms
-
-# token配置
-token:
-  # 令牌自定义标识
-  header: Authorization
-  # 令牌密钥
-  secret: abcdefghijklmnopqrstuvwxyz
-  # 令牌有效期（默认30分钟）
-  expireTime: 30
-
-# MyBatis配置
-mybatis:
-  # 搜索指定包别名
-  typeAliasesPackage: com.ruoyi.**.domain
-  # 配置mapper的扫描，找到所有的mapper.xml映射文件
-  mapperLocations: classpath*:mapper/**/*Mapper.xml
-  # 加载全局的配置文件
-  configLocation: classpath:mybatis/mybatis-config.xml
-
-# PageHelper分页插件
-pagehelper:
-  helperDialect: mysql
-  supportMethodsArguments: true
-  params: count=countSql
-
-# Swagger配置
-swagger:
-  # 是否开启swagger
-  enabled: true
-  # 请求前缀
-  pathMapping: /dev-api
-
-# 防止XSS攻击
-xss:
-  # 过滤开关
-  enabled: true
-  # 排除链接（多个用逗号分隔）
-  excludes: /system/notice
-  # 匹配链接
-  urlPatterns: /system/*,/monitor/*,/tool/*
+# 项目相关配置
+ruoyi:
+  # 名称
+  name: RuoYi
+  # 版本
+  version: 3.9.0
+  # 版权年份
+  copyrightYear: 2025
+  # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /home/ruoyi/uploadPath）
+  profile: D:/ruoyi/uploadPath
+  # 获取ip地址开关
+  addressEnabled: false
+  # 验证码类型 math 数字计算 char 字符验证
+  captchaType: math
+
+# 开发环境配置
+server:
+  # 服务器的HTTP端口，默认为8080
+  port: 8080
+  servlet:
+    # 应用的访问路径
+    context-path: /
+  tomcat:
+    # tomcat的URI编码
+    uri-encoding: UTF-8
+    # 连接数满后的排队数，默认为100
+    accept-count: 1000
+    threads:
+      # tomcat最大线程数，默认为200
+      max: 800
+      # Tomcat启动初始化的线程数，默认值10
+      min-spare: 100
+
+# 日志配置
+logging:
+  level:
+    com.ruoyi: debug
+    org.springframework: warn
+
+# 用户配置
+user:
+  password:
+    # 密码最大错误次数
+    maxRetryCount: 5
+    # 密码锁定时间（默认10分钟）
+    lockTime: 10
+
+# Spring配置
+spring:
+  # 资源信息
+  messages:
+    # 国际化资源文件路径
+    basename: i18n/messages
+  profiles:
+    active: druid
+  # 文件上传
+  servlet:
+    multipart:
+      # 单个文件大小
+      max-file-size: 10MB
+      # 设置总上传的文件大小
+      max-request-size: 20MB
+  # 服务模块
+  devtools:
+    restart:
+      # 热部署开关
+      enabled: true
+  # redis 配置
+  redis:
+    # 地址
+    host: localhost
+    # 端口，默认为6379
+    port: 6379
+    # 数据库索引
+    database: 0
+    # 密码
+    password:
+    # 连接超时时间
+    timeout: 10s
+    lettuce:
+      pool:
+        # 连接池中的最小空闲连接
+        min-idle: 0
+        # 连接池中的最大空闲连接
+        max-idle: 8
+        # 连接池的最大数据库连接数
+        max-active: 8
+        # #连接池最大阻塞等待时间（使用负值表示没有限制）
+        max-wait: -1ms
+
+# token配置
+token:
+  # 令牌自定义标识
+  header: Authorization
+  # 令牌密钥
+  secret: abcdefghijklmnopqrstuvwxyz
+  # 令牌有效期（默认30分钟）
+  expireTime: 30
+
+# MyBatis配置
+mybatis:
+  # 搜索指定包别名
+  typeAliasesPackage: com.ruoyi.**.domain
+  # 配置mapper的扫描，找到所有的mapper.xml映射文件
+  mapperLocations: classpath*:mapper/**/*Mapper.xml
+  # 加载全局的配置文件
+  configLocation: classpath:mybatis/mybatis-config.xml
+
+# PageHelper分页插件
+pagehelper:
+  helperDialect: mysql
+  supportMethodsArguments: true
+  params: count=countSql
+
+# Swagger配置
+swagger:
+  # 是否开启swagger
+  enabled: true
+  # 请求前缀
+  pathMapping: /dev-api
+
+# 防止XSS攻击
+xss:
+  # 过滤开关
+  enabled: true
+  # 排除链接（多个用逗号分隔）
+  excludes: /system/notice,/tool/webmagic
+  # 匹配链接
+  urlPatterns: /system/*,/monitor/*,/tool/*
diff --git a/ruoyi-ui/package.json b/ruoyi-ui/package.json
index 5df0cedf..0c89da88 100644
--- a/ruoyi-ui/package.json
+++ b/ruoyi-ui/package.json
@@ -1,72 +1,73 @@
-{
-  "name": "ruoyi",
-  "version": "3.9.0",
-  "description": "若依管理系统",
-  "author": "若依",
-  "license": "MIT",
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build:prod": "vue-cli-service build",
-    "build:stage": "vue-cli-service build --mode staging",
-    "preview": "node build/index.js --preview"
-  },
-  "keywords": [
-    "vue",
-    "admin",
-    "dashboard",
-    "element-ui",
-    "boilerplate",
-    "admin-template",
-    "management-system"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
-  },
-  "dependencies": {
-    "@riophae/vue-treeselect": "0.4.0",
-    "axios": "0.28.1",
-    "clipboard": "2.0.8",
-    "core-js": "3.37.1",
-    "echarts": "5.4.0",
-    "element-ui": "2.15.14",
-    "file-saver": "2.0.5",
-    "fuse.js": "6.4.3",
-    "highlight.js": "9.18.5",
-    "js-beautify": "1.13.0",
-    "js-cookie": "3.0.1",
-    "jsencrypt": "3.0.0-rc.1",
-    "nprogress": "0.2.0",
-    "quill": "2.0.2",
-    "screenfull": "5.0.2",
-    "sortablejs": "1.10.2",
-    "splitpanes": "2.4.1",
-    "vue": "2.6.12",
-    "vue-count-to": "1.0.13",
-    "vue-cropper": "0.5.5",
-    "vue-router": "3.4.9",
-    "vuedraggable": "2.24.3",
-    "vuex": "3.6.0"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "4.4.6",
-    "@vue/cli-service": "4.4.6",
-    "babel-plugin-dynamic-import-node": "2.3.3",
-    "chalk": "4.1.0",
-    "compression-webpack-plugin": "6.1.2",
-    "connect": "3.6.6",
-    "sass": "1.32.13",
-    "sass-loader": "10.1.1",
-    "script-ext-html-webpack-plugin": "2.1.5",
-    "svg-sprite-loader": "5.1.1",
-    "vue-template-compiler": "2.6.12"
-  },
-  "engines": {
-    "node": ">=8.9",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions"
-  ]
-}
+{
+  "name": "ruoyi",
+  "version": "3.9.0",
+  "description": "若依管理系统",
+  "author": "若依",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build:prod": "vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview"
+  },
+  "keywords": [
+    "vue",
+    "admin",
+    "dashboard",
+    "element-ui",
+    "boilerplate",
+    "admin-template",
+    "management-system"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
+  },
+  "dependencies": {
+    "@riophae/vue-treeselect": "0.4.0",
+    "axios": "0.28.1",
+    "clipboard": "2.0.8",
+    "core-js": "^3.43.0",
+    "echarts": "5.4.0",
+    "element-ui": "2.15.14",
+    "file-saver": "2.0.5",
+    "fuse.js": "6.4.3",
+    "highlight.js": "9.18.5",
+    "js-beautify": "1.13.0",
+    "js-cookie": "3.0.1",
+    "jsencrypt": "3.0.0-rc.1",
+    "nprogress": "0.2.0",
+    "quill": "2.0.2",
+    "screenfull": "5.0.2",
+    "sortablejs": "1.10.2",
+    "splitpanes": "2.4.1",
+    "vue": "2.6.12",
+    "vue-count-to": "1.0.13",
+    "vue-cropper": "0.5.5",
+    "vue-router": "3.4.9",
+    "vuedraggable": "2.24.3",
+    "vuex": "3.6.0",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "4.4.6",
+    "@vue/cli-service": "4.4.6",
+    "babel-plugin-dynamic-import-node": "2.3.3",
+    "chalk": "4.1.0",
+    "compression-webpack-plugin": "6.1.2",
+    "connect": "3.6.6",
+    "sass": "1.32.13",
+    "sass-loader": "10.1.1",
+    "script-ext-html-webpack-plugin": "2.1.5",
+    "svg-sprite-loader": "5.1.1",
+    "vue-template-compiler": "2.6.12"
+  },
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}
diff --git a/ruoyi-ui/public/index.html b/ruoyi-ui/public/index.html
index 56fd45b3..925455ca 100644
--- a/ruoyi-ui/public/index.html
+++ b/ruoyi-ui/public/index.html
@@ -1,208 +1,208 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="renderer" content="webkit">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= webpackConfig.name %></title>
-    <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
-	  <style>
-    html,
-    body,
-    #app {
-      height: 100%;
-      margin: 0px;
-      padding: 0px;
-    }
-    .chromeframe {
-      margin: 0.2em 0;
-      background: #ccc;
-      color: #000;
-      padding: 0.2em 0;
-    }
-
-    #loader-wrapper {
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 999999;
-    }
-
-    #loader {
-      display: block;
-      position: relative;
-      left: 50%;
-      top: 50%;
-      width: 150px;
-      height: 150px;
-      margin: -75px 0 0 -75px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-top-color: #FFF;
-      -webkit-animation: spin 2s linear infinite;
-      -ms-animation: spin 2s linear infinite;
-      -moz-animation: spin 2s linear infinite;
-      -o-animation: spin 2s linear infinite;
-      animation: spin 2s linear infinite;
-      z-index: 1001;
-    }
-
-    #loader:before {
-      content: "";
-      position: absolute;
-      top: 5px;
-      left: 5px;
-      right: 5px;
-      bottom: 5px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-top-color: #FFF;
-      -webkit-animation: spin 3s linear infinite;
-      -moz-animation: spin 3s linear infinite;
-      -o-animation: spin 3s linear infinite;
-      -ms-animation: spin 3s linear infinite;
-      animation: spin 3s linear infinite;
-    }
-
-    #loader:after {
-      content: "";
-      position: absolute;
-      top: 15px;
-      left: 15px;
-      right: 15px;
-      bottom: 15px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-top-color: #FFF;
-      -moz-animation: spin 1.5s linear infinite;
-      -o-animation: spin 1.5s linear infinite;
-      -ms-animation: spin 1.5s linear infinite;
-      -webkit-animation: spin 1.5s linear infinite;
-      animation: spin 1.5s linear infinite;
-    }
-
-
-    @-webkit-keyframes spin {
-      0% {
-        -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-      100% {
-        -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        transform: rotate(360deg);
-      }
-    }
-
-    @keyframes spin {
-      0% {
-        -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-      100% {
-        -webkit-transform: rotate(360deg);
-        -ms-transform: rotate(360deg);
-        transform: rotate(360deg);
-      }
-    }
-
-
-    #loader-wrapper .loader-section {
-      position: fixed;
-      top: 0;
-      width: 51%;
-      height: 100%;
-      background: #7171C6;
-      z-index: 1000;
-      -webkit-transform: translateX(0);
-      -ms-transform: translateX(0);
-      transform: translateX(0);
-    }
-
-    #loader-wrapper .loader-section.section-left {
-      left: 0;
-    }
-
-    #loader-wrapper .loader-section.section-right {
-      right: 0;
-    }
-
-
-    .loaded #loader-wrapper .loader-section.section-left {
-      -webkit-transform: translateX(-100%);
-      -ms-transform: translateX(-100%);
-      transform: translateX(-100%);
-      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-    }
-
-    .loaded #loader-wrapper .loader-section.section-right {
-      -webkit-transform: translateX(100%);
-      -ms-transform: translateX(100%);
-      transform: translateX(100%);
-      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-    }
-
-    .loaded #loader {
-      opacity: 0;
-      -webkit-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .loaded #loader-wrapper {
-      visibility: hidden;
-      -webkit-transform: translateY(-100%);
-      -ms-transform: translateY(-100%);
-      transform: translateY(-100%);
-      -webkit-transition: all 0.3s 1s ease-out;
-      transition: all 0.3s 1s ease-out;
-    }
-
-    .no-js #loader-wrapper {
-      display: none;
-    }
-
-    .no-js h1 {
-      color: #222222;
-    }
-
-    #loader-wrapper .load_title {
-      font-family: 'Open Sans';
-      color: #FFF;
-      font-size: 19px;
-      width: 100%;
-      text-align: center;
-      z-index: 9999999999999;
-      position: absolute;
-      top: 60%;
-      opacity: 1;
-      line-height: 30px;
-    }
-
-    #loader-wrapper .load_title span {
-      font-weight: normal;
-      font-style: italic;
-      font-size: 13px;
-      color: #FFF;
-      opacity: 0.5;
-    }
-  </style>
-  </head>
-  <body>
-    <div id="app">
-	    <div id="loader-wrapper">
-		    <div id="loader"></div>
-		    <div class="loader-section section-left"></div>
-		    <div class="loader-section section-right"></div>
-		    <div class="load_title">正在加载系统资源，请耐心等待</div>
-        </div>
-	</div>
-  </body>
-</html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= webpackConfig.name %></title>
+    <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
+	  <style>
+    html,
+    body,
+    #app {
+      height: 100%;
+      margin: 0px;
+      padding: 0px;
+    }
+    .chromeframe {
+      margin: 0.2em 0;
+      background: #ccc;
+      color: #000;
+      padding: 0.2em 0;
+    }
+
+    #loader-wrapper {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 999999;
+    }
+
+    #loader {
+      display: block;
+      position: relative;
+      left: 50%;
+      top: 50%;
+      width: 150px;
+      height: 150px;
+      margin: -75px 0 0 -75px;
+      border-radius: 50%;
+      border: 3px solid transparent;
+      border-top-color: #FFF;
+      -webkit-animation: spin 2s linear infinite;
+      -ms-animation: spin 2s linear infinite;
+      -moz-animation: spin 2s linear infinite;
+      -o-animation: spin 2s linear infinite;
+      animation: spin 2s linear infinite;
+      z-index: 1001;
+    }
+
+    #loader:before {
+      content: "";
+      position: absolute;
+      top: 5px;
+      left: 5px;
+      right: 5px;
+      bottom: 5px;
+      border-radius: 50%;
+      border: 3px solid transparent;
+      border-top-color: #FFF;
+      -webkit-animation: spin 3s linear infinite;
+      -moz-animation: spin 3s linear infinite;
+      -o-animation: spin 3s linear infinite;
+      -ms-animation: spin 3s linear infinite;
+      animation: spin 3s linear infinite;
+    }
+
+    #loader:after {
+      content: "";
+      position: absolute;
+      top: 15px;
+      left: 15px;
+      right: 15px;
+      bottom: 15px;
+      border-radius: 50%;
+      border: 3px solid transparent;
+      border-top-color: #FFF;
+      -moz-animation: spin 1.5s linear infinite;
+      -o-animation: spin 1.5s linear infinite;
+      -ms-animation: spin 1.5s linear infinite;
+      -webkit-animation: spin 1.5s linear infinite;
+      animation: spin 1.5s linear infinite;
+    }
+
+
+    @-webkit-keyframes spin {
+      0% {
+        -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        transform: rotate(0deg);
+      }
+      100% {
+        -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        transform: rotate(360deg);
+      }
+    }
+
+    @keyframes spin {
+      0% {
+        -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+        transform: rotate(0deg);
+      }
+      100% {
+        -webkit-transform: rotate(360deg);
+        -ms-transform: rotate(360deg);
+        transform: rotate(360deg);
+      }
+    }
+
+
+    #loader-wrapper .loader-section {
+      position: fixed;
+      top: 0;
+      width: 51%;
+      height: 100%;
+      background: #7171C6;
+      z-index: 1000;
+      -webkit-transform: translateX(0);
+      -ms-transform: translateX(0);
+      transform: translateX(0);
+    }
+
+    #loader-wrapper .loader-section.section-left {
+      left: 0;
+    }
+
+    #loader-wrapper .loader-section.section-right {
+      right: 0;
+    }
+
+
+    .loaded #loader-wrapper .loader-section.section-left {
+      -webkit-transform: translateX(-100%);
+      -ms-transform: translateX(-100%);
+      transform: translateX(-100%);
+      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+    }
+
+    .loaded #loader-wrapper .loader-section.section-right {
+      -webkit-transform: translateX(100%);
+      -ms-transform: translateX(100%);
+      transform: translateX(100%);
+      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
+    }
+
+    .loaded #loader {
+      opacity: 0;
+      -webkit-transition: all 0.3s ease-out;
+      transition: all 0.3s ease-out;
+    }
+
+    .loaded #loader-wrapper {
+      visibility: hidden;
+      -webkit-transform: translateY(-100%);
+      -ms-transform: translateY(-100%);
+      transform: translateY(-100%);
+      -webkit-transition: all 0.3s 1s ease-out;
+      transition: all 0.3s 1s ease-out;
+    }
+
+    .no-js #loader-wrapper {
+      display: none;
+    }
+
+    .no-js h1 {
+      color: #222222;
+    }
+
+    #loader-wrapper .load_title {
+      font-family: 'Open Sans';
+      color: #FFF;
+      font-size: 19px;
+      width: 100%;
+      text-align: center;
+      z-index: 9999999999999;
+      position: absolute;
+      top: 60%;
+      opacity: 1;
+      line-height: 30px;
+    }
+
+    #loader-wrapper .load_title span {
+      font-weight: normal;
+      font-style: italic;
+      font-size: 13px;
+      color: #FFF;
+      opacity: 0.5;
+    }
+  </style>
+  </head>
+  <body>
+    <div id="app">
+	    <div id="loader-wrapper">
+		    <div id="loader"></div>
+		    <div class="loader-section section-left"></div>
+		    <div class="loader-section section-right"></div>
+		    <div class="load_title">正在加载系统资源，请耐心等待</div>
+        </div>
+	</div>
+  </body>
+</html>
diff --git a/ruoyi-ui/src/api/prod/products.js b/ruoyi-ui/src/api/prod/products.js
new file mode 100644
index 00000000..6c0d4d33
--- /dev/null
+++ b/ruoyi-ui/src/api/prod/products.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询prod列表
+export function listProducts(query) {
+  return request({
+    url: '/prod/products/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询prod详细
+export function getProducts(productId) {
+  return request({
+    url: '/prod/products/' + productId,
+    method: 'get'
+  })
+}
+
+// 新增prod
+export function addProducts(data) {
+  return request({
+    url: '/prod/products',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改prod
+export function updateProducts(data) {
+  return request({
+    url: '/prod/products',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除prod
+export function delProducts(productId) {
+  return request({
+    url: '/prod/products/' + productId,
+    method: 'delete'
+  })
+}
diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js
index bbfd2374..12f1f98e 100644
--- a/ruoyi-ui/src/router/index.js
+++ b/ruoyi-ui/src/router/index.js
@@ -87,6 +87,22 @@ export const constantRoutes = [
         meta: { title: '个人中心', icon: 'user' }
       }
     ]
+  },
+  {
+    path: '/banma',
+    component: Layout,
+    hidden: false,
+    redirect: 'noredirect',
+    name: 'Banma',
+    meta: { title: '斑马订单', icon: 'shopping' },
+    children: [
+      {
+        path: 'orders',
+        component: () => import('@/views/banma/orders/index'),
+        name: 'BanmaOrders',
+        meta: { title: '订单管理', icon: 'list' }
+      }
+    ]
   }
 ]
 
diff --git a/ruoyi-ui/src/views/prod/products/index.vue b/ruoyi-ui/src/views/prod/products/index.vue
new file mode 100644
index 00000000..7b28f61e
--- /dev/null
+++ b/ruoyi-ui/src/views/prod/products/index.vue
@@ -0,0 +1,1059 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <template #header>
+        <div class="clearfix">
+          <span class="card-title">亚马逊产品信息爬取</span>
+        </div>
+      </template>
+      <el-row :gutter="20" class="mb8">
+        <el-col :span="2">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-upload2"
+            size="mini"
+            @click="handleImport"
+            class="action-button"
+          >导入</el-button>
+        </el-col>
+        <el-col :span="2">
+          <el-button
+            type="success"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            :disabled="!productData.length"
+            class="action-button"
+          >导出</el-button>
+        </el-col>
+        <el-col :span="2">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-search"
+            size="mini"
+            @click="handleCrawl"
+            :loading="crawling"
+            :disabled="!asinList.length"
+            class="action-button"
+          >开始爬取</el-button>
+        </el-col>
+        <el-col :span="3">
+          <el-button
+            type="info"
+            plain
+            icon="el-icon-connection"
+            size="mini"
+            @click="openProxyDialog"
+            class="action-button"
+          >选择代理</el-button>
+        </el-col>
+        <el-col :span="15">
+          <div class="notice-box" v-if="asinList.length > 0">
+            已导入 <span class="count-number">{{asinList.length}}</span> 个ASIN
+            <span v-if="currentProxy" class="proxy-info-tag">
+              当前代理: <el-tag size="mini" type="success">{{ currentProxy }}</el-tag>
+            </span>
+          </div>
+        </el-col>
+      </el-row>
+      
+      <!-- 爬取进度条 -->
+      <el-row v-if="crawling">
+        <el-col :span="24">
+          <div class="progress-container">
+            <el-progress 
+              :percentage="crawlProgress.percentage" 
+              :format="progressFormat"
+              :stroke-width="12"
+              class="crawl-progress"
+            ></el-progress>
+          </div>
+        </el-col>
+      </el-row>
+
+      <!-- 数据表格 -->
+      <el-table v-loading="loading" :data="productData" border style="width: 100%">
+        <el-table-column label="ASIN" align="center" prop="asin" min-width="33%" header-align="center" />
+        <el-table-column label="卖家/配送方" align="center" min-width="33%" header-align="center">
+          <template #default="scope">
+            <div class="seller-info seller-center">
+              <span class="primary-seller">{{ scope.row.seller || '未获取' }}</span>
+              <span v-if="scope.row.shipper && scope.row.shipper !== scope.row.seller" class="shipper">
+                配送方: {{ scope.row.shipper }}
+              </span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="当前售价" align="center" prop="price" min-width="33%" header-align="center">
+          <template #default="scope">
+            <span class="price-tag">{{ scope.row.price }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 导入对话框 -->
+      <el-dialog :title="upload.title" :visible="upload.open" @close="upload.open = false" width="400px" append-to-body custom-class="import-dialog">
+        <el-upload
+          ref="upload"
+          :limit="1"
+          accept=".xlsx, .xls, .et"
+          action="#"
+          :auto-upload="false"
+          :on-change="handleFileChange"
+          :show-file-list="true"
+          drag
+        >
+          <i class="el-icon-upload"></i>
+          <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+          <div class="el-upload__tip">
+            <span>仅允许导入Excel或WPS表格文件，第一列必须是ASIN</span>
+            <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
+          </div>
+        </el-upload>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="submitFileForm">确 定</el-button>
+            <el-button @click="upload.open = false">取 消</el-button>
+          </div>
+        </template>
+      </el-dialog>
+      <!-- 代理选择对话框 -->
+      <el-dialog 
+        title="选择代理节点" 
+        :visible="proxyDialog.open" 
+        @close="proxyDialog.open = false" 
+        width="1300px"
+        append-to-body 
+        custom-class="proxy-dialog"
+        :close-on-click-modal="false"
+      >
+        <div class="proxy-search-bar">
+          <el-row :gutter="10">
+            <el-col :span="17">
+              <el-input
+                v-model="proxySearchKeyword"
+                placeholder="搜索代理节点"
+                prefix-icon="el-icon-search"
+                clearable
+                size="small"
+              ></el-input>
+            </el-col>
+            <el-col :span="7">
+              <el-button 
+                type="primary" 
+                icon="el-icon-connection" 
+                size="small" 
+                @click="testProxyDelay" 
+                :loading="testingDelay"
+                :disabled="filteredProxyNodes.length === 0"
+                style="width: 100%;"
+              >测试延迟</el-button>
+            </el-col>
+          </el-row>
+        </div>
+        <div class="proxy-content" v-if="proxyNodes.length > 0">
+          <el-row :gutter="10">
+            <el-col :xs="8" :sm="8" :md="6" :lg="6" :xl="6" v-for="(item, index) in filteredProxyNodes" :key="item.name">
+              <div 
+                class="proxy-item" 
+                :class="{ 'is-selected': selectedProxy === item.name }"
+                @click="selectProxy(item.name)"
+              >
+                <div class="proxy-item-left">
+                  <span class="proxy-flag">{{ getCountryFlag(item.name) }}</span>
+                  <el-radio 
+                    v-model="selectedProxy" 
+                    :label="item.name" 
+                    :disabled="loadingProxy"
+                    class="proxy-radio"
+                  >
+                    <span class="proxy-radio-hidden">{{ item.name }}</span>
+                  </el-radio>
+                </div>
+                <div class="proxy-item-right">
+                  <div class="proxy-name">{{ formatProxyName(item.name) }}</div>
+                  <div class="proxy-detail">
+                    <span class="proxy-server">{{ item.server }}:{{ item.port }}</span>
+                    <el-tag size="mini" :type="getProxyTypeStyle(item.type)" class="proxy-type-tag">{{ item.type }}</el-tag>
+                  </div>
+                  <div class="proxy-index" :style="{ backgroundColor: getProxyColor(index) }">{{ index + 1 }}</div>
+                  <div v-if="item.testing" class="proxy-delay delay-testing">
+                    <i class="el-icon-loading"></i> 测试中
+                  </div>
+                  <div v-else-if="item.delay !== undefined" class="proxy-delay" :class="getDelayClass(item.delay)">
+                    {{ formatDelay(item.delay) }}
+                  </div>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+        <div class="proxy-tip" v-if="proxyNodes.length === 0">
+          <el-alert
+            title="未找到代理节点"
+            type="info"
+            :closable="false"
+            description="请检查test_proxy.yml配置文件是否正确"
+          ></el-alert>
+        </div>
+        <div class="proxy-status" v-if="currentProxy">
+          <div class="proxy-status-label">当前使用:</div>
+          <el-tag size="small" effect="dark" type="success">{{ currentProxy }}</el-tag>
+        </div>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="confirmProxySelection" :loading="loadingProxy">确 定</el-button>
+            <el-button @click="proxyDialog.open = false">取 消</el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import { getToken } from "@/utils/auth";
+import { exportExcel, parseExcel, parseExcelFile } from "@/utils/excel.js";
+
+export default {
+  name: "Products",
+  data() {
+    return {
+      // 遮罩层
+      loading: false,
+      // 爬取中
+      crawling: false,
+      // 产品数据
+      productData: [],
+      // ASIN列表
+      asinList: [],
+      // 导入参数
+      upload: {
+        open: false,
+        title: '导入ASIN',
+        isUploading: false,
+        headers: { Authorization: "Bearer " + getToken() },
+        url: process.env.VUE_APP_BASE_API + "/common/upload"
+      },
+      // 选择的文件
+      selectedFile: null,
+      // 爬取进度
+      crawlProgress: {
+        total: 0,
+        current: 0,
+        percentage: 0
+      },
+      // 代理相关
+      proxyNodes: [], // 所有代理节点
+      selectedProxy: "", // 当前选择的代理名称
+      currentProxy: "", // 当前使用的代理
+      loadingProxy: false, // 加载代理状态
+      proxySearchKeyword: "", // 代理搜索关键词
+      testingDelay: false, // 是否正在测试延迟
+      cachedDelays: [], // 缓存的延迟数据
+      proxyDialog: {
+        open: false
+      },
+      // 临时选择的代理
+      tempSelectedProxy: ""
+    };
+  },
+  computed: {
+    // 过滤后的代理节点列表
+    filteredProxyNodes() {
+      if (!this.proxySearchKeyword) {
+        return this.proxyNodes;
+      }
+      const keyword = this.proxySearchKeyword.toLowerCase();
+      return this.proxyNodes.filter(proxy => 
+        proxy.name.toLowerCase().includes(keyword) || 
+        proxy.server.toLowerCase().includes(keyword)
+      );
+    }
+  },
+  created() {
+    // 页面加载时检查本地缓存
+    this.loadFromCache();
+    // 加载代理节点
+    this.loadProxyNodes();
+  },
+  methods: {
+    /** 从本地缓存加载数据 */
+    loadFromCache() {
+      try {
+        const items = [
+          { key: 'amazon_products_data', target: 'productData' },
+          { key: 'amazon_products_asin_list', target: 'asinList' },
+          { key: 'amazon_products_proxy', target: 'currentProxy' },
+          { key: 'amazon_products_proxy_delays', target: 'cachedDelays' }
+        ];
+        
+        items.forEach(item => {
+            const data = localStorage.getItem(item.key);
+            if (data) {
+              this[item.target] = JSON.parse(data);
+              if (item.target === 'currentProxy') {
+                this.selectedProxy = this[item.target];
+              }
+            }
+
+        });
+      } catch (error) {
+        console.error('加载缓存数据失败:', error);
+        this.clearCache();
+      }
+    },
+    
+    /** 保存数据到本地缓存 */
+    saveToCache() {
+      try {
+        if (this.productData?.length) {
+          localStorage.setItem('amazon_products_data', JSON.stringify(this.productData));
+        }
+        if (this.asinList?.length) {
+          localStorage.setItem('amazon_products_asin_list', JSON.stringify(this.asinList));
+        }
+        if (this.currentProxy) {
+          localStorage.setItem('amazon_products_proxy', this.currentProxy);
+        }
+      } catch (error) {
+        console.error('保存数据到缓存失败:', error);
+      }
+    },
+    
+    /** 保存代理延迟数据到本地缓存 */
+    saveProxyDelaysToCache() {
+      try {
+        if (!this.proxyNodes?.length) return;
+        const delayData = this.proxyNodes
+          .filter(node => node.delay !== undefined)
+          .map(node => ({
+
+            name: node.name,
+            delay: node.delay,
+            status: node.status,
+            timestamp: new Date().getTime()
+          }));
+          
+        if (delayData.length) {
+
+            const testJson = JSON.stringify(delayData);
+            JSON.parse(testJson); // 验证数据可以被解析
+            localStorage.setItem('amazon_products_proxy_delays', testJson);
+        }
+      } catch (error) {
+        console.error('保存代理延迟数据到缓存失败:', error);
+      }
+    },
+    
+    /** 清空缓存数据 */
+    clearCache() {
+      ['amazon_products_data', 'amazon_products_asin_list', 
+       'amazon_products_proxy', 'amazon_products_proxy_delays'].forEach(key => {
+        localStorage.removeItem(key);
+      });
+    },
+
+    /** 获取代理类型样式 */
+    getProxyTypeStyle(type) {
+      if (!type) return '';
+      const styles = {
+        vmess: 'primary',
+        shadowsocks: 'success',
+        socks5: 'warning',
+        http: 'info',
+        trojan: 'danger'
+      };
+      return styles[type.toLowerCase()] || '';
+    },
+    
+    /** 获取代理颜色 */
+    getProxyColor(index) {
+      return ['#409EFF', '#67C23A', '#E6A23C', '#F56C6C', '#909399'][index % 5];
+    },
+    
+    /** 选择代理 */
+    selectProxy(name) {
+      if (!this.loadingProxy && name) {
+        this.selectedProxy = name;
+      }
+    },
+    
+    /** 加载代理节点列表 */
+    loadProxyNodes() {
+      this.loading = true;
+      request({
+        url: '/tool/webmagic/proxies',
+        method: 'get'
+      }).then(response => {
+        this.loading = false;
+        if (response.code === 200) {
+          this.proxyNodes = response.data || [];
+          
+          if (this.proxyNodes.length) {
+            if (this.currentProxy) {
+              this.selectedProxy = this.currentProxy;
+            }
+            
+            this.restoreCachedDelays();
+          }
+        } else {
+          this.$message.error(response.msg || '加载代理节点失败');
+        }
+      }).catch(() => {
+        this.loading = false;
+      });
+    },
+    
+    restoreCachedDelays() {
+      if (!this.cachedDelays?.length || !this.proxyNodes?.length) return;
+      
+      const now = new Date().getTime();
+      const oneDay = 24 * 60 * 60 * 1000;
+      
+      this.cachedDelays.forEach(cachedItem => {
+        if (cachedItem?.timestamp && (now - cachedItem.timestamp) < oneDay) {
+          const proxyNode = this.proxyNodes.find(p => p.name === cachedItem.name);
+          if (proxyNode) {
+            proxyNode.delay = cachedItem.delay;
+            proxyNode.status = cachedItem.status;
+          }
+        }
+      });
+    },
+    
+    /** 打开代理选择对话框 */
+    openProxyDialog() {
+      this.tempSelectedProxy = this.selectedProxy;
+      this.proxyDialog.open = true;
+    },
+
+    /** 确认代理选择 */
+    confirmProxySelection() {
+      if (this.selectedProxy && this.selectedProxy !== this.currentProxy) {
+        this.handleProxyChange(this.selectedProxy);
+      } else {
+        this.proxyDialog.open = false;
+      }
+    },
+    
+    /** 切换代理节点 */
+    handleProxyChange(proxyName) {
+      if (!proxyName) return;
+      
+      this.loadingProxy = true;
+      request({
+        url: '/tool/webmagic/proxy/set',
+        method: 'post',
+        params: { proxyName }
+      }).then(response => {
+        this.loadingProxy = false;
+        this.proxyDialog.open = false;
+        
+        if (response.code === 200) {
+          this.currentProxy = proxyName;
+          this.saveToCache();
+        } else {
+          this.$message.error(response.msg || '切换代理失败');
+          this.selectedProxy = this.currentProxy;
+        }
+      }).catch(() => {
+        this.loadingProxy = false;
+        this.proxyDialog.open = false;
+        this.selectedProxy = this.currentProxy;
+      });
+    },
+    
+    /** 获取国家/地区旗帜emoji */
+    getCountryFlag(proxyName) {
+      if (!proxyName) return '🌍';
+      
+      const lowerName = proxyName.toLowerCase();
+      const flags = {
+        'hong kong': '🇭🇰', 'hk': '🇭🇰', '🇭🇰': '🇭🇰',
+        'japan': '🇯🇵', 'jp': '🇯🇵', '🇯🇵': '🇯🇵',
+        'taiwan': '🇹🇼', 'tw': '🇹🇼', '🇹🇼': '🇹🇼',
+        'singapore': '🇸🇬', 'sg': '🇸🇬', '🇸🇬': '🇸🇬',
+        'united states': '🇺🇸', 'usa': '🇺🇸', 'us': '🇺🇸', '🇺🇸': '🇺🇸',
+        'korea': '🇰🇷', 'kr': '🇰🇷', '🇰🇷': '🇰🇷',
+        'india': '🇮🇳', 'in': '🇮🇳', '🇮🇳': '🇮🇳',
+        'vietnam': '🇻🇳', 'vn': '🇻🇳', '🇻🇳': '🇻🇳',
+        'australia': '🇦🇺', 'au': '🇦🇺', '🇦🇺': '🇦🇺',
+        'philippines': '🇵🇭', 'ph': '🇵🇭', '🇵🇭': '🇵🇭',
+        'indonesia': '🇮🇩', 'id': '🇮🇩', '🇮🇩': '🇮🇩',
+        'thailand': '🇹🇭', 'th': '🇹🇭', '🇹🇭': '🇹🇭',
+        'germany': '🇩🇪', 'de': '🇩🇪', '🇩🇪': '🇩🇪',
+        'france': '🇫🇷', 'fr': '🇫🇷', '🇫🇷': '🇫🇷',
+        'uk': '🇬🇧', 'united kingdom': '🇬🇧', 'gb': '🇬🇧', '🇬🇧': '🇬🇧',
+        'canada': '🇨🇦', 'ca': '🇨🇦', '🇨🇦': '🇨🇦',
+        'malaysia': '🇲🇾', 'my': '🇲🇾', '🇲🇾': '🇲🇾'
+      };
+      
+      const matchedKey = Object.keys(flags).find(key => lowerName.includes(key));
+      return matchedKey ? flags[matchedKey] : '🌍';
+    },
+
+    /** 格式化代理名称 */
+    formatProxyName(proxyName) {
+      if (!proxyName) return '';
+      return proxyName.replace(/^[\uD800-\uDBFF][\uDC00-\uDFFF]\s*/, '')
+                      .replace(/^\s*(vn|jp|hk|tw|sg|us|kr|in|ph|id|th|de|fr|gb|ca|my)\s+/i, '');
+    },
+    
+    /** 导入按钮操作 */
+    handleImport() {
+      this.upload.title = "导入ASIN";
+      this.upload.open = true;
+    },
+    
+    /** 进度条格式化 */
+    progressFormat(percentage) {
+      return `${this.crawlProgress.current}/${this.crawlProgress.total}`;
+    },
+    
+    /** 获取进度条状态 */
+    getProgressStatus() {
+      if (this.crawlProgress.percentage >= 100) return 'success';
+      if (this.crawlProgress.percentage < 0) return 'exception';
+      return ''; 
+    },
+    
+    /** 下载模板操作 */
+    importTemplate() {
+      // 创建模板数据
+      const data = [
+        ['ASIN', '商品标题', '卖家/配送方', '当前售价（日元）'],
+        ['B0DGQ2J6N4', '', '', ''],
+        ['B07Q4W55T1', '', '', ''],
+        ['B0BYZLBHYH', '', '', '']
+      ];
+      exportExcel(data, '亚马逊产品信息模板', '.et');
+    },
+    
+    // 文件变更处理
+    handleFileChange(file) {
+      // 验证文件类型
+      const fileName = file.name;
+      const fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
+      if (fileExt !== 'xlsx' && fileExt !== 'xls' && fileExt !== 'et') {
+        this.$message.error('请上传Excel或WPS表格文件');
+        this.$refs.upload.clearFiles();
+        return false;
+      }
+      
+      // 保存当前选择的文件
+      this.selectedFile = file.raw;
+    },
+    
+    // 提交文件表单
+    submitFileForm() {
+      console.log('处理文件提交');
+      if (!this.selectedFile) {
+        this.$message.error('请先选择Excel文件');
+        return;
+      }
+
+      // 直接解析选择的文件
+      parseExcelFile(this.selectedFile).then(data => {
+        console.log('解析Excel成功', data);
+        if (data.length <= 1) {
+          this.$message.error('导入数据为空');
+          return;
+        }
+        
+        // 第一行是标题，从第二行开始
+        this.asinList = data.slice(1).map(row => row[0]).filter(asin => asin);
+        this.upload.open = false;
+        this.$message.success(`成功解析到${this.asinList.length}个ASIN`);
+        
+        // 保存ASIN列表到缓存
+        this.saveToCache();
+      }).catch(err => {
+        console.error('解析Excel失败', err);
+        this.$message.error('解析Excel失败: ' + err);
+      });
+    },
+    
+    // 处理爬取
+    handleCrawl() {
+      if (!this.asinList.length) {
+        this.$message.warning("请先导入ASIN列表");
+        return;
+      }
+      
+      if (!this.currentProxy) {
+        this.startCrawl(); // 直接开始爬取，不弹确认框
+      } else {
+        this.startCrawl();
+      }
+    },
+    
+    // 开始爬取
+    startCrawl() {
+      this.crawling = true;
+      this.loading = true;
+      
+      // 初始化爬取进度
+      this.crawlProgress = {
+        total: this.asinList.length,
+        current: 0,
+        percentage: 0
+      };
+      
+      // 分批爬取，每批2个ASIN
+      const batchSize = 2;
+      this.productData = []; // 清空之前的数据
+      
+      // 清空缓存中的产品数据
+      localStorage.removeItem('amazon_products_data');
+      
+      // 开始分批爬取
+      this.batchCrawl(this.asinList, 0, batchSize);
+    },
+    
+    // 分批爬取方法
+    batchCrawl(asinList, startIndex, batchSize) {
+      if (startIndex >= asinList.length) {
+        this.crawling = false;
+        this.loading = false;
+        this.$message.success(`爬取完成，共获取${this.productData.length}个产品信息`);
+
+        this.saveToCache();
+        return;
+      }
+      
+      // 计算当前批次的结束索引
+      const endIndex = Math.min(startIndex + batchSize, asinList.length);
+      // 获取当前批次的ASIN列表
+      const currentBatch = asinList.slice(startIndex, endIndex);
+      
+      // 更新进度信息
+      this.crawlProgress.current = startIndex;
+      this.crawlProgress.percentage = Math.floor((startIndex / this.crawlProgress.total) * 100);
+      
+      // 调用后端爬取接口
+      request({
+        url: '/tool/webmagic/batch',
+        method: 'post',
+        data: currentBatch,
+        timeout: 9000000 
+      }).then(response => {
+        if (response.code === 200) {
+          this.productData = [...this.productData, ...response.data];
+            
+          this.crawlProgress.current = endIndex;
+          this.crawlProgress.percentage = Math.floor((endIndex / this.crawlProgress.total) * 100);
+            this.batchCrawl(asinList, endIndex, batchSize);
+        } else {
+          this.$message.error(response.msg || "爬取失败");
+          this.crawling = false;
+          this.loading = false;
+        }
+      }).catch(error => {
+        console.error("爬取失败:", error);
+        this.$message.error("爬取失败: " + (error.message || error));
+        
+        if (error.message && error.message.includes('timeout')) {
+          this.$message.warning("当前批次请求超时，将尝试继续下一批");
+
+          currentBatch.forEach(asin => {
+            this.productData.push({
+              asin: asin,
+              seller: '爬取超时',
+              price: '未获取'
+            });
+          });
+          this.batchCrawl(asinList, endIndex, batchSize);
+        } else {
+          this.crawling = false;
+          this.loading = false;
+        }
+      });
+    },
+    
+    // 导出Excel
+    handleExport() {
+      if (!this.productData.length) {
+        this.$message.warning("没有数据可导出");
+        return;
+      }
+      
+      const data = [
+        ['ASIN', '卖家/配送方', '当前售价']
+      ];
+      
+      this.productData.forEach(item => {
+        const seller = item.seller || '';
+        const shipper = item.shipper ? (item.shipper !== item.seller ? `配送方: ${item.shipper}` : '') : '';
+        const sellerInfo = shipper ? `${seller} (${shipper})` : seller;
+        
+        data.push([
+          item.asin || '',
+          sellerInfo,
+          item.price || ''
+        ]);
+      });
+      
+      exportExcel(data, '亚马逊产品信息', '.et');
+    },
+    
+    /** 测试代理延迟 */
+    testProxyDelay() {
+      if (!this.filteredProxyNodes?.length) {
+        this.$message.warning('没有可测试的代理节点');
+        return;
+      }
+
+      this.startProxyTest(); // 直接开始测试，不弹确认框
+    },
+    
+    /** 开始测试代理节点 */
+    startProxyTest() {
+      this.testingDelay = true;
+      const proxyNames = this.filteredProxyNodes.map(item => item.name);
+      
+      this.proxyNodes.forEach(proxy => {
+        if (proxyNames.includes(proxy.name)) {
+          proxy.delay = undefined;
+          proxy.testing = true;
+        }
+      });
+      
+      const batches = [];
+      const batchSize = 10;
+      
+      for (let i = 0; i < proxyNames.length; i += batchSize) {
+        batches.push(proxyNames.slice(i, i + batchSize));
+      }
+      
+      this.testNextBatch(batches, 0);
+    },
+    
+    /** 测试下一批代理节点 */
+    testNextBatch(batches, batchIndex) {
+      if (batchIndex >= batches.length) {
+        this.testingDelay = false;
+        this.$message.success('测试延迟完成');
+        this.saveProxyDelaysToCache();
+        return;
+      }
+      
+      request({
+        url: '/tool/webmagic/proxy/test',
+        method: 'post',
+        data: batches[batchIndex],
+        timeout: 30000
+      }).then(response => {
+        if (response.code === 200 && response.data) {
+          this.updateProxyDelays(response.data);
+          setTimeout(() => {
+            this.testNextBatch(batches, batchIndex + 1);
+          }, 200);
+        } else {
+          this.handleTestError('测试失败', batches, batchIndex);
+        }
+      }).catch(error => {
+        this.handleTestError(error.message || '网络错误', batches, batchIndex);
+      });
+    },
+    
+    updateProxyDelays(results) {
+      if (!results?.length) return;
+      
+      results.forEach(result => {
+        const proxyNode = this.proxyNodes.find(p => p.name === result.name);
+        if (proxyNode) {
+          proxyNode.delay = result.delay;
+          proxyNode.status = result.status;
+          proxyNode.testing = false;
+        }
+      });
+    },
+    
+    /** 处理测试错误 */
+    handleTestError(errorMsg, batches, batchIndex) {
+      console.error('测试代理延迟失败:', errorMsg);
+      
+      batches[batchIndex].forEach(proxyName => {
+        const proxyNode = this.proxyNodes.find(p => p.name === proxyName);
+        if (proxyNode?.testing) {
+          proxyNode.delay = -1;
+          proxyNode.status = 'fail';
+          proxyNode.testing = false;
+        }
+      });
+      
+      this.$message.warning('部分代理测试失败，继续测试下一批');
+      setTimeout(() => {
+        this.testNextBatch(batches, batchIndex + 1);
+      }, 500);
+    },
+    
+    /** 获取延迟样式类 */
+    getDelayClass(delay) {
+      if (delay === undefined || delay < 0) return 'delay-error';
+      if (delay < 100) return 'delay-excellent';
+      if (delay < 200) return 'delay-good';
+      if (delay < 500) return 'delay-normal';
+      if (delay < 1000) return 'delay-slow';
+      return 'delay-very-slow';
+    },
+    
+    /** 格式化延迟显示 */
+    formatDelay(delay) {
+      if (delay === undefined) return '';
+      if (delay < 0) return '超时';
+      return delay + 'ms';
+    }
+  }
+};
+</script>
+
+<style scoped>
+.mb8 {
+  margin-bottom: 8px;
+}
+.progress-container {
+  margin: 10px 0;
+  padding: 10px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+.seller-info {
+  display: flex;
+  flex-direction: column;
+}
+.seller-center {
+  text-align: center;
+  align-items: center;
+}
+.primary-seller {
+  font-weight: bold;
+}
+.shipper {
+  color: #909399;
+  font-size: 0.8em;
+}
+.price-tag {
+  font-weight: bold;
+  color: #409EFF;
+  display: block;
+  text-align: center;
+}
+.action-button {
+  width: 100%;
+  margin-bottom: 5px;
+}
+.crawl-progress {
+  margin-top: 5px;
+}
+.el-table {
+  margin-top: 15px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+}
+.el-table :deep(th) {
+  background-color: #f5f7fa !important;
+  color: #303133;
+  font-weight: bold;
+  padding: 10px 0;
+}
+.card-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+}
+.box-card {
+  margin-bottom: 20px;
+  border-radius: 6px;
+}
+.import-dialog :deep(.el-dialog__header) {
+  background-color: #f5f7fa;
+  padding: 15px 20px;
+  border-bottom: 1px solid #e6e6e6;
+}
+.import-dialog :deep(.el-dialog__body) {
+  padding: 20px;
+}
+.import-dialog :deep(.el-dialog__footer) {
+  padding: 10px 20px 15px;
+  border-top: 1px solid #e6e6e6;
+  background-color: #f5f7fa;
+}
+.proxy-dialog :deep(.el-dialog__body) {
+  padding: 20px;
+  max-height: 70vh;
+  overflow-y: auto;
+}
+.notice-box {
+  margin-bottom: 10px;
+  font-size: 14px;
+  color: #606266;
+}
+.count-number {
+  font-weight: bold;
+  color: #409EFF;
+}
+.notice-text {
+  margin-left: 10px;
+  font-size: 12px;
+  color: #909399;
+}
+.proxy-info-tag {
+  margin-left: 15px;
+}
+.proxy-search-bar {
+  margin-bottom: 15px;
+}
+.proxy-content {
+  margin-top: 15px;
+}
+.proxy-item {
+  position: relative;
+  margin-bottom: 10px;
+  border: 1px solid #EBEEF5;
+  border-radius: 4px;
+  background-color: #fff;
+  padding: 8px;
+  transition: all 0.3s;
+  display: flex;
+  cursor: pointer;
+  overflow: hidden;
+  height: 70px;
+}
+.proxy-item:hover {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+.proxy-item.is-selected {
+  border-color: #409EFF;
+  background-color: #ecf5ff;
+}
+.proxy-item-left {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-right: 8px;
+  width: 36px;
+  flex-shrink: 0;
+}
+.proxy-flag {
+  font-size: 22px;
+  text-align: center;
+  margin-bottom: 2px;
+}
+.proxy-item-right {
+  flex: 1;
+  position: relative;
+  min-width: 0; /* 避免内容溢出 */
+}
+.proxy-radio {
+  margin-right: 0;
+  margin-left: 0;
+}
+.proxy-radio-hidden {
+  visibility: hidden;
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  position: absolute;
+}
+.proxy-name {
+  font-weight: bold;
+  font-size: 14px;
+  color: #303133;
+  margin-bottom: 4px;
+  padding-right: 25px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.proxy-detail {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.proxy-server {
+  color: #606266;
+  font-size: 12px;
+  margin-right: 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: calc(100% - 60px);
+}
+.proxy-type-tag {
+  height: 20px;
+  line-height: 18px;
+  font-size: 11px;
+  flex-shrink: 0;
+}
+.proxy-index {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 20px;
+  height: 20px;
+  border-bottom-left-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: #fff;
+  font-weight: bold;
+}
+.proxy-status {
+  display: flex;
+  align-items: center;
+  margin-top: 15px;
+  padding-top: 15px;
+  border-top: 1px solid #EBEEF5;
+}
+.proxy-status-label {
+  margin-right: 10px;
+  font-size: 13px;
+  color: #606266;
+}
+.proxy-tip {
+  margin-top: 10px;
+}
+.proxy-delay {
+  position: absolute;
+  top: 0;
+  right: 25px;
+  padding: 2px 6px;
+  border-radius: 2px;
+  font-size: 12px;
+  font-weight: bold;
+  color: #fff;
+}
+.delay-testing {
+  background-color: #409EFF;
+  display: flex;
+  align-items: center;
+}
+.delay-testing i {
+  margin-right: 3px;
+}
+.delay-excellent {
+  background-color: #67C23A;
+}
+.delay-good {
+  background-color: #85CE61;
+}
+.delay-normal {
+  background-color: #E6A23C;
+}
+.delay-slow {
+  background-color: #F56C6C;
+}
+.delay-very-slow {
+  background-color: #F78989;
+}
+.delay-error {
+  background-color: #909399;
+}
+</style>
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index a6bfb3b8..ae755d9d 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -9,7 +9,7 @@ const CompressionPlugin = require('compression-webpack-plugin')
 
 const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
 
-const baseUrl = 'http://localhost:8080' // 后端接口
+const baseUrl = 'http://192.168.1.89:8080' // 后端接口
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口