diff --git a/backend/src/main/java/com/sunnyfarm/config/properties/AliyunExpressMapProperties.java b/backend/src/main/java/com/sunnyfarm/config/properties/AliyunExpressMapProperties.java
new file mode 100644
index 0000000..b01d781
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/config/properties/AliyunExpressMapProperties.java
@@ -0,0 +1,24 @@
+package com.sunnyfarm.config.properties;
+
+import lombok.Data;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.stereotype.Component;
+
+/**
+ * 阿里云物流轨迹地图API配置属性
+ */
+@Data
+@Component
+@ConfigurationProperties(prefix = "aliyun.express-map")
+public class AliyunExpressMapProperties {
+    
+    /**
+     * AppCode
+     */
+    private String appCode;
+    
+    /**
+     * API基础URL
+     */
+    private String baseUrl;
+}
diff --git a/backend/src/main/java/com/sunnyfarm/config/properties/AliyunExpressProperties.java b/backend/src/main/java/com/sunnyfarm/config/properties/AliyunExpressProperties.java
new file mode 100644
index 0000000..214217a
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/config/properties/AliyunExpressProperties.java
@@ -0,0 +1,24 @@
+package com.sunnyfarm.config.properties;
+
+import lombok.Data;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.stereotype.Component;
+
+/**
+ * 阿里云物流API配置属性
+ */
+@Data
+@Component
+@ConfigurationProperties(prefix = "aliyun.express")
+public class AliyunExpressProperties {
+    
+    /**
+     * AppCode
+     */
+    private String appCode;
+    
+    /**
+     * API基础URL
+     */
+    private String baseUrl;
+}
diff --git a/backend/src/main/java/com/sunnyfarm/config/properties/AmapProperties.java b/backend/src/main/java/com/sunnyfarm/config/properties/AmapProperties.java
new file mode 100644
index 0000000..8f6c556
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/config/properties/AmapProperties.java
@@ -0,0 +1,36 @@
+package com.sunnyfarm.config.properties;
+
+import lombok.Data;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.stereotype.Component;
+
+/**
+ * 高德地图配置属性
+ */
+@Data
+@Component
+@ConfigurationProperties(prefix = "amap")
+public class AmapProperties {
+    
+    /**
+     * Web服务API配置（后端调用）
+     */
+    private WebApi webApi;
+    
+    /**
+     * JS API配置（前端使用）
+     */
+    private JsApi jsApi;
+    
+    @Data
+    public static class WebApi {
+        private String key;
+        private String baseUrl;
+    }
+    
+    @Data
+    public static class JsApi {
+        private String key;
+        private String securityKey;
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/controller/AdminController.java b/backend/src/main/java/com/sunnyfarm/controller/AdminController.java
index 44c61aa..6ed251d 100644
--- a/backend/src/main/java/com/sunnyfarm/controller/AdminController.java
+++ b/backend/src/main/java/com/sunnyfarm/controller/AdminController.java
@@ -23,6 +23,7 @@ import java.time.LocalTime;
 import java.time.format.DateTimeFormatter;
 import java.util.HashMap;
 import java.util.List;
+import java.util.stream.Collectors;
 import java.util.Map;
  
 @RestController
@@ -60,6 +61,9 @@ public class AdminController {
     @Autowired
     private JwtUtil jwtUtil;
     
+    @Autowired
+    private ProductImageService productImageService;
+    
     /**
      * 管理员登录
      */
@@ -341,8 +345,16 @@ public class AdminController {
         
         Page<Product> result = productService.page(pageParam, queryWrapper);
         
+        // 批量加载商品图片
+        List<Product> products = result.getRecords();
+        if (products != null && !products.isEmpty()) {
+            for (Product product : products) {
+                loadProductImages(product);
+            }
+        }
+        
         PageResult<Product> pageResult = new PageResult<>();
-        pageResult.setRecords(result.getRecords());
+        pageResult.setRecords(products);
         pageResult.setTotal(result.getTotal());
         pageResult.setCurrent(result.getCurrent());
         pageResult.setSize(result.getSize());
@@ -380,6 +392,43 @@ public class AdminController {
         }
     }
     
+    /**
+     * 管理员获取商品详情（不限制状态）
+     */
+    @GetMapping("/products/{id}")
+    public Result<Product> getProductDetail(@PathVariable Long id) {
+        // 管理员端不限制商品状态，可以查看所有商品
+        Product product = productService.getById(id);
+        
+        if (product == null) {
+            return Result.error("商品不存在");
+        }
+        
+        // 加载商品图片
+        loadProductImages(product);
+        
+        return Result.success(product);
+    }
+    
+    /**
+     * 加载商品图片列表
+     */
+    private void loadProductImages(Product product) {
+        if (product != null) {
+            QueryWrapper<ProductImage> imageQueryWrapper = new QueryWrapper<>();
+            imageQueryWrapper.eq("product_id", product.getId())
+                           .orderByAsc("sort_order");
+            List<ProductImage> images = productImageService.list(imageQueryWrapper);
+            
+            if (images != null && !images.isEmpty()) {
+                List<String> imageList = images.stream()
+                    .map(ProductImage::getImageUrl)
+                    .collect(Collectors.toList());
+                product.setImageList(imageList);
+            }
+        }
+    }
+    
     /**
      * 获取订单列表
      */
@@ -418,6 +467,44 @@ public class AdminController {
         return Result.success(pageResult);
     }
     
+
+    
+    /**
+     * 管理员获取订单详情
+     */
+    @GetMapping("/orders/{id}")
+    public Result<Order> getOrderDetail(@PathVariable Long id) {
+        try {
+            // 管理员可以查看所有订单，不需要验证用户身份
+            Order order = orderService.getOrderDetail(id);
+            
+            if (order == null) {
+                return Result.error("订单不存在");
+            }
+            
+            // 设置状态名称
+            order.setStatusName(getOrderStatusName(order.getStatus()));
+            
+            return Result.success(order);
+        } catch (Exception e) {
+            return Result.error("获取订单详情失败: " + e.getMessage());
+        }
+    }
+    
+    /**
+     * 获取订单状态名称
+     */
+    private String getOrderStatusName(Integer status) {
+        switch (status) {
+            case 1: return "待支付";
+            case 2: return "已支付";
+            case 3: return "已发货";
+            case 4: return "已完成";
+            case 5: return "已取消";
+            case 6: return "已退款";
+            default: return "未知状态";
+        }
+    }
     /**
      * 获取最新动态
      */
diff --git a/backend/src/main/java/com/sunnyfarm/controller/ExpressController.java b/backend/src/main/java/com/sunnyfarm/controller/ExpressController.java
new file mode 100644
index 0000000..1da3d3f
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/controller/ExpressController.java
@@ -0,0 +1,55 @@
+package com.sunnyfarm.controller;
+
+import com.sunnyfarm.common.Result;
+import com.sunnyfarm.dto.express.ExpressInfoDTO;
+import com.sunnyfarm.service.ExpressService;
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.web.bind.annotation.*;
+
+/**
+ * 物流查询Controller
+ */
+@Slf4j
+@RestController
+@RequestMapping("/api/express")
+@RequiredArgsConstructor
+public class ExpressController {
+    
+    private final ExpressService expressService;
+    
+    /**
+     * 根据快递单号查询物流信息
+     */
+    @GetMapping("/query")
+    public Result<ExpressInfoDTO> queryExpress(
+            @RequestParam String trackingNumber,
+            @RequestParam(required = false) String companyCode
+    ) {
+        log.info("📦 查询物流信息 - 单号: {}, 公司: {}", trackingNumber, companyCode);
+        
+        try {
+            ExpressInfoDTO result = expressService.queryExpressInfo(trackingNumber, companyCode);
+            return Result.success(result);
+        } catch (Exception e) {
+            log.error("❌ 查询物流信息失败", e);
+            return Result.error(e.getMessage());
+        }
+    }
+    
+    /**
+     * 根据订单ID查询物流信息
+     */
+    @GetMapping("/order/{orderId}")
+    public Result<ExpressInfoDTO> queryExpressByOrder(@PathVariable Long orderId) {
+        log.info("📦 根据订单查询物流 - 订单ID: {}", orderId);
+        
+        try {
+            ExpressInfoDTO result = expressService.queryExpressByOrderId(orderId);
+            return Result.success(result);
+        } catch (Exception e) {
+            log.error("❌ 查询物流信息失败", e);
+            return Result.error(e.getMessage());
+        }
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/dto/express/AmapRouteDTO.java b/backend/src/main/java/com/sunnyfarm/dto/express/AmapRouteDTO.java
new file mode 100644
index 0000000..e4aeedd
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/dto/express/AmapRouteDTO.java
@@ -0,0 +1,80 @@
+package com.sunnyfarm.dto.express;
+
+import lombok.Data;
+import java.util.List;
+
+/**
+ * 高德路径规划DTO
+ */
+@Data
+public class AmapRouteDTO {
+    
+    /**
+     * 状态码：1=成功
+     */
+    private String status;
+    
+    /**
+     * 返回信息
+     */
+    private String info;
+    
+    /**
+     * 路线方案
+     */
+    private Route route;
+    
+    @Data
+    public static class Route {
+        /**
+         * 起点坐标
+         */
+        private String origin;
+        
+        /**
+         * 终点坐标
+         */
+        private String destination;
+        
+        /**
+         * 路径列表
+         */
+        private List<Path> paths;
+    }
+    
+    @Data
+    public static class Path {
+        /**
+         * 距离（米）
+         */
+        private String distance;
+        
+        /**
+         * 时间（秒）
+         */
+        private String duration;
+        
+        /**
+         * 路段列表
+         */
+        private List<Step> steps;
+    }
+    
+    @Data
+    public static class Step {
+        /**
+         * 路段坐标点串
+         */
+        private String polyline;
+        
+        /**
+         * 道路名称
+         */
+        private String road;
+        
+        /**
+         * 距离（米）
+         */
+        private String distance;
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/dto/express/ExpressInfoDTO.java b/backend/src/main/java/com/sunnyfarm/dto/express/ExpressInfoDTO.java
new file mode 100644
index 0000000..63f2115
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/dto/express/ExpressInfoDTO.java
@@ -0,0 +1,112 @@
+package com.sunnyfarm.dto.express;
+
+import lombok.Data;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 物流综合信息DTO（包含轨迹和地图数据）
+ */
+@Data
+public class ExpressInfoDTO {
+    
+    /**
+     * 快递单号
+     */
+    private String trackingNumber;
+    
+    /**
+     * 快递公司名称
+     */
+    private String companyName;
+    
+    /**
+     * 快递公司代码
+     */
+    private String companyCode;
+    
+    /**
+     * 物流状态
+     */
+    private String status;
+    
+    /**
+     * 当前位置
+     */
+    private String currentLocation;
+    
+    /**
+     * 更新时间
+     */
+    private String updateTime;
+    
+    /**
+     * 物流轨迹列表
+     */
+    private List<TraceItem> traces;
+    
+    /**
+     * 地图路线数据
+     */
+    private MapRouteData mapRoute;
+    
+    @Data
+    public static class TraceItem {
+        /**
+         * 时间
+         */
+        private String time;
+        
+        /**
+         * 地点
+         */
+        private String location;
+        
+        /**
+         * 状态描述
+         */
+        private String status;
+    }
+    
+    @Data
+    public static class MapRouteData {
+        /**
+         * 城市列表（用于标记）
+         */
+        private List<CityPoint> cities;
+        
+        /**
+         * 路线坐标点（如果有路径规划）
+         */
+        private List<List<Double>> routePoints;
+        
+        /**
+         * 路线信息
+         */
+        private String distance;
+        private String duration;
+    }
+    
+    @Data
+    public static class CityPoint {
+        /**
+         * 城市名称
+         */
+        private String name;
+        
+        /**
+         * 经度
+         */
+        private Double lng;
+        
+        /**
+         * 纬度
+         */
+        private Double lat;
+        
+        /**
+         * 序号
+         */
+        private Integer index;
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/dto/express/ExpressMapDTO.java b/backend/src/main/java/com/sunnyfarm/dto/express/ExpressMapDTO.java
new file mode 100644
index 0000000..b7604b6
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/dto/express/ExpressMapDTO.java
@@ -0,0 +1,54 @@
+package com.sunnyfarm.dto.express;
+
+import lombok.Data;
+import java.util.List;
+
+/**
+ * 物流轨迹地图DTO
+ */
+@Data
+public class ExpressMapDTO {
+    
+    /**
+     * 是否成功
+     */
+    private Boolean Success;
+    
+    /**
+     * 原因
+     */
+    private String Reason;
+    
+    /**
+     * 当前位置
+     */
+    private String Location;
+    
+    /**
+     * 轨迹列表
+     */
+    private List<Trace> Traces;
+    
+    @Data
+    public static class Trace {
+        /**
+         * 接收时间
+         */
+        private String AcceptTime;
+        
+        /**
+         * 接收站点
+         */
+        private String AcceptStation;
+        
+        /**
+         * 位置
+         */
+        private String Location;
+        
+        /**
+         * 操作
+         */
+        private String Action;
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/dto/express/ExpressTraceDTO.java b/backend/src/main/java/com/sunnyfarm/dto/express/ExpressTraceDTO.java
new file mode 100644
index 0000000..105d266
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/dto/express/ExpressTraceDTO.java
@@ -0,0 +1,92 @@
+package com.sunnyfarm.dto.express;
+
+import lombok.Data;
+import java.util.List;
+
+/**
+ * 物流轨迹DTO
+ */
+@Data
+public class ExpressTraceDTO {
+    
+    /**
+     * 状态码：0=成功
+     */
+    private String status;
+    
+    /**
+     * 消息
+     */
+    private String msg;
+    
+    /**
+     * 结果数据
+     */
+    private ExpressResult result;
+    
+    @Data
+    public static class ExpressResult {
+        /**
+         * 快递单号
+         */
+        private String number;
+        
+        /**
+         * 快递公司代码
+         */
+        private String type;
+        
+        /**
+         * 快递公司名称
+         */
+        private String expName;
+        
+        /**
+         * 官网
+         */
+        private String expSite;
+        
+        /**
+         * 客服电话
+         */
+        private String courierPhone;
+        
+        /**
+         * 物流状态：0=在途，1=揽收，2=疑难，3=签收，4=退签，5=派件，6=退回
+         */
+        private String deliverystatus;
+        
+        /**
+         * 是否签收：0=未签收，1=已签收
+         */
+        private String issign;
+        
+        /**
+         * 更新时间
+         */
+        private String updateTime;
+        
+        /**
+         * 运输时长
+         */
+        private String takeTime;
+        
+        /**
+         * 物流轨迹列表
+         */
+        private List<ExpressTrace> list;
+    }
+    
+    @Data
+    public static class ExpressTrace {
+        /**
+         * 时间
+         */
+        private String time;
+        
+        /**
+         * 状态描述
+         */
+        private String status;
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/entity/ProductImage.java b/backend/src/main/java/com/sunnyfarm/entity/ProductImage.java
index 96c80bb..be1f3f1 100644
--- a/backend/src/main/java/com/sunnyfarm/entity/ProductImage.java
+++ b/backend/src/main/java/com/sunnyfarm/entity/ProductImage.java
@@ -1,11 +1,13 @@
 package com.sunnyfarm.entity;
 
+import com.baomidou.mybatisplus.annotation.TableField;
 import com.baomidou.mybatisplus.annotation.TableName;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
 
 import javax.validation.constraints.NotBlank;
 import javax.validation.constraints.NotNull;
+import java.time.LocalDateTime;
 
 @Data
 @EqualsAndHashCode(callSuper = true)
@@ -21,4 +23,8 @@ public class ProductImage extends BaseEntity {
     private Boolean isMain = false; // 是否主图
     
     private Integer sortOrder = 0; // 排序
+    
+    // product_images表没有updated_at字段，覆盖BaseEntity中的updateTime字段并标记为不存在
+    @TableField(exist = false)
+    private LocalDateTime updateTime;  // 注意：是 updateTime，不是 updatedAt
 }
diff --git a/backend/src/main/java/com/sunnyfarm/service/ExpressService.java b/backend/src/main/java/com/sunnyfarm/service/ExpressService.java
new file mode 100644
index 0000000..c320dc3
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/service/ExpressService.java
@@ -0,0 +1,26 @@
+package com.sunnyfarm.service;
+
+import com.sunnyfarm.dto.express.ExpressInfoDTO;
+
+/**
+ * 物流查询服务接口
+ */
+public interface ExpressService {
+    
+    /**
+     * 查询物流信息（包含轨迹和地图数据）
+     * 
+     * @param trackingNumber 快递单号
+     * @param companyCode 快递公司代码（可选，如果不传会自动识别）
+     * @return 物流综合信息
+     */
+    ExpressInfoDTO queryExpressInfo(String trackingNumber, String companyCode);
+    
+    /**
+     * 根据订单ID查询物流信息
+     * 
+     * @param orderId 订单ID
+     * @return 物流综合信息
+     */
+    ExpressInfoDTO queryExpressByOrderId(Long orderId);
+}
diff --git a/backend/src/main/java/com/sunnyfarm/service/ProductService.java b/backend/src/main/java/com/sunnyfarm/service/ProductService.java
index 514fe0c..a0e9ef6 100644
--- a/backend/src/main/java/com/sunnyfarm/service/ProductService.java
+++ b/backend/src/main/java/com/sunnyfarm/service/ProductService.java
@@ -108,4 +108,9 @@ public interface ProductService extends IService<Product> {
      * 获取商家热销商品排行
      */
     List<MerchantDashboardDTO.ProductSalesDTO> getTopProductsByMerchant(Long merchantId, Integer limit);
+
+    /**
+     * 增加商品销量
+     */
+    void increaseSalesCount(Long productId, Integer quantity);
 }
diff --git a/backend/src/main/java/com/sunnyfarm/service/impl/ExpressServiceImpl.java b/backend/src/main/java/com/sunnyfarm/service/impl/ExpressServiceImpl.java
new file mode 100644
index 0000000..f7cc06d
--- /dev/null
+++ b/backend/src/main/java/com/sunnyfarm/service/impl/ExpressServiceImpl.java
@@ -0,0 +1,419 @@
+package com.sunnyfarm.service.impl;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.sunnyfarm.config.properties.AliyunExpressProperties;
+import com.sunnyfarm.config.properties.AmapProperties;
+import com.sunnyfarm.dto.express.ExpressInfoDTO;
+import com.sunnyfarm.dto.express.ExpressTraceDTO;
+import com.sunnyfarm.entity.Order;
+import com.sunnyfarm.exception.BusinessException;
+import com.sunnyfarm.mapper.OrderMapper;
+import com.sunnyfarm.service.ExpressService;
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.http.*;
+import org.springframework.stereotype.Service;
+import org.springframework.web.client.RestTemplate;
+import org.springframework.web.util.UriComponentsBuilder;
+
+import java.util.*;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import java.util.stream.Collectors;
+
+/**
+ * 物流查询服务实现
+ */
+@Slf4j
+@Service
+@RequiredArgsConstructor
+public class ExpressServiceImpl implements ExpressService {
+    
+    private final AliyunExpressProperties expressProperties;
+    private final AmapProperties amapProperties;
+    private final OrderMapper orderMapper;
+    private final RestTemplate restTemplate = new RestTemplate();
+    private final ObjectMapper objectMapper = new ObjectMapper();
+    
+    // 预设主要城市坐标
+    private static final Map<String, double[]> CITY_COORDINATES = new HashMap<>();
+    
+    static {
+        CITY_COORDINATES.put("广州市", new double[]{113.264385, 23.129163});
+        CITY_COORDINATES.put("深圳市", new double[]{114.057868, 22.543099});
+        CITY_COORDINATES.put("北京市", new double[]{116.407526, 39.904030});
+        CITY_COORDINATES.put("上海市", new double[]{121.473701, 31.230416});
+        CITY_COORDINATES.put("杭州市", new double[]{120.153576, 30.287459});
+        CITY_COORDINATES.put("南京市", new double[]{118.796877, 32.060255});
+        CITY_COORDINATES.put("成都市", new double[]{104.065735, 30.659462});
+        CITY_COORDINATES.put("武汉市", new double[]{114.305393, 30.593099});
+        CITY_COORDINATES.put("西安市", new double[]{108.939621, 34.341568});
+        CITY_COORDINATES.put("重庆市", new double[]{106.551557, 29.563009});
+        CITY_COORDINATES.put("天津市", new double[]{117.200983, 39.084158});
+        CITY_COORDINATES.put("苏州市", new double[]{120.585315, 31.298886});
+        CITY_COORDINATES.put("东莞市", new double[]{113.751765, 23.020673});
+        CITY_COORDINATES.put("佛山市", new double[]{113.121416, 23.021548});
+        CITY_COORDINATES.put("惠州市", new double[]{114.416196, 23.111847});
+    }
+    
+    @Override
+    public ExpressInfoDTO queryExpressInfo(String trackingNumber, String companyCode) {
+        log.info("🔍 查询物流信息 - 单号: {}, 公司代码: {}", trackingNumber, companyCode);
+        
+        try {
+            // 1. 调用阿里云物流查询API
+            ExpressTraceDTO traceData = queryExpressTrace(trackingNumber, companyCode);
+            
+            if (traceData == null || !"0".equals(traceData.getStatus())) {
+                throw new BusinessException("物流信息查询失败");
+            }
+            
+            // 2. 解析物流轨迹数据
+            ExpressInfoDTO result = parseExpressData(traceData);
+            
+            // 3. 提取城市并规划路线
+            List<String> cities = extractCities(traceData);
+            if (!cities.isEmpty()) {
+                ExpressInfoDTO.MapRouteData routeData = planRoute(cities);
+                result.setMapRoute(routeData);
+            }
+            
+            log.info("✅ 物流信息查询成功 - 单号: {}", trackingNumber);
+            return result;
+            
+        } catch (Exception e) {
+            log.error("❌ 物流信息查询失败", e);
+            throw new BusinessException("物流信息查询失败: " + e.getMessage());
+        }
+    }
+    
+    @Override
+    public ExpressInfoDTO queryExpressByOrderId(Long orderId) {
+        log.info("🔍 根据订单ID查询物流 - 订单ID: {}", orderId);
+        
+        Order order = orderMapper.selectById(orderId);
+        if (order == null) {
+            throw new BusinessException("订单不存在");
+        }
+        
+        if (order.getShipNo() == null || order.getShipNo().isEmpty()) {
+            throw new BusinessException("订单暂无物流信息");
+        }
+        
+        // 将订单的物流公司名称转换为代码
+        String companyCode = convertCompanyNameToCode(order.getShipCompany());
+        
+        return queryExpressInfo(order.getShipNo(), companyCode);
+    }
+    
+    /**
+     * 调用阿里云物流查询API
+     */
+    private ExpressTraceDTO queryExpressTrace(String trackingNumber, String companyCode) {
+        try {
+            String url = UriComponentsBuilder
+                    .fromHttpUrl(expressProperties.getBaseUrl() + "/kdi")
+                    .queryParam("no", trackingNumber)
+                    .queryParam("type", companyCode != null ? companyCode : "")
+                    .build()
+                    .toUriString();
+            
+            HttpHeaders headers = new HttpHeaders();
+            headers.set("Authorization", "APPCODE " + expressProperties.getAppCode());
+            
+            HttpEntity<String> entity = new HttpEntity<>(headers);
+            
+            log.info("📡 调用阿里云物流API: {}", url);
+            
+            ResponseEntity<ExpressTraceDTO> response = restTemplate.exchange(
+                    url,
+                    HttpMethod.GET,
+                    entity,
+                    ExpressTraceDTO.class
+            );
+            
+            log.info("✅ 阿里云物流API响应成功");
+            return response.getBody();
+            
+        } catch (Exception e) {
+            log.error("❌ 调用阿里云物流API失败", e);
+            throw new BusinessException("物流查询服务异常");
+        }
+    }
+    
+    /**
+     * 解析物流数据
+     */
+    private ExpressInfoDTO parseExpressData(ExpressTraceDTO traceData) {
+        ExpressInfoDTO result = new ExpressInfoDTO();
+        ExpressTraceDTO.ExpressResult data = traceData.getResult();
+        
+        result.setTrackingNumber(data.getNumber());
+        result.setCompanyName(data.getExpName());
+        result.setCompanyCode(data.getType());
+        result.setStatus(getStatusText(data.getDeliverystatus()));
+        result.setUpdateTime(data.getUpdateTime());
+        
+        // 转换物流轨迹
+        if (data.getList() != null && !data.getList().isEmpty()) {
+            List<ExpressInfoDTO.TraceItem> traces = data.getList().stream()
+                    .map(trace -> {
+                        ExpressInfoDTO.TraceItem item = new ExpressInfoDTO.TraceItem();
+                        item.setTime(trace.getTime());
+                        item.setStatus(trace.getStatus());
+                        
+                        // 提取地点信息
+                        String location = extractLocation(trace.getStatus());
+                        item.setLocation(location);
+                        
+                        return item;
+                    })
+                    .collect(Collectors.toList());
+            
+            result.setTraces(traces);
+            
+            // 设置当前位置（最新的轨迹）
+            if (!traces.isEmpty()) {
+                result.setCurrentLocation(traces.get(0).getLocation());
+            }
+        }
+        
+        return result;
+    }
+    
+    /**
+     * 提取城市列表
+     */
+    private List<String> extractCities(ExpressTraceDTO traceData) {
+        Set<String> citySet = new LinkedHashSet<>();
+        
+        if (traceData.getResult() != null && traceData.getResult().getList() != null) {
+            for (ExpressTraceDTO.ExpressTrace trace : traceData.getResult().getList()) {
+                String location = extractLocation(trace.getStatus());
+                if (location != null && !location.isEmpty()) {
+                    // 尝试匹配城市名称
+                    for (String city : CITY_COORDINATES.keySet()) {
+                        if (location.contains(city.replace("市", ""))) {
+                            citySet.add(city);
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+        
+        List<String> cities = new ArrayList<>(citySet);
+        // 反转列表，使其按照物流顺序排列
+        Collections.reverse(cities);
+        
+        log.info("🏙️ 提取到的城市列表: {}", cities);
+        return cities;
+    }
+    
+    /**
+     * 提取地点信息
+     */
+    private String extractLocation(String status) {
+        if (status == null) return "";
+        
+        // 匹配【城市】格式
+        Pattern pattern = Pattern.compile("【(.+?)】");
+        Matcher matcher = pattern.matcher(status);
+        if (matcher.find()) {
+            return matcher.group(1);
+        }
+        
+        return "";
+    }
+    
+    /**
+     * 规划路线
+     */
+    private ExpressInfoDTO.MapRouteData planRoute(List<String> cities) {
+        ExpressInfoDTO.MapRouteData routeData = new ExpressInfoDTO.MapRouteData();
+        
+        // 添加城市标记点
+        List<ExpressInfoDTO.CityPoint> cityPoints = new ArrayList<>();
+        for (int i = 0; i < cities.size(); i++) {
+            String city = cities.get(i);
+            double[] coords = CITY_COORDINATES.get(city);
+            
+            if (coords != null) {
+                ExpressInfoDTO.CityPoint point = new ExpressInfoDTO.CityPoint();
+                point.setName(city);
+                point.setLng(coords[0]);
+                point.setLat(coords[1]);
+                point.setIndex(i);
+                cityPoints.add(point);
+            }
+        }
+        routeData.setCities(cityPoints);
+        
+        // 如果有多个城市，规划路线
+        if (cityPoints.size() >= 2) {
+            try {
+                // 调用高德驾车路径规划API
+                ExpressInfoDTO.CityPoint origin = cityPoints.get(0);
+                ExpressInfoDTO.CityPoint destination = cityPoints.get(cityPoints.size() - 1);
+                
+                String waypoints = null;
+                if (cityPoints.size() > 2) {
+                    // 中间途经点
+                    waypoints = cityPoints.subList(1, cityPoints.size() - 1).stream()
+                            .map(p -> p.getLng() + "," + p.getLat())
+                            .collect(Collectors.joining(";"));
+                }
+                
+                Map<String, Object> routeResult = queryDrivingRoute(
+                        origin.getLng() + "," + origin.getLat(),
+                        destination.getLng() + "," + destination.getLat(),
+                        waypoints
+                );
+                
+                // 解析路线数据
+                if (routeResult != null && "1".equals(routeResult.get("status"))) {
+                    Map<String, Object> route = (Map<String, Object>) routeResult.get("route");
+                    if (route != null) {
+                        List<Map<String, Object>> paths = (List<Map<String, Object>>) route.get("paths");
+                        if (paths != null && !paths.isEmpty()) {
+                            Map<String, Object> path = paths.get(0);
+                            routeData.setDistance(path.get("distance").toString());
+                            routeData.setDuration(path.get("duration").toString());
+                            
+                            // 提取路径点
+                            List<List<Double>> routePoints = extractRoutePoints(path);
+                            routeData.setRoutePoints(routePoints);
+                        }
+                    }
+                }
+                
+            } catch (Exception e) {
+                log.warn("⚠️ 路径规划失败，使用直线连接: {}", e.getMessage());
+            }
+        }
+        
+        return routeData;
+    }
+    
+    /**
+     * 调用高德驾车路径规划API
+     */
+    private Map<String, Object> queryDrivingRoute(String origin, String destination, String waypoints) {
+        try {
+            // 构建URL，确保坐标格式正确
+            StringBuilder urlBuilder = new StringBuilder();
+            urlBuilder.append(amapProperties.getWebApi().getBaseUrl())
+                    .append("/v3/direction/driving")
+                    .append("?key=").append(amapProperties.getWebApi().getKey())
+                    .append("&origin=").append(origin)
+                    .append("&destination=").append(destination)
+                    .append("&output=json");
+            
+            if (waypoints != null && !waypoints.isEmpty()) {
+                urlBuilder.append("&waypoints=").append(waypoints);
+            }
+            
+            String url = urlBuilder.toString();
+            
+            log.info("🚗 调用高德路径规划API: {}", url);
+            
+            // 验证坐标格式
+            if (!origin.matches("\\d+\\.\\d+,\\d+\\.\\d+")) {
+                log.error("❌ 起点坐标格式错误: {}", origin);
+                return null;
+            }
+            if (!destination.matches("\\d+\\.\\d+,\\d+\\.\\d+")) {
+                log.error("❌ 终点坐标格式错误: {}", destination);
+                return null;
+            }
+            
+            Map<String, Object> result = restTemplate.getForObject(url, Map.class);
+            
+            log.info("✅ 高德路径规划API响应成功");
+            return result;
+            
+        } catch (Exception e) {
+            log.error("❌ 高德路径规划API调用失败", e);
+            return null;
+        }
+    }
+    
+    /**
+     * 提取路径点
+     */
+    private List<List<Double>> extractRoutePoints(Map<String, Object> path) {
+        List<List<Double>> points = new ArrayList<>();
+        
+        try {
+            List<Map<String, Object>> steps = (List<Map<String, Object>>) path.get("steps");
+            if (steps != null) {
+                for (Map<String, Object> step : steps) {
+                    String polyline = (String) step.get("polyline");
+                    if (polyline != null) {
+                        String[] coords = polyline.split(";");
+                        for (String coord : coords) {
+                            String[] lngLat = coord.split(",");
+                            if (lngLat.length == 2) {
+                                points.add(Arrays.asList(
+                                        Double.parseDouble(lngLat[0]),
+                                        Double.parseDouble(lngLat[1])
+                                ));
+                            }
+                        }
+                    }
+                }
+            }
+        } catch (Exception e) {
+            log.warn("⚠️ 解析路径点失败: {}", e.getMessage());
+        }
+        
+        return points;
+    }
+    
+    /**
+     * 获取状态文本
+     */
+    private String getStatusText(String status) {
+        if (status == null) return "未知";
+        
+        switch (status) {
+            case "0": return "在途中";
+            case "1": return "已揽收";
+            case "2": return "疑难";
+            case "3": return "已签收";
+            case "4": return "退签";
+            case "5": return "派件中";
+            case "6": return "退回";
+            default: return "未知";
+        }
+    }
+    
+    /**
+     * 转换物流公司名称为代码
+     */
+    private String convertCompanyNameToCode(String companyName) {
+        if (companyName == null) return null;
+        
+        Map<String, String> companyMap = new HashMap<>();
+        companyMap.put("韵达", "yunda");
+        companyMap.put("韵达快递", "yunda");
+        companyMap.put("顺丰", "shunfeng");
+        companyMap.put("顺丰快递", "shunfeng");
+        companyMap.put("圆通", "yuantong");
+        companyMap.put("圆通快递", "yuantong");
+        companyMap.put("中通", "zhongtong");
+        companyMap.put("中通快递", "zhongtong");
+        companyMap.put("申通", "shentong");
+        companyMap.put("申通快递", "shentong");
+        companyMap.put("EMS", "ems");
+        companyMap.put("邮政", "ems");
+        
+        for (Map.Entry<String, String> entry : companyMap.entrySet()) {
+            if (companyName.contains(entry.getKey())) {
+                return entry.getValue();
+            }
+        }
+        
+        return null;
+    }
+}
diff --git a/backend/src/main/java/com/sunnyfarm/service/impl/OrderServiceImpl.java b/backend/src/main/java/com/sunnyfarm/service/impl/OrderServiceImpl.java
index ae3713e..cbcda84 100644
--- a/backend/src/main/java/com/sunnyfarm/service/impl/OrderServiceImpl.java
+++ b/backend/src/main/java/com/sunnyfarm/service/impl/OrderServiceImpl.java
@@ -28,6 +28,7 @@ import java.util.*;
 import java.util.ArrayList;
 import java.util.stream.Collectors;
 
+@Slf4j
 @Service
 @Transactional
 public class OrderServiceImpl extends ServiceImpl<OrderMapper, Order> implements OrderService {
@@ -468,6 +469,20 @@ public class OrderServiceImpl extends ServiceImpl<OrderMapper, Order> implements
         
         boolean success = this.updateById(order);
         
+        // 更新商品销量
+        if (success) {
+            try {
+                List<OrderDetail> orderDetails = orderDetailService.getByOrderId(orderId);
+                for (OrderDetail detail : orderDetails) {
+                    productService.increaseSalesCount(detail.getProductId(), detail.getQuantity());
+                }
+                log.info("订单支付成功，已更新商品销量: 订单ID={}", orderId);
+            } catch (Exception e) {
+                log.error("更新商品销量失败: {}", e.getMessage(), e);
+                // 销量更新失败不影响支付流程
+            }
+        }
+        
         if (success) {
             try {
                 systemLogService.logOrderPay(order.getOrderNo(), order.getUserId());
diff --git a/backend/src/main/java/com/sunnyfarm/service/impl/ProductServiceImpl.java b/backend/src/main/java/com/sunnyfarm/service/impl/ProductServiceImpl.java
index f79bd4d..448f2dd 100644
--- a/backend/src/main/java/com/sunnyfarm/service/impl/ProductServiceImpl.java
+++ b/backend/src/main/java/com/sunnyfarm/service/impl/ProductServiceImpl.java
@@ -367,4 +367,23 @@ public class ProductServiceImpl extends ServiceImpl<ProductMapper, Product> impl
     public List<MerchantDashboardDTO.ProductSalesDTO> getTopProductsByMerchant(Long merchantId, Integer limit) {
         return new ArrayList<>();
     }
+
+    @Override
+    @Transactional
+    public void increaseSalesCount(Long productId, Integer quantity) {
+        if (productId == null || quantity == null || quantity <= 0) {
+            return;
+        }
+        
+        try {
+            Product product = getById(productId);
+            if (product != null) {
+                int currentSales = product.getSalesCount() != null ? product.getSalesCount() : 0;
+                product.setSalesCount(currentSales + quantity);
+                updateById(product);
+            }
+        } catch (Exception e) {
+            // 销量更新失败不影响主流程
+        }
+    }
 }
diff --git a/export_copyright_code.sh b/export_copyright_code.sh
new file mode 100755
index 0000000..1620b3b
--- /dev/null
+++ b/export_copyright_code.sh
@@ -0,0 +1,129 @@
+#!/bin/bash
+
+# 软著代码导出脚本
+# 目标路径
+OUTPUT_DIR="/Users/lishunqin/Desktop/桃金娘/软著申请相关/德育大模型"
+OUTPUT_FILE="$OUTPUT_DIR/sunnyfarm.txt"
+
+# 创建输出目录
+mkdir -p "$OUTPUT_DIR"
+
+# 清空或创建输出文件
+> "$OUTPUT_FILE"
+
+echo "======================================"
+echo "开始导出软著代码"
+echo "======================================"
+
+# 函数：添加文件到输出，删除空白行
+add_file() {
+    local file=$1
+    local relative_path=${file#./}
+    
+    echo "" >> "$OUTPUT_FILE"
+    echo "// ==================== $relative_path ====================" >> "$OUTPUT_FILE"
+    echo "" >> "$OUTPUT_FILE"
+    
+    # 删除空白行并追加到输出文件
+    grep -v '^[[:space:]]*$' "$file" >> "$OUTPUT_FILE"
+    
+    echo "✓ 已添加: $relative_path"
+}
+
+# 1. 导出后端Java代码
+echo ""
+echo "【第一部分：后端Java代码】"
+echo "------------------------------"
+
+# 导出Java源码文件
+find ./backend/src/main/java -type f -name "*.java" | sort | while read file; do
+    add_file "$file"
+done
+
+# 2. 导出后端配置文件
+echo ""
+echo "【第二部分：后端配置文件】"
+echo "------------------------------"
+
+# 导出yml配置文件（排除备份文件）
+find ./backend/src/main/resources -type f \( -name "*.yml" -o -name "*.yaml" \) \
+    ! -name "*.bak*" ! -name "*.backup*" ! -name "*.example" ! -name "*.template" | sort | while read file; do
+    add_file "$file"
+done
+
+# 导出XML映射文件
+find ./backend/src/main/resources/mapper -type f -name "*.xml" 2>/dev/null | sort | while read file; do
+    add_file "$file"
+done
+
+# 导出pom.xml
+if [ -f "./backend/pom.xml" ]; then
+    add_file "./backend/pom.xml"
+fi
+
+# 3. 导出前端代码
+echo ""
+echo "【第三部分：前端Vue/JS代码】"
+echo "------------------------------"
+
+# 导出Vue组件
+find ./frontend/src -type f -name "*.vue" \
+    ! -name "*.bak*" ! -name "*.backup*" | sort | while read file; do
+    add_file "$file"
+done
+
+# 导出JS文件
+find ./frontend/src -type f -name "*.js" | sort | while read file; do
+    add_file "$file"
+done
+
+# 4. 导出前端配置文件
+echo ""
+echo "【第四部分：前端配置文件】"
+echo "------------------------------"
+
+# package.json
+if [ -f "./frontend/package.json" ]; then
+    add_file "./frontend/package.json"
+fi
+
+# vite.config.js
+if [ -f "./frontend/vite.config.js" ]; then
+    add_file "./frontend/vite.config.js"
+fi
+
+# index.html
+if [ -f "./frontend/index.html" ]; then
+    add_file "./frontend/index.html"
+fi
+
+# 统计信息
+echo ""
+echo "======================================"
+echo "导出完成！"
+echo "======================================"
+echo "输出文件: $OUTPUT_FILE"
+echo ""
+
+# 统计代码行数
+total_lines=$(wc -l < "$OUTPUT_FILE")
+echo "总行数: $total_lines"
+
+# 统计文件大小
+file_size=$(du -h "$OUTPUT_FILE" | cut -f1)
+echo "文件大小: $file_size"
+
+# 统计各部分文件数量
+java_count=$(grep -c "\.java ==" "$OUTPUT_FILE" || echo "0")
+vue_count=$(grep -c "\.vue ==" "$OUTPUT_FILE" || echo "0")
+js_count=$(grep -c "\.js ==" "$OUTPUT_FILE" || echo "0")
+xml_count=$(grep -c "\.xml ==" "$OUTPUT_FILE" || echo "0")
+
+echo ""
+echo "文件统计："
+echo "  Java文件: $java_count"
+echo "  Vue文件: $vue_count"
+echo "  JS文件: $js_count"
+echo "  XML文件: $xml_count"
+echo ""
+echo "✅ 代码导出成功！"
diff --git a/frontend/src/api/admin.js b/frontend/src/api/admin.js
index 29cb6c5..61fe077 100644
--- a/frontend/src/api/admin.js
+++ b/frontend/src/api/admin.js
@@ -44,6 +44,11 @@ export const auditMerchant = (id, status) => {
 export const getProducts = (params) => {
   return request.get('/admin/products', { params })
 }
+
+// 获取商品详情
+export const getProductDetail = (id) => {
+  return request.get(`/admin/products/${id}`)
+}
  
 // 审核商品
 export const auditProduct = (id, status) => {
@@ -54,6 +59,11 @@ export const auditProduct = (id, status) => {
 export const getOrders = (params) => {
   return request.get('/admin/orders', { params })
 }
+
+// 获取订单详情
+export const getOrderDetail = (id) => {
+  return request.get(`/admin/orders/${id}`)
+}
  
 // 获取最新动态
 export const getRecentActivities = () => {
diff --git a/frontend/src/api/express.js b/frontend/src/api/express.js
new file mode 100644
index 0000000..5aa6e74
--- /dev/null
+++ b/frontend/src/api/express.js
@@ -0,0 +1,20 @@
+import request from '../utils/request'
+
+/**
+ * 根据快递单号查询物流信息
+ */
+export function queryExpress(trackingNumber, companyCode) {
+  return request.get('/express/query', {
+    params: {
+      trackingNumber,
+      companyCode
+    }
+  })
+}
+
+/**
+ * 根据订单ID查询物流信息
+ */
+export function queryExpressByOrder(orderId) {
+  return request.get(`/express/order/${orderId}`)
+}
diff --git a/frontend/src/components/ExpressTracking.vue b/frontend/src/components/ExpressTracking.vue
new file mode 100644
index 0000000..f41573a
--- /dev/null
+++ b/frontend/src/components/ExpressTracking.vue
@@ -0,0 +1,589 @@
+<template>
+  <div class="express-tracking">
+    <!-- 加载状态 -->
+    <div v-if="loading" class="loading-container">
+      <el-icon class="is-loading"><Loading /></el-icon>
+      <span>加载物流信息中...</span>
+    </div>
+
+    <!-- 错误状态 -->
+    <div v-else-if="error" class="error-container">
+      <el-icon><WarningFilled /></el-icon>
+      <span>{{ error }}</span>
+      <el-button type="primary" size="small" @click="loadExpressInfo">重试</el-button>
+    </div>
+
+    <!-- 物流信息展示 -->
+    <div v-else-if="expressInfo" class="express-content">
+      <!-- 物流基本信息 -->
+      <div class="express-header">
+        <div class="company-info">
+          <span class="company-name">{{ expressInfo.companyName }}</span>
+          <el-tag :type="getStatusType(expressInfo.status)" size="small">
+            {{ expressInfo.status }}
+          </el-tag>
+        </div>
+        <div class="tracking-number">
+          运单号：{{ expressInfo.trackingNumber }}
+          <el-button type="text" size="small" @click="copyTrackingNumber">
+            <el-icon><CopyDocument /></el-icon>
+          </el-button>
+        </div>
+        <div class="current-location" v-if="expressInfo.currentLocation">
+          <el-icon><Location /></el-icon>
+          当前位置：{{ expressInfo.currentLocation }}
+        </div>
+        <div class="update-time" v-if="expressInfo.updateTime">
+          更新时间：{{ expressInfo.updateTime }}
+        </div>
+      </div>
+
+      <!-- 物流地图 -->
+      <div class="express-map" v-if="showMap && expressInfo.mapRoute">
+        <div class="map-header">
+          <span class="map-title">
+            <el-icon><MapLocation /></el-icon>
+            物流轨迹地图
+          </span>
+          <el-button type="text" @click="toggleMap">
+            {{ mapExpanded ? '收起' : '展开' }}
+          </el-button>
+        </div>
+        
+        <div v-show="mapExpanded" class="map-container">
+          <div id="express-map" ref="mapContainer"></div>
+        </div>
+      </div>
+
+      <!-- 物流轨迹时间线 -->
+      <div class="express-timeline">
+        <div class="timeline-header">
+          <el-icon><Clock /></el-icon>
+          物流轨迹
+        </div>
+        
+        <el-timeline>
+          <el-timeline-item
+            v-for="(trace, index) in expressInfo.traces"
+            :key="index"
+            :timestamp="trace.time"
+            placement="top"
+            :type="index === 0 ? 'primary' : 'info'"
+            :size="index === 0 ? 'large' : 'normal'"
+            :hollow="index !== 0"
+          >
+            <div class="timeline-content">
+              <div class="trace-location" v-if="trace.location">
+                <el-icon><Location /></el-icon>
+                {{ trace.location }}
+              </div>
+              <div class="trace-status">{{ trace.status }}</div>
+            </div>
+          </el-timeline-item>
+        </el-timeline>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onUnmounted, watch, nextTick } from 'vue'
+import { ElMessage } from 'element-plus'
+import {
+  Loading,
+  WarningFilled,
+  CopyDocument,
+  Location,
+  MapLocation,
+  Clock
+} from '@element-plus/icons-vue'
+import request from '../utils/request'
+
+const props = defineProps({
+  orderId: {
+    type: Number,
+    required: true
+  },
+  showMap: {
+    type: Boolean,
+    default: true
+  }
+})
+
+const loading = ref(true)
+const error = ref(null)
+const expressInfo = ref(null)
+const mapExpanded = ref(true)
+const map = ref(null)
+const mapContainer = ref(null)
+
+// 加载物流信息
+const loadExpressInfo = async () => {
+  loading.value = true
+  error.value = null
+  
+  try {
+    const response = await request.get(`/express/order/${props.orderId}`)
+    expressInfo.value = response
+    
+    // 如果有地图数据且地图展开，初始化地图
+    if (props.showMap && expressInfo.value.mapRoute && mapExpanded.value) {
+      // 等待DOM完全渲染
+      await nextTick()
+      // 再等待一个周期确保容器准备好
+      setTimeout(() => {
+        if (mapContainer.value) {
+          initMap()
+        } else {
+          console.warn('⚠️ 地图容器仍未就绪，500ms后重试')
+          setTimeout(() => {
+            if (mapContainer.value) {
+              initMap()
+            }
+          }, 500)
+        }
+      }, 100)
+    }
+    
+  } catch (err) {
+    console.error('❌ 加载物流信息失败:', err)
+    error.value = err.response?.data?.message || '加载物流信息失败'
+  } finally {
+    loading.value = false
+  }
+}
+
+// 初始化地图
+const initMap = () => {
+  if (!window.AMap) {
+    console.warn('⚠️ 高德地图API未加载')
+    return
+  }
+  
+  if (!mapContainer.value) {
+    console.warn('⚠️ 地图容器未找到')
+    return
+  }
+  
+  try {
+    // 创建地图实例
+    map.value = new AMap.Map(mapContainer.value, {
+      zoom: 8,
+      mapStyle: 'amap://styles/normal',
+      viewMode: '3D'
+    })
+    
+    const routeData = expressInfo.value.mapRoute
+    
+    // 添加城市标记
+    if (routeData.cities && routeData.cities.length > 0) {
+      const totalCities = routeData.cities.length
+      
+      routeData.cities.forEach((city, index) => {
+        const isStart = index === 0
+        const isEnd = index === totalCities - 1
+        
+        // 设置不同位置的颜色和标签
+        let markerColor, labelBg, labelColor, labelText, borderColor
+        
+        if (isStart) {
+          // 起点 - 浅绿色
+          markerColor = '#66BB6A'
+          labelBg = '#E8F5E9'
+          labelColor = '#2E7D32'
+          borderColor = '#66BB6A'
+          labelText = '发'
+        } else if (isEnd) {
+          // 终点 - 浅蓝色
+          markerColor = '#42A5F5'
+          labelBg = '#E3F2FD'
+          labelColor = '#1976D2'
+          borderColor = '#42A5F5'
+          labelText = '收'
+        } else {
+          // 中间点 - 浅橙色
+          markerColor = '#FFA726'
+          labelBg = '#FFF3E0'
+          labelColor = '#E65100'
+          borderColor = '#FFA726'
+          labelText = index.toString()
+        }
+        
+        // 添加圆形标记
+        const marker = new AMap.CircleMarker({
+          center: [city.lng, city.lat],
+          radius: 12,
+          strokeColor: markerColor,
+          strokeWeight: 3,
+          fillColor: markerColor,
+          fillOpacity: 0.8,
+          zIndex: 100
+        })
+        
+        // 添加文字标签
+        const text = new AMap.Text({
+          text: isStart || isEnd ? `【${labelText}】${city.name}` : `${labelText}·${city.name}`,
+          position: [city.lng, city.lat],
+          offset: new AMap.Pixel(0, -35),
+          style: {
+            'background': labelBg,
+            'border': `2px solid ${borderColor}`,
+            'color': labelColor,
+            'font-size': '13px',
+            'font-weight': 'bold',
+            'padding': '6px 12px',
+            'border-radius': '16px',
+            'box-shadow': '0 2px 8px rgba(0,0,0,0.15)',
+            'white-space': 'nowrap'
+          }
+        })
+        
+        map.value.add([marker, text])
+      })
+      
+      // 绘制路线
+      if (routeData.routePoints && routeData.routePoints.length > 0) {
+        // 有真实路线数据
+        
+        // 先绘制白色描边（底层）
+        const borderLine = new AMap.Polyline({
+          path: routeData.routePoints,
+          strokeColor: '#FFFFFF',
+          strokeWeight: 10,
+          strokeOpacity: 0.8,
+          strokeStyle: 'solid',
+          lineJoin: 'round',
+          lineCap: 'round',
+          zIndex: 49
+        })
+        
+        // 再绘制主路径（深紫色）
+        const polyline = new AMap.Polyline({
+          path: routeData.routePoints,
+          strokeColor: '#8B5CF6',
+          strokeWeight: 6,
+          strokeOpacity: 1,
+          strokeStyle: 'solid',
+          lineJoin: 'round',
+          lineCap: 'round',
+          zIndex: 50,
+          showDir: true
+        })
+        
+        map.value.add([borderLine, polyline])
+      } else {
+        // 使用直线连接
+        const path = routeData.cities.map(city => [city.lng, city.lat])
+        
+        // 先绘制白色描边（底层）
+        const borderLine = new AMap.Polyline({
+          path: path,
+          strokeColor: '#FFFFFF',
+          strokeWeight: 10,
+          strokeOpacity: 0.8,
+          strokeStyle: 'solid',
+          lineJoin: 'round',
+          lineCap: 'round',
+          zIndex: 49
+        })
+        
+        // 再绘制主路径（深紫色）
+        const polyline = new AMap.Polyline({
+          path: path,
+          strokeColor: '#8B5CF6',
+          strokeWeight: 6,
+          strokeOpacity: 1,
+          strokeStyle: 'solid',
+          lineJoin: 'round',
+          showDir: true,
+          zIndex: 50
+        })
+        
+        map.value.add([borderLine, polyline])
+      }
+      
+      // 添加当前位置的小车图标
+      const currentLocation = expressInfo.value.currentLocation
+      if (currentLocation && routeData.cities.length > 0) {
+        // 找到当前位置对应的城市坐标
+        let currentCity = null
+        for (const city of routeData.cities) {
+          if (currentLocation.includes(city.name.replace('市', ''))) {
+            currentCity = city
+            break
+          }
+        }
+        
+        // 如果找到当前城市，添加小车图标
+        if (currentCity) {
+          const truckIcon = new AMap.Marker({
+            position: [currentCity.lng, currentCity.lat],
+            content: `<div style="
+              background: #FF6B35;
+              color: white;
+              width: 40px;
+              height: 40px;
+              border-radius: 50%;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 20px;
+              box-shadow: 0 4px 12px rgba(255, 107, 53, 0.5);
+              border: 3px solid white;
+              animation: pulse 2s infinite;
+            ">🚚</div>
+            <style>
+              @keyframes pulse {
+                0%, 100% { transform: scale(1); }
+                50% { transform: scale(1.1); }
+              }
+            </style>`,
+            offset: new AMap.Pixel(-20, -20),
+            zIndex: 200
+          })
+          
+          // 添加当前位置提示
+          const currentText = new AMap.Text({
+            text: '当前位置',
+            position: [currentCity.lng, currentCity.lat],
+            offset: new AMap.Pixel(0, 25),
+            style: {
+              'background': '#FF6B35',
+              'border': 'none',
+              'color': 'white',
+              'font-size': '12px',
+              'font-weight': 'bold',
+              'padding': '4px 10px',
+              'border-radius': '12px',
+              'box-shadow': '0 2px 6px rgba(255, 107, 53, 0.4)'
+            }
+          })
+          
+          map.value.add([truckIcon, currentText])
+        }
+      }
+      
+      // 自动调整视野
+      map.value.setFitView()
+    }
+    
+  } catch (err) {
+    console.error('❌ 初始化地图失败:', err)
+  }
+}
+
+// 切换地图展开/收起
+const toggleMap = async () => {
+  mapExpanded.value = !mapExpanded.value
+  
+  if (mapExpanded.value && !map.value) {
+    await nextTick()
+    initMap()
+  }
+}
+
+// 复制运单号
+const copyTrackingNumber = async () => {
+  try {
+    await navigator.clipboard.writeText(expressInfo.value.trackingNumber)
+    ElMessage.success('运单号已复制')
+  } catch (err) {
+    ElMessage.error('复制失败')
+  }
+}
+
+// 获取状态类型
+const getStatusType = (status) => {
+  const typeMap = {
+    '已签收': 'success',
+    '派件中': 'primary',
+    '已揽收': 'info',
+    '在途中': 'warning',
+    '疑难': 'danger',
+    '退签': 'danger',
+    '退回': 'danger'
+  }
+  return typeMap[status] || 'info'
+}
+
+// 监听orderId变化
+watch(() => props.orderId, () => {
+  if (props.orderId) {
+    loadExpressInfo()
+  }
+})
+
+onMounted(() => {
+  if (props.orderId) {
+    loadExpressInfo()
+  }
+})
+
+onUnmounted(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+</script>
+
+<style scoped>
+.express-tracking {
+  background: white;
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.loading-container,
+.error-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 20px;
+  gap: 12px;
+  color: #666;
+}
+
+.error-container {
+  color: #f56c6c;
+}
+
+.express-content {
+  padding: 0;
+}
+
+.express-header {
+  padding: 20px;
+  background: linear-gradient(135deg, #F1F8E9 0%, #E8F5E8 100%);
+  border-bottom: 2px solid #C8E6C9;
+}
+
+.company-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+
+.company-name {
+  font-size: 18px;
+  font-weight: bold;
+  color: #2E7D32;
+}
+
+.tracking-number {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: #4CAF50;
+  margin-bottom: 8px;
+  font-family: monospace;
+}
+
+.current-location,
+.update-time {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  color: #81C784;
+  margin-top: 8px;
+}
+
+.express-map {
+  border-bottom: 1px solid #E8F5E8;
+}
+
+.map-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  background: #f8fff8;
+  border-bottom: 1px solid #E8F5E8;
+}
+
+.map-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  color: #2E7D32;
+  font-size: 16px;
+}
+
+.map-container {
+  height: 400px;
+  background: #f5f5f5;
+}
+
+#express-map {
+  width: 100%;
+  height: 100%;
+}
+
+.express-timeline {
+  padding: 20px;
+}
+
+.timeline-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 600;
+  color: #2E7D32;
+  font-size: 16px;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid #C8E6C9;
+}
+
+.timeline-content {
+  padding: 8px 0;
+}
+
+.trace-location {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: #4CAF50;
+  font-weight: 600;
+  font-size: 14px;
+  margin-bottom: 6px;
+}
+
+.trace-status {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.el-timeline {
+  padding-left: 0;
+}
+
+:deep(.el-timeline-item__timestamp) {
+  color: #81C784;
+  font-size: 13px;
+}
+
+:deep(.el-timeline-item__node--large) {
+  width: 16px;
+  height: 16px;
+}
+
+@media (max-width: 768px) {
+  .map-container {
+    height: 300px;
+  }
+  
+  .express-header {
+    padding: 16px;
+  }
+  
+  .company-name {
+    font-size: 16px;
+  }
+}
+</style>
diff --git a/frontend/src/components/MapAddressSelector.vue b/frontend/src/components/MapAddressSelector.vue
index 6341bda..81d066c 100644
--- a/frontend/src/components/MapAddressSelector.vue
+++ b/frontend/src/components/MapAddressSelector.vue
@@ -336,7 +336,7 @@ export default {
       }
     };
     
-        // 搜索地址 - 调用后端API
+    // 搜索地址 - 调用后端API
     const searchAddress = async () => {
       if (!searchKeyword.value.trim()) {
         searchResults.value = [];
@@ -430,7 +430,7 @@ export default {
     };
     
     // 保存地址
-    const saveAddress = () => {
+    const saveAddress = async () => {
       if (!selectedAddress.value) {
         ElMessage.error('请在地图上选择地址');
         return;
@@ -456,21 +456,63 @@ export default {
         return;
       }
       
-      const addressData = {
-        consignee: consigneeName.value,
-        phone: phoneNumber.value,
-        province: selectedAddress.value.province,
-        city: selectedAddress.value.city,
-        district: selectedAddress.value.district,
-        address: detailAddress.value,
-        isDefault: useDefaultAddress.value,
-        tag: selectedTag.value,
-        lng: selectedAddress.value.lng,
-        lat: selectedAddress.value.lat,
-        formattedAddress: selectedAddress.value.formattedAddress
-      };
+      saving.value = true;
       
-      emit('save', addressData);
+      try {
+        // 检查省市区信息是否完整
+        let province = selectedAddress.value.province;
+        let city = selectedAddress.value.city;
+        let district = selectedAddress.value.district;
+        
+        // 如果省市区信息不完整，调用后端逆地理编码接口
+        if (!province || !city || !district) {
+          console.log('📍 省市区信息不完整，调用后端逆地理编码接口...');
+          
+          const result = await addressAPI.reverseGeocode(
+            selectedAddress.value.lng,
+            selectedAddress.value.lat
+          );
+          
+          if (result && result.province && result.city && result.district) {
+            province = result.province;
+            city = result.city;
+            district = result.district;
+            
+            // 更新 selectedAddress
+            selectedAddress.value.province = province;
+            selectedAddress.value.city = city;
+            selectedAddress.value.district = district;
+            
+            console.log('✅ 逆地理编码成功:', { province, city, district });
+          } else {
+            saving.value = false;
+            ElMessage.error('无法获取地址信息，请重新选择位置');
+            return;
+          }
+        }
+        
+        const addressData = {
+          consignee: consigneeName.value,
+          phone: phoneNumber.value,
+          province: province,
+          city: city,
+          district: district,
+          address: detailAddress.value,
+          isDefault: useDefaultAddress.value,
+          tag: selectedTag.value,
+          lng: selectedAddress.value.lng,
+          lat: selectedAddress.value.lat,
+          formattedAddress: selectedAddress.value.formattedAddress
+        };
+        
+        console.log('💾 准备保存地址:', addressData);
+        
+        emit('save', addressData);
+      } catch (error) {
+        console.error('❌ 保存地址失败:', error);
+        ElMessage.error('保存失败: ' + (error.message || '未知错误'));
+        saving.value = false;
+      }
     };
     
     // 初始化表单数据
diff --git a/frontend/src/views/admin/merchants/MerchantManagement.vue b/frontend/src/views/admin/merchants/MerchantManagement.vue
index 2987f95..78da606 100644
--- a/frontend/src/views/admin/merchants/MerchantManagement.vue
+++ b/frontend/src/views/admin/merchants/MerchantManagement.vue
@@ -2,12 +2,64 @@
   <div class="merchant-management">
     <!-- 页面标题 -->
     <div class="page-header">
-      <h2>商家管理</h2>
-      <p>管理平台商家入驻申请和审核</p>
+      <div>
+        <h2>商家管理</h2>
+        <p>管理平台商家入驻申请和审核</p>
+      </div>
+    </div>
+
+    <!-- 统计卡片 -->
+    <div class="stats-container">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-card class="stat-card pending">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">待审核</div>
+                <div class="stat-value">{{ stats.pending }}</div>
+              </div>
+              <el-icon class="stat-icon"><Warning /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card approved">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已通过</div>
+                <div class="stat-value">{{ stats.approved }}</div>
+              </div>
+              <el-icon class="stat-icon"><SuccessFilled /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card rejected">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已拒绝</div>
+                <div class="stat-value">{{ stats.rejected }}</div>
+              </div>
+              <el-icon class="stat-icon"><CircleCloseFilled /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card total">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">商家总数</div>
+                <div class="stat-value">{{ stats.total }}</div>
+              </div>
+              <el-icon class="stat-icon"><Shop /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
     </div>
 
     <!-- 搜索栏 -->
-    <div class="search-bar">
+    <el-card class="search-card">
       <el-form :inline="true" class="search-form">
         <el-form-item>
           <el-input
@@ -16,10 +68,11 @@
             prefix-icon="Search"
             clearable
             @clear="handleSearch"
+            style="width: 260px"
           />
         </el-form-item>
         <el-form-item>
-          <el-select v-model="searchForm.status" placeholder="审核状态" clearable>
+          <el-select v-model="searchForm.status" placeholder="审核状态" clearable style="width: 150px">
             <el-option label="全部" value="" />
             <el-option label="待审核" :value="0" />
             <el-option label="已通过" :value="1" />
@@ -31,49 +84,68 @@
           <el-button @click="resetSearch" icon="Refresh">重置</el-button>
         </el-form-item>
       </el-form>
-    </div>
+    </el-card>
 
     <!-- 商家表格 -->
-    <div class="table-container">
+    <el-card class="table-card">
       <el-table :data="merchantList" v-loading="loading" stripe>
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="shopName" label="店铺名称" width="150" />
-        <el-table-column prop="legalPerson" label="法人" width="120" />
-        <el-table-column prop="contactPhone" label="联系电话" width="130" />
-        <el-table-column prop="businessScope" label="经营范围" width="200" show-overflow-tooltip />
-        <el-table-column prop="status" label="状态" width="100">
+        <el-table-column prop="id" label="ID" width="80" align="center" />
+        
+        <el-table-column prop="shopName" label="店铺名称" min-width="180" show-overflow-tooltip>
           <template #default="scope">
-            <el-tag :type="getStatusType(scope.row.status)">
+            <div class="shop-name">
+              <span class="name-text">{{ scope.row.shopName }}</span>
+              <el-tag v-if="scope.row.status === 0" type="warning" size="small" class="status-badge">待审核</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="legalPerson" label="法人" width="120" align="center" />
+        
+        <el-table-column prop="contactPhone" label="联系电话" width="140" align="center" />
+        
+        <el-table-column prop="businessScope" label="经营范围" min-width="200" show-overflow-tooltip />
+        
+        <el-table-column prop="status" label="状态" width="100" align="center">
+          <template #default="scope">
+            <el-tag :type="getStatusType(scope.row.status)" effect="dark">
               {{ getStatusText(scope.row.status) }}
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" label="申请时间" width="160" />
-        <el-table-column prop="verifyTime" label="审核时间" width="160" />
-        <el-table-column label="操作" width="200" fixed="right">
+        
+        <el-table-column prop="createTime" label="申请时间" width="180" align="center" />
+        
+        <el-table-column label="操作" width="300" fixed="right" align="center">
           <template #default="scope">
-            <el-button
-              v-if="scope.row.status === 0"
-              type="success"
-              size="small"
-              @click="handleAudit(scope.row, 1)"
-            >
-              通过
-            </el-button>
-            <el-button
-              v-if="scope.row.status === 0"
-              type="danger"
-              size="small"
-              @click="handleAudit(scope.row, 2)"
-            >
-              拒绝
-            </el-button>
-            <el-button
-              size="small"
-              @click="handleViewDetail(scope.row)"
-            >
-              查看详情
-            </el-button>
+            <div class="glass-action-buttons">
+              <!-- 待审核状态显示审核按钮 -->
+              <template v-if="scope.row.status === 0">
+                <button 
+                  class="glass-btn glass-btn-success"
+                  @click="handleAudit(scope.row, 1)"
+                >
+                  <el-icon class="btn-icon"><Check /></el-icon>
+                  <span>通过</span>
+                </button>
+                <button 
+                  class="glass-btn glass-btn-danger"
+                  @click="handleAudit(scope.row, 2)"
+                >
+                  <el-icon class="btn-icon"><Close /></el-icon>
+                  <span>拒绝</span>
+                </button>
+              </template>
+              
+              <!-- 查看详情按钮 -->
+              <button 
+                class="glass-btn glass-btn-primary"
+                @click="handleViewDetail(scope.row)"
+              >
+                <el-icon class="btn-icon"><View /></el-icon>
+                <span>详情</span>
+              </button>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -90,7 +162,7 @@
           @current-change="handleCurrentChange"
         />
       </div>
-    </div>
+    </el-card>
 
     <!-- 商家详情对话框 -->
     <el-dialog
@@ -99,90 +171,85 @@
       width="800px"
       :close-on-click-modal="false"
     >
-      <div class="merchant-detail" v-if="selectedMerchant">
+      <div class="merchant-detail" v-if="selectedMerchant" v-loading="detailLoading">
+        <!-- 基本信息 -->
         <div class="detail-section">
-          <h3>基本信息</h3>
-          <div class="info-grid">
-            <div class="info-item">
-              <label>商家ID：</label>
-              <span>{{ selectedMerchant.id }}</span>
-            </div>
-            <div class="info-item">
-              <label>店铺名称：</label>
-              <span>{{ selectedMerchant.shopName }}</span>
-            </div>
-            <div class="info-item">
-              <label>法人姓名：</label>
-              <span>{{ selectedMerchant.legalPerson }}</span>
-            </div>
-            <div class="info-item">
-              <label>联系电话：</label>
-              <span>{{ selectedMerchant.contactPhone }}</span>
-            </div>
-            <div class="info-item">
-              <label>经营地址：</label>
-              <span>{{ selectedMerchant.address }}</span>
-            </div>
-            <div class="info-item">
-              <label>营业执照：</label>
-              <span>{{ selectedMerchant.businessLicense || '未上传' }}</span>
-            </div>
+          <div class="section-title">
+            <el-icon><InfoFilled /></el-icon>
+            <span>基本信息</span>
           </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="商家ID">{{ selectedMerchant.id }}</el-descriptions-item>
+            <el-descriptions-item label="店铺名称">{{ selectedMerchant.shopName }}</el-descriptions-item>
+            <el-descriptions-item label="法人姓名">{{ selectedMerchant.legalPerson }}</el-descriptions-item>
+            <el-descriptions-item label="联系电话">{{ selectedMerchant.contactPhone }}</el-descriptions-item>
+            <el-descriptions-item label="经营地址" :span="2">
+              {{ selectedMerchant.address || '-' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="营业执照" :span="2">
+              {{ selectedMerchant.businessLicense || '未上传' }}
+            </el-descriptions-item>
+          </el-descriptions>
         </div>
 
+        <!-- 经营信息 -->
         <div class="detail-section">
-          <h3>经营信息</h3>
-          <div class="info-grid">
-            <div class="info-item full-width">
-              <label>经营范围：</label>
-              <span>{{ selectedMerchant.businessScope }}</span>
-            </div>
+          <div class="section-title">
+            <el-icon><Shop /></el-icon>
+            <span>经营信息</span>
           </div>
+          <el-descriptions :column="1" border>
+            <el-descriptions-item label="经营范围">
+              <div class="business-scope">{{ selectedMerchant.businessScope || '-' }}</div>
+            </el-descriptions-item>
+          </el-descriptions>
         </div>
 
+        <!-- 审核信息 -->
         <div class="detail-section">
-          <h3>审核信息</h3>
-          <div class="info-grid">
-            <div class="info-item">
-              <label>审核状态：</label>
-              <el-tag :type="getStatusType(selectedMerchant.status)">
+          <div class="section-title">
+            <el-icon><DocumentChecked /></el-icon>
+            <span>审核信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="审核状态">
+              <el-tag :type="getStatusType(selectedMerchant.status)" effect="dark">
                 {{ getStatusText(selectedMerchant.status) }}
               </el-tag>
-            </div>
-            <div class="info-item">
-              <label>申请时间：</label>
-              <span>{{ selectedMerchant.createdAt }}</span>
-            </div>
-            <div class="info-item">
-              <label>审核时间：</label>
-              <span>{{ selectedMerchant.verifyTime || '未审核' }}</span>
-            </div>
-          </div>
-        </div>
-
-        <!-- 审核操作区 -->
-        <div class="detail-section" v-if="selectedMerchant.status === 0">
-          <h3>审核操作</h3>
-          <div class="audit-actions">
-            <el-button
-              type="success"
-              @click="handleDetailAudit(selectedMerchant, 1)"
-            >
-              通过审核
-            </el-button>
-            <el-button
-              type="danger"
-              @click="handleDetailAudit(selectedMerchant, 2)"
-            >
-              拒绝审核
-            </el-button>
-          </div>
+            </el-descriptions-item>
+            <el-descriptions-item label="申请时间">
+              {{ selectedMerchant.createTime }}
+            </el-descriptions-item>
+            <el-descriptions-item label="审核时间" :span="2">
+              {{ selectedMerchant.verifyTime || '未审核' }}
+            </el-descriptions-item>
+          </el-descriptions>
         </div>
       </div>
 
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="detailDialogVisible = false">关闭</el-button>
+          <el-button @click="detailDialogVisible = false" size="large">关闭</el-button>
+          <template v-if="selectedMerchant && selectedMerchant.status === 0">
+            <el-button 
+              type="success" 
+              @click="handleAuditInDialog(1)" 
+              size="large"
+              class="audit-btn"
+            >
+              <el-icon class="btn-icon"><Check /></el-icon>
+              <span>审核通过</span>
+            </el-button>
+            <el-button 
+              type="danger" 
+              @click="handleAuditInDialog(2)" 
+              size="large"
+              class="audit-btn"
+            >
+              <el-icon class="btn-icon"><Close /></el-icon>
+              <span>审核拒绝</span>
+            </el-button>
+          </template>
         </div>
       </template>
     </el-dialog>
@@ -192,12 +259,21 @@
 <script>
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import {
+  Warning, SuccessFilled, CircleCloseFilled, Shop, Search, Refresh,
+  Check, Close, View, InfoFilled, DocumentChecked
+} from '@element-plus/icons-vue'
 import { getMerchants, auditMerchant } from '../../../api/admin'
 
 export default {
   name: 'MerchantManagement',
+  components: {
+    Warning, SuccessFilled, CircleCloseFilled, Shop, Search, Refresh,
+    Check, Close, View, InfoFilled, DocumentChecked
+  },
   setup() {
     const loading = ref(false)
+    const detailLoading = ref(false)
     const merchantList = ref([])
     const detailDialogVisible = ref(false)
     const selectedMerchant = ref(null)
@@ -212,6 +288,22 @@ export default {
       size: 10,
       total: 0
     })
+
+    // 统计数据
+    const stats = reactive({
+      pending: 0,
+      approved: 0,
+      rejected: 0,
+      total: 0
+    })
+
+    // 计算统计数据
+    const calculateStats = (merchants) => {
+      stats.pending = merchants.filter(m => m.status === 0).length
+      stats.approved = merchants.filter(m => m.status === 1).length
+      stats.rejected = merchants.filter(m => m.status === 2).length
+      stats.total = merchants.length
+    }
     
     const loadMerchants = async () => {
       loading.value = true
@@ -226,7 +318,11 @@ export default {
         const result = await getMerchants(params)
         merchantList.value = result.records
         pagination.total = result.total
+        
+        // 更新统计
+        calculateStats(result.records)
       } catch (error) {
+        console.error('加载商家列表失败:', error)
         ElMessage.error('加载商家列表失败')
       } finally {
         loading.value = false
@@ -272,27 +368,26 @@ export default {
         await auditMerchant(merchant.id, status)
         ElMessage.success(`商家审核${action}成功`)
         loadMerchants()
-        
-        // 如果详情对话框打开着，也关闭它
-        if (detailDialogVisible.value) {
-          detailDialogVisible.value = false
-        }
       } catch (error) {
         if (error !== 'cancel') {
+          console.error('审核失败:', error)
           ElMessage.error(`商家审核${action}失败`)
         }
       }
     }
+
+    const handleAuditInDialog = async (status) => {
+      if (!selectedMerchant.value) return
+      
+      await handleAudit(selectedMerchant.value, status)
+      detailDialogVisible.value = false
+    }
     
     const handleViewDetail = (merchant) => {
       selectedMerchant.value = merchant
       detailDialogVisible.value = true
     }
     
-    const handleDetailAudit = async (merchant, status) => {
-      await handleAudit(merchant, status)
-    }
-    
     const getStatusType = (status) => {
       const types = { 0: 'warning', 1: 'success', 2: 'danger' }
       return types[status] || ''
@@ -309,9 +404,11 @@ export default {
     
     return {
       loading,
+      detailLoading,
       merchantList,
       searchForm,
       pagination,
+      stats,
       detailDialogVisible,
       selectedMerchant,
       handleSearch,
@@ -319,8 +416,8 @@ export default {
       handleSizeChange,
       handleCurrentChange,
       handleAudit,
+      handleAuditInDialog,
       handleViewDetail,
-      handleDetailAudit,
       getStatusType,
       getStatusText
     }
@@ -331,114 +428,343 @@ export default {
 <style scoped>
 .merchant-management {
   padding: 20px;
+  background: #f0f2f5;
+  min-height: calc(100vh - 60px);
 }
 
 .page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   margin-bottom: 20px;
 }
 
 .page-header h2 {
   margin: 0 0 5px 0;
-  color: #333;
+  color: #1f2937;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .page-header p {
   margin: 0;
-  color: #666;
+  color: #6b7280;
   font-size: 14px;
 }
 
-.search-bar {
-  background: white;
-  padding: 20px;
-  border-radius: 8px;
+/* 统计卡片样式 */
+.stats-container {
   margin-bottom: 20px;
+}
+
+.stat-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+
+.stat-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.stat-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+}
+
+.stat-info {
+  flex: 1;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: 600;
+  color: #1f2937;
+}
+
+.stat-icon {
+  font-size: 48px;
+  opacity: 0.2;
+}
+
+.stat-card.pending .stat-value {
+  color: #f59e0b;
+}
+
+.stat-card.pending .stat-icon {
+  color: #f59e0b;
+}
+
+.stat-card.approved .stat-value {
+  color: #10b981;
+}
+
+.stat-card.approved .stat-icon {
+  color: #10b981;
+}
+
+.stat-card.rejected .stat-value {
+  color: #ef4444;
+}
+
+.stat-card.rejected .stat-icon {
+  color: #ef4444;
+}
+
+.stat-card.total .stat-value {
+  color: #3b82f6;
+}
+
+.stat-card.total .stat-icon {
+  color: #3b82f6;
+}
+
+/* 搜索卡片 */
+.search-card {
+  margin-bottom: 20px;
+  border: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .search-form {
+  margin: 0;
+}
+
+/* 表格卡片 */
+.table-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* 店铺名称 */
+.shop-name {
   display: flex;
   align-items: center;
+  gap: 8px;
+}
+
+.name-text {
+  flex: 1;
+  font-weight: 500;
+  color: #1f2937;
+}
+
+.status-badge {
+  flex-shrink: 0;
+}
+
+/* ==================== 玻璃质感按钮样式 ==================== */
+.glass-action-buttons {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  align-items: center;
   flex-wrap: wrap;
 }
 
-.table-container {
-  background: white;
-  padding: 20px;
+.glass-btn {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
   border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
+              0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 
+.glass-btn::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.3),
+    transparent
+  );
+  transition: left 0.5s;
+}
+
+.glass-btn:hover::before {
+  left: 100%;
+}
+
+.glass-btn .btn-icon {
+  font-size: 16px;
+  transition: transform 0.3s;
+}
+
+.glass-btn:hover .btn-icon {
+  transform: scale(1.2) rotate(5deg);
+}
+
+.glass-btn:active {
+  transform: scale(0.95);
+}
+
+/* 通过按钮 - 绿色玻璃 */
+.glass-btn-success {
+  background: linear-gradient(
+    135deg,
+    rgba(16, 185, 129, 0.8) 0%,
+    rgba(5, 150, 105, 0.8) 100%
+  );
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.glass-btn-success:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(16, 185, 129, 0.9) 0%,
+    rgba(5, 150, 105, 0.9) 100%
+  );
+  box-shadow: 0 8px 16px -4px rgba(16, 185, 129, 0.4),
+              0 4px 6px -2px rgba(16, 185, 129, 0.2);
+  transform: translateY(-2px);
+}
+
+/* 拒绝按钮 - 红色玻璃 */
+.glass-btn-danger {
+  background: linear-gradient(
+    135deg,
+    rgba(239, 68, 68, 0.8) 0%,
+    rgba(220, 38, 38, 0.8) 100%
+  );
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.glass-btn-danger:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(239, 68, 68, 0.9) 0%,
+    rgba(220, 38, 38, 0.9) 100%
+  );
+  box-shadow: 0 8px 16px -4px rgba(239, 68, 68, 0.4),
+              0 4px 6px -2px rgba(239, 68, 68, 0.2);
+  transform: translateY(-2px);
+}
+
+/* 详情按钮 - 蓝色玻璃 */
+.glass-btn-primary {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.15) 0%,
+    rgba(37, 99, 235, 0.15) 100%
+  );
+  color: #3b82f6;
+  border: 1.5px solid rgba(59, 130, 246, 0.5);
+}
+
+.glass-btn-primary:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.25) 0%,
+    rgba(37, 99, 235, 0.25) 100%
+  );
+  border-color: rgba(59, 130, 246, 0.8);
+  box-shadow: 0 8px 16px -4px rgba(59, 130, 246, 0.3),
+              0 4px 6px -2px rgba(59, 130, 246, 0.15),
+              inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
+  transform: translateY(-2px);
+}
+
+/* 分页 */
 .pagination {
   margin-top: 20px;
   display: flex;
   justify-content: center;
 }
 
-/* 详情对话框样式 */
+/* 商家详情样式 */
 .merchant-detail {
-  max-height: 600px;
+  max-height: 70vh;
   overflow-y: auto;
 }
 
 .detail-section {
-  margin-bottom: 30px;
+  margin-bottom: 24px;
 }
 
-.detail-section h3 {
-  margin: 0 0 15px 0;
-  color: #333;
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
   font-size: 16px;
   font-weight: 600;
-  border-bottom: 2px solid #409EFF;
-  padding-bottom: 5px;
+  color: #1f2937;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e5e7eb;
 }
 
-.info-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 15px;
+.section-title .el-icon {
+  color: #3b82f6;
 }
 
-.info-item {
-  display: flex;
-  align-items: flex-start;
-}
-
-.info-item.full-width {
-  grid-column: 1 / -1;
-}
-
-.info-item label {
-  min-width: 100px;
-  font-weight: 500;
-  color: #666;
-  margin-right: 10px;
-}
-
-.info-item span {
-  color: #333;
+/* 经营范围样式 */
+.business-scope {
+  line-height: 1.6;
+  color: #4b5563;
+  white-space: pre-wrap;
   word-break: break-word;
 }
 
-.audit-actions {
-  display: flex;
-  gap: 10px;
-}
-
 .dialog-footer {
-  display: flex;
-  justify-content: flex-end;
+  text-align: right;
 }
 
-/* 响应式设计 */
+/* 对话框底部审核按钮样式 */
+.dialog-footer .audit-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 120px;
+}
+
+.dialog-footer .audit-btn .btn-icon {
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+}
+
+/* 响应式 */
 @media (max-width: 768px) {
-  .info-grid {
-    grid-template-columns: 1fr;
+  .stats-container :deep(.el-col) {
+    margin-bottom: 12px;
   }
   
-  .info-item.full-width {
-    grid-column: 1;
+  .glass-action-buttons {
+    flex-direction: column;
+  }
+  
+  .glass-btn {
+    width: 100%;
   }
 }
 </style>
diff --git a/frontend/src/views/admin/orders/OrderManagement.vue b/frontend/src/views/admin/orders/OrderManagement.vue
index f94cd0b..ef3718a 100644
--- a/frontend/src/views/admin/orders/OrderManagement.vue
+++ b/frontend/src/views/admin/orders/OrderManagement.vue
@@ -2,12 +2,64 @@
   <div class="order-management">
     <!-- 页面标题 -->
     <div class="page-header">
-      <h2>订单管理</h2>
-      <p>管理平台所有订单信息</p>
+      <div>
+        <h2>订单管理</h2>
+        <p>管理平台所有订单信息</p>
+      </div>
+    </div>
+
+    <!-- 统计卡片 -->
+    <div class="stats-container">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-card class="stat-card pending">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">待支付</div>
+                <div class="stat-value">{{ stats.pending }}</div>
+              </div>
+              <el-icon class="stat-icon"><Clock /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card paid">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已支付</div>
+                <div class="stat-value">{{ stats.paid }}</div>
+              </div>
+              <el-icon class="stat-icon"><Wallet /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card shipped">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已发货</div>
+                <div class="stat-value">{{ stats.shipped }}</div>
+              </div>
+              <el-icon class="stat-icon"><Van /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card total">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">订单总数</div>
+                <div class="stat-value">{{ stats.total }}</div>
+              </div>
+              <el-icon class="stat-icon"><Document /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
     </div>
 
     <!-- 搜索栏 -->
-    <div class="search-bar">
+    <el-card class="search-card">
       <el-form :inline="true" class="search-form">
         <el-form-item>
           <el-input
@@ -16,10 +68,11 @@
             prefix-icon="Search"
             clearable
             @clear="handleSearch"
+            style="width: 260px"
           />
         </el-form-item>
         <el-form-item>
-          <el-select v-model="searchForm.status" placeholder="订单状态" clearable>
+          <el-select v-model="searchForm.status" placeholder="订单状态" clearable style="width: 150px">
             <el-option label="全部" value="" />
             <el-option label="待支付" :value="1" />
             <el-option label="已支付" :value="2" />
@@ -33,41 +86,60 @@
           <el-button @click="resetSearch" icon="Refresh">重置</el-button>
         </el-form-item>
       </el-form>
-    </div>
+    </el-card>
 
     <!-- 订单表格 -->
-    <div class="table-container">
+    <el-card class="table-card">
       <el-table :data="orderList" v-loading="loading" stripe>
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="orderNo" label="订单号" width="160" />
-        <el-table-column prop="consignee" label="收件人" width="100" />
-        <el-table-column prop="phone" label="电话" width="130" />
-        <el-table-column prop="totalAmount" label="订单金额" width="100">
+        <el-table-column prop="id" label="ID" width="80" align="center" />
+        
+        <el-table-column prop="orderNo" label="订单号" width="180" align="center">
           <template #default="scope">
-            ¥{{ scope.row.totalAmount }}
+            <span class="order-no">{{ scope.row.orderNo }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="actualAmount" label="实付金额" width="100">
+        
+        <el-table-column prop="consignee" label="收件人" width="120" align="center" />
+        
+        <el-table-column prop="phone" label="电话" width="130" align="center" />
+        
+        <el-table-column prop="totalAmount" label="订单金额" width="120" align="center">
           <template #default="scope">
-            ¥{{ scope.row.actualAmount }}
+            <span class="amount-text">¥{{ scope.row.totalAmount }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="status" label="状态" width="100">
+        
+        <el-table-column prop="actualAmount" label="实付金额" width="120" align="center">
           <template #default="scope">
-            <el-tag :type="getStatusType(scope.row.status)">
+            <span class="price">¥{{ scope.row.actualAmount }}</span>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="status" label="状态" width="100" align="center">
+          <template #default="scope">
+            <el-tag :type="getStatusType(scope.row.status)" effect="dark">
               {{ getStatusText(scope.row.status) }}
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" label="创建时间" width="160" />
-        <el-table-column label="操作" width="120" fixed="right">
+        
+        <el-table-column prop="createTime" label="创建时间" width="180" align="center">
           <template #default="scope">
-            <el-button
-              size="small"
-              @click="handleViewDetail(scope.row)"
-            >
-              查看详情
-            </el-button>
+            {{ formatTime(scope.row.createTime) }}
+          </template>
+        </el-table-column>
+        
+        <el-table-column label="操作" width="150" fixed="right" align="center">
+          <template #default="scope">
+            <div class="glass-action-buttons">
+              <button 
+                class="glass-btn glass-btn-primary"
+                @click="handleViewDetail(scope.row)"
+              >
+                <el-icon class="btn-icon"><View /></el-icon>
+                <span>详情</span>
+              </button>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -84,20 +156,182 @@
           @current-change="handleCurrentChange"
         />
       </div>
-    </div>
+    </el-card>
+
+    <!-- 订单详情对话框 -->
+    <el-dialog 
+      v-model="detailDialogVisible" 
+      title="订单详情" 
+      width="900px"
+      :close-on-click-modal="false"
+    >
+      <div v-if="currentOrder" class="order-detail" v-loading="detailLoading">
+        <!-- 订单基本信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><InfoFilled /></el-icon>
+            <span>订单信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="订单号">
+              <span class="order-no">{{ currentOrder.orderNo }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="订单状态">
+              <el-tag :type="getStatusType(currentOrder.status)" effect="dark">
+                {{ getStatusText(currentOrder.status) }}
+              </el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="下单时间">
+              {{ formatTime(currentOrder.createTime) }}
+            </el-descriptions-item>
+            <el-descriptions-item label="支付时间">
+              {{ formatTime(currentOrder.payTime) }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 收货信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><Location /></el-icon>
+            <span>收货信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="收件人">{{ currentOrder.consignee }}</el-descriptions-item>
+            <el-descriptions-item label="联系电话">{{ currentOrder.phone }}</el-descriptions-item>
+            <el-descriptions-item label="收货地址" :span="2">
+              {{ currentOrder.address }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 订单商品 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><ShoppingCart /></el-icon>
+            <span>订单商品</span>
+          </div>
+          <el-table :data="currentOrder.orderDetails" border>
+            <el-table-column label="商品" min-width="200">
+              <template #default="scope">
+                <div class="product-info">
+                  <el-image
+                    v-if="scope.row.productImage"
+                    :src="scope.row.productImage"
+                    fit="cover"
+                    style="width: 60px; height: 60px; border-radius: 6px;"
+                  >
+                    <template #error>
+                      <div class="image-slot">
+                        <el-icon><Picture /></el-icon>
+                      </div>
+                    </template>
+                  </el-image>
+                  <span class="product-name">{{ scope.row.productName }}</span>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column prop="price" label="单价" width="120" align="center">
+              <template #default="scope">
+                <span class="price">¥{{ scope.row.price }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="quantity" label="数量" width="100" align="center">
+              <template #default="scope">
+                <el-tag type="info">x{{ scope.row.quantity }}</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalAmount" label="小计" width="120" align="center">
+              <template #default="scope">
+                <span class="price">¥{{ scope.row.totalAmount }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 金额信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><Wallet /></el-icon>
+            <span>金额信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="商品总额">
+              <span class="amount-text">¥{{ currentOrder.totalAmount }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="优惠金额">
+              <span class="discount-text">-¥{{ currentOrder.discountAmount || 0 }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="实付金额" :span="2">
+              <span class="price-large">¥{{ currentOrder.actualAmount }}</span>
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 物流信息 -->
+        <div class="detail-section" v-if="currentOrder.status >= 3">
+          <div class="section-title">
+            <el-icon><Van /></el-icon>
+            <span>物流信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="物流公司">
+              {{ currentOrder.shipCompany || '-' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="运单号">
+              <span class="tracking-no">{{ currentOrder.shipNo || '-' }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="发货时间">
+              {{ formatTime(currentOrder.shipTime) }}
+            </el-descriptions-item>
+            <el-descriptions-item label="收货时间">
+              {{ formatTime(currentOrder.receiveTime) }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 备注信息 -->
+        <div class="detail-section" v-if="currentOrder.remark">
+          <div class="section-title">
+            <el-icon><ChatDotRound /></el-icon>
+            <span>备注信息</span>
+          </div>
+          <div class="remark-content">
+            {{ currentOrder.remark }}
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="detailDialogVisible = false" size="large">关闭</el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
-import { getOrders } from '../../../api/admin'
+import {
+  Clock, Wallet, Van, Document, Search, Refresh, View,
+  InfoFilled, Location, ShoppingCart, Picture, ChatDotRound
+} from '@element-plus/icons-vue'
+import { getOrders, getOrderDetail } from '../../../api/admin'
 
 export default {
   name: 'OrderManagement',
+  components: {
+    Clock, Wallet, Van, Document, Search, Refresh, View,
+    InfoFilled, Location, ShoppingCart, Picture, ChatDotRound
+  },
   setup() {
     const loading = ref(false)
+    const detailLoading = ref(false)
     const orderList = ref([])
+    const detailDialogVisible = ref(false)
+    const currentOrder = ref(null)
     
     const searchForm = reactive({
       keyword: '',
@@ -109,6 +343,22 @@ export default {
       size: 10,
       total: 0
     })
+
+    // 统计数据
+    const stats = reactive({
+      pending: 0,
+      paid: 0,
+      shipped: 0,
+      total: 0
+    })
+
+    // 计算统计数据
+    const calculateStats = (orders) => {
+      stats.pending = orders.filter(o => o.status === 1).length
+      stats.paid = orders.filter(o => o.status === 2).length
+      stats.shipped = orders.filter(o => o.status === 3).length
+      stats.total = orders.length
+    }
     
     const loadOrders = async () => {
       loading.value = true
@@ -123,7 +373,11 @@ export default {
         const result = await getOrders(params)
         orderList.value = result.records
         pagination.total = result.total
+        
+        // 更新统计
+        calculateStats(result.records)
       } catch (error) {
+        console.error('加载订单列表失败:', error)
         ElMessage.error('加载订单列表失败')
       } finally {
         loading.value = false
@@ -152,9 +406,20 @@ export default {
       loadOrders()
     }
     
-    const handleViewDetail = (order) => {
-      // 查看订单详情
-      console.log('查看订单详情:', order)
+    const handleViewDetail = async (order) => {
+      detailDialogVisible.value = true
+      detailLoading.value = true
+      
+      try {
+        const detail = await getOrderDetail(order.id)
+        currentOrder.value = detail
+      } catch (error) {
+        console.error('获取订单详情失败:', error)
+        ElMessage.error('获取订单详情失败')
+        detailDialogVisible.value = false
+      } finally {
+        detailLoading.value = false
+      }
     }
     
     const getStatusType = (status) => {
@@ -163,7 +428,8 @@ export default {
         2: 'primary', 
         3: 'success', 
         4: 'success', 
-        5: 'danger' 
+        5: 'danger',
+        6: 'info'
       }
       return types[status] || ''
     }
@@ -174,27 +440,38 @@ export default {
         2: '已支付', 
         3: '已发货', 
         4: '已完成', 
-        5: '已取消' 
+        5: '已取消',
+        6: '已退款'
       }
       return texts[status] || '未知'
     }
     
+    const formatTime = (time) => {
+      if (!time) return '-'
+      return new Date(time).toLocaleString('zh-CN')
+    }
+    
     onMounted(() => {
       loadOrders()
     })
     
     return {
       loading,
+      detailLoading,
       orderList,
       searchForm,
       pagination,
+      stats,
+      detailDialogVisible,
+      currentOrder,
       handleSearch,
       resetSearch,
       handleSizeChange,
       handleCurrentChange,
       handleViewDetail,
       getStatusType,
-      getStatusText
+      getStatusText,
+      formatTime
     }
   }
 }
@@ -203,47 +480,333 @@ export default {
 <style scoped>
 .order-management {
   padding: 20px;
+  background: #f0f2f5;
+  min-height: calc(100vh - 60px);
 }
 
 .page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   margin-bottom: 20px;
 }
 
 .page-header h2 {
   margin: 0 0 5px 0;
-  color: #333;
+  color: #1f2937;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .page-header p {
   margin: 0;
-  color: #666;
+  color: #6b7280;
   font-size: 14px;
 }
 
-.search-bar {
-  background: white;
-  padding: 20px;
-  border-radius: 8px;
+/* 统计卡片样式 */
+.stats-container {
   margin-bottom: 20px;
+}
+
+.stat-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+
+.stat-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.stat-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+}
+
+.stat-info {
+  flex: 1;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: 600;
+  color: #1f2937;
+}
+
+.stat-icon {
+  font-size: 48px;
+  opacity: 0.2;
+}
+
+.stat-card.pending .stat-value {
+  color: #f59e0b;
+}
+
+.stat-card.pending .stat-icon {
+  color: #f59e0b;
+}
+
+.stat-card.paid .stat-value {
+  color: #3b82f6;
+}
+
+.stat-card.paid .stat-icon {
+  color: #3b82f6;
+}
+
+.stat-card.shipped .stat-value {
+  color: #10b981;
+}
+
+.stat-card.shipped .stat-icon {
+  color: #10b981;
+}
+
+.stat-card.total .stat-value {
+  color: #8b5cf6;
+}
+
+.stat-card.total .stat-icon {
+  color: #8b5cf6;
+}
+
+/* 搜索卡片 */
+.search-card {
+  margin-bottom: 20px;
+  border: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .search-form {
+  margin: 0;
+}
+
+/* 表格卡片 */
+.table-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* 订单号样式 */
+.order-no {
+  font-family: 'Courier New', monospace;
+  color: #3b82f6;
+  font-weight: 500;
+  font-size: 13px;
+}
+
+/* 金额样式 */
+.amount-text {
+  color: #6b7280;
+  font-weight: 500;
+}
+
+.price {
+  color: #f59e0b;
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.price-large {
+  color: #ef4444;
+  font-weight: 700;
+  font-size: 22px;
+}
+
+.discount-text {
+  color: #10b981;
+  font-weight: 600;
+}
+
+/* ==================== 玻璃质感按钮样式 ==================== */
+.glass-action-buttons {
   display: flex;
+  gap: 8px;
+  justify-content: center;
   align-items: center;
   flex-wrap: wrap;
 }
 
-.table-container {
-  background: white;
-  padding: 20px;
+.glass-btn {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
   border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
+              0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 
+.glass-btn::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.3),
+    transparent
+  );
+  transition: left 0.5s;
+}
+
+.glass-btn:hover::before {
+  left: 100%;
+}
+
+.glass-btn .btn-icon {
+  font-size: 16px;
+  transition: transform 0.3s;
+}
+
+.glass-btn:hover .btn-icon {
+  transform: scale(1.2) rotate(5deg);
+}
+
+.glass-btn:active {
+  transform: scale(0.95);
+}
+
+/* 详情按钮 - 蓝色玻璃 */
+.glass-btn-primary {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.15) 0%,
+    rgba(37, 99, 235, 0.15) 100%
+  );
+  color: #3b82f6;
+  border: 1.5px solid rgba(59, 130, 246, 0.5);
+}
+
+.glass-btn-primary:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.25) 0%,
+    rgba(37, 99, 235, 0.25) 100%
+  );
+  border-color: rgba(59, 130, 246, 0.8);
+  box-shadow: 0 8px 16px -4px rgba(59, 130, 246, 0.3),
+              0 4px 6px -2px rgba(59, 130, 246, 0.15),
+              inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
+  transform: translateY(-2px);
+}
+
+/* 分页 */
 .pagination {
   margin-top: 20px;
   display: flex;
   justify-content: center;
 }
+
+/* 订单详情样式 */
+.order-detail {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.detail-section {
+  margin-bottom: 24px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1f2937;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e5e7eb;
+}
+
+.section-title .el-icon {
+  color: #3b82f6;
+}
+
+/* 商品信息样式 */
+.product-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.product-name {
+  flex: 1;
+  font-weight: 500;
+  color: #1f2937;
+}
+
+.image-slot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 60px;
+  background-color: #f5f7fa;
+  border-radius: 6px;
+  color: #909399;
+  font-size: 24px;
+}
+
+/* 运单号样式 */
+.tracking-no {
+  font-family: 'Courier New', monospace;
+  color: #10b981;
+  font-weight: 500;
+}
+
+/* 备注内容 */
+.remark-content {
+  padding: 16px;
+  background: #f9fafb;
+  border-radius: 8px;
+  color: #4b5563;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+
+/* 响应式 */
+@media (max-width: 768px) {
+  .stats-container :deep(.el-col) {
+    margin-bottom: 12px;
+  }
+  
+  .glass-action-buttons {
+    flex-direction: column;
+  }
+  
+  .glass-btn {
+    width: 100%;
+  }
+}
 </style>
diff --git a/frontend/src/views/admin/products/ProductManagement.vue b/frontend/src/views/admin/products/ProductManagement.vue
index 8111441..ab77b3e 100644
--- a/frontend/src/views/admin/products/ProductManagement.vue
+++ b/frontend/src/views/admin/products/ProductManagement.vue
@@ -2,12 +2,64 @@
   <div class="product-management">
     <!-- 页面标题 -->
     <div class="page-header">
-      <h2>商品管理</h2>
-      <p>管理平台所有商品和审核</p>
+      <div>
+        <h2>商品管理</h2>
+        <p>管理和审核平台所有商品</p>
+      </div>
+    </div>
+
+    <!-- 统计卡片 -->
+    <div class="stats-container">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-card class="stat-card pending">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">待审核</div>
+                <div class="stat-value">{{ stats.pending }}</div>
+              </div>
+              <el-icon class="stat-icon"><Warning /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card approved">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已通过</div>
+                <div class="stat-value">{{ stats.approved }}</div>
+              </div>
+              <el-icon class="stat-icon"><SuccessFilled /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card offline">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已下架</div>
+                <div class="stat-value">{{ stats.offline }}</div>
+              </div>
+              <el-icon class="stat-icon"><RemoveFilled /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card total">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">商品总数</div>
+                <div class="stat-value">{{ stats.total }}</div>
+              </div>
+              <el-icon class="stat-icon"><Goods /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
     </div>
 
     <!-- 搜索栏 -->
-    <div class="search-bar">
+    <el-card class="search-card">
       <el-form :inline="true" class="search-form">
         <el-form-item>
           <el-input
@@ -16,10 +68,11 @@
             prefix-icon="Search"
             clearable
             @clear="handleSearch"
+            style="width: 260px"
           />
         </el-form-item>
         <el-form-item>
-          <el-select v-model="searchForm.status" placeholder="商品状态" clearable>
+          <el-select v-model="searchForm.status" placeholder="商品状态" clearable style="width: 150px">
             <el-option label="全部" value="" />
             <el-option label="审核中" :value="0" />
             <el-option label="已上架" :value="1" />
@@ -31,53 +84,104 @@
           <el-button @click="resetSearch" icon="Refresh">重置</el-button>
         </el-form-item>
       </el-form>
-    </div>
+    </el-card>
 
     <!-- 商品表格 -->
-    <div class="table-container">
+    <el-card class="table-card">
       <el-table :data="productList" v-loading="loading" stripe>
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="name" label="商品名称" width="200" show-overflow-tooltip />
-        <el-table-column prop="price" label="价格" width="100">
+        <el-table-column prop="id" label="ID" width="80" align="center" />
+        
+        <el-table-column label="商品图片" width="100" align="center">
           <template #default="scope">
-            ¥{{ scope.row.price }}
+            <div class="product-image">
+              <el-image
+                v-if="scope.row.imageList && scope.row.imageList.length > 0"
+                :src="scope.row.imageList[0]"
+                :alt="scope.row.name"
+                fit="cover"
+                style="width: 60px; height: 60px; border-radius: 6px; cursor: pointer;"
+                :preview-src-list="scope.row.imageList"
+                :initial-index="0"
+                preview-teleported
+              >
+                <template #error>
+                  <div class="image-slot">
+                    <el-icon><Picture /></el-icon>
+                  </div>
+                </template>
+              </el-image>
+              <div v-else class="no-image">
+                <el-icon><Picture /></el-icon>
+              </div>
+            </div>
           </template>
         </el-table-column>
-        <el-table-column prop="origin" label="产地" width="120" />
-        <el-table-column prop="unit" label="单位" width="80" />
-        <el-table-column prop="salesCount" label="销量" width="80" />
-        <el-table-column prop="status" label="状态" width="100">
+        
+        <el-table-column prop="name" label="商品名称" min-width="180" show-overflow-tooltip>
           <template #default="scope">
-            <el-tag :type="getStatusType(scope.row.status)">
+            <div class="product-name">
+              <span class="name-text">{{ scope.row.name }}</span>
+              <el-tag v-if="scope.row.status === 0" type="warning" size="small" class="status-badge">待审核</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="price" label="价格" width="120" align="center">
+          <template #default="scope">
+            <span class="price">¥{{ scope.row.price }}</span>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="origin" label="产地" width="120" align="center" />
+        
+        <el-table-column prop="unit" label="单位" width="80" align="center" />
+        
+        <el-table-column prop="salesCount" label="销量" width="100" align="center">
+          <template #default="scope">
+            <el-tag type="success" effect="plain">{{ scope.row.salesCount || 0 }}</el-tag>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="status" label="状态" width="100" align="center">
+          <template #default="scope">
+            <el-tag :type="getStatusType(scope.row.status)" effect="dark">
               {{ getStatusText(scope.row.status) }}
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" label="创建时间" width="160" />
-        <el-table-column label="操作" width="200" fixed="right">
+        
+        <el-table-column prop="createTime" label="创建时间" width="180" align="center" />
+        
+        <el-table-column label="操作" width="300" fixed="right" align="center">
           <template #default="scope">
-            <el-button
-              v-if="scope.row.status === 0"
-              type="success"
-              size="small"
-              @click="handleAudit(scope.row, 1)"
-            >
-              通过
-            </el-button>
-            <el-button
-              v-if="scope.row.status === 0"
-              type="danger"
-              size="small"
-              @click="handleAudit(scope.row, 2)"
-            >
-              拒绝
-            </el-button>
-            <el-button
-              size="small"
-              @click="handleViewDetail(scope.row)"
-            >
-              查看详情
-            </el-button>
+            <div class="glass-action-buttons">
+              <!-- 审核中状态显示审核按钮 -->
+              <template v-if="scope.row.status === 0">
+                <button 
+                  class="glass-btn glass-btn-success"
+                  @click="handleAudit(scope.row, 1)"
+                >
+                  <el-icon class="btn-icon"><Check /></el-icon>
+                  <span>通过</span>
+                </button>
+                <button 
+                  class="glass-btn glass-btn-danger"
+                  @click="handleAudit(scope.row, 2)"
+                >
+                  <el-icon class="btn-icon"><Close /></el-icon>
+                  <span>拒绝</span>
+                </button>
+              </template>
+              
+              <!-- 查看详情按钮 -->
+              <button 
+                class="glass-btn glass-btn-primary"
+                @click="handleViewDetail(scope.row)"
+              >
+                <el-icon class="btn-icon"><View /></el-icon>
+                <span>详情</span>
+              </button>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -94,20 +198,149 @@
           @current-change="handleCurrentChange"
         />
       </div>
-    </div>
+    </el-card>
+
+    <!-- 商品详情对话框 -->
+    <el-dialog
+      v-model="detailVisible"
+      title="商品详情"
+      width="800px"
+      :close-on-click-modal="false"
+    >
+      <div v-if="currentProduct" class="product-detail" v-loading="detailLoading">
+        <!-- 商品图片 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><Picture /></el-icon>
+            <span>商品图片</span>
+          </div>
+          <div class="image-gallery">
+            <div
+              v-for="(image, index) in currentProduct.imageList"
+              :key="index"
+              class="gallery-item"
+            >
+              <el-image
+                :src="image"
+                fit="cover"
+                style="width: 120px; height: 120px; border-radius: 8px;"
+                :preview-src-list="currentProduct.imageList"
+                :initial-index="index"
+                preview-teleported
+              />
+              <el-tag v-if="index === 0" size="small" type="warning" class="main-tag">主图</el-tag>
+            </div>
+            <div v-if="!currentProduct.imageList || currentProduct.imageList.length === 0" class="no-images">
+              <el-icon><Picture /></el-icon>
+              <span>暂无图片</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 基本信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><InfoFilled /></el-icon>
+            <span>基本信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="商品ID">{{ currentProduct.id }}</el-descriptions-item>
+            <el-descriptions-item label="商品名称">{{ currentProduct.name }}</el-descriptions-item>
+            <el-descriptions-item label="商品价格">
+              <span class="price-large">¥{{ currentProduct.price }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="原价">
+              <span v-if="currentProduct.originPrice" class="origin-price">¥{{ currentProduct.originPrice }}</span>
+              <span v-else>-</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="产地">{{ currentProduct.origin || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="单位">{{ currentProduct.unit || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="重量">{{ currentProduct.weight || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="保质期">{{ currentProduct.shelfLife || '-' }}</el-descriptions-item>
+            <el-descriptions-item label="储存方式" :span="2">
+              {{ currentProduct.storageMethod || '-' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="商品状态">
+              <el-tag :type="getStatusType(currentProduct.status)">
+                {{ getStatusText(currentProduct.status) }}
+              </el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="销量">
+              <el-tag type="success">{{ currentProduct.salesCount || 0 }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="浏览量">
+              <el-tag type="info">{{ currentProduct.viewCount || 0 }}</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="分类ID">{{ currentProduct.categoryId }}</el-descriptions-item>
+            <el-descriptions-item label="商家ID">{{ currentProduct.merchantId }}</el-descriptions-item>
+            <el-descriptions-item label="创建时间" :span="2">
+              {{ formatDate(currentProduct.createTime) }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 商品描述 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><Document /></el-icon>
+            <span>商品描述</span>
+          </div>
+          <div class="description-content">
+            {{ currentProduct.description || '暂无描述' }}
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="detailVisible = false" size="large">关闭</el-button>
+          <template v-if="currentProduct && currentProduct.status === 0">
+            <el-button 
+              type="success" 
+              @click="handleAuditInDialog(1)" 
+              size="large"
+              class="audit-btn"
+            >
+              <el-icon class="btn-icon"><Check /></el-icon>
+              <span>审核通过</span>
+            </el-button>
+            <el-button 
+              type="danger" 
+              @click="handleAuditInDialog(2)" 
+              size="large"
+              class="audit-btn"
+            >
+              <el-icon class="btn-icon"><Close /></el-icon>
+              <span>审核拒绝</span>
+            </el-button>
+          </template>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { getProducts, auditProduct } from '../../../api/admin'
+import {
+  Warning, SuccessFilled, RemoveFilled, Goods, Search, Refresh,
+  Picture, View, Check, Close, InfoFilled, Document
+} from '@element-plus/icons-vue'
+import { getProducts, getProductDetail, auditProduct } from '../../../api/admin'
 
 export default {
   name: 'ProductManagement',
+  components: {
+    Warning, SuccessFilled, RemoveFilled, Goods, Search, Refresh,
+    Picture, View, Check, Close, InfoFilled, Document
+  },
   setup() {
     const loading = ref(false)
+    const detailLoading = ref(false)
     const productList = ref([])
+    const detailVisible = ref(false)
+    const currentProduct = ref(null)
     
     const searchForm = reactive({
       keyword: '',
@@ -119,7 +352,24 @@ export default {
       size: 10,
       total: 0
     })
+
+    // 统计数据
+    const stats = reactive({
+      pending: 0,
+      approved: 0,
+      offline: 0,
+      total: 0
+    })
+
+    // 计算统计数据
+    const calculateStats = (products) => {
+      stats.pending = products.filter(p => p.status === 0).length
+      stats.approved = products.filter(p => p.status === 1).length
+      stats.offline = products.filter(p => p.status === 2).length
+      stats.total = products.length
+    }
     
+    // 加载商品列表
     const loadProducts = async () => {
       loading.value = true
       try {
@@ -133,18 +383,24 @@ export default {
         const result = await getProducts(params)
         productList.value = result.records
         pagination.total = result.total
+        
+        // 更新统计（这里只是当前页的统计，实际应该从后端获取全局统计）
+        calculateStats(result.records)
       } catch (error) {
+        console.error('加载商品列表失败:', error)
         ElMessage.error('加载商品列表失败')
       } finally {
         loading.value = false
       }
     }
     
+    // 搜索
     const handleSearch = () => {
       pagination.page = 1
       loadProducts()
     }
     
+    // 重置搜索
     const resetSearch = () => {
       searchForm.keyword = ''
       searchForm.status = ''
@@ -152,6 +408,7 @@ export default {
       loadProducts()
     }
     
+    // 分页变化
     const handleSizeChange = (size) => {
       pagination.size = size
       loadProducts()
@@ -162,6 +419,7 @@ export default {
       loadProducts()
     }
     
+    // 审核商品
     const handleAudit = async (product, status) => {
       const action = status === 1 ? '通过' : '拒绝'
       
@@ -181,43 +439,78 @@ export default {
         loadProducts()
       } catch (error) {
         if (error !== 'cancel') {
+          console.error('审核失败:', error)
           ElMessage.error(`商品审核${action}失败`)
         }
       }
     }
-    
-    const handleViewDetail = (product) => {
-      // 查看商品详情
-      console.log('查看商品详情:', product)
+
+    // 在对话框中审核
+    const handleAuditInDialog = async (status) => {
+      if (!currentProduct.value) return
+      
+      await handleAudit(currentProduct.value, status)
+      detailVisible.value = false
     }
     
+    // 查看商品详情
+    const handleViewDetail = async (product) => {
+      detailVisible.value = true
+      detailLoading.value = true
+      
+      try {
+        const detail = await getProductDetail(product.id)
+        currentProduct.value = detail
+      } catch (error) {
+        console.error('获取商品详情失败:', error)
+        ElMessage.error('获取商品详情失败')
+        detailVisible.value = false
+      } finally {
+        detailLoading.value = false
+      }
+    }
+    
+    // 获取状态类型
     const getStatusType = (status) => {
       const types = { 0: 'warning', 1: 'success', 2: 'info' }
       return types[status] || ''
     }
     
+    // 获取状态文本
     const getStatusText = (status) => {
       const texts = { 0: '审核中', 1: '已上架', 2: '已下架' }
       return texts[status] || '未知'
     }
     
+    // 格式化日期时间
+    const formatDate = (dateTime) => {
+      if (!dateTime) return '-'
+      return new Date(dateTime).toLocaleString('zh-CN')
+    }
+    
     onMounted(() => {
       loadProducts()
     })
     
     return {
       loading,
+      detailLoading,
       productList,
       searchForm,
       pagination,
+      stats,
+      detailVisible,
+      currentProduct,
       handleSearch,
       resetSearch,
       handleSizeChange,
       handleCurrentChange,
       handleAudit,
+      handleAuditInDialog,
       handleViewDetail,
       getStatusType,
-      getStatusText
+      getStatusText,
+      formatDate
     }
   }
 }
@@ -226,47 +519,431 @@ export default {
 <style scoped>
 .product-management {
   padding: 20px;
+  background: #f0f2f5;
+  min-height: calc(100vh - 60px);
 }
 
 .page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   margin-bottom: 20px;
 }
 
 .page-header h2 {
   margin: 0 0 5px 0;
-  color: #333;
+  color: #1f2937;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .page-header p {
   margin: 0;
-  color: #666;
+  color: #6b7280;
   font-size: 14px;
 }
 
-.search-bar {
-  background: white;
-  padding: 20px;
-  border-radius: 8px;
+/* 统计卡片样式 */
+.stats-container {
   margin-bottom: 20px;
+}
+
+.stat-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+
+.stat-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.stat-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+}
+
+.stat-info {
+  flex: 1;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: 600;
+  color: #1f2937;
+}
+
+.stat-icon {
+  font-size: 48px;
+  opacity: 0.2;
+}
+
+.stat-card.pending .stat-value {
+  color: #f59e0b;
+}
+
+.stat-card.pending .stat-icon {
+  color: #f59e0b;
+}
+
+.stat-card.approved .stat-value {
+  color: #10b981;
+}
+
+.stat-card.approved .stat-icon {
+  color: #10b981;
+}
+
+.stat-card.offline .stat-value {
+  color: #6b7280;
+}
+
+.stat-card.offline .stat-icon {
+  color: #6b7280;
+}
+
+.stat-card.total .stat-value {
+  color: #3b82f6;
+}
+
+.stat-card.total .stat-icon {
+  color: #3b82f6;
+}
+
+/* 搜索卡片 */
+.search-card {
+  margin-bottom: 20px;
+  border: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .search-form {
+  margin: 0;
+}
+
+/* 表格卡片 */
+.table-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* 商品图片 */
+.product-image {
   display: flex;
   align-items: center;
+  justify-content: center;
+}
+
+.no-image,
+.image-slot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 60px;
+  background-color: #f5f7fa;
+  border-radius: 6px;
+  color: #909399;
+  font-size: 24px;
+}
+
+/* 商品名称 */
+.product-name {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.name-text {
+  flex: 1;
+}
+
+.status-badge {
+  flex-shrink: 0;
+}
+
+/* 价格样式 */
+.price {
+  color: #f59e0b;
+  font-weight: 600;
+  font-size: 16px;
+}
+
+.price-large {
+  color: #f59e0b;
+  font-weight: 700;
+  font-size: 20px;
+}
+
+.origin-price {
+  color: #9ca3af;
+  text-decoration: line-through;
+}
+
+/* ==================== 玻璃质感按钮样式 ==================== */
+.glass-action-buttons {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  align-items: center;
   flex-wrap: wrap;
 }
 
-.table-container {
-  background: white;
-  padding: 20px;
+.glass-btn {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
   border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
+              0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 
+.glass-btn::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.3),
+    transparent
+  );
+  transition: left 0.5s;
+}
+
+.glass-btn:hover::before {
+  left: 100%;
+}
+
+.glass-btn .btn-icon {
+  font-size: 16px;
+  transition: transform 0.3s;
+}
+
+.glass-btn:hover .btn-icon {
+  transform: scale(1.2) rotate(5deg);
+}
+
+.glass-btn:active {
+  transform: scale(0.95);
+}
+
+/* 通过按钮 - 绿色玻璃 */
+.glass-btn-success {
+  background: linear-gradient(
+    135deg,
+    rgba(16, 185, 129, 0.8) 0%,
+    rgba(5, 150, 105, 0.8) 100%
+  );
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.glass-btn-success:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(16, 185, 129, 0.9) 0%,
+    rgba(5, 150, 105, 0.9) 100%
+  );
+  box-shadow: 0 8px 16px -4px rgba(16, 185, 129, 0.4),
+              0 4px 6px -2px rgba(16, 185, 129, 0.2);
+  transform: translateY(-2px);
+}
+
+/* 拒绝按钮 - 红色玻璃 */
+.glass-btn-danger {
+  background: linear-gradient(
+    135deg,
+    rgba(239, 68, 68, 0.8) 0%,
+    rgba(220, 38, 38, 0.8) 100%
+  );
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.glass-btn-danger:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(239, 68, 68, 0.9) 0%,
+    rgba(220, 38, 38, 0.9) 100%
+  );
+  box-shadow: 0 8px 16px -4px rgba(239, 68, 68, 0.4),
+              0 4px 6px -2px rgba(239, 68, 68, 0.2);
+  transform: translateY(-2px);
+}
+
+/* 详情按钮 - 蓝色玻璃 */
+.glass-btn-primary {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.15) 0%,
+    rgba(37, 99, 235, 0.15) 100%
+  );
+  color: #3b82f6;
+  border: 1.5px solid rgba(59, 130, 246, 0.5);
+}
+
+.glass-btn-primary:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.25) 0%,
+    rgba(37, 99, 235, 0.25) 100%
+  );
+  border-color: rgba(59, 130, 246, 0.8);
+  box-shadow: 0 8px 16px -4px rgba(59, 130, 246, 0.3),
+              0 4px 6px -2px rgba(59, 130, 246, 0.15),
+              inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
+  transform: translateY(-2px);
+}
+
+/* 按钮禁用状态 */
+.glass-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.glass-btn:disabled:hover {
+  transform: none;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
+              0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+/* 分页 */
 .pagination {
   margin-top: 20px;
   display: flex;
   justify-content: center;
 }
+
+/* 商品详情样式 */
+.product-detail {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.detail-section {
+  margin-bottom: 24px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1f2937;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e5e7eb;
+}
+
+.section-title .el-icon {
+  color: #3b82f6;
+}
+
+/* 图片画廊 */
+.image-gallery {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: 16px;
+}
+
+.gallery-item {
+  position: relative;
+}
+
+.main-tag {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+}
+
+.no-images {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px;
+  background: #f9fafb;
+  border-radius: 8px;
+  color: #9ca3af;
+}
+
+.no-images .el-icon {
+  font-size: 48px;
+  margin-bottom: 8px;
+}
+
+/* 描述内容 */
+.description-content {
+  padding: 16px;
+  background: #f9fafb;
+  border-radius: 8px;
+  color: #4b5563;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+
+/* 对话框底部审核按钮样式 */
+.dialog-footer .audit-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 120px;
+}
+
+.dialog-footer .audit-btn .btn-icon {
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+}
+
+
+
+/* 响应式 */
+@media (max-width: 768px) {
+  .stats-container :deep(.el-col) {
+    margin-bottom: 12px;
+  }
+  
+  .glass-action-buttons {
+    flex-direction: column;
+  }
+  
+  .glass-btn {
+    width: 100%;
+  }
+}
 </style>
diff --git a/frontend/src/views/admin/users/UserManagement.vue b/frontend/src/views/admin/users/UserManagement.vue
index a12613a..36d97ca 100644
--- a/frontend/src/views/admin/users/UserManagement.vue
+++ b/frontend/src/views/admin/users/UserManagement.vue
@@ -2,12 +2,64 @@
   <div class="user-management">
     <!-- 页面标题 -->
     <div class="page-header">
-      <h2>用户管理</h2>
-      <p>管理平台所有用户账号</p>
+      <div>
+        <h2>用户管理</h2>
+        <p>管理平台所有用户账号</p>
+      </div>
+    </div>
+
+    <!-- 统计卡片 -->
+    <div class="stats-container">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-card class="stat-card total">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">用户总数</div>
+                <div class="stat-value">{{ stats.total }}</div>
+              </div>
+              <el-icon class="stat-icon"><User /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card verified">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">已认证</div>
+                <div class="stat-value">{{ stats.verified }}</div>
+              </div>
+              <el-icon class="stat-icon"><CircleCheck /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card active">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">正常用户</div>
+                <div class="stat-value">{{ stats.active }}</div>
+              </div>
+              <el-icon class="stat-icon"><SuccessFilled /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+        <el-col :span="6">
+          <el-card class="stat-card disabled">
+            <div class="stat-content">
+              <div class="stat-info">
+                <div class="stat-label">禁用用户</div>
+                <div class="stat-value">{{ stats.disabled }}</div>
+              </div>
+              <el-icon class="stat-icon"><CircleClose /></el-icon>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
     </div>
 
     <!-- 搜索栏 -->
-    <div class="search-bar">
+    <el-card class="search-card">
       <el-form :inline="true" class="search-form">
         <el-form-item>
           <el-input
@@ -16,55 +68,118 @@
             prefix-icon="Search"
             clearable
             @clear="handleSearch"
+            style="width: 260px"
           />
         </el-form-item>
         <el-form-item>
-          <el-select v-model="searchForm.status" placeholder="用户状态" clearable>
+          <el-select v-model="searchForm.status" placeholder="用户状态" clearable style="width: 150px">
             <el-option label="全部" value="" />
             <el-option label="正常" :value="1" />
             <el-option label="禁用" :value="0" />
           </el-select>
         </el-form-item>
+        <el-form-item>
+          <el-select v-model="searchForm.isVerified" placeholder="认证状态" clearable style="width: 150px">
+            <el-option label="全部" value="" />
+            <el-option label="已认证" :value="1" />
+            <el-option label="未认证" :value="0" />
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="handleSearch" icon="Search">搜索</el-button>
           <el-button @click="resetSearch" icon="Refresh">重置</el-button>
         </el-form-item>
       </el-form>
-    </div>
+    </el-card>
 
     <!-- 用户表格 -->
-    <div class="table-container">
+    <el-card class="table-card">
       <el-table :data="userList" v-loading="loading" stripe>
-        <el-table-column prop="id" label="ID" width="80" />
-        <el-table-column prop="username" label="用户名" width="120" />
-        <el-table-column prop="nickname" label="昵称" width="120" />
-        <el-table-column prop="phone" label="手机号" width="130" />
-        <el-table-column prop="email" label="邮箱" width="180" />
-        <el-table-column prop="isVerified" label="实名认证" width="100">
+        <el-table-column prop="id" label="ID" width="80" align="center" />
+        
+        <el-table-column label="用户信息" min-width="200">
           <template #default="scope">
-            <el-tag :type="scope.row.isVerified ? 'success' : 'warning'">
-              {{ scope.row.isVerified ? '已认证' : '未认证' }}
-            </el-tag>
+            <div class="user-info">
+              <el-avatar :size="50" :src="scope.row.avatar" class="user-avatar">
+                <el-icon><UserFilled /></el-icon>
+              </el-avatar>
+              <div class="user-details">
+                <div class="user-name">
+                  <span class="username">{{ scope.row.username }}</span>
+                  <el-tag v-if="scope.row.isVerified" type="success" size="small" class="verified-badge">
+                    <el-icon><CircleCheck /></el-icon> 已认证
+                  </el-tag>
+                </div>
+                <div class="user-nickname">{{ scope.row.nickname || '未设置昵称' }}</div>
+              </div>
+            </div>
           </template>
         </el-table-column>
-        <el-table-column prop="status" label="状态" width="100">
+        
+        <el-table-column prop="phone" label="手机号" width="140" align="center">
           <template #default="scope">
-            <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">
+            <span class="phone-number">{{ maskPhone(scope.row.phone) }}</span>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="email" label="邮箱" width="200" align="center" show-overflow-tooltip>
+          <template #default="scope">
+            <span class="email-text">{{ scope.row.email || '-' }}</span>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="gender" label="性别" width="80" align="center">
+          <template #default="scope">
+            <el-tag v-if="scope.row.gender === 1" type="primary" effect="plain">男</el-tag>
+            <el-tag v-else-if="scope.row.gender === 2" type="danger" effect="plain">女</el-tag>
+            <el-tag v-else type="info" effect="plain">未知</el-tag>
+          </template>
+        </el-table-column>
+        
+        <el-table-column prop="status" label="状态" width="100" align="center">
+          <template #default="scope">
+            <el-tag :type="scope.row.status === 1 ? 'success' : 'danger'" effect="dark">
               {{ scope.row.status === 1 ? '正常' : '禁用' }}
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" label="注册时间" width="160" />
-        <el-table-column prop="lastLoginTime" label="最后登录" width="160" />
-        <el-table-column label="操作" width="120" fixed="right">
+        
+        <el-table-column prop="createTime" label="注册时间" width="180" align="center">
           <template #default="scope">
-            <el-button
-              :type="scope.row.status === 1 ? 'danger' : 'success'"
-              size="small"
-              @click="handleStatusChange(scope.row)"
-            >
-              {{ scope.row.status === 1 ? '禁用' : '启用' }}
-            </el-button>
+            {{ formatTime(scope.row.createTime) }}
+          </template>
+        </el-table-column>
+        
+        <el-table-column label="操作" width="250" fixed="right" align="center">
+          <template #default="scope">
+            <div class="glass-action-buttons">
+              <!-- 启用/禁用按钮 -->
+              <button 
+                v-if="scope.row.status === 1"
+                class="glass-btn glass-btn-danger"
+                @click="handleStatusChange(scope.row)"
+              >
+                <el-icon class="btn-icon"><Lock /></el-icon>
+                <span>禁用</span>
+              </button>
+              <button 
+                v-else
+                class="glass-btn glass-btn-success"
+                @click="handleStatusChange(scope.row)"
+              >
+                <el-icon class="btn-icon"><Unlock /></el-icon>
+                <span>启用</span>
+              </button>
+              
+              <!-- 查看详情按钮 -->
+              <button 
+                class="glass-btn glass-btn-primary"
+                @click="handleViewDetail(scope.row)"
+              >
+                <el-icon class="btn-icon"><View /></el-icon>
+                <span>详情</span>
+              </button>
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -81,24 +196,183 @@
           @current-change="handleCurrentChange"
         />
       </div>
-    </div>
+    </el-card>
+
+    <!-- 用户详情对话框 -->
+    <el-dialog
+      v-model="detailVisible"
+      title="用户详情"
+      width="800px"
+      :close-on-click-modal="false"
+    >
+      <div v-if="currentUser" class="user-detail" v-loading="detailLoading">
+        <!-- 基本信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><InfoFilled /></el-icon>
+            <span>基本信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="用户ID">{{ currentUser.id }}</el-descriptions-item>
+            <el-descriptions-item label="用户名">{{ currentUser.username }}</el-descriptions-item>
+            <el-descriptions-item label="昵称">
+              {{ currentUser.nickname || '未设置' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="性别">
+              <el-tag v-if="currentUser.gender === 1" type="primary" effect="plain">男</el-tag>
+              <el-tag v-else-if="currentUser.gender === 2" type="danger" effect="plain">女</el-tag>
+              <el-tag v-else type="info" effect="plain">未知</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="生日">
+              {{ currentUser.birthday || '-' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="账号状态">
+              <el-tag :type="currentUser.status === 1 ? 'success' : 'danger'" effect="dark">
+                {{ currentUser.status === 1 ? '正常' : '禁用' }}
+              </el-tag>
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 联系方式 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><Phone /></el-icon>
+            <span>联系方式</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="手机号">
+              <span class="phone-number">{{ currentUser.phone }}</span>
+            </el-descriptions-item>
+            <el-descriptions-item label="邮箱">
+              <span class="email-text">{{ currentUser.email || '未绑定' }}</span>
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 实名认证信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><CreditCard /></el-icon>
+            <span>实名认证信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="认证状态">
+              <el-tag :type="currentUser.isVerified ? 'success' : 'warning'" effect="dark">
+                {{ currentUser.isVerified ? '已认证' : '未认证' }}
+              </el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="真实姓名">
+              {{ currentUser.realName || '-' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="身份证号" :span="2">
+              {{ maskIdCard(currentUser.idCard) }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 登录信息 -->
+        <div class="detail-section">
+          <div class="section-title">
+            <el-icon><Clock /></el-icon>
+            <span>登录信息</span>
+          </div>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="注册时间">
+              {{ formatTime(currentUser.createTime) }}
+            </el-descriptions-item>
+            <el-descriptions-item label="最后登录">
+              {{ formatTime(currentUser.lastLoginTime) }}
+            </el-descriptions-item>
+            <el-descriptions-item label="更新时间" :span="2">
+              {{ formatTime(currentUser.updateTime) }}
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+
+        <!-- 用户头像 -->
+        <div class="detail-section" v-if="currentUser.avatar">
+          <div class="section-title">
+            <el-icon><Picture /></el-icon>
+            <span>用户头像</span>
+          </div>
+          <div class="avatar-container">
+            <el-image
+              :src="currentUser.avatar"
+              fit="cover"
+              style="width: 150px; height: 150px; border-radius: 50%;"
+              :preview-src-list="[currentUser.avatar]"
+              preview-teleported
+            >
+              <template #error>
+                <div class="image-slot">
+                  <el-icon><UserFilled /></el-icon>
+                </div>
+              </template>
+            </el-image>
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="detailVisible = false" size="large">关闭</el-button>
+          <template v-if="currentUser">
+            <el-button 
+              v-if="currentUser.status === 1"
+              type="danger" 
+              @click="handleStatusChangeInDialog(0)" 
+              size="large"
+              class="action-btn"
+            >
+              <el-icon class="btn-icon"><Lock /></el-icon>
+              <span>禁用用户</span>
+            </el-button>
+            <el-button 
+              v-else
+              type="success" 
+              @click="handleStatusChangeInDialog(1)" 
+              size="large"
+              class="action-btn"
+            >
+              <el-icon class="btn-icon"><Unlock /></el-icon>
+              <span>启用用户</span>
+            </el-button>
+          </template>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { ref, reactive, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import {
+  User, CircleCheck, SuccessFilled, CircleClose, Search, Refresh,
+  UserFilled, Lock, Unlock, View, InfoFilled, Phone, CreditCard,
+  Clock, Picture
+} from '@element-plus/icons-vue'
 import { getUsers, updateUserStatus } from '../../../api/admin'
 
 export default {
   name: 'UserManagement',
+  components: {
+    User, CircleCheck, SuccessFilled, CircleClose, Search, Refresh,
+    UserFilled, Lock, Unlock, View, InfoFilled, Phone, CreditCard,
+    Clock, Picture
+  },
   setup() {
     const loading = ref(false)
+    const detailLoading = ref(false)
     const userList = ref([])
+    const detailVisible = ref(false)
+    const currentUser = ref(null)
     
     const searchForm = reactive({
       keyword: '',
-      status: ''
+      status: '',
+      isVerified: ''
     })
     
     const pagination = reactive({
@@ -106,6 +380,22 @@ export default {
       size: 10,
       total: 0
     })
+
+    // 统计数据
+    const stats = reactive({
+      total: 0,
+      verified: 0,
+      active: 0,
+      disabled: 0
+    })
+
+    // 计算统计数据
+    const calculateStats = (users) => {
+      stats.verified = users.filter(u => u.isVerified === 1).length
+      stats.active = users.filter(u => u.status === 1).length
+      stats.disabled = users.filter(u => u.status === 0).length
+      stats.total = users.length
+    }
     
     const loadUsers = async () => {
       loading.value = true
@@ -114,13 +404,18 @@ export default {
           page: pagination.page,
           size: pagination.size,
           keyword: searchForm.keyword,
-          status: searchForm.status
+          status: searchForm.status,
+          isVerified: searchForm.isVerified
         }
         
         const result = await getUsers(params)
         userList.value = result.records
         pagination.total = result.total
+        
+        // 更新统计
+        calculateStats(result.records)
       } catch (error) {
+        console.error('加载用户列表失败:', error)
         ElMessage.error('加载用户列表失败')
       } finally {
         loading.value = false
@@ -135,6 +430,7 @@ export default {
     const resetSearch = () => {
       searchForm.keyword = ''
       searchForm.status = ''
+      searchForm.isVerified = ''
       pagination.page = 1
       loadUsers()
     }
@@ -169,10 +465,42 @@ export default {
         loadUsers()
       } catch (error) {
         if (error !== 'cancel') {
+          console.error('操作失败:', error)
           ElMessage.error(`用户${action}失败`)
         }
       }
     }
+
+    const handleStatusChangeInDialog = async (newStatus) => {
+      if (!currentUser.value) return
+      
+      const user = { ...currentUser.value, status: currentUser.value.status }
+      currentUser.value.status = newStatus
+      await handleStatusChange({ ...user, status: currentUser.value.status === 1 ? 0 : 1 })
+      detailVisible.value = false
+    }
+
+    const handleViewDetail = (user) => {
+      currentUser.value = user
+      detailVisible.value = true
+    }
+
+    // 手机号脱敏
+    const maskPhone = (phone) => {
+      if (!phone) return '-'
+      return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
+    }
+
+    // 身份证号脱敏
+    const maskIdCard = (idCard) => {
+      if (!idCard) return '-'
+      return idCard.replace(/(\d{6})\d{8}(\d{4})/, '$1********$2')
+    }
+    
+    const formatTime = (time) => {
+      if (!time) return '-'
+      return new Date(time).toLocaleString('zh-CN')
+    }
     
     onMounted(() => {
       loadUsers()
@@ -180,14 +508,23 @@ export default {
     
     return {
       loading,
+      detailLoading,
       userList,
       searchForm,
       pagination,
+      stats,
+      detailVisible,
+      currentUser,
       handleSearch,
       resetSearch,
       handleSizeChange,
       handleCurrentChange,
-      handleStatusChange
+      handleStatusChange,
+      handleStatusChangeInDialog,
+      handleViewDetail,
+      maskPhone,
+      maskIdCard,
+      formatTime
     }
   }
 }
@@ -196,47 +533,394 @@ export default {
 <style scoped>
 .user-management {
   padding: 20px;
+  background: #f0f2f5;
+  min-height: calc(100vh - 60px);
 }
 
 .page-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   margin-bottom: 20px;
 }
 
 .page-header h2 {
   margin: 0 0 5px 0;
-  color: #333;
+  color: #1f2937;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .page-header p {
   margin: 0;
-  color: #666;
+  color: #6b7280;
   font-size: 14px;
 }
 
-.search-bar {
-  background: white;
-  padding: 20px;
-  border-radius: 8px;
+/* 统计卡片样式 */
+.stats-container {
   margin-bottom: 20px;
+}
+
+.stat-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+
+.stat-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.stat-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+}
+
+.stat-info {
+  flex: 1;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #6b7280;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 28px;
+  font-weight: 600;
+  color: #1f2937;
+}
+
+.stat-icon {
+  font-size: 48px;
+  opacity: 0.2;
+}
+
+.stat-card.total .stat-value {
+  color: #3b82f6;
+}
+
+.stat-card.total .stat-icon {
+  color: #3b82f6;
+}
+
+.stat-card.verified .stat-value {
+  color: #10b981;
+}
+
+.stat-card.verified .stat-icon {
+  color: #10b981;
+}
+
+.stat-card.active .stat-value {
+  color: #8b5cf6;
+}
+
+.stat-card.active .stat-icon {
+  color: #8b5cf6;
+}
+
+.stat-card.disabled .stat-value {
+  color: #ef4444;
+}
+
+.stat-card.disabled .stat-icon {
+  color: #ef4444;
+}
+
+/* 搜索卡片 */
+.search-card {
+  margin-bottom: 20px;
+  border: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .search-form {
+  margin: 0;
+}
+
+/* 表格卡片 */
+.table-card {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* 用户信息样式 */
+.user-info {
   display: flex;
   align-items: center;
+  gap: 12px;
+}
+
+.user-avatar {
+  flex-shrink: 0;
+  border: 2px solid #e5e7eb;
+}
+
+.user-details {
+  flex: 1;
+  min-width: 0;
+}
+
+.user-name {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+.username {
+  font-weight: 600;
+  color: #1f2937;
+  font-size: 15px;
+}
+
+.verified-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.user-nickname {
+  color: #6b7280;
+  font-size: 13px;
+}
+
+/* 手机号和邮箱样式 */
+.phone-number {
+  font-family: 'Courier New', monospace;
+  color: #6b7280;
+  font-weight: 500;
+}
+
+.email-text {
+  color: #6b7280;
+}
+
+/* ==================== 玻璃质感按钮样式 ==================== */
+.glass-action-buttons {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  align-items: center;
   flex-wrap: wrap;
 }
 
-.table-container {
-  background: white;
-  padding: 20px;
+.glass-btn {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
   border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
+              0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 
+.glass-btn::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.3),
+    transparent
+  );
+  transition: left 0.5s;
+}
+
+.glass-btn:hover::before {
+  left: 100%;
+}
+
+.glass-btn .btn-icon {
+  font-size: 16px;
+  transition: transform 0.3s;
+}
+
+.glass-btn:hover .btn-icon {
+  transform: scale(1.2) rotate(5deg);
+}
+
+.glass-btn:active {
+  transform: scale(0.95);
+}
+
+/* 启用按钮 - 绿色玻璃 */
+.glass-btn-success {
+  background: linear-gradient(
+    135deg,
+    rgba(16, 185, 129, 0.8) 0%,
+    rgba(5, 150, 105, 0.8) 100%
+  );
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.glass-btn-success:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(16, 185, 129, 0.9) 0%,
+    rgba(5, 150, 105, 0.9) 100%
+  );
+  box-shadow: 0 8px 16px -4px rgba(16, 185, 129, 0.4),
+              0 4px 6px -2px rgba(16, 185, 129, 0.2);
+  transform: translateY(-2px);
+}
+
+/* 禁用按钮 - 红色玻璃 */
+.glass-btn-danger {
+  background: linear-gradient(
+    135deg,
+    rgba(239, 68, 68, 0.8) 0%,
+    rgba(220, 38, 38, 0.8) 100%
+  );
+  color: white;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.glass-btn-danger:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(239, 68, 68, 0.9) 0%,
+    rgba(220, 38, 38, 0.9) 100%
+  );
+  box-shadow: 0 8px 16px -4px rgba(239, 68, 68, 0.4),
+              0 4px 6px -2px rgba(239, 68, 68, 0.2);
+  transform: translateY(-2px);
+}
+
+/* 详情按钮 - 蓝色玻璃 */
+.glass-btn-primary {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.15) 0%,
+    rgba(37, 99, 235, 0.15) 100%
+  );
+  color: #3b82f6;
+  border: 1.5px solid rgba(59, 130, 246, 0.5);
+}
+
+.glass-btn-primary:hover {
+  background: linear-gradient(
+    135deg,
+    rgba(59, 130, 246, 0.25) 0%,
+    rgba(37, 99, 235, 0.25) 100%
+  );
+  border-color: rgba(59, 130, 246, 0.8);
+  box-shadow: 0 8px 16px -4px rgba(59, 130, 246, 0.3),
+              0 4px 6px -2px rgba(59, 130, 246, 0.15),
+              inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
+  transform: translateY(-2px);
+}
+
+/* 分页 */
 .pagination {
   margin-top: 20px;
   display: flex;
   justify-content: center;
 }
+
+/* 用户详情样式 */
+.user-detail {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+
+.detail-section {
+  margin-bottom: 24px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1f2937;
+  margin-bottom: 16px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #e5e7eb;
+}
+
+.section-title .el-icon {
+  color: #3b82f6;
+}
+
+/* 头像容器 */
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  padding: 20px;
+}
+
+.image-slot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 150px;
+  height: 150px;
+  background-color: #f5f7fa;
+  border-radius: 50%;
+  color: #909399;
+  font-size: 48px;
+}
+
+.dialog-footer {
+  text-align: right;
+}
+
+/* 对话框底部操作按钮样式 */
+.dialog-footer .action-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 120px;
+}
+
+.dialog-footer .action-btn .btn-icon {
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+}
+
+/* 响应式 */
+@media (max-width: 768px) {
+  .stats-container :deep(.el-col) {
+    margin-bottom: 12px;
+  }
+  
+  .glass-action-buttons {
+    flex-direction: column;
+  }
+  
+  .glass-btn {
+    width: 100%;
+  }
+  
+  .user-info {
+    flex-direction: column;
+    text-align: center;
+  }
+}
 </style>
diff --git a/frontend/src/views/merchant/customers/CustomerManagement.vue b/frontend/src/views/merchant/customers/CustomerManagement.vue
index 61d83e7..115b53d 100644
--- a/frontend/src/views/merchant/customers/CustomerManagement.vue
+++ b/frontend/src/views/merchant/customers/CustomerManagement.vue
@@ -190,7 +190,7 @@
           <el-descriptions-item label="邮箱">{{ selectedCustomer.email || '-' }}</el-descriptions-item>
           <el-descriptions-item label="性别">{{ getGenderText(selectedCustomer.gender) }}</el-descriptions-item>
           <el-descriptions-item label="生日">{{ selectedCustomer.birthday || '-' }}</el-descriptions-item>
-          <el-descriptions-item label="注册时间">{{ formatTime(selectedCustomer.createdAt) }}</el-descriptions-item>
+          <el-descriptions-item label="注册时间">{{ formatTime(selectedCustomer.createTime) }}</el-descriptions-item>
           <el-descriptions-item label="最后登录">{{ formatTime(selectedCustomer.lastLoginTime) }}</el-descriptions-item>
           <el-descriptions-item label="订单总数">{{ selectedCustomer.orderCount }}</el-descriptions-item>
           <el-descriptions-item label="总消费金额">¥{{ selectedCustomer.totalAmount.toFixed(2) }}</el-descriptions-item>
@@ -216,8 +216,8 @@
             <el-tag :type="getOrderStatusType(row.status)">{{ row.statusName }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="createdAt" label="下单时间" width="180">
-          <template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
+        <el-table-column prop="createTime" label="下单时间" width="180">
+          <template #default="{ row }">{{ formatTime(row.createTime) }}</template>
         </el-table-column>
         <el-table-column label="商品数量" width="100">
           <template #default="{ row }">{{ row.orderDetails?.length || 0 }}件</template>
@@ -285,8 +285,8 @@ export default {
               totalAmount: 0,
               validOrderCount: 0, // 有效订单数（已支付）
               orders: [],
-              firstOrderTime: order.createdAt,
-              lastOrderTime: order.createdAt
+              firstOrderTime: order.createTime,
+            lastOrderTime: order.createTime
             })
           }
           
@@ -301,11 +301,11 @@ export default {
           }
           
           // 更新首次和最近购买时间
-          if (new Date(order.createdAt) < new Date(customer.firstOrderTime)) {
-            customer.firstOrderTime = order.createdAt
+          if (new Date(order.createTime) < new Date(customer.firstOrderTime)) {
+            customer.firstOrderTime = order.createTime
           }
-          if (new Date(order.createdAt) > new Date(customer.lastOrderTime)) {
-            customer.lastOrderTime = order.createdAt
+          if (new Date(order.createTime) > new Date(customer.lastOrderTime)) {
+            customer.lastOrderTime = order.createTime
           }
         })
         
diff --git a/frontend/src/views/merchant/products/ProductManagement.vue b/frontend/src/views/merchant/products/ProductManagement.vue
index 69f3e1d..c3cd632 100644
--- a/frontend/src/views/merchant/products/ProductManagement.vue
+++ b/frontend/src/views/merchant/products/ProductManagement.vue
@@ -80,9 +80,9 @@
           </template>
         </el-table-column>
         <el-table-column prop="salesCount" label="销量" width="80" />
-        <el-table-column prop="createdAt" label="创建时间" width="180">
+        <el-table-column prop="createTime" label="创建时间" width="180">
           <template #default="{ row }">
-            {{ formatDate(row.createdAt) }}
+            {{ formatDate(row.createTime) }}
           </template>
         </el-table-column>
         <el-table-column label="操作" width="200" fixed="right">
diff --git a/frontend/src/views/product/ProductDetail.vue b/frontend/src/views/product/ProductDetail.vue
index 64eb715..d25363c 100644
--- a/frontend/src/views/product/ProductDetail.vue
+++ b/frontend/src/views/product/ProductDetail.vue
@@ -297,39 +297,43 @@
       </div>
     </div>
     
-    <!-- 右下角聊天悬浮球 -->
-    <div 
-      v-if="product && product.merchantId" 
-      class="chat-fab"
-      :style="{
-        left: fabPos.x + 'px',
-        top: fabPos.y + 'px'
-      }"
-      @mousedown="startDrag"
-      @touchstart="startDragTouch"
-      title="联系商家"
-      @click="openChat"
-    >
-      <span class="chat-fab-icon">💬</span>
-    </div>
+    <!-- 右下角聊天悬浮球 - 使用Teleport挂载到body -->
+    <Teleport to="body">
+      <div 
+        v-if="product && product.merchantId" 
+        class="chat-fab"
+        :style="{
+          left: fabPos.x + 'px',
+          top: fabPos.y + 'px'
+        }"
+        @mousedown="startDrag"
+        @touchstart="startDragTouch"
+        title="联系商家"
+        @click="openChat"
+      >
+        <span class="chat-fab-icon">💬</span>
+      </div>
+    </Teleport>
     
-    <!-- 聊天窗口 -->
-    <ChatWindow
-      v-if="product && product.merchantId && showChatWindow"
-      :visible="showChatWindow"
-      :merchant-id="product.merchantId"
-      :merchant-name="product.merchantName || '商家'"
-      user-type="user"
-      @close="closeChatWindow"
-      @minimize="minimizeChatWindow"
-      :anchor-bottom="anchorBottom"
-      :anchor-right="anchorRight"
-    />
+    <!-- 聊天窗口 - 使用Teleport挂载到body -->
+    <Teleport to="body">
+      <ChatWindow
+        v-if="product && product.merchantId && showChatWindow"
+        :visible="showChatWindow"
+        :merchant-id="product.merchantId"
+        :merchant-name="product.merchantName || '商家'"
+        user-type="user"
+        @close="closeChatWindow"
+        @minimize="minimizeChatWindow"
+        :anchor-bottom="anchorBottom"
+        :anchor-right="anchorRight"
+      />
+    </Teleport>
   </div>
 </template>
 
 <script>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { getProductDetail, getHotProducts } from '../../api/product'
@@ -378,7 +382,10 @@ export default {
     const reviewPageSize = ref(10)
 
     // 拖拽相关
-    const fabPos = ref({ x: window.innerWidth - 96, y: Math.max(120, window.innerHeight - 280) })
+    const fabPos = ref({ 
+    x: typeof window !== 'undefined' ? window.innerWidth - 80 : 0, 
+    y: typeof window !== 'undefined' ? window.innerHeight - 80 : 0 
+  })
     const dragging = ref(false)
     const dragOffset = ref({ x: 0, y: 0 })
 
@@ -710,12 +717,33 @@ export default {
 
     const goToProduct = (productId) => {
       router.push(`/product/${productId}`)
-      loadProductDetail()
-      loadRecommendedProducts()
-      loadCartCount()
-      loadReviews()
     }
 
+    // 监听路由参数变化
+    watch(() => route.params.id, (newId, oldId) => {
+      if (newId && newId !== oldId) {
+        // 重置状态
+        loading.value = true
+        product.value = null
+        currentImage.value = ''
+        quantity.value = 1
+        isFavorite.value = false
+        activeTab.value = 'description'
+        reviewPage.value = 1
+        
+        // 加载新商品数据
+        loadProductDetail().then(() => {
+          checkFavoriteStatus()
+        })
+        loadRecommendedProducts()
+        loadCartCount()
+        loadReviews()
+        
+        // 滚动到顶部
+        window.scrollTo({ top: 0, behavior: 'smooth' })
+      }
+    })
+
     // 页面挂载时加载数据
     onMounted(() => {
       loadProductDetail().then(() => {
@@ -731,10 +759,36 @@ export default {
         if (saved) {
           const pos = JSON.parse(saved)
           if (pos && typeof pos.x === 'number' && typeof pos.y === 'number') {
-            fabPos.value = pos
+            fabPos.value = clampPos(pos.x, pos.y)
           }
         }
       } catch (e) {}
+      
+      // 监听窗口大小变化
+      const handleResize = () => {
+        // 如果悬浮球在右侧，保持相对于右边的距离
+        const rightDistance = window.innerWidth - fabPos.value.x - 56
+        const bottomDistance = window.innerHeight - fabPos.value.y - 56
+        
+        if (rightDistance < 100) {
+          // 在右侧，保持相对右边的距离
+          fabPos.value.x = window.innerWidth - rightDistance - 56
+        }
+        
+        if (bottomDistance < 100) {
+          // 在底部，保持相对底部的距离
+          fabPos.value.y = window.innerHeight - bottomDistance - 56
+        }
+        
+        // 最后确保不超出边界
+        fabPos.value = clampPos(fabPos.value.x, fabPos.value.y)
+      }
+      window.addEventListener('resize', handleResize)
+      
+      // 组件卸载时清理
+      onBeforeUnmount(() => {
+        window.removeEventListener('resize', handleResize)
+      })
     })
 
     return {
@@ -853,6 +907,16 @@ export default {
   gap: 20px;
 }
 
+.cart-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.cart-badge {
+  display: flex;
+}
+
 .cart-container {
   position: relative;
 }
@@ -940,7 +1004,7 @@ export default {
 
 .main-image {
   width: 100%;
-  height: 480px;
+  height: 490px;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   overflow: hidden;
@@ -1460,7 +1524,7 @@ export default {
 }
 
 .chat-fab {
-  position: fixed;
+  position: fixed !important;
   width: 56px;
   height: 56px;
   border-radius: 50%;
@@ -1471,9 +1535,11 @@ export default {
   justify-content: center;
   color: white;
   cursor: grab;
-  z-index: 2100;
+  z-index: 9999;
   transition: box-shadow 0.2s ease, transform 0.1s ease-out;
   user-select: none;
+  will-change: left, top;
+  pointer-events: auto;
 }
 
 .chat-fab:active {
@@ -1545,16 +1611,23 @@ export default {
 }
 
 .cart-badge :deep(.el-badge__content) {
-  top: -6px;
-  right: -6px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(25%, -25%);
   background: #ff4757;
   border: 2px solid white;
   font-size: 10px;
   font-weight: 700;
-  min-width: 16px;
-  height: 16px;
-  line-height: 12px;
-  border-radius: 8px;
-  box-shadow: 0 1px 4px rgba(255, 71, 87, 0.3);
+  min-width: 18px;
+  height: 18px;
+  line-height: 14px;
+  padding: 0 4px;
+  border-radius: 9px;
+  box-shadow: 0 2px 4px rgba(255, 71, 87, 0.4);
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/user/OrderDetail.vue b/frontend/src/views/user/OrderDetail.vue
index 4c49483..43f4893 100644
--- a/frontend/src/views/user/OrderDetail.vue
+++ b/frontend/src/views/user/OrderDetail.vue
@@ -220,26 +220,8 @@
               </div>
             </template>
             
-            <div class="logistics-info">
-              <div class="logistics-row">
-                <span class="label">物流公司：</span>
-                <span class="value">{{ order.shipCompany }}</span>
-              </div>
-              <div class="logistics-row" v-if="order.shipNo">
-                <span class="label">运单号：</span>
-                <span class="value">
-                  {{ order.shipNo }}
-                  <el-button 
-                    type="primary" 
-                    text 
-                    size="small" 
-                    @click="copyTrackingNo"
-                  >
-                    复制
-                  </el-button>
-                </span>
-              </div>
-            </div>
+            <!-- 物流轨迹组件 -->
+            <ExpressTracking :order-id="order.id" :show-map="true" />
           </el-card>
         </div>
       </div>
@@ -266,6 +248,7 @@ import {
 import { userStore } from '../../store/user'
 import request from '../../utils/request'
 import orderApi from '../../api/order'
+import ExpressTracking from '../../components/ExpressTracking.vue'
 
 export default {
   name: 'OrderDetail',
@@ -280,7 +263,8 @@ export default {
     Close, 
     CircleCheck, 
     RefreshRight
-  },
+  ,
+    ExpressTracking},
   setup() {
     const router = useRouter()
     const route = useRoute()
diff --git a/tmp/ExpressMapTest.java b/tmp/ExpressMapTest.java
new file mode 100644
index 0000000..86cd2c1
--- /dev/null
+++ b/tmp/ExpressMapTest.java
@@ -0,0 +1,477 @@
+import java.io.BufferedReader;
+import java.io.InputStreamReader;
+import java.io.OutputStream;
+import java.net.HttpURLConnection;
+import java.net.URL;
+import java.nio.charset.StandardCharsets;
+import java.io.File;
+
+/**
+ * 阿里云物流轨迹地图API测试
+ * 快递单号：434815453222560（韵达快递）
+ */
+public class ExpressMapTest {
+    public static void main(String[] args) {
+        String host = "https://alicloudmarket8002.kdniao.com";
+        String path = "/api/track/8002";
+        String appcode = "e7b5746ef8854cf2a6da24342ab53af6";
+        
+        String body = "{\"CustomInfo\":\"0000\",\"LogisticCode\":\"434815453222560\"}";
+        
+        System.out.println("========================================");
+        System.out.println("阿里云物流轨迹地图API测试");
+        System.out.println("========================================");
+        System.out.println("请求地址: " + host + path);
+        System.out.println("快递公司: 韵达快递");
+        System.out.println("快递单号: 434815453222560");
+        System.out.println("----------------------------------------");
+        
+        try {
+            URL url = new URL(host + path);
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+            
+            connection.setRequestMethod("POST");
+            connection.setRequestProperty("Authorization", "APPCODE " + appcode);
+            connection.setRequestProperty("Content-Type", "application/json; charset=UTF-8");
+            connection.setDoOutput(true);
+            
+            try (OutputStream os = connection.getOutputStream()) {
+                byte[] input = body.getBytes(StandardCharsets.UTF_8);
+                os.write(input, 0, input.length);
+            }
+            
+            int httpCode = connection.getResponseCode();
+            System.out.println("HTTP状态码: " + httpCode);
+            System.out.println("----------------------------------------");
+            
+            BufferedReader br;
+            if (httpCode == 200) {
+                br = new BufferedReader(new InputStreamReader(connection.getInputStream(), StandardCharsets.UTF_8));
+            } else {
+                br = new BufferedReader(new InputStreamReader(connection.getErrorStream(), StandardCharsets.UTF_8));
+            }
+            
+            StringBuilder response = new StringBuilder();
+            String line;
+            while ((line = br.readLine()) != null) {
+                response.append(line);
+            }
+            br.close();
+            
+            if (httpCode == 200) {
+                System.out.println("✅ API调用成功！");
+                System.out.println("返回结果:");
+                System.out.println(response.toString());
+                
+                java.io.FileWriter fileWriter = new java.io.FileWriter("map_result.json");
+                fileWriter.write(response.toString());
+                fileWriter.close();
+                System.out.println("\n✅ 结果已保存到: map_result.json");
+                
+                // 获取驾车路线数据
+                String routeData = getDrivingRoute();
+                createMapHtml(response.toString(), routeData);
+                
+            } else {
+                System.out.println("❌ API调用失败！");
+                System.out.println("错误信息: " + response.toString());
+            }
+            System.out.println("========================================");
+            
+        } catch (Exception e) {
+            System.out.println("❌ 发生异常");
+            e.printStackTrace();
+        }
+    }
+    
+    /**
+     * 调用高德Web服务API获取驾车路线
+     */
+    private static String getDrivingRoute() {
+        try {
+            String key = "a0f9b8eecd097889d3aa21f4bd6665ff";  // Web服务API Key
+            String origin = "113.264385,23.129163";  // 广州
+            String destination = "114.057868,22.543099";  // 深圳
+            
+            String urlStr = "https://restapi.amap.com/v3/direction/driving?origin=" + origin + 
+                           "&destination=" + destination + 
+                           "&key=" + key +
+                           "&output=json";
+            
+            System.out.println("\n🚗 调用高德驾车路线规划API...");
+            System.out.println("起点: 广州市");
+            System.out.println("终点: 深圳市");
+            
+            URL url = new URL(urlStr);
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+            connection.setRequestMethod("GET");
+            
+            int httpCode = connection.getResponseCode();
+            
+            if (httpCode == 200) {
+                BufferedReader br = new BufferedReader(
+                    new InputStreamReader(connection.getInputStream(), StandardCharsets.UTF_8)
+                );
+                StringBuilder response = new StringBuilder();
+                String line;
+                while ((line = br.readLine()) != null) {
+                    response.append(line);
+                }
+                br.close();
+                
+                System.out.println("✅ 驾车路线获取成功");
+                return response.toString();
+            } else {
+                System.out.println("❌ 驾车路线获取失败，状态码: " + httpCode);
+                return null;
+            }
+            
+        } catch (Exception e) {
+            System.out.println("❌ 获取驾车路线异常: " + e.getMessage());
+            return null;
+        }
+    }
+    
+    /**
+     * 创建HTML地图页面（使用Web服务API的路线数据）
+     */
+    private static void createMapHtml(String jsonData, String routeData) {
+        try {
+            String routeJson = routeData != null ? routeData : "null";
+            
+            String html = "<!DOCTYPE html>\n" +
+                "<html lang=\"zh-CN\">\n" +
+                "<head>\n" +
+                "    <meta charset=\"UTF-8\">\n" +
+                "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n" +
+                "    <title>物流轨迹地图 - 韵达快递</title>\n" +
+                "    <script>\n" +
+                "        window._AMapSecurityConfig = {\n" +
+                "            securityJsCode: '1d765513173e511dd6e1c963f1b38c5e'\n" +
+                "        };\n" +
+                "    </script>\n" +
+                "    <script src=\"https://webapi.amap.com/maps?v=2.0&key=47c7546d2ac2a12ff7de8caf5b62c753\"></script>\n" +
+                "    <style>\n" +
+                "        * { margin: 0; padding: 0; box-sizing: border-box; }\n" +
+                "        body { font-family: 'Arial', 'Microsoft YaHei', sans-serif; background: #f5f5f5; }\n" +
+                "        .container { max-width: 1600px; margin: 0 auto; padding: 20px; }\n" +
+                "        .header {\n" +
+                "            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n" +
+                "            color: white;\n" +
+                "            padding: 30px;\n" +
+                "            border-radius: 10px;\n" +
+                "            margin-bottom: 20px;\n" +
+                "            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n" +
+                "        }\n" +
+                "        .header h1 { font-size: 28px; margin-bottom: 10px; }\n" +
+                "        .header p { opacity: 0.9; }\n" +
+                "        .express-info {\n" +
+                "            background: white;\n" +
+                "            padding: 20px;\n" +
+                "            border-radius: 10px;\n" +
+                "            margin-bottom: 20px;\n" +
+                "            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n" +
+                "        }\n" +
+                "        .info-item {\n" +
+                "            display: inline-block;\n" +
+                "            margin-right: 30px;\n" +
+                "            padding: 10px 0;\n" +
+                "        }\n" +
+                "        .info-label {\n" +
+                "            color: #666;\n" +
+                "            font-size: 14px;\n" +
+                "            margin-right: 10px;\n" +
+                "        }\n" +
+                "        .info-value {\n" +
+                "            color: #333;\n" +
+                "            font-weight: bold;\n" +
+                "            font-size: 16px;\n" +
+                "        }\n" +
+                "        .main-content {\n" +
+                "            display: grid;\n" +
+                "            grid-template-columns: 1fr 400px;\n" +
+                "            gap: 20px;\n" +
+                "        }\n" +
+                "        .map-container {\n" +
+                "            background: white;\n" +
+                "            border-radius: 10px;\n" +
+                "            overflow: hidden;\n" +
+                "            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n" +
+                "        }\n" +
+                "        #map {\n" +
+                "            width: 100%;\n" +
+                "            height: 600px;\n" +
+                "        }\n" +
+                "        .timeline-container {\n" +
+                "            background: white;\n" +
+                "            border-radius: 10px;\n" +
+                "            padding: 20px;\n" +
+                "            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n" +
+                "            max-height: 600px;\n" +
+                "            overflow-y: auto;\n" +
+                "        }\n" +
+                "        .timeline-title {\n" +
+                "            font-size: 18px;\n" +
+                "            font-weight: bold;\n" +
+                "            color: #333;\n" +
+                "            margin-bottom: 20px;\n" +
+                "            padding-bottom: 10px;\n" +
+                "            border-bottom: 2px solid #667eea;\n" +
+                "        }\n" +
+                "        .timeline-item {\n" +
+                "            position: relative;\n" +
+                "            padding-left: 30px;\n" +
+                "            padding-bottom: 20px;\n" +
+                "            border-left: 2px solid #e0e0e0;\n" +
+                "        }\n" +
+                "        .timeline-item:last-child {\n" +
+                "            border-left: none;\n" +
+                "        }\n" +
+                "        .timeline-dot {\n" +
+                "            position: absolute;\n" +
+                "            left: -6px;\n" +
+                "            top: 0;\n" +
+                "            width: 12px;\n" +
+                "            height: 12px;\n" +
+                "            border-radius: 50%;\n" +
+                "            background: #667eea;\n" +
+                "        }\n" +
+                "        .timeline-item:first-child .timeline-dot {\n" +
+                "            background: #28a745;\n" +
+                "            width: 16px;\n" +
+                "            height: 16px;\n" +
+                "            left: -8px;\n" +
+                "        }\n" +
+                "        .timeline-time {\n" +
+                "            color: #999;\n" +
+                "            font-size: 12px;\n" +
+                "            margin-bottom: 5px;\n" +
+                "        }\n" +
+                "        .timeline-location {\n" +
+                "            color: #667eea;\n" +
+                "            font-weight: bold;\n" +
+                "            font-size: 14px;\n" +
+                "            margin-bottom: 5px;\n" +
+                "        }\n" +
+                "        .timeline-desc {\n" +
+                "            color: #333;\n" +
+                "            font-size: 14px;\n" +
+                "            line-height: 1.6;\n" +
+                "        }\n" +
+                "        .status-badge {\n" +
+                "            display: inline-block;\n" +
+                "            padding: 5px 15px;\n" +
+                "            background: #28a745;\n" +
+                "            color: white;\n" +
+                "            border-radius: 20px;\n" +
+                "            font-size: 14px;\n" +
+                "            margin-top: 10px;\n" +
+                "        }\n" +
+                "        .debug-info {\n" +
+                "            background: #e7f3ff;\n" +
+                "            border: 1px solid #b3d9ff;\n" +
+                "            border-radius: 5px;\n" +
+                "            padding: 10px;\n" +
+                "            margin-top: 10px;\n" +
+                "            font-size: 12px;\n" +
+                "            color: #0066cc;\n" +
+                "        }\n" +
+                "        @media (max-width: 1200px) {\n" +
+                "            .main-content {\n" +
+                "                grid-template-columns: 1fr;\n" +
+                "            }\n" +
+                "        }\n" +
+                "    </style>\n" +
+                "</head>\n" +
+                "<body>\n" +
+                "    <div class=\"container\">\n" +
+                "        <div class=\"header\">\n" +
+                "            <h1>🗺️ 物流轨迹地图</h1>\n" +
+                "            <p>实时追踪快递位置 - 真实驾车路线展示</p>\n" +
+                "            <span class=\"status-badge\">✓ 在途中</span>\n" +
+                "        </div>\n" +
+                "        <div class=\"express-info\">\n" +
+                "            <div class=\"info-item\">\n" +
+                "                <span class=\"info-label\">快递公司:</span>\n" +
+                "                <span class=\"info-value\">韵达快递</span>\n" +
+                "            </div>\n" +
+                "            <div class=\"info-item\">\n" +
+                "                <span class=\"info-label\">快递单号:</span>\n" +
+                "                <span class=\"info-value\">434815453222560</span>\n" +
+                "            </div>\n" +
+                "            <div class=\"info-item\">\n" +
+                "                <span class=\"info-label\">当前位置:</span>\n" +
+                "                <span class=\"info-value\" id=\"currentLocation\">加载中...</span>\n" +
+                "            </div>\n" +
+                "            <div class=\"debug-info\" id=\"debugInfo\">🚗 使用Web服务API获取真实路线...</div>\n" +
+                "        </div>\n" +
+                "        <div class=\"main-content\">\n" +
+                "            <div class=\"map-container\">\n" +
+                "                <div id=\"map\"></div>\n" +
+                "            </div>\n" +
+                "            <div class=\"timeline-container\">\n" +
+                "                <div class=\"timeline-title\">📦 物流轨迹</div>\n" +
+                "                <div id=\"timeline\"></div>\n" +
+                "            </div>\n" +
+                "        </div>\n" +
+                "    </div>\n" +
+                "    <script>\n" +
+                "        const apiData = " + jsonData + ";\n" +
+                "        const routeData = " + routeJson + ";\n" +
+                "        \n" +
+                "        console.log('🔍 物流数据:', apiData);\n" +
+                "        console.log('🚗 路线数据:', routeData);\n" +
+                "        \n" +
+                "        // 预设主要城市坐标\n" +
+                "        const cityCoords = {\n" +
+                "            '广州市': [113.264385, 23.129163],\n" +
+                "            '深圳市': [114.057868, 22.543099]\n" +
+                "        };\n" +
+                "        \n" +
+                "        // 初始化地图\n" +
+                "        const map = new AMap.Map('map', {\n" +
+                "            zoom: 9,\n" +
+                "            center: [113.664385, 23.129163],\n" +
+                "            mapStyle: 'amap://styles/normal'\n" +
+                "        });\n" +
+                "        \n" +
+                "        console.log('✅ 地图初始化完成');\n" +
+                "        \n" +
+                "        document.getElementById('currentLocation').textContent = apiData.Location || '未知';\n" +
+                "        \n" +
+                "        const traces = apiData.Traces || [];\n" +
+                "        const timelineHTML = traces.map((trace, index) => `\n" +
+                "            <div class=\"timeline-item\">\n" +
+                "                <div class=\"timeline-dot\"></div>\n" +
+                "                <div class=\"timeline-time\">${trace.AcceptTime || ''}</div>\n" +
+                "                <div class=\"timeline-location\">${trace.Location || ''}</div>\n" +
+                "                <div class=\"timeline-desc\">${trace.AcceptStation || ''}</div>\n" +
+                "            </div>\n" +
+                "        `).join('');\n" +
+                "        document.getElementById('timeline').innerHTML = timelineHTML;\n" +
+                "        \n" +
+                "        const cities = [...new Set(traces.map(t => t.Location).filter(l => l))];\n" +
+                "        console.log('🏙️ 城市列表:', cities);\n" +
+                "        \n" +
+                "        let debugMsg = `找到 ${cities.length} 个城市: ${cities.join(' → ')}`;\n" +
+                "        \n" +
+                "        // 添加城市标记\n" +
+                "        cities.forEach((city, index) => {\n" +
+                "            const coords = cityCoords[city];\n" +
+                "            if (coords) {\n" +
+                "                const marker = new AMap.CircleMarker({\n" +
+                "                    center: coords,\n" +
+                "                    radius: 15,\n" +
+                "                    strokeColor: '#667eea',\n" +
+                "                    strokeWeight: 3,\n" +
+                "                    fillColor: index === 0 ? '#28a745' : '#667eea',\n" +
+                "                    fillOpacity: 0.9,\n" +
+                "                    zIndex: 100\n" +
+                "                });\n" +
+                "                \n" +
+                "                const text = new AMap.Text({\n" +
+                "                    text: `${index + 1}. ${city}`,\n" +
+                "                    position: coords,\n" +
+                "                    offset: new AMap.Pixel(0, -30),\n" +
+                "                    style: {\n" +
+                "                        'background': 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n" +
+                "                        'border': 'none',\n" +
+                "                        'color': 'white',\n" +
+                "                        'font-size': '14px',\n" +
+                "                        'font-weight': 'bold',\n" +
+                "                        'padding': '8px 12px',\n" +
+                "                        'border-radius': '8px',\n" +
+                "                        'box-shadow': '0 4px 8px rgba(102,126,234,0.4)'\n" +
+                "                    }\n" +
+                "                });\n" +
+                "                \n" +
+                "                map.add([marker, text]);\n" +
+                "            }\n" +
+                "        });\n" +
+                "        \n" +
+                "        // 绘制路线\n" +
+                "        if (routeData && routeData.status === '1' && routeData.route && routeData.route.paths) {\n" +
+                "            console.log('✅ 使用Web服务API路线数据');\n" +
+                "            \n" +
+                "            const path = routeData.route.paths[0];\n" +
+                "            const steps = path.steps;\n" +
+                "            const polylinePath = [];\n" +
+                "            \n" +
+                "            // 提取所有路径点\n" +
+                "            steps.forEach(step => {\n" +
+                "                const points = step.polyline.split(';');\n" +
+                "                points.forEach(point => {\n" +
+                "                    const coords = point.split(',');\n" +
+                "                    if (coords.length === 2) {\n" +
+                "                        polylinePath.push([parseFloat(coords[0]), parseFloat(coords[1])]);\n" +
+                "                    }\n" +
+                "                });\n" +
+                "            });\n" +
+                "            \n" +
+                "            // 绘制路径\n" +
+                "            const polyline = new AMap.Polyline({\n" +
+                "                path: polylinePath,\n" +
+                "                strokeColor: '#667eea',\n" +
+                "                strokeWeight: 8,\n" +
+                "                strokeOpacity: 0.9,\n" +
+                "                strokeStyle: 'solid',\n" +
+                "                lineJoin: 'round',\n" +
+                "                lineCap: 'round',\n" +
+                "                zIndex: 50,\n" +
+                "                showDir: true\n" +
+                "            });\n" +
+                "            map.add(polyline);\n" +
+                "            \n" +
+                "            const distance = (path.distance / 1000).toFixed(1);\n" +
+                "            const duration = Math.round(path.duration / 60);\n" +
+                "            \n" +
+                "            debugMsg += `\\n✓ 已绘制真实驾车路线`;\n" +
+                "            debugMsg += `\\n预计距离: ${distance} 公里`;\n" +
+                "            debugMsg += `\\n预计时间: ${duration} 分钟`;\n" +
+                "            \n" +
+                "            map.setFitView();\n" +
+                "        } else {\n" +
+                "            console.warn('⚠️ 使用直线连接');\n" +
+                "            \n" +
+                "            const waypoints = cities.map(c => cityCoords[c]).filter(c => c);\n" +
+                "            const polyline = new AMap.Polyline({\n" +
+                "                path: waypoints,\n" +
+                "                strokeColor: '#667eea',\n" +
+                "                strokeWeight: 8,\n" +
+                "                strokeOpacity: 0.8,\n" +
+                "                strokeStyle: 'solid',\n" +
+                "                lineJoin: 'round',\n" +
+                "                showDir: true\n" +
+                "            });\n" +
+                "            map.add(polyline);\n" +
+                "            \n" +
+                "            debugMsg += '\\n⚠️ 使用直线连接（Web服务API未返回路线数据）';\n" +
+                "            map.setFitView();\n" +
+                "        }\n" +
+                "        \n" +
+                "        document.getElementById('debugInfo').textContent = debugMsg;\n" +
+                "        console.log('🎉 地图加载完成');\n" +
+                "    </script>\n" +
+                "</body>\n" +
+                "</html>";
+            
+            java.io.FileWriter fileWriter = new java.io.FileWriter("map_view.html");
+            fileWriter.write(html);
+            fileWriter.close();
+            
+            String absPath = new File("map_view.html").getAbsolutePath();
+            System.out.println("\n✅ HTML地图页面已创建: map_view.html");
+            System.out.println("\n📌 请在浏览器中打开以下文件查看物流地图:");
+            System.out.println("   file://" + absPath);
+            System.out.println("\n🔑 改进内容:");
+            System.out.println("   ✓ 使用Web服务API获取真实驾车路线");
+            System.out.println("   ✓ 在Java端调用路径规划API");
+            System.out.println("   ✓ 避免JS API的安全密钥问题");
+            System.out.println("   ✓ 显示预计距离和时间");
+            
+        } catch (Exception e) {
+            System.out.println("❌ 创建HTML失败: " + e.getMessage());
+            e.printStackTrace();
+        }
+    }
+}
diff --git a/tmp/ExpressQueryTest.java b/tmp/ExpressQueryTest.java
new file mode 100644
index 0000000..354328b
--- /dev/null
+++ b/tmp/ExpressQueryTest.java
@@ -0,0 +1,106 @@
+import java.io.BufferedReader;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.net.HttpURLConnection;
+import java.net.MalformedURLException;
+import java.net.URL;
+import java.net.UnknownHostException;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 阿里云物流API测试
+ * 测试快递单号：434815453222560（韵达快递）
+ */
+public class ExpressQueryTest {
+    public static void main(String[] args) {
+        String host = "https://wuliu.market.alicloudapi.com";
+        String path = "/kdi";
+        String appcode = "e7b5746ef8854cf2a6da24342ab53af6";
+        String no = "434815453222560"; // 韵达快递单号
+        String type = "yunda"; // 韵达快递代码
+        
+        String urlSend = host + path + "?no=" + no + "&type=" + type;
+        
+        System.out.println("========================================");
+        System.out.println("阿里云物流API测试");
+        System.out.println("========================================");
+        System.out.println("请求地址: " + urlSend);
+        System.out.println("快递公司: 韵达快递");
+        System.out.println("快递单号: " + no);
+        System.out.println("----------------------------------------");
+        
+        try {
+            URL url = new URL(urlSend);
+            HttpURLConnection httpURLCon = (HttpURLConnection) url.openConnection();
+            httpURLCon.setRequestProperty("Authorization", "APPCODE " + appcode);
+            
+            int httpCode = httpURLCon.getResponseCode();
+            System.out.println("HTTP状态码: " + httpCode);
+            System.out.println("----------------------------------------");
+            
+            if (httpCode == 200) {
+                String json = read(httpURLCon.getInputStream());
+                System.out.println("✅ API调用成功！");
+                System.out.println("返回结果:");
+                System.out.println(json);
+                System.out.println("========================================");
+            } else {
+                Map<String, List<String>> map = httpURLCon.getHeaderFields();
+                List<String> errorList = map.get("X-Ca-Error-Message");
+                String error = errorList != null && !errorList.isEmpty() ? errorList.get(0) : "未知错误";
+                
+                System.out.println("❌ API调用失败！");
+                System.out.println("错误信息: " + error);
+                
+                if (httpCode == 400 && error.equals("Invalid AppCode `not exists`")) {
+                    System.out.println("原因: AppCode错误");
+                } else if (httpCode == 400 && error.equals("Invalid Url")) {
+                    System.out.println("原因: 请求的 Method、Path 或者环境错误");
+                } else if (httpCode == 400 && error.equals("Invalid Param Location")) {
+                    System.out.println("原因: 参数错误");
+                } else if (httpCode == 403 && error.equals("Unauthorized")) {
+                    System.out.println("原因: 服务未被授权（或URL和Path不正确）");
+                } else if (httpCode == 403 && error.equals("Quota Exhausted")) {
+                    System.out.println("原因: 套餐包次数用完");
+                } else if (httpCode == 403 && error.equals("Api Market Subscription quota exhausted")) {
+                    System.out.println("原因: 套餐包次数用完，请续购套餐");
+                } else {
+                    System.out.println("原因: 参数名错误或其他错误");
+                }
+                
+                // 打印所有响应头帮助调试
+                System.out.println("\n所有响应头:");
+                for (Map.Entry<String, List<String>> entry : map.entrySet()) {
+                    System.out.println(entry.getKey() + ": " + entry.getValue());
+                }
+                System.out.println("========================================");
+            }
+
+        } catch (MalformedURLException e) {
+            System.out.println("❌ URL格式错误");
+            e.printStackTrace();
+        } catch (UnknownHostException e) {
+            System.out.println("❌ URL地址错误");
+            e.printStackTrace();
+        } catch (Exception e) {
+            System.out.println("❌ 发生异常");
+            e.printStackTrace();
+        }
+    }
+
+    /**
+     * 读取返回结果
+     */
+    private static String read(InputStream is) throws IOException {
+        StringBuilder sb = new StringBuilder();
+        BufferedReader br = new BufferedReader(new InputStreamReader(is, "utf-8"));
+        String line = null;
+        while ((line = br.readLine()) != null) {
+            sb.append(line);
+        }
+        br.close();
+        return sb.toString();
+    }
+}
diff --git a/tmp/map_result.json b/tmp/map_result.json
new file mode 100644
index 0000000..c8a2c1f
--- /dev/null
+++ b/tmp/map_result.json
@@ -0,0 +1 @@
+{"Location":"深圳市","LogisticCode":"434815453222560","ShipperCode":"YD","State":"2","StateEx":"2","Success":true,"Traces":[{"Action":"1","AcceptStation":"【广州市】广东广州增城市增江街公司-罗志焰（13544414635） 已揽收","AcceptTime":"2025-10-07 16:13:31","Location":"广州市"},{"Action":"2","AcceptStation":"【广州市】已离开 广东广州增城市增江街公司；发往 广东广州分拨交付中心","AcceptTime":"2025-10-08 00:55:37","Location":"广州市"},{"Action":"2","AcceptStation":"【广州市】已到达 广东广州分拨交付中心（如遇物流问题，请联系专属客服电话：020-22145829，为您解决）","AcceptTime":"2025-10-08 01:20:43","Location":"广州市"},{"Action":"2","AcceptStation":"【广州市】已离开 广东广州分拨交付中心；发往 广东深圳分拨交付中心。（如遇物流问题，请联系专属客服电话：0755-61886188，为您解决）","AcceptTime":"2025-10-08 02:05:05","Location":"广州市"},{"Action":"2","AcceptStation":"【深圳市】已到达 广东深圳分拨交付中心（如遇物流问题，请联系专属客服电话：0755-61886188，为您解决）","AcceptTime":"2025-10-08 05:01:37","Location":"深圳市"},{"Action":"2","AcceptStation":"【深圳市】已离开 广东深圳分拨交付中心；发往 广东深圳公司南山区西丽分部。（如遇物流问题，请联系专属客服电话：0755-36368534，为您解决）","AcceptTime":"2025-10-08 06:09:59","Location":"深圳市"}]}
\ No newline at end of file
diff --git a/tmp/map_view.html b/tmp/map_view.html
new file mode 100644
index 0000000..1187a6c
--- /dev/null
+++ b/tmp/map_view.html
@@ -0,0 +1,315 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>物流轨迹地图 - 韵达快递</title>
+    <script>
+        window._AMapSecurityConfig = {
+            securityJsCode: '1d765513173e511dd6e1c963f1b38c5e'
+        };
+    </script>
+    <script src="https://webapi.amap.com/maps?v=2.0&key=47c7546d2ac2a12ff7de8caf5b62c753"></script>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body { font-family: 'Arial', 'Microsoft YaHei', sans-serif; background: #f5f5f5; }
+        .container { max-width: 1600px; margin: 0 auto; padding: 20px; }
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 30px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        }
+        .header h1 { font-size: 28px; margin-bottom: 10px; }
+        .header p { opacity: 0.9; }
+        .express-info {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        .info-item {
+            display: inline-block;
+            margin-right: 30px;
+            padding: 10px 0;
+        }
+        .info-label {
+            color: #666;
+            font-size: 14px;
+            margin-right: 10px;
+        }
+        .info-value {
+            color: #333;
+            font-weight: bold;
+            font-size: 16px;
+        }
+        .main-content {
+            display: grid;
+            grid-template-columns: 1fr 400px;
+            gap: 20px;
+        }
+        .map-container {
+            background: white;
+            border-radius: 10px;
+            overflow: hidden;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        }
+        #map {
+            width: 100%;
+            height: 600px;
+        }
+        .timeline-container {
+            background: white;
+            border-radius: 10px;
+            padding: 20px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            max-height: 600px;
+            overflow-y: auto;
+        }
+        .timeline-title {
+            font-size: 18px;
+            font-weight: bold;
+            color: #333;
+            margin-bottom: 20px;
+            padding-bottom: 10px;
+            border-bottom: 2px solid #667eea;
+        }
+        .timeline-item {
+            position: relative;
+            padding-left: 30px;
+            padding-bottom: 20px;
+            border-left: 2px solid #e0e0e0;
+        }
+        .timeline-item:last-child {
+            border-left: none;
+        }
+        .timeline-dot {
+            position: absolute;
+            left: -6px;
+            top: 0;
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            background: #667eea;
+        }
+        .timeline-item:first-child .timeline-dot {
+            background: #28a745;
+            width: 16px;
+            height: 16px;
+            left: -8px;
+        }
+        .timeline-time {
+            color: #999;
+            font-size: 12px;
+            margin-bottom: 5px;
+        }
+        .timeline-location {
+            color: #667eea;
+            font-weight: bold;
+            font-size: 14px;
+            margin-bottom: 5px;
+        }
+        .timeline-desc {
+            color: #333;
+            font-size: 14px;
+            line-height: 1.6;
+        }
+        .status-badge {
+            display: inline-block;
+            padding: 5px 15px;
+            background: #28a745;
+            color: white;
+            border-radius: 20px;
+            font-size: 14px;
+            margin-top: 10px;
+        }
+        .debug-info {
+            background: #e7f3ff;
+            border: 1px solid #b3d9ff;
+            border-radius: 5px;
+            padding: 10px;
+            margin-top: 10px;
+            font-size: 12px;
+            color: #0066cc;
+        }
+        @media (max-width: 1200px) {
+            .main-content {
+                grid-template-columns: 1fr;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🗺️ 物流轨迹地图</h1>
+            <p>实时追踪快递位置 - 真实驾车路线展示</p>
+            <span class="status-badge">✓ 在途中</span>
+        </div>
+        <div class="express-info">
+            <div class="info-item">
+                <span class="info-label">快递公司:</span>
+                <span class="info-value">韵达快递</span>
+            </div>
+            <div class="info-item">
+                <span class="info-label">快递单号:</span>
+                <span class="info-value">434815453222560</span>
+            </div>
+            <div class="info-item">
+                <span class="info-label">当前位置:</span>
+                <span class="info-value" id="currentLocation">加载中...</span>
+            </div>
+            <div class="debug-info" id="debugInfo">🚗 使用Web服务API获取真实路线...</div>
+        </div>
+        <div class="main-content">
+            <div class="map-container">
+                <div id="map"></div>
+            </div>
+            <div class="timeline-container">
+                <div class="timeline-title">📦 物流轨迹</div>
+                <div id="timeline"></div>
+            </div>
+        </div>
+    </div>
+    <script>
+        const apiData = {"Location":"深圳市","LogisticCode":"434815453222560","ShipperCode":"YD","State":"2","StateEx":"2","Success":true,"Traces":[{"Action":"1","AcceptStation":"【广州市】广东广州增城市增江街公司-罗志焰（13544414635） 已揽收","AcceptTime":"2025-10-07 16:13:31","Location":"广州市"},{"Action":"2","AcceptStation":"【广州市】已离开 广东广州增城市增江街公司；发往 广东广州分拨交付中心","AcceptTime":"2025-10-08 00:55:37","Location":"广州市"},{"Action":"2","AcceptStation":"【广州市】已到达 广东广州分拨交付中心（如遇物流问题，请联系专属客服电话：020-22145829，为您解决）","AcceptTime":"2025-10-08 01:20:43","Location":"广州市"},{"Action":"2","AcceptStation":"【广州市】已离开 广东广州分拨交付中心；发往 广东深圳分拨交付中心。（如遇物流问题，请联系专属客服电话：0755-61886188，为您解决）","AcceptTime":"2025-10-08 02:05:05","Location":"广州市"},{"Action":"2","AcceptStation":"【深圳市】已到达 广东深圳分拨交付中心（如遇物流问题，请联系专属客服电话：0755-61886188，为您解决）","AcceptTime":"2025-10-08 05:01:37","Location":"深圳市"},{"Action":"2","AcceptStation":"【深圳市】已离开 广东深圳分拨交付中心；发往 广东深圳公司南山区西丽分部。（如遇物流问题，请联系专属客服电话：0755-36368534，为您解决）","AcceptTime":"2025-10-08 06:09:59","Location":"深圳市"}]};
+        const routeData = {"status":"1","info":"OK","infocode":"10000","count":"1","route":{"origin":"113.264385,23.129163","destination":"114.057868,22.543099","taxi_cost":"493","paths":[{"distance":"137247","duration":"7357","strategy":"速度最快","tolls":"0","toll_distance":"112030","steps":[{"instruction":"向西行驶65米左转","orientation":"西","distance":"65","tolls":"0","toll_distance":"0","toll_road":[],"duration":"12","polyline":"113.264399,23.129667;113.26408,23.129675;113.263769,23.129675","action":"左转","assistant_action":[],"tmcs":[{"lcode":[],"distance":"33","status":"未知","polyline":"113.264399,23.129667;113.26408,23.129675"},{"lcode":[],"distance":"32","status":"未知","polyline":"113.26408,23.129675;113.263769,23.129675"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"越秀区","adcode":"440104"}]}]},{"instruction":"向南行驶100米右转","orientation":"南","distance":"100","tolls":"0","toll_distance":"0","toll_road":[],"duration":"38","polyline":"113.263769,23.129675;113.26378,23.129149;113.26378,23.128768","action":"右转","assistant_action":[],"tmcs":[{"lcode":[],"distance":"58","status":"未知","polyline":"113.263769,23.129675;113.26378,23.129149"},{"lcode":[],"distance":"42","status":"未知","polyline":"113.26378,23.129149;113.26378,23.128768"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"越秀区","adcode":"440104"}]}]},{"instruction":"沿府前路向西行驶172米右转","orientation":"西","road":"府前路","distance":"172","tolls":"0","toll_distance":"0","toll_road":[],"duration":"39","polyline":"113.26378,23.128768;113.263324,23.128725;113.263238,23.128763;113.262836,23.128768;113.26238,23.128773;113.262122,23.128865","action":"右转","assistant_action":[],"tmcs":[{"lcode":[],"distance":"57","status":"畅通","polyline":"113.26378,23.128768;113.263324,23.128725;113.263238,23.128763"},{"lcode":[],"distance":"41","status":"畅通","polyline":"113.263238,23.128763;113.262836,23.128768"},{"lcode":[],"distance":"74","status":"畅通","polyline":"113.262836,23.128768;113.26238,23.128773;113.262122,23.128865"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"越秀区","adcode":"440104"}]}]},{"instruction":"沿解放北路向北行驶79米靠左进入左岔路","orientation":"北","road":"解放北路","distance":"79","tolls":"0","toll_distance":"0","toll_road":[],"duration":"5","polyline":"113.262122,23.128865;113.262111,23.12909;113.262106,23.129187;113.262095,23.129353;113.262074,23.129594","action":"靠左","assistant_action":"进入左岔路","tmcs":[{"lcode":[],"distance":"25","status":"畅通","polyline":"113.262122,23.128865;113.262111,23.12909"},{"lcode":[],"distance":"10","status":"畅通","polyline":"113.262111,23.12909;113.262106,23.129187"},{"lcode":[],"distance":"18","status":"畅通","polyline":"113.262106,23.129187;113.262095,23.129353"},{"lcode":[],"distance":"26","status":"畅通","polyline":"113.262095,23.129353;113.262074,23.129594"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"越秀区","adcode":"440104"}]}]},{"instruction":"沿解放北路向北行驶1.5千米靠左沿主路行驶","orientation":"北","road":"解放北路","distance":"1538","tolls":"0","toll_distance":"0","toll_road":[],"duration":"107","polyline":"113.262074,23.129594;113.26202,23.130222;113.261924,23.131831;113.261908,23.132276;113.261891,23.132813;113.261881,23.133489;113.261854,23.135002;113.261849,23.13549;113.261838,23.136176;113.261838,23.137105;113.261838,23.137206;113.261849,23.137866;113.261849,23.138118;113.261838,23.138355;113.261806,23.138585;113.261715,23.138998;113.26164,23.139272;113.261484,23.139931;113.261468,23.140388;113.261468,23.140484;113.261462,23.140811;113.261527,23.141557;113.261548,23.142024;113.261645,23.143011;113.261677,23.143493","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"248","status":"畅通","polyline":"113.262074,23.129594;113.26202,23.130222;113.261924,23.131831"},{"lcode":[],"distance":"108","status":"畅通","polyline":"113.261924,23.131831;113.261908,23.132276;113.261891,23.132813"},{"lcode":[],"distance":"296","status":"畅通","polyline":"113.261891,23.132813;113.261881,23.133489;113.261854,23.135002;113.261849,23.13549"},{"lcode":[],"distance":"76","status":"畅通","polyline":"113.261849,23.13549;113.261838,23.136176"},{"lcode":[],"distance":"187","status":"畅通","polyline":"113.261838,23.136176;113.261838,23.137105;113.261838,23.137206;113.261849,23.137866"},{"lcode":[],"distance":"28","status":"畅通","polyline":"113.261849,23.137866;113.261849,23.138118"},{"lcode":[],"distance":"51","status":"畅通","polyline":"113.261849,23.138118;113.261838,23.138355;113.261806,23.138585"},{"lcode":[],"distance":"77","status":"畅通","polyline":"113.261806,23.138585;113.261715,23.138998;113.26164,23.139272"},{"lcode":[],"distance":"74","status":"畅通","polyline":"113.26164,23.139272;113.261484,23.139931"},{"lcode":[],"distance":"50","status":"畅通","polyline":"113.261484,23.139931;113.261468,23.140388"},{"lcode":[],"distance":"10","status":"畅通","polyline":"113.261468,23.140388;113.261468,23.140484"},{"lcode":[],"distance":"119","status":"畅通","polyline":"113.261468,23.140484;113.261462,23.140811;113.261527,23.141557"},{"lcode":[],"distance":"51","status":"畅通","polyline":"113.261527,23.141557;113.261548,23.142024"},{"lcode":[],"distance":"163","status":"畅通","polyline":"113.261548,23.142024;113.261645,23.143011;113.261677,23.143493"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"越秀区","adcode":"440104"}]}]},{"instruction":"沿解放北路向北行驶758米靠左","orientation":"北","road":"解放北路","distance":"758","tolls":"0","toll_distance":"0","toll_road":[],"duration":"52","polyline":"113.261677,23.143493;113.26172,23.144427;113.2618,23.1455;113.261865,23.14602;113.261913,23.146299;113.262149,23.14734;113.262305,23.148112;113.262326,23.148193;113.262616,23.149646;113.262643,23.149823;113.262648,23.150054;113.262653,23.15028","action":"靠左","assistant_action":[],"tmcs":[{"lcode":[],"distance":"430","status":"畅通","polyline":"113.261677,23.143493;113.26172,23.144427;113.2618,23.1455;113.261865,23.14602;113.261913,23.146299;113.262149,23.14734"},{"lcode":[],"distance":"86","status":"畅通","polyline":"113.262149,23.14734;113.262305,23.148112"},{"lcode":[],"distance":"192","status":"畅通","polyline":"113.262305,23.148112;113.262326,23.148193;113.262616,23.149646;113.262643,23.149823"},{"lcode":[],"distance":"50","status":"畅通","polyline":"113.262643,23.149823;113.262648,23.150054;113.262653,23.15028"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"越秀区","adcode":"440104"},{"name":"白云区","adcode":"440111"}]}]},{"instruction":"沿三元里大道向西北行驶801米靠左","orientation":"西北","road":"三元里大道","distance":"801","tolls":"0","toll_distance":"0","toll_road":[],"duration":"83","polyline":"113.262653,23.15028;113.262626,23.150446;113.262621,23.150521;113.262675,23.151057;113.262745,23.151508;113.262788,23.151996;113.262782,23.152307;113.262761,23.152624;113.262712,23.152919;113.262686,23.153031;113.262648,23.153133;113.262605,23.153241;113.26245,23.153536;113.262262,23.153809;113.262069,23.154099;113.261865,23.154442;113.261698,23.154668;113.261559,23.154839;113.261264,23.155129;113.261189,23.155193;113.260985,23.155317;113.260701,23.155461;113.260261,23.155681;113.260057,23.155783;113.25944,23.156078;113.25937,23.156116","action":"靠左","assistant_action":[],"tmcs":[{"lcode":[],"distance":"484","status":"畅通","polyline":"113.262653,23.15028;113.262626,23.150446;113.262621,23.150521;113.262675,23.151057;113.262745,23.151508;113.262788,23.151996;113.262782,23.152307;113.262761,23.152624;113.262712,23.152919;113.262686,23.153031;113.262648,23.153133;113.262605,23.153241;113.26245,23.153536;113.262262,23.153809;113.262069,23.154099;113.261865,23.154442"},{"lcode":[],"distance":"30","status":"畅通","polyline":"113.261865,23.154442;113.261698,23.154668"},{"lcode":[],"distance":"23","status":"畅通","polyline":"113.261698,23.154668;113.261559,23.154839"},{"lcode":[],"distance":"43","status":"畅通","polyline":"113.261559,23.154839;113.261264,23.155129"},{"lcode":[],"distance":"35","status":"畅通","polyline":"113.261264,23.155129;113.261189,23.155193;113.260985,23.155317"},{"lcode":[],"distance":"33","status":"畅通","polyline":"113.260985,23.155317;113.260701,23.155461"},{"lcode":[],"distance":"51","status":"畅通","polyline":"113.260701,23.155461;113.260261,23.155681"},{"lcode":[],"distance":"23","status":"畅通","polyline":"113.260261,23.155681;113.260057,23.155783"},{"lcode":[],"distance":"71","status":"畅通","polyline":"113.260057,23.155783;113.25944,23.156078"},{"lcode":[],"distance":"8","status":"畅通","polyline":"113.25944,23.156078;113.25937,23.156116"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"白云区","adcode":"440111"}]}]},{"instruction":"沿S41机场高速入口向西北行驶320米减速行驶到达收费站","orientation":"西北","road":"S41机场高速入口","distance":"320","tolls":"0","toll_distance":"0","toll_road":[],"duration":"31","polyline":"113.25937,23.156116;113.259156,23.156234;113.258898,23.156395;113.25841,23.156776;113.258051,23.15706;113.257493,23.157527;113.257401,23.157607;113.257337,23.15764;113.257069,23.158042","action":"减速行驶","assistant_action":"到达收费站","tmcs":[{"lcode":[],"distance":"248","status":"畅通","polyline":"113.25937,23.156116;113.259156,23.156234;113.258898,23.156395;113.25841,23.156776;113.258051,23.15706;113.257493,23.157527"},{"lcode":[],"distance":"20","status":"畅通","polyline":"113.257493,23.157527;113.257401,23.157607;113.257337,23.15764"},{"lcode":[],"distance":"52","status":"畅通","polyline":"113.257337,23.15764;113.257069,23.158042"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"白云区","adcode":"440111"}]}]},{"instruction":"沿S41机场高速入口途径内环路出口、广园西路出口向北行驶258米靠右","orientation":"北","road":"S41机场高速入口","distance":"258","tolls":"0","toll_distance":"258","toll_road":"S41机场高速入口","duration":"26","polyline":"113.257069,23.158042;113.256908,23.158299;113.256844,23.158417;113.256817,23.158492;113.256785,23.158659;113.256785,23.158755;113.256795,23.158863;113.256844,23.159029;113.256913,23.159179;113.257053,23.159447;113.25715,23.159683;113.257208,23.159764;113.257353,23.159962;113.257498,23.160166","action":"靠右","assistant_action":[],"tmcs":[{"lcode":[],"distance":"33","status":"畅通","polyline":"113.257069,23.158042;113.256908,23.158299"},{"lcode":[],"distance":"162","status":"畅通","polyline":"113.256908,23.158299;113.256844,23.158417;113.256817,23.158492;113.256785,23.158659;113.256785,23.158755;113.256795,23.158863;113.256844,23.159029;113.256913,23.159179;113.257053,23.159447;113.25715,23.159683"},{"lcode":[],"distance":"10","status":"畅通","polyline":"113.25715,23.159683;113.257208,23.159764"},{"lcode":[],"distance":"53","status":"畅通","polyline":"113.257208,23.159764;113.257353,23.159962;113.257498,23.160166"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"白云区","adcode":"440111"}]}]},{"instruction":"沿广园西路出口途径S15沈海高速广州支线向东行驶3.4千米直行进入隧道","orientation":"东","road":"广园西路出口","distance":"3372","tolls":"0","toll_distance":"0","toll_road":[],"duration":"212","polyline":"113.257498,23.160166;113.257579,23.160252;113.257879,23.160665;113.258067,23.160965;113.258281,23.161287;113.25833,23.161346;113.258394,23.161411;113.258485,23.161464;113.258614,23.161502;113.258695,23.161513;113.258855,23.161502;113.259016,23.16148;113.261548,23.160365;113.261865,23.160225;113.263946,23.159329;113.264408,23.159179;113.264949,23.159018;113.266366,23.158664;113.267165,23.158492;113.267626,23.158439;113.268259,23.158391;113.269042,23.158358;113.269439,23.158353;113.269761,23.158348;113.270582,23.158331;113.272105,23.158299;113.272454,23.158294;113.272931,23.158299;113.273211,23.158321;113.273613,23.158375;113.273988,23.15845;113.275099,23.158734;113.276622,23.159147;113.27674,23.159179;113.27733,23.159313;113.277835,23.15942;113.278382,23.15949;113.278419,23.159496;113.278988,23.159533;113.280029,23.159544;113.280978,23.159404;113.281311,23.159329;113.281896,23.159179;113.281987,23.159152;113.282834,23.158975;113.283456,23.158873;113.284224,23.158846;113.284857,23.158868;113.285688,23.158927;113.28873,23.159179;113.288794,23.159185","action":"直行","assistant_action":"进入隧道","tmcs":[{"lcode":[],"distance":"68","status":"畅通","polyline":"113.257498,23.160166;113.257579,23.160252;113.257879,23.160665"},{"lcode":[],"distance":"38","status":"畅通","polyline":"113.257879,23.160665;113.258067,23.160965"},{"lcode":[],"distance":"126","status":"畅通","polyline":"113.258067,23.160965;113.258281,23.161287;113.25833,23.161346;113.258394,23.161411;113.258485,23.161464;113.258614,23.161502;113.258695,23.161513;113.258855,23.161502;113.259016,23.16148"},{"lcode":[],"distance":"287","status":"畅通","polyline":"113.259016,23.16148;113.261548,23.160365"},{"lcode":[],"distance":"270","status":"畅通","polyline":"113.261548,23.160365;113.261865,23.160225;113.263946,23.159329"},{"lcode":[],"distance":"609","status":"畅通","polyline":"113.263946,23.159329;113.264408,23.159179;113.264949,23.159018;113.266366,23.158664;113.267165,23.158492;113.267626,23.158439;113.268259,23.158391;113.269042,23.158358;113.269439,23.158353;113.269761,23.158348"},{"lcode":[],"distance":"84","status":"畅通","polyline":"113.269761,23.158348;113.270582,23.158331"},{"lcode":[],"distance":"192","status":"畅通","polyline":"113.270582,23.158331;113.272105,23.158299;113.272454,23.158294"},{"lcode":[],"distance":"77","status":"畅通","polyline":"113.272454,23.158294;113.272931,23.158299;113.273211,23.158321"},{"lcode":[],"distance":"436","status":"畅通","polyline":"113.273211,23.158321;113.273613,23.158375;113.273988,23.15845;113.275099,23.158734;113.276622,23.159147;113.27674,23.159179;113.27733,23.159313"},{"lcode":[],"distance":"113","status":"畅通","polyline":"113.27733,23.159313;113.277835,23.15942;113.278382,23.15949;113.278419,23.159496"},{"lcode":[],"distance":"263","status":"畅通","polyline":"113.278419,23.159496;113.278988,23.159533;113.280029,23.159544;113.280978,23.159404"},{"lcode":[],"distance":"809","status":"畅通","polyline":"113.280978,23.159404;113.281311,23.159329;113.281896,23.159179;113.281987,23.159152;113.282834,23.158975;113.283456,23.158873;113.284224,23.158846;113.284857,23.158868;113.285688,23.158927;113.28873,23.159179;113.288794,23.159185"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"白云区","adcode":"440111"}]}]},{"instruction":"沿白云隧道途径S15沈海高速广州支线、岑村河一号桥、岑村二号桥、岑村河中桥向东行驶11.5千米向右前方行驶进入匝道","orientation":"东","road":"白云隧道","distance":"11531","tolls":"0","toll_distance":"0","toll_road":[],"duration":"596","polyline":"113.288794,23.159185;113.291015,23.159356;113.291176,23.159367;113.292431,23.159399;113.29344,23.159394;113.295071,23.159297;113.296052,23.159179;113.296278,23.159152;113.298815,23.158788;113.299367,23.158734;113.299877,23.158686;113.300355,23.158675;113.301283,23.158712;113.302135,23.158825;113.302425,23.158879;113.30345,23.15912;113.303654,23.159179;113.30441,23.159394;113.3053,23.159656;113.306266,23.15993;113.308954,23.160692;113.310252,23.161073;113.311024,23.161325;113.311282,23.161405;113.312086,23.161716;113.31295,23.162113;113.312988,23.162135;113.313878,23.162623;113.314967,23.163294;113.315793,23.163771;113.316201,23.163986;113.316448,23.164088;113.316753,23.164222;113.317328,23.164409;113.317998,23.164565;113.318438,23.164629;113.31906,23.164683;113.319988,23.164667;113.321876,23.164517;113.322435,23.164485;113.323041,23.164517;113.323196,23.164533;113.323631,23.164586;113.324194,23.164705;113.32473,23.16486;113.324999,23.164951;113.325675,23.165246;113.325889,23.165348;113.326705,23.165836;113.329789,23.167794;113.330755,23.168358;113.33106,23.168502;113.331522,23.168722;113.332139,23.168953;113.332863,23.1692;113.334354,23.169645;113.33496,23.169801;113.335599,23.169967;113.336559,23.170165;113.337068,23.170273;113.338469,23.170514;113.339112,23.170595;113.339842,23.170643;113.340218,23.170643;113.340732,23.1706;113.341054,23.170557;113.341435,23.170493;113.342106,23.17031;113.342428,23.170203;113.342524,23.170165;113.343168,23.169892;113.343624,23.169672;113.347422,23.167784;113.348661,23.167204;113.350882,23.166088;113.352958,23.165128;113.353838,23.164806;113.354744,23.164543;113.355479,23.164366;113.356305,23.164222;113.356933,23.164163;113.357153,23.164141;113.35763,23.164082;113.358081,23.164039;113.358371,23.164018;113.35866,23.163991;113.360221,23.163862;113.361155,23.16375;113.361385,23.163717;113.362265,23.16354;113.362668,23.163465;113.362909,23.163406;113.363547,23.163224;113.363896,23.163138;113.364513,23.162956;113.365366,23.162671;113.366181,23.162376;113.367147,23.161985;113.367571,23.161802;113.368064,23.161561;113.368343,23.161427;113.368853,23.161126;113.36947,23.160724;113.370387,23.160011;113.371235,23.159254;113.37132,23.159179;113.372007,23.158568;113.372286,23.158321;113.372334,23.158278;113.372983,23.15772;113.373498,23.157253;113.373933,23.156856;113.374185,23.156652;113.375172,23.155783;113.37669,23.154431;113.377516,23.153675;113.378627,23.152726;113.378852,23.152543;113.378906,23.152506;113.379195,23.152291;113.379474,23.152109;113.380054,23.151776;113.38015,23.151728;113.380515,23.151551;113.380601,23.151519;113.38147,23.151245;113.381883,23.151154;113.382403,23.151068;113.38302,23.151009;113.38346,23.151004;113.3839,23.151041;113.386523,23.151234;113.387446,23.151293;113.388808,23.151401;113.389087,23.151428;113.389473,23.151476;113.389838,23.151508;113.391941,23.151669;113.392199,23.151685;113.392451,23.151706","action":"向右前方行驶","assistant_action":"进入匝道","tmcs":[{"lcode":[],"distance":"244","status":"畅通","polyline":"113.288794,23.159185;113.291015,23.159356;113.291176,23.159367"},{"lcode":[],"distance":"523","status":"畅通","polyline":"113.291176,23.159367;113.292431,23.159399;113.29344,23.159394;113.295071,23.159297;113.296052,23.159179;113.296278,23.159152"},{"lcode":[],"distance":"320","status":"畅通","polyline":"113.296278,23.159152;113.298815,23.158788;113.299367,23.158734"},{"lcode":[],"distance":"526","status":"畅通","polyline":"113.299367,23.158734;113.299877,23.158686;113.300355,23.158675;113.301283,23.158712;113.302135,23.158825;113.302425,23.158879;113.30345,23.15912;113.303654,23.159179;113.30441,23.159394"},{"lcode":[],"distance":"199","status":"畅通","polyline":"113.30441,23.159394;113.3053,23.159656;113.306266,23.15993"},{"lcode":[],"distance":"510","status":"畅通","polyline":"113.306266,23.15993;113.308954,23.160692;113.310252,23.161073;113.311024,23.161325"},{"lcode":[],"distance":"28","status":"畅通","polyline":"113.311024,23.161325;113.311282,23.161405"},{"lcode":[],"distance":"607","status":"畅通","polyline":"113.311282,23.161405;113.312086,23.161716;113.31295,23.162113;113.312988,23.162135;113.313878,23.162623;113.314967,23.163294;113.315793,23.163771;113.316201,23.163986;113.316448,23.164088"},{"lcode":[],"distance":"686","status":"畅通","polyline":"113.316448,23.164088;113.316753,23.164222;113.317328,23.164409;113.317998,23.164565;113.318438,23.164629;113.31906,23.164683;113.319988,23.164667;113.321876,23.164517;113.322435,23.164485;113.323041,23.164517"},{"lcode":[],"distance":"15","status":"畅通","polyline":"113.323041,23.164517;113.323196,23.164533"},{"lcode":[],"distance":"191","status":"畅通","polyline":"113.323196,23.164533;113.323631,23.164586;113.324194,23.164705;113.32473,23.16486;113.324999,23.164951"},{"lcode":[],"distance":"76","status":"畅通","polyline":"113.324999,23.164951;113.325675,23.165246"},{"lcode":[],"distance":"25","status":"畅通","polyline":"113.325675,23.165246;113.325889,23.165348"},{"lcode":[],"distance":"599","status":"畅通","polyline":"113.325889,23.165348;113.326705,23.165836;113.329789,23.167794;113.330755,23.168358"},{"lcode":[],"distance":"35","status":"畅通","polyline":"113.330755,23.168358;113.33106,23.168502"},{"lcode":[],"distance":"2693","status":"畅通","polyline":"113.33106,23.168502;113.331522,23.168722;113.332139,23.168953;113.332863,23.1692;113.334354,23.169645;113.33496,23.169801;113.335599,23.169967;113.336559,23.170165;113.337068,23.170273;113.338469,23.170514;113.339112,23.170595;113.339842,23.170643;113.340218,23.170643;113.340732,23.1706;113.341054,23.170557;113.341435,23.170493;113.342106,23.17031;113.342428,23.170203;113.342524,23.170165;113.343168,23.169892;113.343624,23.169672;113.347422,23.167784;113.348661,23.167204;113.350882,23.166088;113.352958,23.165128;113.353838,23.164806;113.354744,23.164543;113.355479,23.164366"},{"lcode":[],"distance":"173","status":"畅通","polyline":"113.355479,23.164366;113.356305,23.164222;113.356933,23.164163;113.357153,23.164141"},{"lcode":[],"distance":"49","status":"畅通","polyline":"113.357153,23.164141;113.35763,23.164082"},{"lcode":[],"distance":"46","status":"畅通","polyline":"113.35763,23.164082;113.358081,23.164039"},{"lcode":[],"distance":"59","status":"畅通","polyline":"113.358081,23.164039;113.358371,23.164018;113.35866,23.163991"},{"lcode":[],"distance":"373","status":"畅通","polyline":"113.35866,23.163991;113.360221,23.163862;113.361155,23.16375;113.361385,23.163717;113.362265,23.16354"},{"lcode":[],"distance":"136","status":"畅通","polyline":"113.362265,23.16354;113.362668,23.163465;113.362909,23.163406;113.363547,23.163224"},{"lcode":[],"distance":"103","status":"畅通","polyline":"113.363547,23.163224;113.363896,23.163138;113.364513,23.162956"},{"lcode":[],"distance":"395","status":"畅通","polyline":"113.364513,23.162956;113.365366,23.162671;113.366181,23.162376;113.367147,23.161985;113.367571,23.161802;113.368064,23.161561"},{"lcode":[],"distance":"94","status":"畅通","polyline":"113.368064,23.161561;113.368343,23.161427;113.368853,23.161126"},{"lcode":[],"distance":"320","status":"畅通","polyline":"113.368853,23.161126;113.36947,23.160724;113.370387,23.160011;113.371235,23.159254"},{"lcode":[],"distance":"110","status":"畅通","polyline":"113.371235,23.159254;113.37132,23.159179;113.372007,23.158568"},{"lcode":[],"distance":"39","status":"畅通","polyline":"113.372007,23.158568;113.372286,23.158321"},{"lcode":[],"distance":"6","status":"畅通","polyline":"113.372286,23.158321;113.372334,23.158278"},{"lcode":[],"distance":"164","status":"畅通","polyline":"113.372334,23.158278;113.372983,23.15772;113.373498,23.157253"},{"lcode":[],"distance":"236","status":"畅通","polyline":"113.373498,23.157253;113.373933,23.156856;113.374185,23.156652;113.375172,23.155783"},{"lcode":[],"distance":"215","status":"畅通","polyline":"113.375172,23.155783;113.37669,23.154431"},{"lcode":[],"distance":"119","status":"畅通","polyline":"113.37669,23.154431;113.377516,23.153675"},{"lcode":[],"distance":"335","status":"畅通","polyline":"113.377516,23.153675;113.378627,23.152726;113.378852,23.152543;113.378906,23.152506;113.379195,23.152291;113.379474,23.152109;113.380054,23.151776"},{"lcode":[],"distance":"11","status":"畅通","polyline":"113.380054,23.151776;113.38015,23.151728"},{"lcode":[],"distance":"42","status":"畅通","polyline":"113.38015,23.151728;113.380515,23.151551"},{"lcode":[],"distance":"9","status":"畅通","polyline":"113.380515,23.151551;113.380601,23.151519"},{"lcode":[],"distance":"255","status":"畅通","polyline":"113.380601,23.151519;113.38147,23.151245;113.381883,23.151154;113.382403,23.151068;113.38302,23.151009"},{"lcode":[],"distance":"90","status":"畅通","polyline":"113.38302,23.151009;113.38346,23.151004;113.3839,23.151041"},{"lcode":[],"distance":"269","status":"畅通","polyline":"113.3839,23.151041;113.386523,23.151234"},{"lcode":[],"distance":"95","status":"畅通","polyline":"113.386523,23.151234;113.387446,23.151293"},{"lcode":[],"distance":"139","status":"畅通","polyline":"113.387446,23.151293;113.388808,23.151401"},{"lcode":[],"distance":"28","status":"畅通","polyline":"113.388808,23.151401;113.389087,23.151428"},{"lcode":[],"distance":"39","status":"畅通","polyline":"113.389087,23.151428;113.389473,23.151476"},{"lcode":[],"distance":"37","status":"畅通","polyline":"113.389473,23.151476;113.389838,23.151508"},{"lcode":[],"distance":"216","status":"畅通","polyline":"113.389838,23.151508;113.391941,23.151669"},{"lcode":[],"distance":"52","status":"畅通","polyline":"113.391941,23.151669;113.392199,23.151685;113.392451,23.151706"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"白云区","adcode":"440111"},{"name":"越秀区","adcode":"440104"},{"name":"天河区","adcode":"440106"}]}]},{"instruction":"沿黄村立交途径S15沈海高速广州支线向东行驶10.1千米靠左沿主路行驶","orientation":"东","road":"黄村立交","distance":"10080","tolls":"0","toll_distance":"10080","toll_road":"黄村立交","duration":"478","polyline":"113.392451,23.151706;113.392698,23.151669;113.393416,23.151674;113.393808,23.151653;113.394114,23.151621;113.394446,23.151572;113.394725,23.151508;113.395004,23.151417;113.39524,23.15132;113.395745,23.151047;113.395986,23.150886;113.396201,23.150709;113.396656,23.150301;113.396817,23.150183;113.396935,23.150113;113.397177,23.150027;113.397322,23.150006;113.397499,23.150011;113.397778,23.15006;113.398003,23.150167;113.398116,23.150247;113.398464,23.150596;113.399226,23.151438;113.399408,23.15161;113.399634,23.151798;113.399945,23.152007;113.400176,23.152141;113.40038,23.152243;113.400594,23.152323;113.400803,23.152377;113.400851,23.152393;113.400878,23.152398;113.400996,23.152436;113.401436,23.152527;113.401753,23.152549;113.402327,23.152624;113.402573,23.152661;113.403255,23.152822;113.404081,23.153058;113.406747,23.153943;113.407144,23.154083;113.409526,23.154866;113.41341,23.156127;113.414263,23.15639;113.415298,23.15669;113.416478,23.157012;113.417739,23.157323;113.41872,23.157548;113.420383,23.157897;113.421285,23.158063;113.422851,23.158321;113.422894,23.158326;113.424648,23.158568;113.425571,23.158675;113.427132,23.158814;113.428591,23.158921;113.429642,23.158975;113.430195,23.158997;113.431654,23.159029;113.432341,23.159023;113.436557,23.158986;113.442549,23.15889;113.444067,23.158857;113.444824,23.158825;113.44639,23.15875;113.447093,23.158702;113.449308,23.158498;113.450285,23.158391;113.453187,23.158004;113.4547,23.157784;113.466796,23.155848;113.468293,23.155601;113.469285,23.155424;113.470514,23.155172;113.471935,23.154861;113.473019,23.154587;113.474339,23.154244;113.476141,23.153707;113.477225,23.153359;113.478898,23.152785;113.480717,23.152109;113.482954,23.151266;113.483732,23.150998;113.4851,23.150505;113.487079,23.149775","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"1009","status":"畅通","polyline":"113.392451,23.151706;113.392698,23.151669;113.393416,23.151674;113.393808,23.151653;113.394114,23.151621;113.394446,23.151572;113.394725,23.151508;113.395004,23.151417;113.39524,23.15132;113.395745,23.151047;113.395986,23.150886;113.396201,23.150709;113.396656,23.150301;113.396817,23.150183;113.396935,23.150113;113.397177,23.150027;113.397322,23.150006;113.397499,23.150011;113.397778,23.15006;113.398003,23.150167;113.398116,23.150247;113.398464,23.150596;113.399226,23.151438;113.399408,23.15161;113.399634,23.151798;113.399945,23.152007;113.400176,23.152141;113.40038,23.152243;113.400594,23.152323;113.400803,23.152377"},{"lcode":[],"distance":"5","status":"畅通","polyline":"113.400803,23.152377;113.400851,23.152393"},{"lcode":[],"distance":"94","status":"畅通","polyline":"113.400851,23.152393;113.400878,23.152398;113.400996,23.152436;113.401436,23.152527;113.401753,23.152549"},{"lcode":[],"distance":"59","status":"畅通","polyline":"113.401753,23.152549;113.402327,23.152624"},{"lcode":[],"distance":"185","status":"畅通","polyline":"113.402327,23.152624;113.402573,23.152661;113.403255,23.152822;113.404081,23.153058"},{"lcode":[],"distance":"290","status":"畅通","polyline":"113.404081,23.153058;113.406747,23.153943"},{"lcode":[],"distance":"43","status":"畅通","polyline":"113.406747,23.153943;113.407144,23.154083"},{"lcode":[],"distance":"1959","status":"畅通","polyline":"113.407144,23.154083;113.409526,23.154866;113.41341,23.156127;113.414263,23.15639;113.415298,23.15669;113.416478,23.157012;113.417739,23.157323;113.41872,23.157548;113.420383,23.157897;113.421285,23.158063;113.422851,23.158321;113.422894,23.158326;113.424648,23.158568;113.425571,23.158675"},{"lcode":[],"distance":"475","status":"畅通","polyline":"113.425571,23.158675;113.427132,23.158814;113.428591,23.158921;113.429642,23.158975;113.430195,23.158997"},{"lcode":[],"distance":"1730","status":"畅通","polyline":"113.430195,23.158997;113.431654,23.159029;113.432341,23.159023;113.436557,23.158986;113.442549,23.15889;113.444067,23.158857;113.444824,23.158825;113.44639,23.15875;113.447093,23.158702"},{"lcode":[],"distance":"3531","status":"畅通","polyline":"113.447093,23.158702;113.449308,23.158498;113.450285,23.158391;113.453187,23.158004;113.4547,23.157784;113.466796,23.155848;113.468293,23.155601;113.469285,23.155424;113.470514,23.155172;113.471935,23.154861;113.473019,23.154587;113.474339,23.154244;113.476141,23.153707;113.477225,23.153359;113.478898,23.152785;113.480717,23.152109"},{"lcode":[],"distance":"247","status":"畅通","polyline":"113.480717,23.152109;113.482954,23.151266"},{"lcode":[],"distance":"85","status":"畅通","polyline":"113.482954,23.151266;113.483732,23.150998"},{"lcode":[],"distance":"368","status":"畅通","polyline":"113.483732,23.150998;113.4851,23.150505;113.487079,23.149775"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"天河区","adcode":"440106"},{"name":"黄埔区","adcode":"440112"}]}]},{"instruction":"沿S15沈海高速广州支线途径G4京港澳高速向东行驶9.4千米直行进入隧道","orientation":"东","road":"S15沈海高速广州支线","distance":"9382","tolls":"0","toll_distance":"9382","toll_road":"S15沈海高速广州支线","duration":"514","polyline":"113.487079,23.149775;113.488769,23.149158;113.491408,23.148193;113.492486,23.147796;113.494294,23.147131;113.494611,23.147013;113.496322,23.14638;113.497572,23.145934;113.498827,23.1455;113.499986,23.145162;113.50093,23.144936;113.502523,23.144636;113.503296,23.14455;113.503827,23.144491;113.504712,23.14447;113.505313,23.144475;113.505903,23.144459;113.510741,23.144438;113.51373,23.144427;113.515634,23.144438;113.51697,23.144475;113.517785,23.144502;113.518456,23.144534;113.519099,23.144561;113.519802,23.144593;113.521438,23.144663;113.522479,23.144706;113.525091,23.144824;113.526722,23.144861;113.527725,23.14484;113.528653,23.144797;113.529635,23.144733;113.530531,23.144615;113.530633,23.144599;113.530735,23.144588;113.531169,23.144523;113.532124,23.144346;113.532559,23.144255;113.532714,23.144218;113.53346,23.144041;113.534377,23.143773;113.535611,23.143381;113.536877,23.142898;113.537596,23.14256;113.538518,23.142093;113.539656,23.141476;113.540552,23.140935;113.54104,23.140618;113.542054,23.139894;113.544918,23.137807;113.545728,23.137206;113.548507,23.135141;113.551962,23.132545;113.553163,23.131724;113.554483,23.130855;113.554687,23.130726;113.555433,23.130249;113.556082,23.129852;113.557208,23.129181;113.557578,23.128967;113.55952,23.127851;113.56084,23.127095;113.562079,23.126327;113.562235,23.12622;113.56283,23.125802;113.563538,23.125255;113.564176,23.124723;113.564788,23.124155;113.565528,23.123404;113.566065,23.122798;113.566462,23.122315;113.566982,23.121612;113.567358,23.121108;113.568307,23.119665","action":"直行","assistant_action":"进入隧道","tmcs":[{"lcode":[],"distance":"595","status":"畅通","polyline":"113.487079,23.149775;113.488769,23.149158;113.491408,23.148193;113.492486,23.147796"},{"lcode":[],"distance":"199","status":"畅通","polyline":"113.492486,23.147796;113.494294,23.147131"},{"lcode":[],"distance":"223","status":"畅通","polyline":"113.494294,23.147131;113.494611,23.147013;113.496322,23.14638"},{"lcode":[],"distance":"274","status":"畅通","polyline":"113.496322,23.14638;113.497572,23.145934;113.498827,23.1455"},{"lcode":[],"distance":"677","status":"畅通","polyline":"113.498827,23.1455;113.499986,23.145162;113.50093,23.144936;113.502523,23.144636;113.503296,23.14455;113.503827,23.144491;113.504712,23.14447;113.505313,23.144475"},{"lcode":[],"distance":"1194","status":"畅通","polyline":"113.505313,23.144475;113.505903,23.144459;113.510741,23.144438;113.51373,23.144427;113.515634,23.144438;113.51697,23.144475"},{"lcode":[],"distance":"83","status":"缓行","polyline":"113.51697,23.144475;113.517785,23.144502"},{"lcode":[],"distance":"68","status":"缓行","polyline":"113.517785,23.144502;113.518456,23.144534"},{"lcode":[],"distance":"137","status":"缓行","polyline":"113.518456,23.144534;113.519099,23.144561;113.519802,23.144593"},{"lcode":[],"distance":"168","status":"畅通","polyline":"113.519802,23.144593;113.521438,23.144663"},{"lcode":[],"distance":"933","status":"畅通","polyline":"113.521438,23.144663;113.522479,23.144706;113.525091,23.144824;113.526722,23.144861;113.527725,23.14484;113.528653,23.144797;113.529635,23.144733;113.530531,23.144615"},{"lcode":[],"distance":"20","status":"畅通","polyline":"113.530531,23.144615;113.530633,23.144599;113.530735,23.144588"},{"lcode":[],"distance":"3103","status":"畅通","polyline":"113.530735,23.144588;113.531169,23.144523;113.532124,23.144346;113.532559,23.144255;113.532714,23.144218;113.53346,23.144041;113.534377,23.143773;113.535611,23.143381;113.536877,23.142898;113.537596,23.14256;113.538518,23.142093;113.539656,23.141476;113.540552,23.140935;113.54104,23.140618;113.542054,23.139894;113.544918,23.137807;113.545728,23.137206;113.548507,23.135141;113.551962,23.132545;113.553163,23.131724;113.554483,23.130855;113.554687,23.130726;113.555433,23.130249;113.556082,23.129852"},{"lcode":[],"distance":"137","status":"畅通","polyline":"113.556082,23.129852;113.557208,23.129181"},{"lcode":[],"distance":"44","status":"畅通","polyline":"113.557208,23.129181;113.557578,23.128967"},{"lcode":[],"distance":"913","status":"畅通","polyline":"113.557578,23.128967;113.55952,23.127851;113.56084,23.127095;113.562079,23.126327;113.562235,23.12622;113.56283,23.125802;113.563538,23.125255;113.564176,23.124723;113.564788,23.124155"},{"lcode":[],"distance":"112","status":"畅通","polyline":"113.564788,23.124155;113.565528,23.123404"},{"lcode":[],"distance":"86","status":"畅通","polyline":"113.565528,23.123404;113.566065,23.122798"},{"lcode":[],"distance":"416","status":"畅通","polyline":"113.566065,23.122798;113.566462,23.122315;113.566982,23.121612;113.567358,23.121108;113.568307,23.119665"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"黄埔区","adcode":"440112"},{"name":"增城区","adcode":"440118"}]}]},{"instruction":"沿G4京港澳高速向东南行驶5.1千米靠左沿主路行驶","orientation":"东南","road":"G4京港澳高速","distance":"5137","tolls":"0","toll_distance":"5137","toll_road":"G4京港澳高速","duration":"243","polyline":"113.568307,23.119665;113.571054,23.115561;113.571279,23.115234;113.571724,23.114595;113.572191,23.113968;113.573001,23.113029;113.573071,23.112943;113.573666,23.112283;113.574288,23.111618;113.574793,23.111125;113.57666,23.109263;113.581686,23.104247;113.583451,23.102488;113.584819,23.101104;113.585656,23.100192;113.586235,23.099478;113.5869,23.098583;113.587313,23.097982;113.588686,23.095895;113.589491,23.094704;113.589786,23.094264;113.590451,23.093261;113.591498,23.091695;113.59235,23.090413;113.593112,23.089281;113.594464,23.087231;113.59463,23.086979;113.595934,23.085032;113.596197,23.084635;113.596942,23.083503;113.597608,23.082425;113.597656,23.082345;113.597693,23.082275;113.597699,23.082264","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"534","status":"畅通","polyline":"113.568307,23.119665;113.571054,23.115561"},{"lcode":[],"distance":"344","status":"畅通","polyline":"113.571054,23.115561;113.571279,23.115234;113.571724,23.114595;113.572191,23.113968;113.573001,23.113029"},{"lcode":[],"distance":"12","status":"畅通","polyline":"113.573001,23.113029;113.573071,23.112943"},{"lcode":[],"distance":"95","status":"畅通","polyline":"113.573071,23.112943;113.573666,23.112283"},{"lcode":[],"distance":"2541","status":"畅通","polyline":"113.573666,23.112283;113.574288,23.111618;113.574793,23.111125;113.57666,23.109263;113.581686,23.104247;113.583451,23.102488;113.584819,23.101104;113.585656,23.100192;113.586235,23.099478;113.5869,23.098583;113.587313,23.097982;113.588686,23.095895;113.589491,23.094704"},{"lcode":[],"distance":"558","status":"畅通","polyline":"113.589491,23.094704;113.589786,23.094264;113.590451,23.093261;113.591498,23.091695;113.59235,23.090413"},{"lcode":[],"distance":"413","status":"畅通","polyline":"113.59235,23.090413;113.593112,23.089281;113.594464,23.087231"},{"lcode":[],"distance":"32","status":"畅通","polyline":"113.594464,23.087231;113.59463,23.086979"},{"lcode":[],"distance":"253","status":"畅通","polyline":"113.59463,23.086979;113.595934,23.085032"},{"lcode":[],"distance":"336","status":"畅通","polyline":"113.595934,23.085032;113.596197,23.084635;113.596942,23.083503;113.597608,23.082425"},{"lcode":[],"distance":"19","status":"畅通","polyline":"113.597608,23.082425;113.597656,23.082345;113.597693,23.082275;113.597699,23.082264"}],"cities":[{"name":"广州市","citycode":"020","adcode":"440100","districts":[{"name":"增城区","adcode":"440118"}]},{"name":"广东省","citycode":null,"adcode":"440000","districts":[{"name":"东莞市","adcode":"441900"}]}]},{"instruction":"沿G4京港澳高速向东南行驶11.2千米靠左沿主路行驶","orientation":"东南","road":"G4京港澳高速","distance":"11250","tolls":"0","toll_distance":"11250","toll_road":"G4京港澳高速","duration":"535","polyline":"113.597699,23.082264;113.597994,23.081862;113.598289,23.081459;113.598471,23.08117;113.598632,23.080907;113.598874,23.080515;113.600145,23.078638;113.600655,23.077908;113.601883,23.076229;113.603637,23.073987;113.604109,23.073413;113.605665,23.071589;113.605933,23.071288;113.606802,23.070307;113.607205,23.069851;113.607902,23.069062;113.610048,23.066825;113.610895,23.065961;113.612086,23.064792;113.613476,23.063499;113.615069,23.062067;113.616297,23.061005;113.61714,23.060302;113.617622,23.0599;113.620117,23.057942;113.620605,23.057577;113.621511,23.056901;113.623287,23.05563;113.625572,23.054069;113.627868,23.052604;113.629022,23.051907;113.630078,23.051279;113.630518,23.051027;113.632766,23.04974;113.63356,23.049316;113.634166,23.048994;113.638431,23.046886;113.640153,23.046027;113.640791,23.045711;113.641247,23.045491;113.642406,23.044922;113.642578,23.044836;113.643114,23.044568;113.64548,23.043388;113.646536,23.042868;113.650576,23.040733;113.651686,23.040121;113.652384,23.039697;113.65307,23.0393;113.653757,23.038909;113.654417,23.03848;113.654658,23.03833;113.655146,23.038029;113.6574,23.036473;113.657914,23.036103;113.658703,23.035518;113.659653,23.0348;113.660473,23.034129;113.661053,23.033657;113.661412,23.033341;113.662243,23.032665;113.663209,23.031806;113.663912,23.031163;113.66455,23.030546;113.664883,23.030224;113.666283,23.028904;113.667908,23.027343;113.67213,23.023298;113.673294,23.02214;113.674265,23.021238;113.675531,23.020031;113.675767,23.019806;113.676502,23.019098;113.676963,23.018653;113.677269,23.018363;113.677988,23.017676;113.678406,23.017274;113.6792,23.016518;113.679367,23.016357;113.679506,23.016223","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"107","status":"畅通","polyline":"113.597699,23.082264;113.597994,23.081862;113.598289,23.081459"},{"lcode":[],"distance":"121","status":"畅通","polyline":"113.598289,23.081459;113.598471,23.08117;113.598632,23.080907;113.598874,23.080515"},{"lcode":[],"distance":"872","status":"畅通","polyline":"113.598874,23.080515;113.600145,23.078638;113.600655,23.077908;113.601883,23.076229;113.603637,23.073987"},{"lcode":[],"distance":"585","status":"畅通","polyline":"113.603637,23.073987;113.604109,23.073413;113.605665,23.071589;113.605933,23.071288;113.606802,23.070307;113.607205,23.069851"},{"lcode":[],"distance":"3131","status":"畅通","polyline":"113.607205,23.069851;113.607902,23.069062;113.610048,23.066825;113.610895,23.065961;113.612086,23.064792;113.613476,23.063499;113.615069,23.062067;113.616297,23.061005;113.61714,23.060302;113.617622,23.0599;113.620117,23.057942;113.620605,23.057577;113.621511,23.056901;113.623287,23.05563;113.625572,23.054069;113.627868,23.052604;113.629022,23.051907;113.630078,23.051279"},{"lcode":[],"distance":"1185","status":"畅通","polyline":"113.630078,23.051279;113.630518,23.051027;113.632766,23.04974;113.63356,23.049316;113.634166,23.048994;113.638431,23.046886;113.640153,23.046027"},{"lcode":[],"distance":"127","status":"畅通","polyline":"113.640153,23.046027;113.640791,23.045711;113.641247,23.045491"},{"lcode":[],"distance":"134","status":"畅通","polyline":"113.641247,23.045491;113.642406,23.044922"},{"lcode":[],"distance":"358","status":"畅通","polyline":"113.642406,23.044922;113.642578,23.044836;113.643114,23.044568;113.64548,23.043388"},{"lcode":[],"distance":"982","status":"畅通","polyline":"113.64548,23.043388;113.646536,23.042868;113.650576,23.040733;113.651686,23.040121;113.652384,23.039697;113.65307,23.0393;113.653757,23.038909"},{"lcode":[],"distance":"82","status":"畅通","polyline":"113.653757,23.038909;113.654417,23.03848"},{"lcode":[],"distance":"445","status":"畅通","polyline":"113.654417,23.03848;113.654658,23.03833;113.655146,23.038029;113.6574,23.036473;113.657914,23.036103"},{"lcode":[],"distance":"470","status":"畅通","polyline":"113.657914,23.036103;113.658703,23.035518;113.659653,23.0348;113.660473,23.034129;113.661053,23.033657;113.661412,23.033341"},{"lcode":[],"distance":"2101","status":"畅通","polyline":"113.661412,23.033341;113.662243,23.032665;113.663209,23.031806;113.663912,23.031163;113.66455,23.030546;113.664883,23.030224;113.666283,23.028904;113.667908,23.027343;113.67213,23.023298;113.673294,23.02214;113.674265,23.021238;113.675531,23.020031;113.675767,23.019806"},{"lcode":[],"distance":"176","status":"畅通","polyline":"113.675767,23.019806;113.676502,23.019098;113.676963,23.018653"},{"lcode":[],"distance":"212","status":"畅通","polyline":"113.676963,23.018653;113.677269,23.018363;113.677988,23.017676;113.678406,23.017274"},{"lcode":[],"distance":"162","status":"畅通","polyline":"113.678406,23.017274;113.6792,23.016518;113.679367,23.016357;113.679506,23.016223"}],"cities":[{"name":"广东省","citycode":null,"adcode":"440000","districts":[{"name":"东莞市","adcode":"441900"}]}]},{"instruction":"沿G4京港澳高速向东南行驶5.2千米靠左沿主路行驶","orientation":"东南","road":"G4京港澳高速","distance":"5223","tolls":"0","toll_distance":"5223","toll_road":"G4京港澳高速","duration":"258","polyline":"113.679506,23.016223;113.680381,23.015391;113.682103,23.013675;113.683159,23.012645;113.685568,23.01036;113.686072,23.009903;113.686491,23.009528;113.686523,23.009496;113.686813,23.009217;113.687,23.009034;113.687843,23.00823;113.690814,23.00537;113.69186,23.004362;113.692751,23.00345;113.69362,23.002506;113.694296,23.001744;113.695696,23.000028;113.696361,22.999137;113.69722,22.997914;113.697498,22.997496;113.697697,22.997195;113.698545,22.995838;113.699242,22.994642;113.699381,22.994384;113.699934,22.993349;113.700722,22.991713;113.701157,22.990736;113.7015,22.989916;113.701881,22.988928;113.702439,22.987319;113.702691,22.986541;113.703115,22.985045;113.703442,22.983548;113.703474,22.983398;113.703641,22.982647;113.703759,22.982078;113.70377,22.982019;113.703989,22.980909;113.704113,22.979991;113.704285,22.978371;113.704349,22.977491;113.70437,22.976955;113.704381,22.976725;113.704386,22.97666;113.704392,22.976601","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"1078","status":"畅通","polyline":"113.679506,23.016223;113.680381,23.015391;113.682103,23.013675;113.683159,23.012645;113.685568,23.01036;113.686072,23.009903;113.686491,23.009528;113.686523,23.009496;113.686813,23.009217"},{"lcode":[],"distance":"28","status":"畅通","polyline":"113.686813,23.009217;113.687,23.009034"},{"lcode":[],"distance":"1713","status":"畅通","polyline":"113.687,23.009034;113.687843,23.00823;113.690814,23.00537;113.69186,23.004362;113.692751,23.00345;113.69362,23.002506;113.694296,23.001744;113.695696,23.000028;113.696361,22.999137;113.69722,22.997914;113.697498,22.997496;113.697697,22.997195"},{"lcode":[],"distance":"1732","status":"畅通","polyline":"113.697697,22.997195;113.698545,22.995838;113.699242,22.994642;113.699381,22.994384;113.699934,22.993349;113.700722,22.991713;113.701157,22.990736;113.7015,22.989916;113.701881,22.988928;113.702439,22.987319;113.702691,22.986541;113.703115,22.985045;113.703442,22.983548;113.703474,22.983398;113.703641,22.982647"},{"lcode":[],"distance":"64","status":"畅通","polyline":"113.703641,22.982647;113.703759,22.982078"},{"lcode":[],"distance":"6","status":"畅通","polyline":"113.703759,22.982078;113.70377,22.982019"},{"lcode":[],"distance":"227","status":"畅通","polyline":"113.70377,22.982019;113.703989,22.980909;113.704113,22.979991"},{"lcode":[],"distance":"277","status":"畅通","polyline":"113.704113,22.979991;113.704285,22.978371;113.704349,22.977491"},{"lcode":[],"distance":"59","status":"畅通","polyline":"113.704349,22.977491;113.70437,22.976955"},{"lcode":[],"distance":"25","status":"畅通","polyline":"113.70437,22.976955;113.704381,22.976725"},{"lcode":[],"distance":"14","status":"畅通","polyline":"113.704381,22.976725;113.704386,22.97666;113.704392,22.976601"}],"cities":[{"name":"广东省","citycode":null,"adcode":"440000","districts":[{"name":"东莞市","adcode":"441900"}]}]},{"instruction":"沿G4京港澳高速向南行驶14.5千米靠左沿主路行驶","orientation":"南","road":"G4京港澳高速","distance":"14528","tolls":"0","toll_distance":"14528","toll_road":"G4京港澳高速","duration":"738","polyline":"113.704392,22.976601;113.704429,22.974321;113.704354,22.972411;113.704349,22.972326;113.704102,22.969552;113.703893,22.968066;113.703684,22.96694;113.70349,22.966028;113.703265,22.964837;113.703126,22.964241;113.702852,22.963238;113.702343,22.961425;113.701071,22.956914;113.700958,22.956501;113.700449,22.954693;113.699253,22.950439;113.69833,22.947156;113.698228,22.946786;113.698148,22.946507;113.696377,22.940225;113.696141,22.939453;113.696098,22.939308;113.695723,22.938208;113.695363,22.937258;113.695015,22.936443;113.694682,22.935735;113.694312,22.934984;113.693743,22.933949;113.693518,22.933568;113.693126,22.932956;113.692466,22.931996;113.691442,22.930698;113.690825,22.929941;113.690031,22.929078;113.689441,22.928466;113.689087,22.928096;113.68715,22.926369;113.686523,22.925838;113.685166,22.924695;113.684538,22.924143;113.68266,22.922351;113.68163,22.921219;113.68045,22.919835;113.679479,22.918558;113.678718,22.91748;113.678541,22.917233;113.678197,22.91667;113.677511,22.915398;113.676727,22.9138;113.676663,22.913682;113.676346,22.912995;113.675875,22.911815;113.675397,22.910495;113.675086,22.909492;113.67485,22.908564;113.674533,22.907255;113.674399,22.906493;113.674276,22.905753;113.674185,22.905115;113.674072,22.904063;113.673986,22.902578;113.67397,22.902138;113.67397,22.90165;113.674013,22.898742;113.674083,22.895507;113.674131,22.893769;113.674211,22.889038;113.674265,22.887316;113.67427,22.886983;113.67434,22.885985;113.674383,22.885395;113.674453,22.884644;113.674469,22.884521;113.674539,22.883952;113.674635,22.883244;113.674866,22.881694;113.674968,22.881136;113.675198,22.879897;113.67536,22.87913;113.67566,22.877906;113.676379,22.87545;113.676733,22.874286;113.676985,22.873535;113.677221,22.872837;113.677629,22.871458;113.678026,22.870123;113.678063,22.869994;113.678192,22.869656;113.678288,22.869334;113.678449,22.868803;113.679769,22.86456;113.680263,22.863042;113.680434,22.862548;113.680826,22.861481;113.681282,22.860311;113.681716,22.859271;113.681754,22.859185;113.681877,22.8589;113.682387,22.857785;113.682789,22.856958;113.683513,22.855531;113.683803,22.854995;113.684238,22.854105","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"1074","status":"畅通","polyline":"113.704392,22.976601;113.704429,22.974321;113.704354,22.972411;113.704349,22.972326;113.704102,22.969552;113.703893,22.968066;113.703684,22.96694"},{"lcode":[],"distance":"1190","status":"缓行","polyline":"113.703684,22.96694;113.70349,22.966028;113.703265,22.964837;113.703126,22.964241;113.702852,22.963238;113.702343,22.961425;113.701071,22.956914;113.700958,22.956501"},{"lcode":[],"distance":"206","status":"畅通","polyline":"113.700958,22.956501;113.700449,22.954693"},{"lcode":[],"distance":"862","status":"畅通","polyline":"113.700449,22.954693;113.699253,22.950439;113.69833,22.947156"},{"lcode":[],"distance":"73","status":"畅通","polyline":"113.69833,22.947156;113.698228,22.946786;113.698148,22.946507"},{"lcode":[],"distance":"718","status":"畅通","polyline":"113.698148,22.946507;113.696377,22.940225"},{"lcode":[],"distance":"796","status":"畅通","polyline":"113.696377,22.940225;113.696141,22.939453;113.696098,22.939308;113.695723,22.938208;113.695363,22.937258;113.695015,22.936443;113.694682,22.935735;113.694312,22.934984;113.693743,22.933949;113.693518,22.933568"},{"lcode":[],"distance":"382","status":"畅通","polyline":"113.693518,22.933568;113.693126,22.932956;113.692466,22.931996;113.691442,22.930698"},{"lcode":[],"distance":"1015","status":"畅通","polyline":"113.691442,22.930698;113.690825,22.929941;113.690031,22.929078;113.689441,22.928466;113.689087,22.928096;113.68715,22.926369;113.686523,22.925838;113.685166,22.924695;113.684538,22.924143"},{"lcode":[],"distance":"1407","status":"畅通","polyline":"113.684538,22.924143;113.68266,22.922351;113.68163,22.921219;113.68045,22.919835;113.679479,22.918558;113.678718,22.91748;113.678541,22.917233;113.678197,22.91667;113.677511,22.915398;113.676727,22.9138"},{"lcode":[],"distance":"2781","status":"畅通","polyline":"113.676727,22.9138;113.676663,22.913682;113.676346,22.912995;113.675875,22.911815;113.675397,22.910495;113.675086,22.909492;113.67485,22.908564;113.674533,22.907255;113.674399,22.906493;113.674276,22.905753;113.674185,22.905115;113.674072,22.904063;113.673986,22.902578;113.67397,22.902138;113.67397,22.90165;113.674013,22.898742;113.674083,22.895507;113.674131,22.893769;113.674211,22.889038"},{"lcode":[],"distance":"191","status":"畅通","polyline":"113.674211,22.889038;113.674265,22.887316"},{"lcode":[],"distance":"452","status":"畅通","polyline":"113.674265,22.887316;113.67427,22.886983;113.67434,22.885985;113.674383,22.885395;113.674453,22.884644;113.674469,22.884521;113.674539,22.883952;113.674635,22.883244"},{"lcode":[],"distance":"1496","status":"畅通","polyline":"113.674635,22.883244;113.674866,22.881694;113.674968,22.881136;113.675198,22.879897;113.67536,22.87913;113.67566,22.877906;113.676379,22.87545;113.676733,22.874286;113.676985,22.873535;113.677221,22.872837;113.677629,22.871458;113.678026,22.870123"},{"lcode":[],"distance":"14","status":"畅通","polyline":"113.678026,22.870123;113.678063,22.869994"},{"lcode":[],"distance":"39","status":"畅通","polyline":"113.678063,22.869994;113.678192,22.869656"},{"lcode":[],"distance":"98","status":"畅通","polyline":"113.678192,22.869656;113.678288,22.869334;113.678449,22.868803"},{"lcode":[],"distance":"664","status":"畅通","polyline":"113.678449,22.868803;113.679769,22.86456;113.680263,22.863042"},{"lcode":[],"distance":"320","status":"畅通","polyline":"113.680263,22.863042;113.680434,22.862548;113.680826,22.861481;113.681282,22.860311"},{"lcode":[],"distance":"123","status":"畅通","polyline":"113.681282,22.860311;113.681716,22.859271"},{"lcode":[],"distance":"10","status":"畅通","polyline":"113.681716,22.859271;113.681754,22.859185"},{"lcode":[],"distance":"268","status":"畅通","polyline":"113.681754,22.859185;113.681877,22.8589;113.682387,22.857785;113.682789,22.856958"},{"lcode":[],"distance":"349","status":"畅通","polyline":"113.682789,22.856958;113.683513,22.855531;113.683803,22.854995;113.684238,22.854105"}],"cities":[{"name":"广东省","citycode":null,"adcode":"440000","districts":[{"name":"东莞市","adcode":"441900"}]}]},{"instruction":"沿G4京港澳高速向东南行驶2.7千米靠左沿主路行驶","orientation":"东南","road":"G4京港澳高速","distance":"2682","tolls":"0","toll_distance":"2682","toll_road":"G4京港澳高速","duration":"140","polyline":"113.684238,22.854105;113.685654,22.851562;113.686523,22.850006;113.68758,22.848064;113.689575,22.844438;113.689951,22.843757;113.691667,22.840576;113.691812,22.840313;113.692542,22.83902;113.69274,22.838714;113.693046,22.838188;113.694097,22.836643;113.694966,22.835474;113.696115,22.834052;113.69635,22.8338;113.697058,22.833055","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"1202","status":"畅通","polyline":"113.684238,22.854105;113.685654,22.851562;113.686523,22.850006;113.68758,22.848064;113.689575,22.844438"},{"lcode":[],"distance":"84","status":"畅通","polyline":"113.689575,22.844438;113.689951,22.843757"},{"lcode":[],"distance":"896","status":"畅通","polyline":"113.689951,22.843757;113.691667,22.840576;113.691812,22.840313;113.692542,22.83902;113.69274,22.838714;113.693046,22.838188;113.694097,22.836643"},{"lcode":[],"distance":"157","status":"畅通","polyline":"113.694097,22.836643;113.694966,22.835474"},{"lcode":[],"distance":"196","status":"畅通","polyline":"113.694966,22.835474;113.696115,22.834052"},{"lcode":[],"distance":"147","status":"畅通","polyline":"113.696115,22.834052;113.69635,22.8338;113.697058,22.833055"}],"cities":[{"name":"广东省","citycode":null,"adcode":"440000","districts":[{"name":"东莞市","adcode":"441900"}]}]},{"instruction":"沿G4京港澳高速途径五点梅大桥向东南行驶19.8千米靠左沿主路行驶","orientation":"东南","road":"G4京港澳高速","distance":"19796","tolls":"0","toll_distance":"19796","toll_road":"G4京港澳高速","duration":"961","polyline":"113.697058,22.833055;113.697616,22.832486;113.698185,22.831928;113.698738,22.831381;113.69973,22.830458;113.700299,22.829959;113.700454,22.829847;113.700787,22.829589;113.701195,22.829273;113.701699,22.828951;113.704536,22.827213;113.70495,22.826977;113.706125,22.826349;113.707133,22.825856;113.708495,22.825255;113.70907,22.825003;113.710668,22.824364;113.712165,22.82379;113.71872,22.821333;113.71946,22.821055;113.720201,22.820775;113.720598,22.820631;113.722641,22.819837;113.724294,22.819198;113.725887,22.818603;113.728821,22.817509;113.730468,22.816886;113.732104,22.816264;113.734674,22.815293;113.736417,22.814644;113.7369,22.814467;113.738048,22.814048;113.740966,22.813018;113.741953,22.812723;113.743037,22.812402;113.743697,22.812203;113.744362,22.812005;113.74551,22.81171;113.746084,22.811565;113.747404,22.811248;113.748085,22.811087;113.751357,22.810261;113.752441,22.809998;113.753921,22.809634;113.755182,22.809355;113.756255,22.80914;113.757639,22.808899;113.759865,22.808582;113.761946,22.808378;113.76281,22.808314;113.764725,22.808212;113.766426,22.80818;113.767896,22.808191;113.769543,22.808239;113.771452,22.808319;113.774215,22.808395;113.774413,22.808395;113.776591,22.808405;113.777165,22.808378;113.778077,22.808293;113.778812,22.808196;113.77974,22.808035;113.780915,22.807761;113.781248,22.807676;113.781441,22.807616;113.782315,22.807343;113.783029,22.807091;113.78349,22.806914;113.783973,22.806705;113.784477,22.806485;113.785346,22.80605;113.786092,22.805637;113.786483,22.80539;113.786945,22.805095;113.787551,22.804666;113.788398,22.803996;113.788844,22.803615;113.789439,22.803078;113.790298,22.802225;113.791129,22.80127;113.791456,22.800857;113.791858,22.800316;113.79225,22.799758;113.793596,22.797778;113.793698,22.797564;113.793967,22.797188;113.794235,22.796813;113.794358,22.79663;113.795131,22.795493;113.796386,22.793626;113.800586,22.787334;113.80145,22.7861;113.801788,22.785644;113.801965,22.785408;113.802346,22.784893;113.802598,22.784555;113.803397,22.783509;113.804079,22.782667;113.805441,22.781025;113.806772,22.779528;113.807743,22.778488;113.809336,22.776862;113.810688,22.775548;113.811358,22.774926;113.811653,22.774658;113.812635,22.773767;113.814427,22.772228;113.816304,22.770725;113.817168,22.770066;113.818359,22.769191;113.818788,22.76888;113.820424,22.767721;113.821615,22.766928;113.825719,22.764293;113.826668,22.763671;113.829141,22.762062;113.830236,22.761338;113.831142,22.760694;113.831775,22.760233;113.832451,22.759712;113.833138,22.759186;113.833808,22.758645;113.834736,22.757872;113.835573,22.757132;113.83678,22.756027;113.837558,22.755276;113.838379,22.754445;113.839661,22.753093;113.839967,22.752749;113.84002,22.752685;113.840331,22.752326;113.841034,22.751515;113.841485,22.750968;113.842627,22.749515;113.843727,22.748013;113.844167,22.747385;113.844392,22.747052;113.845052,22.746022;113.845814,22.744799;113.846254,22.744043;113.846688,22.743276;113.847525,22.741699;113.847573,22.741602;113.847868,22.74098;113.848716,22.739204;113.848802,22.739011;113.848888,22.738813;113.848952,22.738652;113.849016,22.738491","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"170","status":"畅通","polyline":"113.697058,22.833055;113.697616,22.832486;113.698185,22.831928"},{"lcode":[],"distance":"227","status":"畅通","polyline":"113.698185,22.831928;113.698738,22.831381;113.69973,22.830458"},{"lcode":[],"distance":"1482","status":"畅通","polyline":"113.69973,22.830458;113.700299,22.829959;113.700454,22.829847;113.700787,22.829589;113.701195,22.829273;113.701699,22.828951;113.704536,22.827213;113.70495,22.826977;113.706125,22.826349;113.707133,22.825856;113.708495,22.825255;113.70907,22.825003;113.710668,22.824364;113.712165,22.82379"},{"lcode":[],"distance":"726","status":"畅通","polyline":"113.712165,22.82379;113.71872,22.821333"},{"lcode":[],"distance":"164","status":"畅通","polyline":"113.71872,22.821333;113.71946,22.821055;113.720201,22.820775"},{"lcode":[],"distance":"455","status":"畅通","polyline":"113.720201,22.820775;113.720598,22.820631;113.722641,22.819837;113.724294,22.819198"},{"lcode":[],"distance":"1149","status":"畅通","polyline":"113.724294,22.819198;113.725887,22.818603;113.728821,22.817509;113.730468,22.816886;113.732104,22.816264;113.734674,22.815293"},{"lcode":[],"distance":"193","status":"畅通","polyline":"113.734674,22.815293;113.736417,22.814644"},{"lcode":[],"distance":"500","status":"畅通","polyline":"113.736417,22.814644;113.7369,22.814467;113.738048,22.814048;113.740966,22.813018"},{"lcode":[],"distance":"106","status":"畅通","polyline":"113.740966,22.813018;113.741953,22.812723"},{"lcode":[],"distance":"116","status":"畅通","polyline":"113.741953,22.812723;113.743037,22.812402"},{"lcode":[],"distance":"142","status":"畅通","polyline":"113.743037,22.812402;113.743697,22.812203;113.744362,22.812005"},{"lcode":[],"distance":"395","status":"畅通","polyline":"113.744362,22.812005;113.74551,22.81171;113.746084,22.811565;113.747404,22.811248;113.748085,22.811087"},{"lcode":[],"distance":"753","status":"畅通","polyline":"113.748085,22.811087;113.751357,22.810261;113.752441,22.809998;113.753921,22.809634;113.755182,22.809355"},{"lcode":[],"distance":"257","status":"畅通","polyline":"113.755182,22.809355;113.756255,22.80914;113.757639,22.808899"},{"lcode":[],"distance":"231","status":"畅通","polyline":"113.757639,22.808899;113.759865,22.808582"},{"lcode":[],"distance":"675","status":"畅通","polyline":"113.759865,22.808582;113.761946,22.808378;113.76281,22.808314;113.764725,22.808212;113.766426,22.80818"},{"lcode":[],"distance":"320","status":"畅通","polyline":"113.766426,22.80818;113.767896,22.808191;113.769543,22.808239"},{"lcode":[],"distance":"1174","status":"畅通","polyline":"113.769543,22.808239;113.771452,22.808319;113.774215,22.808395;113.774413,22.808395;113.776591,22.808405;113.777165,22.808378;113.778077,22.808293;113.778812,22.808196;113.77974,22.808035;113.780915,22.807761"},{"lcode":[],"distance":"280","status":"畅通","polyline":"113.780915,22.807761;113.781248,22.807676;113.781441,22.807616;113.782315,22.807343;113.783029,22.807091;113.78349,22.806914"},{"lcode":[],"distance":"351","status":"畅通","polyline":"113.78349,22.806914;113.783973,22.806705;113.784477,22.806485;113.785346,22.80605;113.786092,22.805637;113.786483,22.80539"},{"lcode":[],"distance":"1151","status":"畅通","polyline":"113.786483,22.80539;113.786945,22.805095;113.787551,22.804666;113.788398,22.803996;113.788844,22.803615;113.789439,22.803078;113.790298,22.802225;113.791129,22.80127;113.791456,22.800857;113.791858,22.800316;113.79225,22.799758;113.793596,22.797778;113.793698,22.797564"},{"lcode":[],"distance":"99","status":"畅通","polyline":"113.793698,22.797564;113.793967,22.797188;113.794235,22.796813"},{"lcode":[],"distance":"1561","status":"畅通","polyline":"113.794235,22.796813;113.794358,22.79663;113.795131,22.795493;113.796386,22.793626;113.800586,22.787334;113.80145,22.7861;113.801788,22.785644;113.801965,22.785408;113.802346,22.784893"},{"lcode":[],"distance":"4909","status":"畅通","polyline":"113.802346,22.784893;113.802598,22.784555;113.803397,22.783509;113.804079,22.782667;113.805441,22.781025;113.806772,22.779528;113.807743,22.778488;113.809336,22.776862;113.810688,22.775548;113.811358,22.774926;113.811653,22.774658;113.812635,22.773767;113.814427,22.772228;113.816304,22.770725;113.817168,22.770066;113.818359,22.769191;113.818788,22.76888;113.820424,22.767721;113.821615,22.766928;113.825719,22.764293;113.826668,22.763671;113.829141,22.762062;113.830236,22.761338;113.831142,22.760694;113.831775,22.760233;113.832451,22.759712;113.833138,22.759186;113.833808,22.758645;113.834736,22.757872;113.835573,22.757132;113.83678,22.756027;113.837558,22.755276"},{"lcode":[],"distance":"373","status":"畅通","polyline":"113.837558,22.755276;113.838379,22.754445;113.839661,22.753093;113.839967,22.752749"},{"lcode":[],"distance":"734","status":"畅通","polyline":"113.839967,22.752749;113.84002,22.752685;113.840331,22.752326;113.841034,22.751515;113.841485,22.750968;113.842627,22.749515;113.843727,22.748013;113.844167,22.747385"},{"lcode":[],"distance":"43","status":"畅通","polyline":"113.844167,22.747385;113.844392,22.747052"},{"lcode":[],"distance":"384","status":"畅通","polyline":"113.844392,22.747052;113.845052,22.746022;113.845814,22.744799;113.846254,22.744043"},{"lcode":[],"distance":"302","status":"畅通","polyline":"113.846254,22.744043;113.846688,22.743276;113.847525,22.741699;113.847573,22.741602"},{"lcode":[],"distance":"290","status":"畅通","polyline":"113.847573,22.741602;113.847868,22.74098;113.848716,22.739204"},{"lcode":[],"distance":"46","status":"畅通","polyline":"113.848716,22.739204;113.848802,22.739011;113.848888,22.738813"},{"lcode":[],"distance":"38","status":"畅通","polyline":"113.848888,22.738813;113.848952,22.738652;113.849016,22.738491"}],"cities":[{"name":"广东省","citycode":null,"adcode":"440000","districts":[{"name":"东莞市","adcode":"441900"}]},{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"宝安区","adcode":"440306"}]}]},{"instruction":"沿G4京港澳高速向南行驶9.4千米直行进入隧道","orientation":"南","road":"G4京港澳高速","distance":"9384","tolls":"0","toll_distance":"9384","toll_road":"G4京港澳高速","duration":"383","polyline":"113.849016,22.738491;113.849494,22.737321;113.85025,22.735159;113.850733,22.733679;113.851479,22.730981;113.851538,22.730712;113.851704,22.729961;113.85194,22.728894;113.852005,22.728615;113.852069,22.728336;113.852219,22.727601;113.852407,22.72649;113.852568,22.725391;113.852734,22.723867;113.852809,22.722982;113.852873,22.72199;113.852911,22.721164;113.852948,22.71978;113.852948,22.719726;113.852948,22.718594;113.8529,22.71706;113.852841,22.716035;113.852691,22.714265;113.852519,22.71287;113.852316,22.711443;113.851956,22.70948;113.851838,22.708933;113.851795,22.70874;113.851677,22.708246;113.85142,22.707152;113.851151,22.706181;113.850899,22.705285;113.8504,22.703681;113.850014,22.702603;113.849644,22.701626;113.849285,22.700731;113.848582,22.699046;113.84796,22.697753;113.847917,22.697668;113.84679,22.695516;113.845835,22.693762;113.844591,22.6916;113.841866,22.686767;113.840331,22.684047;113.838749,22.681242;113.837215,22.678393;113.835976,22.675797;113.83597,22.675781;113.83523,22.673908;113.834849,22.672803;113.833975,22.669805;113.833723,22.668598;113.833497,22.667358;113.833336,22.666457;113.833154,22.664794;113.83302,22.663711;113.832966,22.662611;113.832928,22.660562;113.83295,22.659843;113.833073,22.657853","action":"直行","assistant_action":"进入隧道","tmcs":[{"lcode":[],"distance":"1106","status":"畅通","polyline":"113.849016,22.738491;113.849494,22.737321;113.85025,22.735159;113.850733,22.733679;113.851479,22.730981;113.851538,22.730712;113.851704,22.729961;113.85194,22.728894"},{"lcode":[],"distance":"62","status":"畅通","polyline":"113.85194,22.728894;113.852005,22.728615;113.852069,22.728336"},{"lcode":[],"distance":"2240","status":"畅通","polyline":"113.852069,22.728336;113.852219,22.727601;113.852407,22.72649;113.852568,22.725391;113.852734,22.723867;113.852809,22.722982;113.852873,22.72199;113.852911,22.721164;113.852948,22.71978;113.852948,22.719726;113.852948,22.718594;113.8529,22.71706;113.852841,22.716035;113.852691,22.714265;113.852519,22.71287;113.852316,22.711443;113.851956,22.70948;113.851838,22.708933;113.851795,22.70874;113.851677,22.708246"},{"lcode":[],"distance":"234","status":"畅通","polyline":"113.851677,22.708246;113.85142,22.707152;113.851151,22.706181"},{"lcode":[],"distance":"413","status":"畅通","polyline":"113.851151,22.706181;113.850899,22.705285;113.8504,22.703681;113.850014,22.702603"},{"lcode":[],"distance":"220","status":"畅通","polyline":"113.850014,22.702603;113.849644,22.701626;113.849285,22.700731"},{"lcode":[],"distance":"4460","status":"畅通","polyline":"113.849285,22.700731;113.848582,22.699046;113.84796,22.697753;113.847917,22.697668;113.84679,22.695516;113.845835,22.693762;113.844591,22.6916;113.841866,22.686767;113.840331,22.684047;113.838749,22.681242;113.837215,22.678393;113.835976,22.675797;113.83597,22.675781;113.83523,22.673908;113.834849,22.672803;113.833975,22.669805;113.833723,22.668598;113.833497,22.667358;113.833336,22.666457;113.833154,22.664794;113.83302,22.663711"},{"lcode":[],"distance":"649","status":"畅通","polyline":"113.83302,22.663711;113.832966,22.662611;113.832928,22.660562;113.83295,22.659843;113.833073,22.657853"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"宝安区","adcode":"440306"}]}]},{"instruction":"沿虎背山隧道途径G4京港澳高速向东南行驶14.3千米靠右沿主路行驶","orientation":"东南","road":"虎背山隧道","distance":"14282","tolls":"0","toll_distance":"14282","toll_road":"虎背山隧道","duration":"819","polyline":"113.833073,22.657853;113.833181,22.656817;113.833299,22.655997;113.833481,22.654956;113.83369,22.654012;113.833738,22.653808;113.833921,22.6531;113.834071,22.652499;113.834253,22.651973;113.834329,22.651743;113.834565,22.651056;113.834822,22.650359;113.835305,22.6492;113.83568,22.648363;113.835933,22.647848;113.836185,22.647387;113.836287,22.647178;113.836533,22.646738;113.836791,22.646266;113.836888,22.646094;113.837418,22.645241;113.837966,22.644431;113.838213,22.644066;113.83839,22.643798;113.839065,22.642945;113.839167,22.642822;113.839645,22.642226;113.840331,22.641373;113.840863,22.640724;113.842944,22.638074;113.844221,22.636497;113.844655,22.63595;113.845052,22.635451;113.845449,22.634915;113.845808,22.634458;113.847107,22.632898;113.847643,22.632254;113.848003,22.631835;113.848458,22.631304;113.848496,22.631261;113.848673,22.631063;113.84885,22.630864;113.849542,22.630162;113.850234,22.629459;113.851538,22.628284;113.85231,22.627592;113.853394,22.626755;113.853759,22.626487;113.854842,22.625773;113.855802,22.625189;113.85716,22.624443;113.858581,22.623762;113.859327,22.623445;113.860866,22.622866;113.861188,22.622743;113.861601,22.622587;113.862041,22.622426;113.862304,22.62233;113.864681,22.621439;113.866225,22.620849;113.867658,22.620302;113.870726,22.61917;113.872148,22.618633;113.873564,22.618054;113.874122,22.617797;113.874905,22.617416;113.87556,22.617067;113.876632,22.616445;113.877233,22.616053;113.877759,22.615699;113.878601,22.615082;113.87925,22.614578;113.879905,22.614015;113.880811,22.613173;113.881702,22.612245;113.882694,22.611091;113.883343,22.610222;113.883606,22.609863;113.8841,22.60916;113.884277,22.608886;113.886787,22.605078;113.88727,22.60437;113.887951,22.603447;113.888558,22.60268;113.889003,22.602149;113.889539,22.601569;113.89006,22.601038;113.890478,22.600631;113.891444,22.599761;113.892076,22.599236;113.892543,22.598876;113.892618,22.598817;113.893171,22.598415;113.894748,22.597299;113.896905,22.595786;113.897339,22.595481;113.897876,22.595084;113.898841,22.59437;113.899335,22.594011;113.899705,22.593743;113.899823,22.593641;113.90037,22.593222;113.901196,22.592557;113.902226,22.591688;113.903213,22.590808;113.903728,22.590309;113.90441,22.589687;113.905262,22.588866;113.906206,22.587911;113.906223,22.58789;113.90625,22.587863;113.906593,22.587493;113.91252,22.581131;113.91325,22.580342;113.914848,22.578631;113.915315,22.578132;113.915508,22.577923;113.916453,22.576904;113.919237,22.5739;113.920245,22.572827;113.921554,22.571427;113.921892,22.571067;113.922563,22.570354;113.922847,22.570107;113.923775,22.569415;113.923882,22.569308;113.924338,22.568873;113.925207,22.568251;113.925588,22.568042;113.925856,22.567918;113.926237,22.567655;113.926377,22.567537;113.926468,22.56743;113.926559,22.567269","action":"靠右","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"534","status":"畅通","polyline":"113.833073,22.657853;113.833181,22.656817;113.833299,22.655997;113.833481,22.654956;113.83369,22.654012;113.833738,22.653808;113.833921,22.6531"},{"lcode":[],"distance":"129","status":"畅通","polyline":"113.833921,22.6531;113.834071,22.652499;113.834253,22.651973"},{"lcode":[],"distance":"26","status":"畅通","polyline":"113.834253,22.651973;113.834329,22.651743"},{"lcode":[],"distance":"79","status":"畅通","polyline":"113.834329,22.651743;113.834565,22.651056"},{"lcode":[],"distance":"219","status":"畅通","polyline":"113.834565,22.651056;113.834822,22.650359;113.835305,22.6492"},{"lcode":[],"distance":"220","status":"畅通","polyline":"113.835305,22.6492;113.83568,22.648363;113.835933,22.647848;113.836185,22.647387"},{"lcode":[],"distance":"80","status":"畅通","polyline":"113.836185,22.647387;113.836287,22.647178;113.836533,22.646738"},{"lcode":[],"distance":"58","status":"畅通","polyline":"113.836533,22.646738;113.836791,22.646266"},{"lcode":[],"distance":"21","status":"畅通","polyline":"113.836791,22.646266;113.836888,22.646094"},{"lcode":[],"distance":"109","status":"畅通","polyline":"113.836888,22.646094;113.837418,22.645241"},{"lcode":[],"distance":"105","status":"畅通","polyline":"113.837418,22.645241;113.837966,22.644431"},{"lcode":[],"distance":"299","status":"畅通","polyline":"113.837966,22.644431;113.838213,22.644066;113.83839,22.643798;113.839065,22.642945;113.839167,22.642822;113.839645,22.642226"},{"lcode":[],"distance":"789","status":"畅通","polyline":"113.839645,22.642226;113.840331,22.641373;113.840863,22.640724;113.842944,22.638074;113.844221,22.636497"},{"lcode":[],"distance":"278","status":"畅通","polyline":"113.844221,22.636497;113.844655,22.63595;113.845052,22.635451;113.845449,22.634915;113.845808,22.634458"},{"lcode":[],"distance":"449","status":"畅通","polyline":"113.845808,22.634458;113.847107,22.632898;113.847643,22.632254;113.848003,22.631835;113.848458,22.631304;113.848496,22.631261"},{"lcode":[],"distance":"56","status":"畅通","polyline":"113.848496,22.631261;113.848673,22.631063;113.84885,22.630864"},{"lcode":[],"distance":"211","status":"畅通","polyline":"113.84885,22.630864;113.849542,22.630162;113.850234,22.629459"},{"lcode":[],"distance":"296","status":"畅通","polyline":"113.850234,22.629459;113.851538,22.628284;113.85231,22.627592"},{"lcode":[],"distance":"1029","status":"畅通","polyline":"113.85231,22.627592;113.853394,22.626755;113.853759,22.626487;113.854842,22.625773;113.855802,22.625189;113.85716,22.624443;113.858581,22.623762;113.859327,22.623445;113.860866,22.622866"},{"lcode":[],"distance":"81","status":"畅通","polyline":"113.860866,22.622866;113.861188,22.622743;113.861601,22.622587"},{"lcode":[],"distance":"671","status":"畅通","polyline":"113.861601,22.622587;113.862041,22.622426;113.862304,22.62233;113.864681,22.621439;113.866225,22.620849;113.867658,22.620302"},{"lcode":[],"distance":"1450","status":"畅通","polyline":"113.867658,22.620302;113.870726,22.61917;113.872148,22.618633;113.873564,22.618054;113.874122,22.617797;113.874905,22.617416;113.87556,22.617067;113.876632,22.616445;113.877233,22.616053;113.877759,22.615699;113.878601,22.615082;113.87925,22.614578;113.879905,22.614015"},{"lcode":[],"distance":"1437","status":"畅通","polyline":"113.879905,22.614015;113.880811,22.613173;113.881702,22.612245;113.882694,22.611091;113.883343,22.610222;113.883606,22.609863;113.8841,22.60916;113.884277,22.608886;113.886787,22.605078;113.88727,22.60437;113.887951,22.603447"},{"lcode":[],"distance":"105","status":"畅通","polyline":"113.887951,22.603447;113.888558,22.60268"},{"lcode":[],"distance":"875","status":"畅通","polyline":"113.888558,22.60268;113.889003,22.602149;113.889539,22.601569;113.89006,22.601038;113.890478,22.600631;113.891444,22.599761;113.892076,22.599236;113.892543,22.598876;113.892618,22.598817;113.893171,22.598415;113.894748,22.597299"},{"lcode":[],"distance":"277","status":"畅通","polyline":"113.894748,22.597299;113.896905,22.595786"},{"lcode":[],"distance":"253","status":"畅通","polyline":"113.896905,22.595786;113.897339,22.595481;113.897876,22.595084;113.898841,22.59437"},{"lcode":[],"distance":"129","status":"畅通","polyline":"113.898841,22.59437;113.899335,22.594011;113.899705,22.593743;113.899823,22.593641"},{"lcode":[],"distance":"643","status":"畅通","polyline":"113.899823,22.593641;113.90037,22.593222;113.901196,22.592557;113.902226,22.591688;113.903213,22.590808;113.903728,22.590309;113.90441,22.589687"},{"lcode":[],"distance":"269","status":"畅通","polyline":"113.90441,22.589687;113.905262,22.588866;113.906206,22.587911"},{"lcode":[],"distance":"1107","status":"畅通","polyline":"113.906206,22.587911;113.906223,22.58789;113.90625,22.587863;113.906593,22.587493;113.91252,22.581131;113.91325,22.580342"},{"lcode":[],"distance":"250","status":"畅通","polyline":"113.91325,22.580342;113.914848,22.578631"},{"lcode":[],"distance":"104","status":"畅通","polyline":"113.914848,22.578631;113.915315,22.578132;113.915508,22.577923"},{"lcode":[],"distance":"745","status":"畅通","polyline":"113.915508,22.577923;113.916453,22.576904;113.919237,22.5739;113.920245,22.572827"},{"lcode":[],"distance":"205","status":"畅通","polyline":"113.920245,22.572827;113.921554,22.571427"},{"lcode":[],"distance":"53","status":"畅通","polyline":"113.921554,22.571427;113.921892,22.571067"},{"lcode":[],"distance":"145","status":"畅通","polyline":"113.921892,22.571067;113.922563,22.570354;113.922847,22.570107"},{"lcode":[],"distance":"122","status":"畅通","polyline":"113.922847,22.570107;113.923775,22.569415"},{"lcode":[],"distance":"16","status":"畅通","polyline":"113.923775,22.569415;113.923882,22.569308"},{"lcode":[],"distance":"67","status":"畅通","polyline":"113.923882,22.569308;113.924338,22.568873"},{"lcode":[],"distance":"112","status":"畅通","polyline":"113.924338,22.568873;113.925207,22.568251"},{"lcode":[],"distance":"45","status":"畅通","polyline":"113.925207,22.568251;113.925588,22.568042"},{"lcode":[],"distance":"134","status":"畅通","polyline":"113.925588,22.568042;113.925856,22.567918;113.926237,22.567655;113.926377,22.567537;113.926468,22.56743;113.926559,22.567269"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"宝安区","adcode":"440306"},{"name":"南山区","adcode":"440305"}]}]},{"instruction":"沿G4京港澳高速向东南行驶338米靠左沿主路行驶","orientation":"东南","road":"G4京港澳高速","distance":"338","tolls":"0","toll_distance":"338","toll_road":"G4京港澳高速","duration":"24","polyline":"113.926559,22.567269;113.926591,22.567087;113.926575,22.566947;113.926479,22.566459;113.926473,22.566357;113.926479,22.566116;113.926521,22.566035;113.926634,22.565917;113.92672,22.565831;113.926774,22.565762;113.926892,22.565671;113.927348,22.56537;113.928072,22.564936","action":"靠左","assistant_action":"沿主路行驶","tmcs":[{"lcode":[],"distance":"35","status":"畅通","polyline":"113.926559,22.567269;113.926591,22.567087;113.926575,22.566947"},{"lcode":[],"distance":"66","status":"畅通","polyline":"113.926575,22.566947;113.926479,22.566459;113.926473,22.566357"},{"lcode":[],"distance":"26","status":"畅通","polyline":"113.926473,22.566357;113.926479,22.566116"},{"lcode":[],"distance":"40","status":"畅通","polyline":"113.926479,22.566116;113.926521,22.566035;113.926634,22.565917;113.92672,22.565831"},{"lcode":[],"distance":"171","status":"畅通","polyline":"113.92672,22.565831;113.926774,22.565762;113.926892,22.565671;113.927348,22.56537;113.928072,22.564936"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"南山区","adcode":"440305"}]}]},{"instruction":"沿G4京港澳高速向东行驶9.4千米向右前方行驶进入匝道","orientation":"东","road":"G4京港澳高速","distance":"9447","tolls":"0","toll_distance":"9447","toll_road":"G4京港澳高速","duration":"413","polyline":"113.928072,22.564936;113.928222,22.564861;113.928614,22.564668;113.928962,22.564469;113.93003,22.563868;113.930953,22.563439;113.931564,22.563192;113.932396,22.562908;113.932691,22.562817;113.933372,22.562634;113.934429,22.56242;113.934992,22.562334;113.935791,22.562248;113.936864,22.562195;113.938645,22.562178;113.939396,22.562168;113.940732,22.562141;113.942491,22.56213;113.943913,22.562103;113.944879,22.562087;113.946182,22.562033;113.948178,22.561916;113.949406,22.56183;113.950195,22.561765;113.951198,22.561674;113.952941,22.561492;113.954867,22.561261;113.956777,22.560982;113.959057,22.560617;113.96176,22.560108;113.96381,22.559673;113.967951,22.55875;113.969335,22.558455;113.97125,22.558021;113.972167,22.557833;113.972436,22.55778;113.973557,22.557495;113.974587,22.557206;113.97551,22.556905;113.976513,22.556535;113.977832,22.555961;113.978884,22.555435;113.979479,22.555108;113.97978,22.554931;113.980321,22.554604;113.981341,22.553949;113.982285,22.553263;113.982918,22.552764;113.983964,22.551884;113.985149,22.55087;113.986319,22.549964;113.987901,22.548848;113.989189,22.548027;113.990095,22.54748;113.99163,22.546632;113.992745,22.546031;113.993523,22.545667;113.99414,22.545393;113.994371,22.545291;113.995948,22.544674;113.996994,22.544304;113.997841,22.54402;113.998067,22.543945;113.999231,22.543596;113.99995,22.543392;114.001693,22.542968;114.003683,22.542561;114.004992,22.542298;114.006011,22.542035;114.007084,22.541697;114.007744,22.541456;114.008345,22.54122;114.00878,22.541026;114.009396,22.540737;114.00996,22.540453;114.011006,22.539862;114.011295,22.539675;114.012041,22.539165;114.012626,22.53873;114.013189,22.538264","action":"向右前方行驶","assistant_action":"进入匝道","tmcs":[{"lcode":[],"distance":"104","status":"畅通","polyline":"113.928072,22.564936;113.928222,22.564861;113.928614,22.564668;113.928962,22.564469"},{"lcode":[],"distance":"1046","status":"畅通","polyline":"113.928962,22.564469;113.93003,22.563868;113.930953,22.563439;113.931564,22.563192;113.932396,22.562908;113.932691,22.562817;113.933372,22.562634;113.934429,22.56242;113.934992,22.562334;113.935791,22.562248;113.936864,22.562195;113.938645,22.562178"},{"lcode":[],"distance":"77","status":"畅通","polyline":"113.938645,22.562178;113.939396,22.562168"},{"lcode":[],"distance":"465","status":"畅通","polyline":"113.939396,22.562168;113.940732,22.562141;113.942491,22.56213;113.943913,22.562103"},{"lcode":[],"distance":"4671","status":"畅通","polyline":"113.943913,22.562103;113.944879,22.562087;113.946182,22.562033;113.948178,22.561916;113.949406,22.56183;113.950195,22.561765;113.951198,22.561674;113.952941,22.561492;113.954867,22.561261;113.956777,22.560982;113.959057,22.560617;113.96176,22.560108;113.96381,22.559673;113.967951,22.55875;113.969335,22.558455;113.97125,22.558021;113.972167,22.557833;113.972436,22.55778;113.973557,22.557495;113.974587,22.557206;113.97551,22.556905;113.976513,22.556535;113.977832,22.555961;113.978884,22.555435;113.979479,22.555108;113.97978,22.554931;113.980321,22.554604;113.981341,22.553949;113.982285,22.553263;113.982918,22.552764;113.983964,22.551884;113.985149,22.55087;113.986319,22.549964"},{"lcode":[],"distance":"660","status":"畅通","polyline":"113.986319,22.549964;113.987901,22.548848;113.989189,22.548027;113.990095,22.54748;113.99163,22.546632"},{"lcode":[],"distance":"132","status":"畅通","polyline":"113.99163,22.546632;113.992745,22.546031"},{"lcode":[],"distance":"362","status":"畅通","polyline":"113.992745,22.546031;113.993523,22.545667;113.99414,22.545393;113.994371,22.545291;113.995948,22.544674"},{"lcode":[],"distance":"115","status":"畅通","polyline":"113.995948,22.544674;113.996994,22.544304"},{"lcode":[],"distance":"853","status":"畅通","polyline":"113.996994,22.544304;113.997841,22.54402;113.998067,22.543945;113.999231,22.543596;113.99995,22.543392;114.001693,22.542968;114.003683,22.542561;114.004992,22.542298"},{"lcode":[],"distance":"414","status":"畅通","polyline":"114.004992,22.542298;114.006011,22.542035;114.007084,22.541697;114.007744,22.541456;114.008345,22.54122;114.00878,22.541026"},{"lcode":[],"distance":"299","status":"畅通","polyline":"114.00878,22.541026;114.009396,22.540737;114.00996,22.540453;114.011006,22.539862;114.011295,22.539675"},{"lcode":[],"distance":"94","status":"畅通","polyline":"114.011295,22.539675;114.012041,22.539165"},{"lcode":[],"distance":"155","status":"畅通","polyline":"114.012041,22.539165;114.012626,22.53873;114.013189,22.538264"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"南山区","adcode":"440305"},{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿广深竹子林立交向东南行驶243米减速行驶到达收费站","orientation":"东南","road":"广深竹子林立交","distance":"243","tolls":"0","toll_distance":"243","toll_road":"广深竹子林立交","duration":"28","polyline":"114.013189,22.538264;114.013473,22.537878;114.013908,22.537363;114.014144,22.537062;114.014643,22.536531","action":"减速行驶","assistant_action":"到达收费站","tmcs":[{"lcode":[],"distance":"124","status":"畅通","polyline":"114.013189,22.538264;114.013473,22.537878;114.013908,22.537363"},{"lcode":[],"distance":"119","status":"畅通","polyline":"114.013908,22.537363;114.014144,22.537062;114.014643,22.536531"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿广深竹子林立交向东南行驶35米靠左","orientation":"东南","road":"广深竹子林立交","distance":"35","tolls":"0","toll_distance":"0","toll_road":[],"duration":"2","polyline":"114.014643,22.536531;114.014745,22.536402;114.014852,22.536279","action":"靠左","assistant_action":[],"tmcs":[{"lcode":[],"distance":"35","status":"畅通","polyline":"114.014643,22.536531;114.014745,22.536402;114.014852,22.536279"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿广深竹子林立交向东南行驶381米靠右","orientation":"东南","road":"广深竹子林立交","distance":"381","tolls":"0","toll_distance":"0","toll_road":[],"duration":"34","polyline":"114.014852,22.536279;114.015276,22.535877;114.01549,22.535657;114.015673,22.535448;114.015764,22.53534;114.015936,22.53512;114.016113,22.534847;114.016231,22.534659;114.01637,22.534418;114.01651,22.534165;114.016585,22.53401;114.016858,22.533409","action":"靠右","assistant_action":[],"tmcs":[{"lcode":[],"distance":"124","status":"畅通","polyline":"114.014852,22.536279;114.015276,22.535877;114.01549,22.535657;114.015673,22.535448"},{"lcode":[],"distance":"257","status":"畅通","polyline":"114.015673,22.535448;114.015764,22.53534;114.015936,22.53512;114.016113,22.534847;114.016231,22.534659;114.01637,22.534418;114.01651,22.534165;114.016585,22.53401;114.016858,22.533409"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿广深竹子林立交途径深南大道辅路向东北行驶611米向左前方行驶进入主路","orientation":"东北","road":"广深竹子林立交","distance":"611","tolls":"0","toll_distance":"0","toll_road":[],"duration":"58","polyline":"114.016858,22.533409;114.016831,22.53328;114.016789,22.533189;114.016746,22.533141;114.016703,22.533103;114.016644,22.533076;114.016558,22.533066;114.016504,22.533066;114.016413,22.533087;114.016343,22.533114;114.0163,22.533146;114.016258,22.533189;114.016113,22.533366;114.015946,22.533597;114.015887,22.533688;114.015861,22.533747;114.015839,22.533833;114.015839,22.533908;114.01585,22.533967;114.015887,22.534031;114.015946,22.534096;114.016075,22.534208;114.016113,22.534214;114.016258,22.534246;114.017373,22.53445;114.017593,22.534487;114.017808,22.534525;114.018344,22.534627;114.018886,22.534718;114.019122,22.534755;114.019787,22.534873","action":"向左前方行驶","assistant_action":"进入主路","tmcs":[{"lcode":[],"distance":"223","status":"畅通","polyline":"114.016858,22.533409;114.016831,22.53328;114.016789,22.533189;114.016746,22.533141;114.016703,22.533103;114.016644,22.533076;114.016558,22.533066;114.016504,22.533066;114.016413,22.533087;114.016343,22.533114;114.0163,22.533146;114.016258,22.533189;114.016113,22.533366;114.015946,22.533597;114.015887,22.533688;114.015861,22.533747;114.015839,22.533833;114.015839,22.533908;114.01585,22.533967;114.015887,22.534031;114.015946,22.534096;114.016075,22.534208"},{"lcode":[],"distance":"136","status":"畅通","polyline":"114.016075,22.534208;114.016113,22.534214;114.016258,22.534246;114.017373,22.53445"},{"lcode":[],"distance":"45","status":"畅通","polyline":"114.017373,22.53445;114.017593,22.534487;114.017808,22.534525"},{"lcode":[],"distance":"113","status":"畅通","polyline":"114.017808,22.534525;114.018344,22.534627;114.018886,22.534718"},{"lcode":[],"distance":"24","status":"畅通","polyline":"114.018886,22.534718;114.019122,22.534755"},{"lcode":[],"distance":"70","status":"畅通","polyline":"114.019122,22.534755;114.019787,22.534873"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿深南大道向东行驶4.3千米左转调头","orientation":"东","road":"深南大道","distance":"4275","tolls":"0","toll_distance":"0","toll_road":[],"duration":"354","polyline":"114.019787,22.534873;114.019868,22.534943;114.020141,22.535083;114.020806,22.53519;114.021456,22.535303;114.021896,22.535383;114.023971,22.535791;114.024084,22.535812;114.025608,22.536054;114.026439,22.536198;114.026536,22.536215;114.027625,22.53637;114.029159,22.536644;114.029996,22.536778;114.030275,22.536826;114.031063,22.536955;114.032898,22.537266;114.033257,22.53733;114.034008,22.537459;114.03558,22.537722;114.036438,22.537883;114.036701,22.537926;114.03705,22.53798;114.038085,22.538156;114.038638,22.538253;114.039598,22.538425;114.040821,22.538629;114.040923,22.538645;114.042527,22.538918;114.043369,22.539047;114.044587,22.539267;114.044764,22.539299;114.045569,22.539385;114.046845,22.539481;114.047307,22.539492;114.048047,22.539503;114.048219,22.539503;114.048423,22.539503;114.048975,22.53953;114.050016,22.539551;114.050252,22.539556;114.050488,22.539562;114.050676,22.539567;114.051416,22.539567;114.052349,22.539621;114.053079,22.539642;114.054436,22.539648;114.055107,22.539675;114.055359,22.539675;114.055772,22.539675;114.056083,22.539675;114.056786,22.53968;114.057097,22.539669;114.05744,22.539621;114.057998,22.53953;114.058379,22.539465;114.059286,22.539326;114.059634,22.539299;114.060058,22.539331;114.060063,22.539331;114.06031,22.539374;114.060997,22.539541","action":"左转调头","assistant_action":[],"tmcs":[{"lcode":[],"distance":"43","status":"畅通","polyline":"114.019787,22.534873;114.019868,22.534943;114.020141,22.535083"},{"lcode":[],"distance":"69","status":"畅通","polyline":"114.020141,22.535083;114.020806,22.53519"},{"lcode":[],"distance":"68","status":"畅通","polyline":"114.020806,22.53519;114.021456,22.535303"},{"lcode":[],"distance":"46","status":"畅通","polyline":"114.021456,22.535303;114.021896,22.535383"},{"lcode":[],"distance":"218","status":"畅通","polyline":"114.021896,22.535383;114.023971,22.535791"},{"lcode":[],"distance":"11","status":"畅通","polyline":"114.023971,22.535791;114.024084,22.535812"},{"lcode":[],"distance":"245","status":"畅通","polyline":"114.024084,22.535812;114.025608,22.536054;114.026439,22.536198"},{"lcode":[],"distance":"10","status":"畅通","polyline":"114.026439,22.536198;114.026536,22.536215"},{"lcode":[],"distance":"113","status":"畅通","polyline":"114.026536,22.536215;114.027625,22.53637"},{"lcode":[],"distance":"160","status":"畅通","polyline":"114.027625,22.53637;114.029159,22.536644"},{"lcode":[],"distance":"87","status":"畅通","polyline":"114.029159,22.536644;114.029996,22.536778"},{"lcode":[],"distance":"29","status":"畅通","polyline":"114.029996,22.536778;114.030275,22.536826"},{"lcode":[],"distance":"82","status":"畅通","polyline":"114.030275,22.536826;114.031063,22.536955"},{"lcode":[],"distance":"191","status":"畅通","polyline":"114.031063,22.536955;114.032898,22.537266"},{"lcode":[],"distance":"37","status":"畅通","polyline":"114.032898,22.537266;114.033257,22.53733"},{"lcode":[],"distance":"78","status":"畅通","polyline":"114.033257,22.53733;114.034008,22.537459"},{"lcode":[],"distance":"164","status":"畅通","polyline":"114.034008,22.537459;114.03558,22.537722"},{"lcode":[],"distance":"90","status":"畅通","polyline":"114.03558,22.537722;114.036438,22.537883"},{"lcode":[],"distance":"27","status":"畅通","polyline":"114.036438,22.537883;114.036701,22.537926"},{"lcode":[],"distance":"36","status":"畅通","polyline":"114.036701,22.537926;114.03705,22.53798"},{"lcode":[],"distance":"108","status":"畅通","polyline":"114.03705,22.53798;114.038085,22.538156"},{"lcode":[],"distance":"57","status":"畅通","polyline":"114.038085,22.538156;114.038638,22.538253"},{"lcode":[],"distance":"100","status":"畅通","polyline":"114.038638,22.538253;114.039598,22.538425"},{"lcode":[],"distance":"138","status":"畅通","polyline":"114.039598,22.538425;114.040821,22.538629;114.040923,22.538645"},{"lcode":[],"distance":"168","status":"畅通","polyline":"114.040923,22.538645;114.042527,22.538918"},{"lcode":[],"distance":"87","status":"畅通","polyline":"114.042527,22.538918;114.043369,22.539047"},{"lcode":[],"distance":"127","status":"畅通","polyline":"114.043369,22.539047;114.044587,22.539267"},{"lcode":[],"distance":"18","status":"畅通","polyline":"114.044587,22.539267;114.044764,22.539299"},{"lcode":[],"distance":"83","status":"畅通","polyline":"114.044764,22.539299;114.045569,22.539385"},{"lcode":[],"distance":"131","status":"畅通","polyline":"114.045569,22.539385;114.046845,22.539481"},{"lcode":[],"distance":"47","status":"畅通","polyline":"114.046845,22.539481;114.047307,22.539492"},{"lcode":[],"distance":"76","status":"畅通","polyline":"114.047307,22.539492;114.048047,22.539503"},{"lcode":[],"distance":"17","status":"畅通","polyline":"114.048047,22.539503;114.048219,22.539503"},{"lcode":[],"distance":"21","status":"畅通","polyline":"114.048219,22.539503;114.048423,22.539503"},{"lcode":[],"distance":"56","status":"畅通","polyline":"114.048423,22.539503;114.048975,22.53953"},{"lcode":[],"distance":"107","status":"畅通","polyline":"114.048975,22.53953;114.050016,22.539551"},{"lcode":[],"distance":"48","status":"畅通","polyline":"114.050016,22.539551;114.050252,22.539556;114.050488,22.539562"},{"lcode":[],"distance":"19","status":"畅通","polyline":"114.050488,22.539562;114.050676,22.539567"},{"lcode":[],"distance":"76","status":"畅通","polyline":"114.050676,22.539567;114.051416,22.539567"},{"lcode":[],"distance":"96","status":"畅通","polyline":"114.051416,22.539567;114.052349,22.539621"},{"lcode":[],"distance":"74","status":"畅通","polyline":"114.052349,22.539621;114.053079,22.539642"},{"lcode":[],"distance":"139","status":"畅通","polyline":"114.053079,22.539642;114.054436,22.539648"},{"lcode":[],"distance":"68","status":"畅通","polyline":"114.054436,22.539648;114.055107,22.539675"},{"lcode":[],"distance":"26","status":"畅通","polyline":"114.055107,22.539675;114.055359,22.539675"},{"lcode":[],"distance":"42","status":"畅通","polyline":"114.055359,22.539675;114.055772,22.539675"},{"lcode":[],"distance":"32","status":"畅通","polyline":"114.055772,22.539675;114.056083,22.539675"},{"lcode":[],"distance":"71","status":"畅通","polyline":"114.056083,22.539675;114.056786,22.53968"},{"lcode":[],"distance":"68","status":"畅通","polyline":"114.056786,22.53968;114.057097,22.539669;114.05744,22.539621"},{"lcode":[],"distance":"58","status":"畅通","polyline":"114.05744,22.539621;114.057998,22.53953"},{"lcode":[],"distance":"39","status":"畅通","polyline":"114.057998,22.53953;114.058379,22.539465"},{"lcode":[],"distance":"274","status":"畅通","polyline":"114.058379,22.539465;114.059286,22.539326;114.059634,22.539299;114.060058,22.539331;114.060063,22.539331;114.06031,22.539374;114.060997,22.539541"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿深南大道向西行驶562米右转","orientation":"西","road":"深南大道","distance":"562","tolls":"0","toll_distance":"0","toll_road":[],"duration":"52","polyline":"114.060997,22.539541;114.061222,22.539653;114.061292,22.539707;114.06134,22.539766;114.061383,22.539857;114.061383,22.53997;114.061335,22.540088;114.061163,22.540265;114.060219,22.540436;114.060058,22.540453;114.059752,22.540474;114.059538,22.540463;114.059259,22.540431;114.058449,22.54027;114.058309,22.540238;114.057124,22.540013;114.056807,22.539986","action":"右转","assistant_action":[],"tmcs":[{"lcode":[],"distance":"108","status":"畅通","polyline":"114.060997,22.539541;114.061222,22.539653;114.061292,22.539707;114.06134,22.539766;114.061383,22.539857;114.061383,22.53997;114.061335,22.540088;114.061163,22.540265"},{"lcode":[],"distance":"283","status":"畅通","polyline":"114.061163,22.540265;114.060219,22.540436;114.060058,22.540453;114.059752,22.540474;114.059538,22.540463;114.059259,22.540431;114.058449,22.54027"},{"lcode":[],"distance":"14","status":"畅通","polyline":"114.058449,22.54027;114.058309,22.540238"},{"lcode":[],"distance":"157","status":"畅通","polyline":"114.058309,22.540238;114.057124,22.540013;114.056807,22.539986"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿益田路辅路向北行驶268米向右前方行驶进入右转专用道","orientation":"北","road":"益田路辅路","distance":"268","tolls":"0","toll_distance":"0","toll_road":[],"duration":"41","polyline":"114.056807,22.539986;114.056716,22.540045;114.056571,22.540184;114.056512,22.540286;114.056485,22.540447;114.056442,22.540978;114.056432,22.541177;114.056421,22.541268;114.056389,22.541901;114.056383,22.542019;114.056351,22.542314","action":"向右前方行驶","assistant_action":"进入右转专用道","tmcs":[{"lcode":[],"distance":"63","status":"畅通","polyline":"114.056807,22.539986;114.056716,22.540045;114.056571,22.540184;114.056512,22.540286;114.056485,22.540447"},{"lcode":[],"distance":"58","status":"畅通","polyline":"114.056485,22.540447;114.056442,22.540978"},{"lcode":[],"distance":"22","status":"畅通","polyline":"114.056442,22.540978;114.056432,22.541177"},{"lcode":[],"distance":"10","status":"畅通","polyline":"114.056432,22.541177;114.056421,22.541268"},{"lcode":[],"distance":"70","status":"畅通","polyline":"114.056421,22.541268;114.056389,22.541901"},{"lcode":[],"distance":"13","status":"畅通","polyline":"114.056389,22.541901;114.056383,22.542019"},{"lcode":[],"distance":"32","status":"畅通","polyline":"114.056383,22.542019;114.056351,22.542314"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿福中三路向东北行驶48米右转","orientation":"东北","road":"福中三路","distance":"48","tolls":"0","toll_distance":"0","toll_road":[],"duration":"15","polyline":"114.056351,22.542314;114.056432,22.542491;114.056469,22.542534;114.056651,22.54263","action":"右转","assistant_action":[],"tmcs":[{"lcode":[],"distance":"21","status":"畅通","polyline":"114.056351,22.542314;114.056432,22.542491"},{"lcode":[],"distance":"27","status":"畅通","polyline":"114.056432,22.542491;114.056469,22.542534;114.056651,22.54263"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿福中三路向东行驶213米左转调头","orientation":"东","road":"福中三路","distance":"213","tolls":"0","toll_distance":"0","toll_road":[],"duration":"55","polyline":"114.056651,22.54263;114.058175,22.542646;114.058304,22.542652;114.0584,22.542652;114.058744,22.542657","action":"左转调头","assistant_action":[],"tmcs":[{"lcode":[],"distance":"156","status":"畅通","polyline":"114.056651,22.54263;114.058175,22.542646"},{"lcode":[],"distance":"13","status":"畅通","polyline":"114.058175,22.542646;114.058304,22.542652"},{"lcode":[],"distance":"9","status":"畅通","polyline":"114.058304,22.542652;114.0584,22.542652"},{"lcode":[],"distance":"35","status":"畅通","polyline":"114.0584,22.542652;114.058744,22.542657"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]},{"instruction":"沿福中三路向西行驶88米到达目的地","orientation":"西","road":"福中三路","distance":"88","tolls":"0","toll_distance":"0","toll_road":[],"duration":"11","polyline":"114.058744,22.542727;114.058572,22.542722;114.05817,22.542711;114.057878,22.542704","action":[],"assistant_action":"到达目的地","tmcs":[{"lcode":[],"distance":"17","status":"畅通","polyline":"114.058744,22.542727;114.058572,22.542722"},{"lcode":[],"distance":"41","status":"畅通","polyline":"114.058572,22.542722;114.05817,22.542711"},{"lcode":[],"distance":"30","status":"畅通","polyline":"114.05817,22.542711;114.057878,22.542704"}],"cities":[{"name":"深圳市","citycode":"0755","adcode":"440300","districts":[{"name":"福田区","adcode":"440304"}]}]}],"restriction":"0","traffic_lights":"7"}]}};
+        
+        console.log('🔍 物流数据:', apiData);
+        console.log('🚗 路线数据:', routeData);
+        
+        // 预设主要城市坐标
+        const cityCoords = {
+            '广州市': [113.264385, 23.129163],
+            '深圳市': [114.057868, 22.543099]
+        };
+        
+        // 初始化地图
+        const map = new AMap.Map('map', {
+            zoom: 9,
+            center: [113.664385, 23.129163],
+            mapStyle: 'amap://styles/normal'
+        });
+        
+        console.log('✅ 地图初始化完成');
+        
+        document.getElementById('currentLocation').textContent = apiData.Location || '未知';
+        
+        const traces = apiData.Traces || [];
+        const timelineHTML = traces.map((trace, index) => `
+            <div class="timeline-item">
+                <div class="timeline-dot"></div>
+                <div class="timeline-time">${trace.AcceptTime || ''}</div>
+                <div class="timeline-location">${trace.Location || ''}</div>
+                <div class="timeline-desc">${trace.AcceptStation || ''}</div>
+            </div>
+        `).join('');
+        document.getElementById('timeline').innerHTML = timelineHTML;
+        
+        const cities = [...new Set(traces.map(t => t.Location).filter(l => l))];
+        console.log('🏙️ 城市列表:', cities);
+        
+        let debugMsg = `找到 ${cities.length} 个城市: ${cities.join(' → ')}`;
+        
+        // 添加城市标记
+        cities.forEach((city, index) => {
+            const coords = cityCoords[city];
+            if (coords) {
+                const marker = new AMap.CircleMarker({
+                    center: coords,
+                    radius: 15,
+                    strokeColor: '#667eea',
+                    strokeWeight: 3,
+                    fillColor: index === 0 ? '#28a745' : '#667eea',
+                    fillOpacity: 0.9,
+                    zIndex: 100
+                });
+                
+                const text = new AMap.Text({
+                    text: `${index + 1}. ${city}`,
+                    position: coords,
+                    offset: new AMap.Pixel(0, -30),
+                    style: {
+                        'background': 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+                        'border': 'none',
+                        'color': 'white',
+                        'font-size': '14px',
+                        'font-weight': 'bold',
+                        'padding': '8px 12px',
+                        'border-radius': '8px',
+                        'box-shadow': '0 4px 8px rgba(102,126,234,0.4)'
+                    }
+                });
+                
+                map.add([marker, text]);
+            }
+        });
+        
+        // 绘制路线
+        if (routeData && routeData.status === '1' && routeData.route && routeData.route.paths) {
+            console.log('✅ 使用Web服务API路线数据');
+            
+            const path = routeData.route.paths[0];
+            const steps = path.steps;
+            const polylinePath = [];
+            
+            // 提取所有路径点
+            steps.forEach(step => {
+                const points = step.polyline.split(';');
+                points.forEach(point => {
+                    const coords = point.split(',');
+                    if (coords.length === 2) {
+                        polylinePath.push([parseFloat(coords[0]), parseFloat(coords[1])]);
+                    }
+                });
+            });
+            
+            // 绘制路径
+            const polyline = new AMap.Polyline({
+                path: polylinePath,
+                strokeColor: '#667eea',
+                strokeWeight: 8,
+                strokeOpacity: 0.9,
+                strokeStyle: 'solid',
+                lineJoin: 'round',
+                lineCap: 'round',
+                zIndex: 50,
+                showDir: true
+            });
+            map.add(polyline);
+            
+            const distance = (path.distance / 1000).toFixed(1);
+            const duration = Math.round(path.duration / 60);
+            
+            debugMsg += `\n✓ 已绘制真实驾车路线`;
+            debugMsg += `\n预计距离: ${distance} 公里`;
+            debugMsg += `\n预计时间: ${duration} 分钟`;
+            
+            map.setFitView();
+        } else {
+            console.warn('⚠️ 使用直线连接');
+            
+            const waypoints = cities.map(c => cityCoords[c]).filter(c => c);
+            const polyline = new AMap.Polyline({
+                path: waypoints,
+                strokeColor: '#667eea',
+                strokeWeight: 8,
+                strokeOpacity: 0.8,
+                strokeStyle: 'solid',
+                lineJoin: 'round',
+                showDir: true
+            });
+            map.add(polyline);
+            
+            debugMsg += '\n⚠️ 使用直线连接（Web服务API未返回路线数据）';
+            map.setFitView();
+        }
+        
+        document.getElementById('debugInfo').textContent = debugMsg;
+        console.log('🎉 地图加载完成');
+    </script>
+</body>
+</html>
\ No newline at end of file