diff --git a/quoted-admin/src/main/java/com/quoted/web/controller/product/ProductController.java b/quoted-admin/src/main/java/com/quoted/web/controller/product/ProductController.java
new file mode 100644
index 0000000..7e06005
--- /dev/null
+++ b/quoted-admin/src/main/java/com/quoted/web/controller/product/ProductController.java
@@ -0,0 +1,28 @@
+package com.quoted.web.controller.product;
+
+import com.quoted.common.core.controller.BaseController;
+import com.quoted.common.core.domain.AjaxResult;
+import com.quoted.common.core.domain.entity.SysMenu;
+import com.quoted.system.domain.vo.ProductPriceRequestVo;
+import com.quoted.system.service.IProductPriceService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+/**
+ * 缓存监控
+ * <p>
+ * quoted
+ */
+@RestController
+@RequestMapping("/product")
+public class ProductController extends BaseController {
+
+    @Autowired
+    IProductPriceService productPriceService;
+
+    @PostMapping("/getPrice")
+    public AjaxResult getPrice(@RequestBody ProductPriceRequestVo product) {
+        return success(productPriceService.getProductPrice(product));
+    }
+}
diff --git a/quoted-common/pom.xml b/quoted-common/pom.xml
index 9619694..31eeda4 100644
--- a/quoted-common/pom.xml
+++ b/quoted-common/pom.xml
@@ -52,13 +52,13 @@
             <groupId>org.apache.commons</groupId>
             <artifactId>commons-lang3</artifactId>
         </dependency>
-  
+
         <!-- JSON工具类 -->
         <dependency>
             <groupId>com.fasterxml.jackson.core</groupId>
             <artifactId>jackson-databind</artifactId>
         </dependency>
-        
+
         <!-- 阿里JSON解析器 -->
         <dependency>
             <groupId>com.alibaba.fastjson2</groupId>
@@ -113,6 +113,7 @@
             <artifactId>javax.servlet-api</artifactId>
         </dependency>
 
+
     </dependencies>
 
 </project>
\ No newline at end of file
diff --git a/quoted-system/pom.xml b/quoted-system/pom.xml
index 573b756..b84eda7 100644
--- a/quoted-system/pom.xml
+++ b/quoted-system/pom.xml
@@ -22,7 +22,13 @@
             <groupId>com.quoted</groupId>
             <artifactId>quoted-common</artifactId>
         </dependency>
-
+        <!-- https://mvnrepository.com/artifact/org.projectlombok/lombok -->
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <version>1.18.12</version>
+            <scope>provided</scope>
+        </dependency>
     </dependencies>
 
 </project>
\ No newline at end of file
diff --git a/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductCraftItemChildrenVo.java b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductCraftItemChildrenVo.java
new file mode 100644
index 0000000..573c004
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductCraftItemChildrenVo.java
@@ -0,0 +1,22 @@
+package com.quoted.system.domain.vo;
+
+import lombok.Data;
+
+@Data
+public class ProductCraftItemChildrenVo {
+    /**
+     * 类型
+     */
+    private String type;
+    /**
+     * 值
+     */
+    private String value;
+    /**
+     * 内置定义参数
+     */
+    private Integer count;
+    private Double width;
+    private Double length;
+    private String size;
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductCraftItemVo.java b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductCraftItemVo.java
new file mode 100644
index 0000000..7253974
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductCraftItemVo.java
@@ -0,0 +1,24 @@
+package com.quoted.system.domain.vo;
+
+import lombok.Data;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Data
+public class ProductCraftItemVo {
+    /**
+     * 工艺
+     */
+    private String type;
+    /**
+     * 值
+     */
+    private String value;
+
+    /**
+     * 工艺复项
+     */
+    private List<ProductCraftItemChildrenVo> children = new ArrayList<>();
+
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductPriceDto.java b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductPriceDto.java
new file mode 100644
index 0000000..8978398
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductPriceDto.java
@@ -0,0 +1,12 @@
+package com.quoted.system.domain.vo;
+
+import lombok.Data;
+
+@Data
+public class ProductPriceDto {
+
+    private double price;
+    private Integer count;
+    private Integer number;
+    private String message;
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductPriceRequestVo.java b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductPriceRequestVo.java
new file mode 100644
index 0000000..2880e6b
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/domain/vo/ProductPriceRequestVo.java
@@ -0,0 +1,40 @@
+package com.quoted.system.domain.vo;
+
+import lombok.Data;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Data
+public class ProductPriceRequestVo {
+    /**
+     * 类型
+     */
+    private String types;
+    /**
+     * 材质
+     */
+    private String material;
+    /**
+     * 长
+     */
+    private Double length;
+    /**
+     * 宽
+     */
+    private Double width;
+    /**
+     * 数量
+     */
+    private Integer count;
+    /**
+     * 款数
+     */
+    private Integer number;
+    /**
+     * 旺旺
+     */
+    private String customerWw;
+
+    private List<ProductCraftItemVo> crafts = new ArrayList<>();
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/service/IProductPriceService.java b/quoted-system/src/main/java/com/quoted/system/service/IProductPriceService.java
new file mode 100644
index 0000000..d3f6215
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/service/IProductPriceService.java
@@ -0,0 +1,11 @@
+package com.quoted.system.service;
+
+import com.quoted.system.domain.vo.ProductPriceDto;
+import com.quoted.system.domain.vo.ProductPriceRequestVo;
+
+import java.util.List;
+
+public interface IProductPriceService {
+
+    public List<ProductPriceDto> getProductPrice(ProductPriceRequestVo product);
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/service/impl/ISysConfigServiceImpl.java b/quoted-system/src/main/java/com/quoted/system/service/impl/ISysConfigServiceImpl.java
new file mode 100644
index 0000000..1444c38
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/service/impl/ISysConfigServiceImpl.java
@@ -0,0 +1,26 @@
+package com.quoted.system.service.impl;
+
+import com.quoted.system.domain.vo.ProductPriceDto;
+import com.quoted.system.domain.vo.ProductPriceRequestVo;
+import com.quoted.system.service.IProductPriceService;
+import com.quoted.system.utils.StickerUtils;
+import org.springframework.stereotype.Service;
+
+import java.util.ArrayList;
+import java.util.List;
+
+@Service
+public class ISysConfigServiceImpl implements IProductPriceService {
+
+
+    @Override
+    public List<ProductPriceDto> getProductPrice(ProductPriceRequestVo product) {
+        List<ProductPriceDto> list = new ArrayList<>();
+
+        if ("不干胶".equals(product.getTypes())) {
+            list = StickerUtils.getPrice(product);
+        }
+
+        return list;
+    }
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/utils/PriceCommonUtils.java b/quoted-system/src/main/java/com/quoted/system/utils/PriceCommonUtils.java
new file mode 100644
index 0000000..e13a91a
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/utils/PriceCommonUtils.java
@@ -0,0 +1,20 @@
+package com.quoted.system.utils;
+
+import com.quoted.system.domain.vo.ProductCraftItemVo;
+import com.quoted.system.domain.vo.ProductPriceRequestVo;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class PriceCommonUtils {
+
+    static List<String> getCraftList(ProductPriceRequestVo requestVo) {
+        List<String> craft_list = new ArrayList<>();
+        if (requestVo.getCrafts().size() > 0) {
+            for (ProductCraftItemVo craft : requestVo.getCrafts()) {
+                craft_list.add(craft.getValue());
+            }
+        }
+        return craft_list;
+    }
+}
diff --git a/quoted-system/src/main/java/com/quoted/system/utils/StickerUtils.java b/quoted-system/src/main/java/com/quoted/system/utils/StickerUtils.java
new file mode 100644
index 0000000..501a13e
--- /dev/null
+++ b/quoted-system/src/main/java/com/quoted/system/utils/StickerUtils.java
@@ -0,0 +1,197 @@
+package com.quoted.system.utils;
+
+import com.quoted.system.domain.vo.ProductPriceDto;
+import com.quoted.system.domain.vo.ProductPriceRequestVo;
+import org.apache.commons.math3.stat.descriptive.summary.Product;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class StickerUtils {
+
+    public static List<ProductPriceDto> getPrice(ProductPriceRequestVo product) {
+
+        List<ProductPriceDto> list = new ArrayList<>();
+        Double length = product.getLength();
+        Double width = product.getWidth();
+        Integer count = product.getCount();
+        Integer number = product.getNumber();
+        List<String> craft_list = PriceCommonUtils.getCraftList(product);
+        double area = length * width / 10000;
+        switch (product.getMaterial()) {
+            case "铜板纸不干胶":
+                // 带1厘米的尺寸，都变成2
+                if (1 < length && length < 2) {
+                    length = Math.ceil(length);
+                }
+                if (1 < width && width < 2) {
+                    width = Math.ceil(width);
+                }
+                // 小数部分，四舍五入
+                length = (double) Math.round(length);
+                width = (double) Math.round(width);
+                // 尺寸小数部分四舍五入后的面积
+                double roundArea = length * width / 10000;
+                // 一个名片位内做特价:75折，价格在前端写死
+                double[] priceArr = null;
+                int[] counts = {500, 1000, 2000, 3000, 5000, 10000, 20000, 30000, 40000, 50000};
+                double areas[] = {0.004, 0.006, 0.008, 0.01, 0.012, 0.015, 0.017, 0.018, 0.02, 0.03, 0.04, 0.06, 0.1, 0.2, 0.3};
+                //覆膜是否要加价
+                boolean isMo = true;
+                int MaxCount = 0;
+                if (length == 1 && width == 1) {
+                    priceArr = new double[]{30, 35, 50, 55, 100, 180, 270, 370, 470, 570};
+                } else if ((length == 2 && width == 1) || (length == 1 && width == 2)) {
+                    priceArr = new double[]{35, 40, 55, 60, 110, 190, 280, 380, 480, 580};
+                } else if ((length > 2 && length <= 5 && width == 1) || (width > 2 && width <= 5 && length == 1)) {
+                    priceArr = new double[]{35, 40, 55, 70, 120, 210, 308, 435, 555, 683};
+                } else if ((length > 1 && length <= 3 && width == 2) || (width > 1 && width <= 3 && length == 2)) {
+                    priceArr = new double[]{35, 40, 55, 70, 120, 210, 308, 435, 555, 683};
+                } else if ((length > 3 && length <= 5 && width == 2) || (width > 3 && width <= 5 && length == 2)) {
+                    priceArr = new double[]{35, 40, 55, 70, 120, 220, 348, 492, 642, 798};
+                } else if ((length >= 3 && length <= 5 && width == 3) || (length == 3 && width <= 5 && width >= 3)) {
+                    priceArr = new double[]{35, 40, 55, 70, 120, 220, 348, 492, 642, 798};
+                } else if (length == 4 && width == 4) {
+                    priceArr = new double[]{35, 40, 55, 70, 120, 220, 348, 492, 642, 798};
+                } else if ((length == 5 && width == 4) || (length == 4 && width == 5)) {
+                    priceArr = new double[]{35, 40, 55, 70, 150, 240, 420, 600, 790, 980};
+                } else if (((length <= 9 && width <= 5.4) || (length <= 5.4 && width <= 9))) {
+                    counts = new int[]{500, 1000, 2000, 3000, 5000, 10000, 20000, 30000, 40000, 50000, 60000, 70000, 80000, 90000, 100000};
+                    priceArr = new double[]{60, 70, 95, 125, 175, 270, 510, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200};
+                    isMo = false;
+                } else if (area <= 0.003) {
+                    counts = new int[]{500, 1000, 2000, 3000, 5000, 10000, 20000, 30000, 40000, 50000, 60000, 70000, 80000, 90000, 100000};
+                    priceArr = new double[]{65, 75, 100, 130, 180, 275, 515, 805, 1005, 1205, 1405, 1605, 1805, 2005, 2205};
+                    isMo = false;
+                    MaxCount = 40000;
+                } else {
+                    counts = new int[]{500, 1000, 2000, 3000, 5000, 10000, 20000, 30000, 40000, 50000, 60000, 70000, 80000, 90000, 100000};
+                    double basePrice = 0;
+                    if (area <= 0.004) {
+                        basePrice = 7.5;
+                    } else if (area <= 0.006) {
+                        basePrice = 6.5;
+                    } else if (area <= 0.2) {
+                        basePrice = 5.5;
+                    } else if (area <= 0.3) {
+                        basePrice = 5;
+                    } else if (area > 0.3) {
+                        basePrice = 4.5;
+                    }
+
+                    ProductPriceDto pro = new ProductPriceDto();
+                    if (count > counts[counts.length - 1]) {
+                        pro.setCount(count);
+                        pro.setPrice(Math.ceil(area * count * basePrice));
+                        list.add(pro);
+                    }
+                    for (int i = 0; i < counts.length; i++) {
+                        if (counts[i] < count || list.size() > 3) {
+                            continue;
+                        }
+
+                        double[] arrPrice = new double[16];
+                        if (counts[i] == 500) {
+                            arrPrice = new double[]{37, 33, 30, 26, 25, 21, 19, 18, 17, 19, 17, 12.8, 12.5, 12, 11.5, 11};
+                        } else if (counts[i] == 1000) {
+                            arrPrice = new double[]{21, 19, 17, 17, 15, 14, 14, 12, 12, 12.5, 13, 9, 9, 8, 8, 7.8};
+                        } else if (counts[i] == 2000) {
+                            arrPrice = new double[]{14, 13, 13, 12, 11, 11, 10, 10, 9, 10, 11, 7.8, 7.5, 7.5, 7.2, 7};
+                        } else if (counts[i] == 3000) {
+                            arrPrice = new double[]{12, 11, 11, 10, 9, 9.5, 9, 8, 8, 9, 10, 6.8, 6.5, 6.5, 6, 6.5};
+                        } else if (counts[i] == 5000) {
+                            arrPrice = new double[]{10, 9.5, 8, 7.8, 8.5, 9, 8.3, 7, 8, 6.5, 8, 6, 6, 6, 5.5, 5};
+                        } else if (counts[i] == 10000) {
+                            arrPrice = new double[]{8, 7.5, 6.5, 6.5, 7.6, 8, 7.3, 6, 7.5, 6, 6, 6, 6, 6, 5, 5};
+                        } else if (counts[i] == 20000) {
+                            arrPrice = new double[]{7.6, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 30000) {
+                            arrPrice = new double[]{7.6, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 40000) {
+                            arrPrice = new double[]{7.6, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 50000) {
+                            arrPrice = new double[]{7.5, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 60000) {
+                            arrPrice = new double[]{7.5, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 70000) {
+                            arrPrice = new double[]{7.5, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 80000) {
+                            arrPrice = new double[]{7.5, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 90000) {
+                            arrPrice = new double[]{7.5, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        } else if (counts[i] == 100000) {
+                            arrPrice = new double[]{7.5, 6.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5.5, 5, 4.5};
+                        }
+
+                        double pirce = getPriceInArea(counts[i], area, arrPrice, areas);
+                        pro = new ProductPriceDto();
+                        pro.setCount(counts[i]);
+                        pro.setPrice(Math.ceil(pirce));
+
+                        list.add(pro);
+                        break;
+                    }
+                }
+                ProductPriceDto pro = null;
+
+                if (MaxCount == 0) {
+
+                    for (int i = 0; i < counts.length; i++) {
+                        if (counts[i] < count || list.size() > 3) {
+                            continue;
+                        }
+                        pro = new ProductPriceDto();
+                        pro.setCount(counts[i]);
+                        double price = priceArr[i];
+                        if (craft_list.contains("覆哑膜") && isMo) {
+                            price = Math.ceil(price * 1.2);
+                        }
+                        pro.setPrice(price);
+                        list.add(pro);
+                    }
+                } else {
+                    pro = new ProductPriceDto();
+                    pro.setCount(count);
+                    double price = Math.ceil((Math.ceil(count / 10000.0) - 4) * 150 + 720);
+
+                    pro.setPrice(price);
+                    list.add(pro);
+                }
+                break;
+            default:
+                break;
+        }
+
+
+        return list;
+    }
+
+    // 判断小尺寸是否大于大尺寸价格
+    private static double getPriceInArea(int count, Double area, double[] priceArr, double[] areas) {
+        double lastPrice = 0, price = 0;
+        if (area > areas[areas.length - 1]) {
+            price = area * count * priceArr[areas.length - 1];
+            lastPrice = area * count * priceArr[areas.length - 2];
+            if (lastPrice > price) {
+                price = lastPrice;
+            }
+        }
+        for (int i = 0; i < areas.length; i++) {
+            if (areas[i] < area) {
+                continue;
+            }
+            double lastArea = 0;
+            if (i > 0) {
+                lastArea = areas[i - 1];
+                lastPrice = lastArea * count * priceArr[i - 1];
+            }
+            price = area * count * priceArr[i];
+            if (lastPrice > price) {
+                price = lastPrice;
+            }
+            break;
+        }
+
+        return price;
+    }
+}
diff --git a/quoted-ui/src/api/product/index.js b/quoted-ui/src/api/product/index.js
new file mode 100644
index 0000000..81e7f96
--- /dev/null
+++ b/quoted-ui/src/api/product/index.js
@@ -0,0 +1,8 @@
+import request from "@/utils/request";
+export function getProductPrice(data) {
+  return request({
+    url: "/product/getPrice",
+    method: "post",
+    data: data,
+  });
+}
diff --git a/quoted-ui/src/components/ImagePreview/index.vue b/quoted-ui/src/components/ImagePreview/index.vue
index acd05c5..956a973 100644
--- a/quoted-ui/src/components/ImagePreview/index.vue
+++ b/quoted-ui/src/components/ImagePreview/index.vue
@@ -1,11 +1,5 @@
 <template>
-  <el-image
-    :src="`${realSrc}`"
-    fit="cover"
-    :style="`width:${realWidth};height:${realHeight};`"
-    :preview-src-list="realSrcList"
-    preview-teleported
-  >
+  <el-image :src="`${realSrc}`" :fit="fit" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported>
     <template #error>
       <div class="image-slot">
         <el-icon><picture-filled /></el-icon>
@@ -15,56 +9,56 @@
 </template>
 
 <script setup>
-import { isExternal } from "@/utils/validate"
+import { isExternal } from "@/utils/validate";
 
 const props = defineProps({
   src: {
     type: String,
-    default: ""
+    default: "",
+  },
+  fit: {
+    type: String,
+    default: "cover",
   },
   width: {
     type: [Number, String],
-    default: ""
+    default: "",
   },
   height: {
     type: [Number, String],
-    default: ""
-  }
-})
+    default: "",
+  },
+});
 
 const realSrc = computed(() => {
   if (!props.src) {
-    return
+    return;
   }
-  let real_src = props.src.split(",")[0]
+  let real_src = props.src.split(",")[0];
   if (isExternal(real_src)) {
-    return real_src
+    return real_src;
   }
-  return import.meta.env.VITE_APP_BASE_API + real_src
-})
+  return import.meta.env.VITE_APP_BASE_API + real_src;
+});
 
 const realSrcList = computed(() => {
   if (!props.src) {
-    return
+    return;
   }
-  let real_src_list = props.src.split(",")
-  let srcList = []
-  real_src_list.forEach(item => {
+  let real_src_list = props.src.split(",");
+  let srcList = [];
+  real_src_list.forEach((item) => {
     if (isExternal(item)) {
-      return srcList.push(item)
+      return srcList.push(item);
     }
-    return srcList.push(import.meta.env.VITE_APP_BASE_API + item)
-  })
-  return srcList
-})
+    return srcList.push(import.meta.env.VITE_APP_BASE_API + item);
+  });
+  return srcList;
+});
 
-const realWidth = computed(() =>
-  typeof props.width == "string" ? props.width : `${props.width}px`
-)
+const realWidth = computed(() => (typeof props.width == "string" ? props.width : `${props.width}px`));
 
-const realHeight = computed(() =>
-  typeof props.height == "string" ? props.height : `${props.height}px`
-)
+const realHeight = computed(() => (typeof props.height == "string" ? props.height : `${props.height}px`));
 </script>
 
 <style lang="scss" scoped>
diff --git a/quoted-ui/src/components/ImageRemark/index.vue b/quoted-ui/src/components/ImageRemark/index.vue
new file mode 100644
index 0000000..1081fff
--- /dev/null
+++ b/quoted-ui/src/components/ImageRemark/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <el-carousel height="600px" indicator-position="outside" trigger="click">
+    <el-carousel-item v-for="item in images" :key="item" style="display: flex; align-items: center; justify-content: center">
+      <el-image :src="item" fit="contain" width="100%" height="100%" loading="lazy" :preview-src-list="images" preview-teleported close-on-press-escape hide-on-click-modal></el-image>
+    </el-carousel-item>
+  </el-carousel>
+  <view>
+    <text v-if="remark" style="color: red; font-weight: bold; font-size: 18px; white-space: pre-line"> 预计发货时间:<br />{{ remark }}</text>
+  </view>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+
+const props = defineProps({
+  images: {
+    type: Array,
+    required: true,
+    default: () => [],
+  },
+  remark: {
+    type: String,
+    default: "",
+  },
+});
+const localData = ref(props.modelValue);
+</script>
diff --git a/quoted-ui/src/components/NumberInput/index.vue b/quoted-ui/src/components/NumberInput/index.vue
new file mode 100644
index 0000000..e5f7d80
--- /dev/null
+++ b/quoted-ui/src/components/NumberInput/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <el-input v-model="localData" type="text" @input="changeValue" style="width: 100px">
+    <template #append v-if="$slots.append"> <slot name="append" /></template>
+    <template #prefix v-if="$slots.prefix"> <slot name="prefix" /></template>
+    <template #suffix v-if="$slots.suffix"> <slot name="suffix" /></template>
+    <template #prepend v-if="$slots.prepend"> <slot name="prepend" /></template>
+  </el-input>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    required: true,
+    default: () => "",
+  },
+});
+const emits = defineEmits(["update:modelValue"]);
+
+const localData = ref(props.modelValue);
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (val && val.length > 0) {
+      localData.value = JSON.parse(JSON.stringify(val));
+    }
+  },
+  { deep: true, immediate: true },
+);
+const changeValue = (val) => {
+  localData.value = val.replace(/[^0-9.]/g, ""); // 只保留数字和小数点
+  emits("update:modelValue", localData.value);
+};
+</script>
diff --git a/quoted-ui/src/components/PriceResult/index.vue b/quoted-ui/src/components/PriceResult/index.vue
new file mode 100644
index 0000000..6dd6698
--- /dev/null
+++ b/quoted-ui/src/components/PriceResult/index.vue
@@ -0,0 +1,46 @@
+<template>
+  <view class="result-container">
+    <el-button type="primary" @click="handleGetPrice">获取价格</el-button>
+    <el-input type="textarea" style="width: 400px; height: 400px" rows="10" resize="none" readonly></el-input>
+  </view>
+</template>
+
+<script setup>
+import { ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+import { getProductPrice } from "@/api/product/index.js";
+
+const props = defineProps({
+  data: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits(["verifyCraftData"]);
+
+const handleGetPrice = () => {
+  emits("verifyCraftData", (result) => {
+    let { valid, message } = result;
+    if (!valid) {
+      ElMessage({
+        message: message || "报价数据验证失败",
+        type: "error",
+        grouping: true,
+      });
+      return;
+    }
+    getProductPrice(props.data).then((res) => {
+      console.log(res);
+    });
+  });
+};
+</script>
+<style lang="scss" scoped>
+.result-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 20px;
+}
+</style>
diff --git a/quoted-ui/src/components/ProductCraft/index.vue b/quoted-ui/src/components/ProductCraft/index.vue
index 192d177..f9caa32 100644
--- a/quoted-ui/src/components/ProductCraft/index.vue
+++ b/quoted-ui/src/components/ProductCraft/index.vue
@@ -11,7 +11,7 @@
                 <el-select v-if="child.type === 'select'" v-model="child.value" @change="emitChange('child', { itemIndex: index, optionValue: option.value, childKey: key, value: $event })" style="width: 150px">
                   <el-option v-for="opt in child.options" :key="opt.value" :value="opt.value" :label="opt.label"></el-option>
                 </el-select>
-                <el-input v-else-if="child.type === 'input'" :placeholder="child.placeholder" v-model="child.value" @change="emitChange('child', { itemIndex: index, optionValue: option.value, childKey: key, value: $event })" style="width: 100px"></el-input>
+                <number-input v-else-if="child.type === 'input'" :placeholder="child.placeholder" v-model="child.value" @change="emitChange('child', { itemIndex: index, optionValue: option.value, childKey: key, value: $event })" style="width: 100px"></number-input>
               </template>
             </template>
           </template>
@@ -22,7 +22,9 @@
 </template>
 
 <script setup>
-import { ref, watch, onMounted, defineEmits, defineProps } from "vue";
+import { ref, watch, onMounted, defineProps } from "vue";
+
+import NumberInput from "@/components/NumberInput";
 
 const props = defineProps({
   data: {
diff --git a/quoted-ui/src/views/product/sticker/crafts/copperplate.vue b/quoted-ui/src/views/product/sticker/crafts/copperplate.vue
index b9516f5..25ae312 100644
--- a/quoted-ui/src/views/product/sticker/crafts/copperplate.vue
+++ b/quoted-ui/src/views/product/sticker/crafts/copperplate.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup>
-import { ref, watch, defineEmits, defineProps } from "vue";
+import { ref } from "vue";
 import ProductCraft from "@/components/ProductCraft";
 
 const defaultCraftData = ref([
@@ -156,6 +156,8 @@ const defaultCraftData = ref([
   },
 ]);
 
+const emits = defineEmits(["update:modelValue"]);
+
 const handleCraftChange = (info) => {
   const { optionValue, itemIndex, data } = info;
   const currentItem = data[itemIndex];
@@ -164,7 +166,9 @@ const handleCraftChange = (info) => {
   currentItem.options.forEach((opt) => {
     if (opt.value === optionValue) {
     } else {
-      opt.checked = false;
+      if (itemIndex != 5) {
+        opt.checked = false;
+      }
     }
   });
 
@@ -197,13 +201,50 @@ const handleCraftChange = (info) => {
 
   // 3. 更新响应式数据
   defaultCraftData.value = data;
+  handleDataInfo();
+};
+
+//处理工艺数据
+const handleDataInfo = () => {
+  let datainfo = [];
+  defaultCraftData.value.forEach((craft) => {
+    const selectedOption = craft.options.filter((opt) => {
+      return opt.checked;
+    });
+    if (selectedOption && selectedOption.length > 0) {
+      selectedOption.forEach((opt) => {
+        let item = {};
+        if (opt.checked) {
+          item.type = opt.label;
+          item.value = opt.value;
+          if (opt.children) {
+            let childItem = {};
+            item.children = [];
+            opt.children.forEach((child) => {
+              if (child.id && child.value) {
+                childItem[child.id] = child.value;
+              } else {
+                childItem.value = child.value;
+              }
+            });
+            item.children.push(childItem);
+          }
+        }
+        datainfo.push(item);
+      });
+    }
+  });
+
+  emits("update:modelValue", datainfo);
 };
 
 const verifyCraftData = () => {
   // 验证工艺数据的完整性和正确性
 
-  return { valid: true };
+  return { valid: false, message: "工艺数据验证失败" };
 };
+handleDataInfo();
+
 defineExpose({
   verifyCraftData,
 });
diff --git a/quoted-ui/src/views/product/sticker/index.vue b/quoted-ui/src/views/product/sticker/index.vue
index bdc983a..d1dcba1 100644
--- a/quoted-ui/src/views/product/sticker/index.vue
+++ b/quoted-ui/src/views/product/sticker/index.vue
@@ -1,46 +1,51 @@
 <template>
   <view class="container">
-    <h1 style="font-weight: bold">不干胶</h1>
-    <el-form>
-      <el-form-item>
-        <el-radio-group v-model="data.types" @change="handleChange">
-          <el-radio label="常用种类" value="常用种类" size="large" border />
-          <el-radio label="专版打印" value="专版打印" size="large" border />
-        </el-radio-group>
-      </el-form-item>
-      <view class="form-title">品种</view>
-      <el-form-item>
-        <el-select v-model="data.material" placeholder="请选择" size="large" style="width: 300px">
-          <template v-for="item in materials" :key="item.name">
-            <el-option :label="item.name" :value="item.name"></el-option>
-          </template>
-        </el-select>
-      </el-form-item>
-      <view class="form-title">尺寸</view>
-      <el-form-item>
-        <el-input style="width: 150px" v-model="data.size[0]" type="number">
-          <template #append> <text>cm</text></template>
-        </el-input>
-        <text style="margin: 0 10px">X</text>
-        <el-input style="width: 150px" v-model="data.size[1]" type="number">
-          <template #append> <text>cm</text> </template>
-        </el-input>
-      </el-form-item>
-      <view class="form-title">个数</view>
-      <el-form-item>
-        <el-input style="width: 300px" v-model="data.count" type="number" placeholder="请输入数量" size="large"></el-input>
-      </el-form-item>
-      <view class="form-title">款数</view>
-      <el-form-item>
-        <el-input style="width: 300px" v-model="data.number" type="number" placeholder="请输入数量" size="large"></el-input>
-      </el-form-item>
-      <view class="form-title">客户旺旺</view>
-      <el-form-item>
-        <el-input style="width: 300px" v-model="data.customerWw" placeholder="请输入客户旺旺" size="large"></el-input>
-      </el-form-item>
-      <component v-if="currentCraftComponent" :is="currentCraftComponent" ref="componentRef" />
-      <el-button type="primary" @click="handlesave">保存</el-button>
-    </el-form>
+    <view class="left-info">
+      <h1 style="font-weight: bold">不干胶</h1>
+      <el-form>
+        <el-form-item>
+          <el-radio-group v-model="data.types" @change="handleChange">
+            <el-radio label="常用种类" value="常用种类" size="large" border />
+            <el-radio label="专版打印" value="专版打印" size="large" border />
+          </el-radio-group>
+        </el-form-item>
+        <view class="form-title">品种</view>
+        <el-form-item>
+          <el-select v-model="data.material" placeholder="请选择" size="large" style="width: 300px">
+            <template v-for="item in materials" :key="item.name">
+              <el-option :label="item.name" :value="item.name"></el-option>
+            </template>
+          </el-select>
+        </el-form-item>
+        <view class="form-title">尺寸</view>
+        <el-form-item>
+          <number-input style="width: 150px" v-model="data['length']">
+            <template #append> <text>cm</text></template>
+          </number-input>
+          <text style="margin: 0 10px">X</text>
+          <number-input style="width: 150px" v-model="data['width']">
+            <template #append> <text>cm</text> </template>
+          </number-input>
+        </el-form-item>
+        <view class="form-title">个数</view>
+        <el-form-item>
+          <number-input style="width: 300px" v-model="data.count" placeholder="请输入数量" size="large"></number-input>
+        </el-form-item>
+        <view class="form-title">款数</view>
+        <el-form-item>
+          <number-input style="width: 300px" v-model="data.number" placeholder="请输入数量" size="large"></number-input>
+        </el-form-item>
+        <view class="form-title">客户旺旺</view>
+        <el-form-item>
+          <el-input style="width: 300px" v-model="data.customerWw" placeholder="请输入客户旺旺" size="large"></el-input>
+        </el-form-item>
+        <component v-if="currentCraftComponent" :is="currentCraftComponent" ref="componentRef" v-model="data.crafts" />
+        <PriceResult :data="data" @verifyCraftData="handleVerifyCraftData" />
+      </el-form>
+    </view>
+    <view class="right-image">
+      <ImageRemark :images="images" :remark="remark" />
+    </view>
   </view>
 </template>
 <script setup>
@@ -48,30 +53,100 @@ import { ref, watch, shallowRef } from "vue";
 import copperplate from "./crafts/copperplate.vue";
 import pvc from "./crafts/pvc.vue";
 import transparent from "./crafts/transparent.vue";
+import NumberInput from "@/components/NumberInput";
+import ImageRemark from "@/components/ImageRemark";
+import PriceResult from "@/components/PriceResult";
 
 const materials = [
-  { name: "铜板纸不干胶", images: "" },
-  { name: "pvc不干胶", images: "" },
-  { name: "透明不干胶", images: "" },
-  { name: "牛皮纸", images: "" },
-  { name: "哑金不干胶", images: "" },
-  { name: "哑银不干胶", images: "" },
-  { name: "书写纸不干胶", images: "" },
-  { name: "银平光", images: "" },
-  { name: "拉丝金", images: "" },
-  { name: "拉丝银", images: "" },
-  { name: "美纹纸", images: "" },
-  { name: "PP合成纸", images: "" },
-  { name: "易碎纸不干胶", images: "" },
-  { name: "刚古水纹超白", images: "" },
-  { name: "红底散金", images: "" },
-  { name: "布纹纸超白", images: "" },
-  { name: "珠光超白", images: "" },
-  { name: "10C静电膜", images: "" },
-  { name: "树纹纸", images: "" },
-  { name: "草香纸/大地纸", images: "" },
-  { name: "单防热敏纸（底纸白色）", images: "" },
-  { name: "三防热敏纸（底纸蓝色）", images: "" },
+  {
+    name: "铜板纸不干胶",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E9%93%9C%E7%89%88%E7%BA%B8%E4%B8%8D%E5%B9%B2%E8%83%B6/%E4%BA%AE%E8%86%9C.jpg"],
+    remark: "广东:数量500-1000张（顺丰14点前当天发货 普通快递16点前当天发货） 中通 圆通 顺丰;\n江苏：（3-4天发货） 韵达 顺丰;",
+  },
+  {
+    name: "pvc不干胶",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E8%A6%86%E4%BA%AE%E8%86%9C.jpg"],
+  },
+  {
+    name: "透明不干胶",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E9%80%8F%E6%98%8E%E4%B8%8D%E5%B9%B2%E8%83%B6/%E4%BA%AE%E8%86%9C.jpg"],
+  },
+  {
+    name: "牛皮纸",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-牛皮纸不干胶.jpg"],
+  },
+  {
+    name: "哑金不干胶",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-哑金.jpg", "https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6%E5%8D%B0%E5%88%B71%E8%89%B2.jpg", "https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6%E5%8A%A0%E5%87%B9%E5%87%B8.jpg", "https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6%E5%8D%B02%E8%89%B2.jpg"],
+  },
+  {
+    name: "哑银不干胶",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-哑银.jpg", "https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%93%91%E9%93%B6%E4%B8%8D%E5%B9%B2%E8%83%B6/%E5%93%91%E9%87%91%E4%B8%8D%E5%B9%B2%E8%83%B6%E5%8D%B01%E8%89%B2.jpg", "https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%93%91%E9%93%B6%E4%B8%8D%E5%B9%B2%E8%83%B6/%E5%93%91%E9%93%B6%E4%B8%8D%E5%B9%B2%E8%83%B6%E5%8A%A0%E5%87%B9%E5%87%B8.jpg"],
+  },
+  {
+    name: "书写纸不干胶",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E4%B9%A6%E5%86%99%E7%BA%B8%E4%B8%8D%E5%B9%B2%E8%83%B6.jpeg"],
+  },
+  {
+    name: "银平光",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-银平光.jpg"],
+  },
+  {
+    name: "拉丝金",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-拉丝金.jpg"],
+  },
+  {
+    name: "拉丝银",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-拉丝银.jpg", "https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-拉丝银 (2).jpg"],
+  },
+  {
+    name: "美纹纸",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/不干胶-美纹纸.jpg"],
+  },
+  {
+    name: "PP合成纸",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/PP%E5%90%88%E6%88%90%E7%BA%B8.png"],
+  },
+  {
+    name: "易碎纸不干胶",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20210722/易碎贴.jpg", "https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E6%98%93%E7%A2%8E%E7%BA%B8%E4%B8%8D%E5%B9%B2%E8%83%B6.jpg"],
+  },
+  {
+    name: "刚古水纹超白",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20220323/刚古水纹超白.png"],
+  },
+  {
+    name: "红底散金",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20220323/红底散金.png"],
+  },
+  {
+    name: "布纹纸超白",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20220323/布纹纸超白.png"],
+  },
+  {
+    name: "珠光超白",
+    images: ["https://offer.lingtao8.com/upImg/upload/product/20220323/珠光超白.png"],
+  },
+  {
+    name: "10C静电膜",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/10C%E9%9D%99%E7%94%B5%E8%86%9C.png"],
+  },
+  {
+    name: "树纹纸",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/swz/%E6%BF%80%E5%87%B8.png"],
+  },
+  {
+    name: "草香纸/大地纸",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%A4%A7%E5%9C%B0%E7%BA%B8%E6%BF%80%E5%87%B8.png"],
+  },
+  {
+    name: "单防热敏纸（底纸白色）",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E5%8D%95%E9%98%B2%E7%83%AD%E6%95%8F%E7%BA%B8%EF%BC%88%E5%BA%95%E7%BA%B8%E7%99%BD%E8%89%B2%EF%BC%89.png"],
+  },
+  {
+    name: "三防热敏纸（底纸蓝色）",
+    images: ["https://ltcloudfile.oss-cn-hangzhou.aliyuncs.com/price_img/20240229/%E4%B8%89%E9%98%B2%E7%83%AD%E6%95%8F%E7%BA%B8%EF%BC%88%E5%BA%95%E7%BA%B8%E8%93%9D%E8%89%B2%EF%BC%89.png"],
+  },
 ];
 
 const craftMap = {
@@ -81,32 +156,25 @@ const craftMap = {
 };
 const currentCraftComponent = shallowRef(null);
 const componentRef = ref(null);
-
-const handlesave = () => {
-  console.log(data.value);
-  if (typeof componentRef.value?.verifyCraftData === "function") {
-    let { valid, message } = componentRef.value.verifyCraftData();
-    if (!valid) {
-      console.error("工艺数据验证失败:", message);
-      return;
-    }
-  }
-};
+const images = ref([]);
+const remark = ref("");
 const data = ref({
   types: "常用种类",
   material: "",
-  size: [],
+  length: null,
+  width: null,
   count: null,
   number: 1,
   customerWw: "",
-  craft: [],
+  crafts: [],
 });
 
 watch(
   () => data.value.material,
   (mat) => {
+    handleGetImages(mat);
     currentCraftComponent.value = craftMap[mat] || null;
-    data.value.craft = [];
+    data.value.crafts = [];
   },
 );
 
@@ -114,14 +182,56 @@ const handleChange = (val) => {
   const initData = {
     types: val,
     material: "",
-    size: [],
+    length: null,
+    width: null,
     count: null,
     number: 1,
     customerWw: "",
-    craft: [],
+    crafts: [],
   };
   data.value = initData;
 };
+
+const handleGetImages = (name) => {
+  images.value = [];
+  if (name) {
+    let item = materials.find((item) => item.name === name) || {
+      images: [],
+    };
+    images.value = item.images;
+  } else {
+    materials.forEach((item) => {
+      images.value.push(...item.images);
+    });
+  }
+  remark.value = materials.find((item) => item.name === name)?.remark || "";
+};
+
+const handleVerifyCraftData = (callback) => {
+  if (data.value.material == "") {
+    callback({ valid: false, message: "请选择材质" });
+    return;
+  }
+  if (!data.value.width) {
+    callback({ valid: false, message: "请输入宽度" });
+    return;
+  }
+  if (!data.value.length) {
+    callback({ valid: false, message: "请输入长度" });
+    return;
+  }
+  if (!data.value.count) {
+    callback({ valid: false, message: "请输入数量" });
+    return;
+  }
+  if (typeof componentRef.value?.verifyCraftData === "function") {
+    let { valid, message } = componentRef.value.verifyCraftData();
+    callback({ valid, message });
+    return;
+  }
+  callback({ valid: true, message: "工艺数据验证通过" });
+};
+handleGetImages();
 </script>
 <style lang="scss" scoped>
 .el-form-item--default {
@@ -130,7 +240,6 @@ const handleChange = (val) => {
 .container {
   margin: 0 20px;
   display: flex;
-  flex-direction: column;
 }
 .form-title {
   display: block;
@@ -138,4 +247,10 @@ const handleChange = (val) => {
   font-size: 16px;
   margin-bottom: 5px;
 }
+.left-info {
+  flex: 1;
+}
+.right-image {
+  flex: 1;
+}
 </style>