新增拍立得

src/main/java/lingtao/net/controller/ProductController.java

@@ -497,8 +497,7 @@ public class ProductController {
      * 根据用户搜索的产品名称获取产品
      */
     @RequestMapping(value = "/getSearchPro")
-    public List<SysDictSearchPro> searchPro(@RequestParam("likeProTypeLabel") String likeProTypeLabel)
+    public List<SysDictSearchPro> searchPro(@RequestParam("likeProTypeLabel") String likeProTypeLabel) throws Exception {
-            throws Exception {
         List<SysDictSearchPro> proList = productService.searchPro(likeProTypeLabel);
         return proList;
     }

src/main/java/lingtao/net/controller/SysPermissionController.java

@@ -4,6 +4,7 @@ import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
 
+import lingtao.net.bean.SysUser;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.RequestMapping;
@@ -12,31 +13,40 @@ import org.springframework.web.bind.annotation.ResponseBody;
 import lingtao.net.bean.SysPermission;
 import lingtao.net.service.SysPermissionService;
 
+import javax.servlet.http.HttpServletRequest;
+
 @RequestMapping("/sysPermission")
 @Controller
 public class SysPermissionController {
 
-	@Autowired
+    @Autowired
-	private SysPermissionService sysPermissionService;
+    private SysPermissionService sysPermissionService;
 
-	@RequestMapping("/index")
+    @RequestMapping("/index")
-	public String index() throws Exception {
+    public String index() throws Exception {
-		return "system/permission/index";
+        return "system/permission/index";
-	}
+    }
 
-	@RequestMapping("/parentList")
+    @RequestMapping("/parentList")
-	@ResponseBody
+    @ResponseBody
-	public List<SysPermission> parentList() {
+    public List<SysPermission> parentList() {
-		return sysPermissionService.getParentPers();
+        return sysPermissionService.getParentPers();
-	}
+    }
 
-	@RequestMapping("/list")
+    @RequestMapping("/persByUserId")
-	@ResponseBody
+    @ResponseBody
-	public Map<String, Object> list() throws Exception {
+    public List<SysPermission> persByUserId(HttpServletRequest request) {
-		Map<String, Object> map = new HashMap<>();
+        SysUser user = (SysUser) request.getSession().getAttribute("USER_SESSION");
-		map.put("code", 0);
+        return sysPermissionService.getPersByUserId(user.getUserId());
-		map.put("msg", null);
+    }
-		map.put("data", sysPermissionService.getAll());
+
-		return map;
+    @RequestMapping("/list")
-	}
+    @ResponseBody
+    public Map<String, Object> list() throws Exception {
+        Map<String, Object> map = new HashMap<>();
+        map.put("code", 0);
+        map.put("msg", null);
+        map.put("data", sysPermissionService.getAll());
+        return map;
+    }
 }

src/main/java/lingtao/net/vo/ShengDaPriceNoPartsRequstVo.java

@@ -19,6 +19,7 @@ public class ShengDaPriceNoPartsRequstVo {
     private String doubleSideType;
     private Double height;
     private Double width;
+    private Double thickness;
     private Integer printSide;
     private Integer styleNum;
 }

src/main/resources/mapper/SysPermissionMapper.xml

@@ -55,6 +55,6 @@
 		    		select roleId from tbl_sys_user_role where userId = #{userId}
 		   		)
 		  ) 
-		  ORDER BY orderNo ASC,parentId ASC;
+		  ORDER BY orderNo ASC,parentId ASC,perId ASC;
     </select>
 </mapper>

src/main/webapp/views/main.jsp

@@ -453,8 +453,8 @@
             <input type="hidden" id="search-url">
             <!-- 答题通过显示 -->
             <c:if test="${sessionScope.USER_SESSION.sysStatus == 2}">
-                <input type="text" name="proTypeLabel" id="proTypeLabel" style="width:350px;"
+                <input type="text" name="proTypeLabel" id="proTypeLabel" style="width:350px;" autocomplete="on" placeholder="搜索产品名称"
-                       autocomplete="on" placeholder="搜索产品名称" class="layui-input search">
+                       class="layui-input search">
                 <button type="button" onclick="searching()" class="layui-btn layui-btn-normal search">搜索</button>
             </c:if>
         </div>
@@ -701,54 +701,43 @@
         requestAnimationFrame(cartoon);//递归调用动画效果;
     }
 
+    let permissionList = [];
+    let selectPermission = {}
+
     /* } */
-
+    function debounce(fn, delay) {
-
+        let timer = null;
-    // 搜索菜单
+        return function (...args) {
-    $("#proTypeLabel").autocomplete({
+            clearTimeout(timer);
-        // 通过函数自定义处理数据源
+            timer = setTimeout(() => {
-        source: function (request, response) {
+                fn.apply(this, args);
-            // request对象只有一个term属性，对应用户输入的文本
+            }, delay);
-            // response是一个函数，在你自行处理并获取数据后，将JSON数据交给该函数处理，以便于autocomplete根据数据显示列表
-            $.ajax({
-                url: '${pageContext.request.contextPath}/getSearchPro',
-                dataType: 'json',
-                data: {
-                    'likeProTypeLabel': $("#proTypeLabel").val(),
-                },
-                success: function (dataObj) {
-                    var data = []
-                    for (var i = 0; i < dataObj.length; i++) {
-                        var data1 = {}
-                        //data.push(dataObj[i].proTypeLabel)
-                        data1.label = dataObj[i].proTypeLabel
-                        data1.value = dataObj[i].proTypeLabel
-                        data1.url = dataObj[i].url
-                        data.push(data1)
-                    }
-                    response(data); //将数据交给autocomplete去展示
-                }
-            });
-        },
-        // 选中菜单事件
-        select: function (event, ui) {
-            $("#search-url").val(ui.item.url);
-        },
-        _resizeMenu: function () {
-            this.menu.element.outerWidth(500);
         }
-    });
+    }
 
+    var active = {}
 
-    // 搜索菜单
     function searching() {
-        var proTypeLabel = $("#proTypeLabel").val();
+        let ui = selectPermission;
-        var url = $("#search-url").val();
+        if ($(".layui-tab-title li[lay-id]").length <= 0) {
-        if (url == '') {
+            //如果比零小，则直接打开新的tab项
-            return false;
+            active.tabAdd(ui.item.url, ui.item.id, ui.item.title);
+        } else {
+            //否则判断该tab项是否以及存在
+            var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
+            $.each($(".layui-tab-title li[lay-id]"), function () {
+                //如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
+                if ($(this).attr("lay-id") == ui.item.id) {
+                    isData = true;
+                }
+            })
+            if (isData == false) {
+                //标志为false 新增一个tab项
+                active.tabAdd(ui.item.url, ui.item.id, ui.item.title);
+            }
         }
-        //var address = $(this).attr("data-src");
+        //最后不管是否新增tab，最后都转到要打开的选项页面上
-        $("iframe").attr("src", url);
+        active.tabChange(ui.item.id);
     }
 
     //JavaScript代码区域
@@ -761,7 +750,7 @@
 
 
         // 动态添加选项卡，关闭选项卡
-        var active = {
+        active = {
             //在这里给active绑定几项事件，后面可通过active调用这些事件
             tabAdd: function (url, id, name) {
                 //新增一个Tab项 传入三个参数，分别对应其标题，tab页面的地址，还有一个规定的id，是标签中data-id的属性值
@@ -797,6 +786,52 @@
             }
         };
 
+
+        // 搜索菜单
+        $("#proTypeLabel").autocomplete({
+            // 通过函数自定义处理数据源
+            source: debounce(function (request, response) {
+                let val = $("#proTypeLabel").val();
+                let list = []
+                permissionList.forEach(item => {
+                    if (item.title.indexOf(val) >= 0) {
+                        list.push({...item, label: item.title})
+                    }
+                })
+                response(list);
+            }, 300),
+            // 选中菜单事件
+            select: function (event, ui) {
+                selectPermission = ui;
+                if ($(".layui-tab-title li[lay-id]").length <= 0) {
+                    //如果比零小，则直接打开新的tab项
+                    active.tabAdd(ui.item.url, ui.item.id, ui.item.title);
+                } else {
+                    //否则判断该tab项是否以及存在
+                    var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
+                    $.each($(".layui-tab-title li[lay-id]"), function () {
+                        //如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
+                        if ($(this).attr("lay-id") == ui.item.id) {
+                            isData = true;
+                        }
+                    })
+                    if (isData == false) {
+                        //标志为false 新增一个tab项
+                        active.tabAdd(ui.item.url, ui.item.id, ui.item.title);
+                    }
+                }
+                //最后不管是否新增tab，最后都转到要打开的选项页面上
+                active.tabChange(ui.item.id);
+            },
+            _resizeMenu: function () {
+                this.menu.element.outerWidth(500);
+            }
+        });
+
+
+        // 搜索菜单
+
+
         //当点击有site-demo-active属性的标签时，即左侧菜单栏中内容 ，触发点击事件
         $('.site-demo-active').on('click', function () {
             var dataid = $(this);
@@ -1033,6 +1068,20 @@
                 }
             })
         })
+        let baseUrl = `${pageContext.request.contextPath}`;
+        $(document).ready(function () {
+            $.ajax({
+                url: "${pageContext.request.contextPath}/sysPermission/persByUserId",
+                type: "get",
+                success: function (obj) {
+                    if (obj != null) {
+                        obj.forEach(item => {
+                            permissionList.push({url: baseUrl + "/" + item.url, id: item.perName, title: item.perName})
+                        })
+                    }
+                }
+            })
+        })
     })
 </script>
 </body>

src/main/webapp/views/product/beachFlag.jsp

@@ -0,0 +1,334 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">沙滩旗</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="沙滩旗"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="0">110克经编布</option>
+                    <option value="1">75克双透彩旗</option>
+                    <option value="2">240克旗帜双面喷夹黑布</option>
+                </select>
+            </div>
+
+            <p>
+                尺寸(CM/厘米) <span style="color:red;font-weight:700;">旗杆尺寸：<span id="qigan">2.8m</span></span>
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <select class="layui-form-select" name="size" lay-filter="size">
+                    <option value="50*200">50*200cm</option>
+                    <option value="60*240">60*240cm</option>
+                    <option value="70*340">70*340cm</option>
+                    <option value="80*410">80*410cm</option>
+                </select>
+            </div>
+            <p>
+                数量(个)
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="diyCount" placeholder="请输入整数" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
+            </div>
+            <p>
+                工艺 <span style="color:red;font-weight:700;">整套配件：旗杆，底座，水袋，旗面</span>
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    形状：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="刀型" title="刀型" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="水滴型" title="水滴型">
+                </div>
+                <div class="layui-input-block ">
+                    裁切工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切" checked>
+                </div>
+                <div class="layui-input-block ">
+                    常见工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="缝筒" title="缝筒" checked>
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+        form.on("select(size)", function (data) {
+            let html = "2.8米"
+            if (data.value == "50*200") {
+                html = "2.8米"
+            }
+            if (data.value == "60*240") {
+                html = "3.4米"
+            }
+            if (data.value == "70*340") {
+                html = "4.5米"
+            }
+            if (data.value == "80*410") {
+                html = "5.5米"
+            }
+
+            $("#qigan").text(html);
+        })
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("模切")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("裁切工艺不能取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            if (!craft_list.includes("缝筒")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("常见工艺不能取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list1 = ["刀型", "水滴型"];
+
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("形状工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("select[name='size'] option:selected").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+                    let material = $("select[name='kind'] option:selected").text();
+
+                    var span_result = '沙滩旗 - ' + material + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/biteBadge.jsp

@@ -0,0 +1,336 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">吧唧徽章</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="吧唧徽章"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="吧唧徽章">吧唧徽章</option>
+                </select>
+            </div>
+            <p>
+                颜色
+            </p>
+            <div class="layui-form-item">
+                <select name="kind2Value" class="select" lay-search lay-filter="kind">
+                    <option value="白底">白底</option>
+                    <option value="拉丝银">拉丝银</option>
+                    <option value="镭射素面银">镭射素面银</option>
+                    <option value="玻璃碎">玻璃碎</option>
+                    <option value="镭射乱线">镭射乱线</option>
+                    <option value="镭射小米点银">镭射小米点银</option>
+                    <option value="镭射马赛克">镭射马赛克</option>
+                    <option value="镭射银丝">镭射银丝</option>
+                    <option value="白瓷">白瓷</option>
+                    <option value="闪粉色">闪粉色</option>
+                    <option value="高闪白">高闪白</option>
+                    <option value="白葱">白葱</option>
+                    <option value="七彩白">七彩白</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <select name="size" class="layui-form-select">
+                    <option value="5.8*5.8">5.8*5.8CM</option>
+                    <option value="7.5*7.5">7.5*7.5CM</option>
+                    <option value="5*5">5*5CM</option>
+                </select>
+            </div>
+            <p>
+                数量(个)
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="diyCount" placeholder="请输入整数" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                </div>
+                <div class="layui-input-block ">
+                    常见工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="别针" title="别针" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="磁吸" title="磁吸">
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("单面")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("印面工艺不能取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            let size = $("select[name='size'] option:selected").val();
+            if (size != '5.8*5.8' && craft_list.includes("磁吸")) {
+                $(data.elem).prop("checked", false);
+                layer.msg("5.8*5.8才能选择磁吸工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+
+            const carft_list1 = ["别针", "磁吸"];
+
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("别针-磁吸不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("select[name='size'] option:selected").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            let material = $("select[name='kind2Value'] option:selected").val();
+            craft.push(material);
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+
+                    var span_result = '吧唧徽章 - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/coupon.jsp

@@ -1007,6 +1007,14 @@
                                        style="width: 70px"/>
                             </div>
                         </div>
+                        <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="红白格丝带"
+                               title="红白格丝带">
+                        <div class="layui-inline select_sidai" style="width: 110px;display: none">
+                            <select class="select" name="craft" disabled>
+                                <option value="配红白格丝带">配红白格丝带</option>
+                                <option value="穿红白格丝带">穿红白格丝带</option>
+                            </select>
+                        </div>
                     </div>
                 </form>
             </div>
@@ -1405,6 +1413,8 @@
                 $("#peijian_ui .gscolor select").prop("disabled", true);
                 $("#peijian_ui .select_nilongshen").hide();
                 $("#peijian_ui .select_nilongshen select").prop("disabled", true);
+                $("#peijian_ui .select_sidai").hide();
+                $("#peijian_ui .select_sidai select").prop("disabled", true);
                 $("#peijian_ui .select_liusu").hide();
                 $("#peijian_ui .select_liusu select").prop("disabled", true);
                 $("#peijian_ui .opp").hide();
@@ -1527,6 +1537,17 @@
                         $("#peijian_ui .select_nilongshen select").prop("disabled", true);
                     }
                 }
+                if (data.value == "红白格丝带") {
+                    if ($(data.elem).is(":checked")) {
+                        $("#peijian_ui .select_sidai").show();
+                        $("#peijian_ui .select_sidai select").prop("disabled", false);
+                        getProductImage('红白格丝带');
+                    } else {
+                        $("#peijian_ui .select_sidai").hide();
+                        $("#peijian_ui .select_sidai select").prop("disabled", true);
+                        getProductImage('');
+                    }
+                }
                 if (data.value == "配弹力绳" || data.value == "配弹力绳捆") {
                     if ($(data.elem).is(":checked")) {
                         $("#peijian_ui .tscolor").show();
@@ -1635,7 +1656,6 @@
                     $("#z4_craft").show();
                     $("#peijian_ui").show();
                     $("#z4_craft").find(":input").attr("disabled", false);
-                    $("#peijian_ui").find(":input").attr("disabled", false);
                     $("#z4_craft .ui_double_fm").prop("checked", true);
                     $('.ui_fm_l').find(":input").prop('checked', false);
                     $('.ui_fm_l input[value="双面覆哑膜"]').prop('checked', true);
@@ -3626,6 +3646,10 @@
                             arr.push($(".select_nilongshen select[name='craft'] option:selected").val() + "-" + $("select[name='shen_color'] option:selected").val())
                             return;
                         }
+                        if ($(this).val() === '红白格丝带') {
+                            arr.push($(".select_sidai select[name='craft'] option:selected").val())
+                            return;
+                        }
                         if ($(this).val() === '配尼龙绳' || $(this).val() === '穿尼龙绳') {
                             let shenColor = $("select[name='shen_color'] option:selected").val();
                             if (couponKind == "少数量") {

src/main/webapp/views/product/dipping.jsp

@@ -0,0 +1,321 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">滴胶转印贴</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="滴胶转印贴"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="滴胶">滴胶</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+            </p>
+
+            <div class="layui-form-item">
+                <input type="text" name="size" id="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                数量（个）
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="count" placeholder="请输入整数" class="layui-input">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                </div>
+                <div class="layui-input-block ">
+                    裁切：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切" checked>
+                </div>
+                <div class="layui-input-block ">
+                    底色：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="透明底" title="透明底" checked>
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("单面")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("印面工艺无法取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            if (!craft_list.includes("模切")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("裁切工艺无法取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            if (!craft_list.includes("透明底")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("底色工艺无法取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("#size").val();
+            var count = $("#count").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            // if ((size.split("*")[0] < 11 || size.split("*")[1] < 11) && (size.split("*")[0] < 11 || size.split("*")[1] < 11)) {
+            //     layer.msg('最小尺寸不能小于11*11cm！', {offset: ['300px', '300px']}, {icon: 5});
+            //     return false;
+            // }
+
+            if ((size.split("*")[0] > 29 || size.split("*")[1] > 40) && (size.split("*")[0] > 40 || size.split("*")[1] > 29)) {
+                layer.msg("最大尺寸不能超过29*40cm", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+                    let kind = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '滴胶转印贴 - ' + kind + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/floorMat.jsp

@@ -0,0 +1,401 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">地垫</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="地垫"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="4mm双层科技绒">4mm双层科技绒</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+                <span>
+                    <input type="checkbox" name="switchSize" lay-filter="switchSize" title="自定义尺寸">
+                </span>
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <select name="size" class="select" id="size">
+                    <option value="40*60">40*60（方形）</option>
+                    <option value="40*60">40*60（云朵）</option>
+                    <option value="40*60">40*60（椭圆）</option>
+                    <option value="50*80">50*80（方形）</option>
+                </select>
+            </div>
+            <div class="layui-form-item" style="display: none">
+                <input type="text" name="size" id="diySize" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
+            </div>
+            <div class="layui-form-item">
+                <div class="layui-form-item layui-input-inline">
+                    <p>
+                        数量(个)
+                    </p>
+                    <div class="layui-form-item" style="width: 200px">
+                        <select id="count_select" lay-filter="count_select" class="select">
+                            <option value="1">1</option>
+                            <option value="5">5</option>
+                            <option value="10">10</option>
+                            <option value="20">20</option>
+                            <option value="50">50</option>
+                            <option value="100">100
+                            <option>
+                        </select>
+                    </div>
+                </div>
+                <div class=" layui-input-inline">
+                    <p>
+                        自定义数量
+                    </p>
+                    <div class="layui-form-item" style="width: 500px">
+                        <input type="text" name="count" id="count" value="1" class="layui-input">
+                    </div>
+                </div>
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                </div>
+                <div class="layui-input-block ">
+                    裁切：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="直角" title="直角" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="圆角" title="圆角">
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="异形" title="异形">
+                </div>
+                <div class="layui-input-block ">
+                    锁边：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="不锁边" title="不锁边" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="精密锁边" title="精密锁边">
+                </div>
+                <div class="layui-input-block ">
+                    配件：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="OPP袋" title="OPP袋" checked>
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("单面")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("印面工艺无法取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list1 = ["直角", "圆角", "异形"];
+
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("裁切工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list2 = ["异形", "精密锁边"];
+
+            const carft2 = carft_list2.filter(craft => craft_list.includes(craft));
+            if (carft2.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("异形工艺无法锁边", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list3 = ["不锁边", "精密锁边"];
+
+            const carft3 = carft_list3.filter(craft => craft_list.includes(craft));
+            if (carft3.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("锁边工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        form.on('checkbox(switchSize)', function (data) {
+            $("#diySize").parent().hide()
+            $("#size").parent().show()
+            $("#size").attr("disabled", false);
+            $("#diySize").attr("disabled", true);
+            if (data.elem.checked) {
+                $("#diySize").parent().show()
+                $("#size").parent().hide()
+                $("#size").attr("disabled", true);
+                $("#diySize").attr("disabled", false);
+            }
+            form.render();
+        })
+
+        form.on("select(count_select)", function (val) {
+            $("#count").val(val.value);
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("#size").val();
+            let switchSize = $("input[name='switchSize']:checked").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+            if(switchSize){
+                size = $("input[name='size']").val()
+            }
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            if ((size.split("*")[0] < 11 || size.split("*")[1] < 11) && (size.split("*")[0] < 11 || size.split("*")[1] < 11)) {
+                layer.msg('最小尺寸不能小于11*11cm！', {offset: ['300px', '300px']}, {icon: 5});
+                return false;
+            }
+
+            if ((size.split("*")[0] > 300 || size.split("*")[1] > 150) && (size.split("*")[0] > 150 || size.split("*")[1] > 300)) {
+                layer.msg("最大尺寸不能超过300*150cm", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+                    let kind = $("select[name='kind'] option:selected").val();
+
+                    if(!switchSize){
+                        size = $("select[name='size'] option:selected").text()
+                    }
+
+                    var span_result = '地垫 - ' + kind + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/fridgeMagnet.jsp

@@ -104,6 +104,19 @@
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="打孔" title="打孔">
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="带透明边" title="带透明边">
                 </div>
+                <div class="layui-input-block rotation">
+                    旋转工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="二层旋转" title="二层旋转">
+                    <span class="layui-inline tow" style="width: 140px;display: none">
+                        <input name="lengthSize" placeholder="长边(CM)" type="text" class="layui-input" style="width: 50px;display: inline" disabled/>x
+                        <input name="widthSize" placeholder="短边(CM)" type="text" class="layui-input" style="width: 50px;display: inline" disabled/>CM
+                    </span>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="三层旋转" title="三层旋转">
+                    <span class="layui-inline three" style="width: 140px;display: none">
+                        <input name="lengthTang" placeholder="长边(CM)" type="text" class="layui-input" style="width: 50px;display: inline" disabled/>x
+                        <input name="widthTang" placeholder="短边(CM)" type="text" class="layui-input" style="width: 50px;display: inline" disabled/>CM
+                    </span>
+                </div>
                 <div style="font-size: 14px; color: red">现货背卡尺寸：115*95mm</div>
                 <div class="layui-input-block">
                     背纸工艺：
@@ -138,7 +151,6 @@
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="背卡异形模切" title="异形模切" disabled>
                 </div>
                 <div class="layui-input-block xhbeika" style="display: none">
-
                     背纸颜色:
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="红色款" title="红色款" checked disabled>
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="黄色款" title="黄色款" disabled>
@@ -197,6 +209,9 @@
 
         // 清空轮播图
         function getImages() {
+            html = " ";
+            remark = " ";
+            ins = carousel.render({});
             $("#carousel").empty();
             $("#remark").empty();
             $(".ui_feb").show();
@@ -251,6 +266,8 @@
             $("input[name='craft'][value='现货背卡']").parent().hide();
             $("input[name='craft'][value='现货背卡']").find("input").prop("disabled", true);
             $("#craft_tip").hide();
+            $(".rotation").show()
+            $(".rotation").find("input").prop("disabled", false)
             if (kindValue == "对联冰箱贴") {
                 $("input[name='craft'][value='现货背卡']").parent().show();
                 $("input[name='craft'][value='现货背卡']").find("input").prop("disabled", false);
@@ -267,6 +284,12 @@
                 $(".xhbeika").show();
                 $(".xhbeika").find("input").prop("disabled", false)
                 $("#craft_tip").show();
+                $(".tow").hide()
+                $(".tow").find("input").prop("disabled", true)
+                $(".three").hide()
+                $(".three").find("input").prop("disabled", true)
+                $(".rotation").hide()
+                $(".rotation").find("input").prop("disabled", true)
             }
             $("#cailiao").empty();
             $("#cailiao").append(cailiaoHtml);
@@ -320,6 +343,7 @@
                 form.render();
                 return false;
             }
+
             const carft3 = carft_list3.filter(craft => craft_list.includes(craft));
             if (carft3.length > 1) {
                 $(data.elem).prop("checked", false);
@@ -336,6 +360,23 @@
                 form.render();
                 return false;
             }
+
+
+            if (craft_list.includes("CNC") && (craft_list.includes("二层旋转") || craft_list.includes("三层旋转"))) {
+                $(data.elem).prop("checked", false);
+                layer.msg("CNC - 旋转 无法同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+
+            if (!craft_list.includes("二层旋转") && craft_list.includes("三层旋转")) {
+                $(data.elem).prop("checked", false);
+                layer.msg("请先选择二层旋转", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
             if (data.value == "背卡") {
                 $(".beika").hide();
                 $(".beika").find("input").prop("disabled", true)
@@ -368,6 +409,22 @@
                     $(".crop").find("input").prop("disabled", false)
                 }
             }
+            if (data.value == '二层旋转') {
+                $(".tow").hide();
+                $(".tow").find("input").prop("disabled", true)
+                if (data.elem.checked) {
+                    $(".tow").show();
+                    $(".tow").find("input").prop("disabled", false)
+                }
+            }
+            if (data.value == '三层旋转') {
+                $(".three").hide();
+                $(".three").find("input").prop("disabled", true)
+                if (data.elem.checked) {
+                    $(".three").show();
+                    $(".three").find("input").prop("disabled", false)
+                }
+            }
             form.render();
         })
 
@@ -412,6 +469,10 @@
                         craft.push($(this).val().replace("背卡", ""));
                     } else if ($(this).val() == "抠图") {
                         craft.push($(this).val() + $("input[name='cropNumber']").val());
+                    } else if ($(this).val() == "二层旋转") {
+                        craft.push($(this).val() + $("input[name='lengthSize']").val() + "*" + $("input[name='widthSize']").val() + "CM");
+                    } else if ($(this).val() == "三层旋转") {
+                        craft.push($(this).val() + $("input[name='lengthTang']").val() + "*" + $("input[name='widthTang']").val() + "CM");
                     } else {
                         craft.push($(this).val());
                     }

src/main/webapp/views/product/handBag.jsp

@@ -124,6 +124,7 @@
                         <option value="1">21*27*11CM</option>
                         <option value="2">24*24*15CM</option>
                         <option value="3">26*26*17CM</option>
+                        <option value="4">30*30*20CM</option>
                     </select>
                 </div>
                 <p>
@@ -562,7 +563,7 @@
                 }
             }
             $(".lbstd select[name='count']").empty().append(html)
-            $(".lbstd select[name='kind2Value']").empty().append(sizeHtml)
+            //$(".lbstd select[name='kind2Value']").empty().append(sizeHtml)
             form.render();
         })
         // 自定义数量

src/main/webapp/views/product/holdSign.jsp

@@ -0,0 +1,296 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">手举牌</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="手举牌"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="pvc雪弗板">pvc雪弗板</option>
+                </select>
+            </div>
+
+            <p>
+                尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <input type="text" name="size" id="size" placeholder="请输入格式:长*宽" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                数量(个)
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="diyCount" placeholder="请输入整数" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("单面")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("印面工艺不能取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("#size").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            if ((size.split("*")[0] < 10 || size.split("*")[1] < 10)) {
+                layer.msg("尺寸不能小于10*10 cm", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+                    let kind = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '手举牌 - ' + kind + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/nonwovens.jsp

@@ -0,0 +1,496 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">无纺布手提袋</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="无纺布手提袋"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="100克无纺布">100克无纺布</option>
+                    <option value="80克无纺布">80克无纺布</option>
+                </select>
+            </div>
+            <p>
+                颜色
+            </p>
+            <div class="layui-form-item">
+                <select name="kind2Value" class="select" lay-search lay-filter="kind2Value">
+                    <option value="100克新料001大红布">大红布</option>
+                    <option value="100克新料003宝蓝布">宝蓝布</option>
+                    <option value="100克新料004翠绿布">翠绿布</option>
+                    <option value="100克新料005桔黄布">桔黄布</option>
+                    <option value="100克新料006彩蓝布">彩蓝布</option>
+                    <option value="100克新料011白色布">白色布</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item">
+                <select name="size" class="layui-form-select">
+                    <option value="35*26*10">竖版高350X宽260X侧厚100MM</option>
+                    <option value="35*30*10">竖版高350X宽300X侧厚100MM</option>
+                    <option value="40*30*10">竖版高400X宽300X侧厚100MM</option>
+                    <option value="40*35*10">竖版高400X宽350X侧厚100MM</option>
+                    <option value="30*35*10">横版高300X宽350X侧厚100MM</option>
+                    <option value="30*40*10">横版高300X宽400X侧厚100MM</option>
+                    <option value="35*40*10">横版高350X宽400X侧厚100MM</option>
+                    <option value="34*45*12">横版高340X宽450X侧厚120MM</option>
+                </select>
+            </div>
+            <p>
+                数量(个)
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="diyCount" placeholder="请输入整数" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面" title="双面">
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="空白袋" title="空白袋">
+                </div>
+                <div class="layui-input-block ">
+                    内容颜色：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="印刷内容颜色" title="印刷内容颜色" checked>
+                    <div class="layui-inline" style="width: 120px;">
+                        <select name="tcolor" class="layui-form-select">
+                            <option value="白色字">白色字</option>
+                            <option value="黑色字">黑色字</option>
+                            <option value="黄色字">黄色字</option>
+                            <option value="桔黄色字">桔黄色字</option>
+                            <option value="果绿色字">果绿色字</option>
+                            <option value="彩蓝色字">彩蓝色字</option>
+                            <option value="深蓝色字">深蓝色字</option>
+                            <option value="棕色字">棕色字</option>
+                        </select>
+                    </div>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="增加印刷内容颜色" title="增加印刷内容颜色">
+                    <div class="layui-inline" style="width: 120px;display: none">
+                        <select name="shen_color" class="layui-form-select">
+                            <option value="白色字">白色字</option>
+                            <option value="黑色字">黑色字</option>
+                            <option value="大红色字">大红色字</option>
+                            <option value="黄色字">黄色字</option>
+                            <option value="桔黄色字">桔黄色字</option>
+                            <option value="果绿色字">果绿色字</option>
+                            <option value="翠绿色字">翠绿色字</option>
+                            <option value="彩蓝色字">彩蓝色字</option>
+                            <option value="深蓝色字">深蓝色字</option>
+                            <option value="棕色字">棕色字</option>
+                            <option value="宝蓝色字">宝蓝色字</option>
+                            <option value="酒红色字">酒红色字</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="layui-input-block ">
+                    特殊效果：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="侧面印刷" title="侧面印刷">
+                </div>
+                <div class="layui-input-block ">
+                    配件：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="加暗扣" title="加暗扣">
+                    <div class="layui-inline" style="width: 120px;display: none">
+                        <select name="plantName" class="layui-form-select">
+                            <option value="白色扣">白色扣</option>
+                            <option value="黑色扣">黑色扣</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+        form.on("select(kind)", function (data) {
+
+            let html = `<option value="100克新料001大红布">大红布</option>
+                    <option value="100克新料003宝蓝布">宝蓝布</option>
+                    <option value="100克新料004翠绿布">翠绿布</option>
+                    <option value="100克新料005桔黄布">桔黄布</option>
+                    <option value="100克新料006彩蓝布">彩蓝布</option>
+                    <option value="100克新料011白色布">白色布</option>`;
+            if (data.value == '80克无纺布') {
+                html = `<option value="80克新料001大红布">大红布</option>
+                    <option value="80克新料002正黄布">正黄布</option>
+                    <option value="80克新料003宝蓝布">宝蓝布</option>
+                    <option value="80克新料004翠绿布">翠绿布</option>
+                    <option value="80克新料005桔黄布">桔黄布</option>
+                    <option value="80克新料006彩蓝布">彩蓝布</option>
+                    <option value="80克新料007枚红布">枚红布</option>
+                    <option value="80克新料008果绿布">果绿布</option>
+                    <option value="80克新料009棕色布">棕色布</option>
+                    <option value="80克新料010黑色布">黑色布</option>
+                    <option value="80克新料011白色布">白色布</option>
+                    <option value="80克新料012紫色布">紫色布</option>
+                    <option value="80克新料013天兰布">天兰布</option>
+                    <option value="80克新料014深蓝布">深蓝布</option>
+                    <option value="80克新料015米黄布">米黄布</option>
+                    <option value="80克新料016酒红布">酒红布</option>
+                    <option value="80克新料017墨绿布">墨绿布</option>
+                    <option value="80克新料018深灰布">深灰布</option>
+                    <option value="80克新料019浅灰布">浅灰布</option>
+                    <option value="80克新料020焦糖布">焦糖布</option>`;
+            }
+            $("select[name='kind2Value']").empty().append(html);
+            form.render();
+        })
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            const carft_list1 = ["单面", "双面", "空白袋"];
+
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("单面-双面-空白袋不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list2 = ["印刷内容颜色", "空白袋"];
+            const carft2 = carft_list2.filter(craft => craft_list.includes(craft));
+            if (carft2.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("印刷内容颜色-空白袋不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list3 = ["增加印刷内容颜色", "空白袋"];
+            const carft3 = carft_list3.filter(craft => craft_list.includes(craft));
+            if (carft3.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("增加印刷内容颜色-空白袋不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+
+            $("select[name='tcolor']").parent("div").hide()
+            $("select[name='tcolor']").attr('disabled', true);
+            if (craft_list.includes("印刷内容颜色")) {
+                $("select[name='tcolor']").parent("div").show()
+                $("select[name='tcolor']").attr('disabled', false);
+            }
+            $("select[name='shen_color']").parent("div").hide()
+            $("select[name='shen_color']").attr('disabled', true);
+            if (craft_list.includes("增加印刷内容颜色")) {
+                $("select[name='shen_color']").parent("div").show()
+                $("select[name='shen_color']").attr('disabled', false);
+            }
+            $("select[name='plantName']").parent("div").hide()
+            $("select[name='plantName']").attr('disabled', true);
+            if (craft_list.includes("加暗扣")) {
+                $("select[name='plantName']").parent("div").show()
+                $("select[name='plantName']").attr('disabled', false);
+            }
+
+
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("select[name='size'] option:selected").val();
+            var count = $("input[name='count']").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft_list = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    craft_list.push($(this).val());
+                }
+            });
+
+            const carft_list2 = ["印刷内容颜色", "空白袋"];
+            const carft2 = carft_list2.filter(craft => craft_list.includes(craft));
+            if (carft2.length == 0) {
+                layer.msg("印刷内容颜色-空白袋必须选择", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            if ($("input[name='craft'][value='印刷内容颜色']:is(:checked)").val() && $("input[name='craft'][value='增加印刷内容颜色']:is(:checked)").val()) {
+                if ($("select[name='tcolor'] option:selected").val() == $("select[name='shen_color'] option:selected").val()) {
+                    layer.msg("印刷内容颜色-增加印刷内容颜色不能一样", {offset: ['300px', '300px']}, function () {
+                    });
+                    return false;
+                }
+            }
+
+            let sizeList = ["40*35*10", "25*30*10", "30*35*10", "30*40*10", "35*40*10", "34*45*12", "40*32*10", "35*30*10"]
+            if (sizeList.includes(size)) {
+                if (!(Number(count) === 500 || (Number(count) >= 1000 && Number(count) <= 100000 && Number(count) % 500 === 0))) {
+                    layer.msg("数量限于500、1000、2000、3000、5000、10000、大于等于1000小于等于100000的且是500的倍数", {offset: ['300px', '300px']}, function () {
+                    });
+                    return false;
+                }
+            }
+            sizeList = ["35*26*10", "40*30*10"]
+            if (sizeList.includes(size)) {
+                if (!([100, 200, 300, 500].includes(Number(count)) || (Number(count) >= 1000 && Number(count) <= 100000 && Number(count) % 500 === 0))) {
+                    layer.msg("数量限于100、200、300、500、1000、2000、3000、5000、10000、大于等于1000小于等于100000的且是500的倍数", {offset: ['300px', '300px']}, function () {
+                    });
+                    return false;
+                }
+            }
+            if (kind == "100克无纺布") {
+                let sizeList = ["35*26*10", "35*30*10", "40*30*10"];
+                if (sizeList.includes(size)) {
+                    if (!(Number(count) % 500 === 0)) {
+                        layer.msg("数量限于大于等于500", {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                }
+            }
+
+            if (count < 500 && craft_list.includes("增加印刷内容颜色")) {
+                layer.msg("当数量为小于500时，工艺不能含增加印刷内容颜色", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            craft_list = []
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft_list.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else if ($(this).val() == "增加印刷内容颜色") {
+                        craft_list.push($("select[name='shen_color'] option:selected").val());
+                    } else if ($(this).val() == "印刷内容颜色") {
+                        craft_list.push($("select[name='tcolor'] option:selected").val());
+                    } else if ($(this).val() == "加暗扣") {
+                        craft_list.push($("select[name='plantName'] option:selected").val());
+                    } else {
+                        craft_list.push($(this).val());
+                    }
+                }
+            });
+            craft_list.push($("select[name='kind2Value'] option:selected").text())
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+                    let material = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '立牌 - ' + material + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft_list.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    })
+    ;
+</script>
+</html>

src/main/webapp/views/product/oilProofPaper.jsp

@@ -0,0 +1,354 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">防油纸袋</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="防油纸袋"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="60g黄牛皮纸">60g黄牛皮纸</option>
+                    <option value="60g白牛皮纸">60g白牛皮纸</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <input type="text" name="size" id="size" placeholder="请输入格式:长*宽" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                侧宽(CM/厘米) <span style="color:red;font-weight:700;">侧宽尺寸只能2-6cm之间</span>
+            </p>
+            <div class="layui-form-item" id="ui_xx">
+                <input type="text" name="xx" id="xx" placeholder="请输入侧宽" class="layui-input" autocomplete="off">
+            </div>
+            <div class="layui-form-item">
+                <div class="layui-form-item layui-input-inline">
+                    <p>
+                        数量(个)
+                    </p>
+                    <div class="layui-form-item" style="width: 200px">
+                        <select id="count_select" lay-filter="count_select" class="select">
+                            <option value="20000">20000</option>
+                            <option value="30000">30000</option>
+                            <option value="50000">50000</option>
+                            <option value="100000">100000</option>
+                            <option value="200000">200000</option>
+                        </select>
+                    </div>
+                </div>
+                <div class=" layui-input-inline">
+                    <p>
+                        自定义数量
+                    </p>
+                    <div class="layui-form-item" style="width: 500px">
+                        <input type="text" name="count" id="count" value="20000" class="layui-input">
+                    </div>
+                </div>
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面" title="双面">
+                </div>
+                <div class="layui-input-block ">
+                    印色：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单色" title="单色" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="两色" title="两色">
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="三色" title="三色">
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="四色" title="四色">
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+            const carft_list1 = ["单面", "双面"];
+
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("印面工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list2 = ["单色", "两色", "三色", "四色"];
+
+            const carft2 = carft_list2.filter(craft => craft_list.includes(craft));
+            if (carft2.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("印色工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        form.on("select(count_select)", function (val) {
+            $("#count").val(val.value);
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("#size").val();
+            let xxsize = $("input[name='xx']").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            if ((size.split("*")[0] < 10 || size.split("*")[1] < 8) && (size.split("*")[0] < 8 || size.split("*")[1] < 10)) {
+                layer.msg('最小尺寸不能小于10*8cm！', {offset: ['300px', '300px']}, {icon: 5});
+                return false;
+            }
+
+            if ((size.split("*")[0] > 30 || size.split("*")[1] > 22) && (size.split("*")[0] > 22 || size.split("*")[1] > 30)) {
+                layer.msg("最大尺寸不能超过30*22cm", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            if(xxsize < 2 || xxsize > 6){
+                layer.msg("侧宽尺寸只能2-6cm之间", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+                    let kind = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '防油纸袋 - ' + kind + ' - ' + size + '*' + xxsize + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/pegSolitaire.jsp

@@ -0,0 +1,408 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">扑克牌</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="扑克牌"/>
+
+            <div class="layui-form-item">
+                <input type="radio" name="kind2Value" lay-filter="kind2Value" value="合版" title="合版" checked>
+                <input type="radio" name="kind2Value" lay-filter="kind2Value" value="数码" title="数码">
+            </div>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="紫芯300克">紫芯300克</option>
+                    <option value="黑芯310克">黑芯310克</option>
+                </select>
+            </div>
+            <p>
+                牌芯尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <select name="xSize" class="layui-form-select">
+                    <option value="9.7*6">9.7*6cm</option>
+                </select>
+            </div>
+            <p>
+                牌盒子尺寸(CM/厘米)<span class="switchSize_layout"></spam><input type="checkbox" title="大牌盒" lay-filter="switchSize"
+                                                                          name="switchSize"></span>
+            </p>
+            <div class="layui-form-item">
+                <select name="size" class="layui-form-select">
+                    <option value="25.2*10.05">25.2*10.05cm</option>
+                </select>
+            </div>
+            <div class="layui-form-item size_layout" style="display: none">
+                <p>
+                    大牌盒子尺寸(CM/厘米)
+                </p>
+                <div class="layui-form-item">
+                    <select name="size1" class="layui-form-select">
+                        <option value="34.6*33.8">34.6*33.8cm</option>
+                        <option value="22.6*21.6">22.6*21.6cm</option>
+                        <option value="31.2*17.1">31.2*17.1cm</option>
+                    </select>
+                </div>
+            </div>
+            <div class="layui-form-item">
+                <div class="layui-form-item layui-input-inline">
+                    <p>
+                        数量(个)
+                    </p>
+                    <div class="layui-form-item" style="width: 200px">
+                        <select id="count_select" lay-filter="count_select" class="select">
+                            <option value="100">100</option>
+                            <option value="200">200</option>
+                            <option value="500">500</option>
+                            <option value="1000">1000</option>
+                            <option value="2000">2000</option>
+                            <option value="5000">5000</option>
+                            <option value="5000">5000</option>
+                            <option value="10000">10000</option>
+                            <option value="20000">20000</option>
+                            <option value="30000">30000</option>
+                            <option value="50000">50000</option>
+                            <option value="100000">100000</option>
+                        </select>
+                    </div>
+                </div>
+                <div class=" layui-input-inline">
+                    <p>
+                        自定义数量
+                    </p>
+                    <div class="layui-form-item" style="width: 500px">
+                        <input type="text" name="count" id="count" value="100" class="layui-input">
+                    </div>
+                </div>
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面" title="双面" checked>
+                </div>
+                <div class="layui-input-block ">
+                    裁切：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切" checked>
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+        form.on("checkbox(switchSize)", function (data) {
+            $(".size_layout").hide();
+            if ($(data.elem).is(":checked")) {
+                $(".size_layout").show();
+            }
+        })
+
+        form.on("radio(kind2Value)", function (data) {
+            $(".switchSize_layout").show();
+            $("input[name='switchSize']").prop("checked", false);
+            $(".size_layout").hide();
+            let html = `<option value="100">100</option>
+                            <option value="200">200</option>
+                            <option value="500">500</option>
+                            <option value="1000">1000</option>
+                            <option value="2000">2000</option>
+                            <option value="5000">5000</option>
+                            <option value="5000">5000</option>
+                            <option value="10000">10000</option>
+                            <option value="20000">20000</option>
+                            <option value="30000">30000</option>
+                            <option value="50000">50000</option>
+                            <option value="100000">100000</option>`;
+            $("#count").val(100);
+            let sizeHtml = `<option value="25.2*10.05">25.2*10.05cm</option>
+                    <option value="34.6*33.8">34.6*33.8cm</option>
+                    <option value="22.6*21.6">22.6*21.6cm</option>
+                    <option value="31.2*17.1">31.2*17.1cm</option>`;
+            if (data.value == "数码") {
+                $("#count").val(1);
+                $(".switchSize_layout").hide();
+                html = `<option value="1">1</option>
+                        <option value="10">10</option>
+                        <option value="50">50</option>
+                        <option value="100">100</option>
+                        <option value="200">200</option>
+                        <option value="300">300</option>
+                        <option value="400">400</option>`;
+                sizeHtml = `<option value="25.2*10.05">25.2*10.05cm</option>`;
+            }
+            $("#count_select").empty().append(html);
+            //$("select[name='size']").empty().append(sizeHtml);
+            form.render();
+        })
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+            if (!craft_list.includes("双面")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("印面工艺不能取消", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            if (!craft_list.includes("模切")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("裁切工艺不能取消", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+        })
+
+        form.on("select(count_select)", function (val) {
+            $("#count").val(val.value);
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("select[name='size'] option:selected").val();
+            var size1 = $("select[name='size1'] option:selected").val();
+            var switchSize = $("input[name='switchSize']:checked").val();
+            var count = $("#count").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kind2Value = $("input[name='kind2Value']:checked").val();
+            var craft = [];
+            if (kind2Value == "数码") {
+                if (count >= 500) {
+                    layer.msg("数量大于等于500时，选择合板印刷", {offset: ['300px', '300px']}, function () {
+                    });
+                    return false;
+                }
+                if (!(Number.isInteger(count) && count > 0 && (count === 1 || (count < 500 && count % 2 === 0)))) {
+                    layer.msg("数量限于1、10、50、100、小于500且是2的倍数", {offset: ['300px', '300px']}, function () {
+                    });
+                    return false;
+                }
+            }
+
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+            if (switchSize) {
+                craft.push("大盒" + size1 + "cm")
+            }
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+                    let kind = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '扑克牌 - ' + kind + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/pianoMusic.jsp

@@ -0,0 +1,302 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">弹弹乐</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="弹弹乐"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="亚克力">亚克力</option>
+                </select>
+            </div>
+
+            <p>
+                尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <input type="text" name="size" id="size" placeholder="请输入格式:长*宽" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                数量(个)
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="diyCount" placeholder="请输入整数" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面" title="双面" checked>
+                </div>
+                <div class="layui-input-block ">
+                    特殊效果：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="带透明边" title="带透明边">
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("双面")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("印面工艺不能取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("#size").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+            if ((size.split("*")[0] < 1 || size.split("*")[1] < 1)) {
+                layer.msg("尺寸不能小于1*1 cm", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            if ((size.split("*")[0] > 40 || size.split("*")[1] > 40)) {
+                layer.msg("尺寸不能超过40*40 cm", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+
+                    var span_result = '弹弹乐 - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/standingSign.jsp

@@ -0,0 +1,329 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">立牌</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="立牌"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="亚克力">亚克力</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+            </p>
+            <div class="layui-form-item" id="ui_size">
+                <input type="text" name="size" placeholder="格式:长*宽" id="size" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                厚度
+            </p>
+            <div class="layui-form-item" id="">
+                <select name="kind2Value" class="select" lay-search lay-filter="kind2Value">
+                    <option value="0">面1.8mm对裱+底5mm亚克力</option>
+                </select>
+            </div>
+            <p>
+                数量(个)
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="diyCount" placeholder="请输入整数" class="layui-input" autocomplete="off">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
+                       class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
+                       class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面" title="双面">
+                </div>
+                <div class="layui-input-block ">
+                    裁切工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切" checked>
+                </div>
+                <div class="layui-input-block ">
+                    特殊效果：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="带透明边" title="带透明边">
+                </div>
+                <div class="layui-input-block ">
+                    常见工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="背胶" title="背胶">
+                </div>
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("模切")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("裁切工艺不能取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            const carft_list1 = ["单面", "双面"];
+
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("印面工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("#size").val();
+            var count = $("#diyCount").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            if (size == "") {
+                layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+            craft.push($("select[name='kind2Value'] option:selected").text())
+            if ((size.split("*")[0] < 2 || size.split("*")[1] < 2)) {
+                layer.msg("最小尺寸不能小于2*2", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+            if ((size.split("*")[0] > 40 || size.split("*")[1] > 40) && (size.split("*")[0] > 40 || size.split("*")[1] > 40)) {
+                layer.msg("最大尺寸不能超过40*40", {offset: ['300px', '300px']}, function () {
+                });
+                return false;
+            }
+
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+                    let material = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '立牌 - ' + material + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/tearStrip.jsp

@@ -0,0 +1,322 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+    <%@include file="/views/common.jsp" %>
+</head>
+<body>
+<style>
+    #z4_craft .layui-form-select .layui-edge {
+        right: 20px;
+    }
+</style>
+<div class="big_box">
+    <div class="left_div">
+        <h1 class="h1">撕拉片拍立得</h1> <span style="color:red;font-weight:700;"></span>
+        <hr>
+        <form class="layui-form">
+            <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="撕拉片"/>
+            <p>
+                材质
+            </p>
+            <div class="layui-form-item">
+                <select name="kind" class="select" lay-search lay-filter="kind">
+                    <option value="320克铜版纸">320克铜版纸</option>
+                </select>
+            </div>
+            <p>
+                尺寸(CM/厘米)
+            </p>
+
+            <div class="layui-form-item">
+                <select class="layui-form-select" name="size">
+                    <option value="8.6*6.3">8.6*6.3cm</option>
+                    <option value="11*8.6">11*8.6cm</option>
+                </select>
+            </div>
+            <p>
+                数量（个）
+            </p>
+            <div class="layui-form-item">
+                <input type="text" name="count" id="count" placeholder="请输入整数" class="layui-input">
+            </div>
+            <p>
+                款数
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
+            </div>
+            <p>
+                客户旺旺
+            </p>
+            <div class="layui-form-item">
+                <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
+            </div>
+            <p>
+                工艺
+            </p>
+            <div class="layui-form-item" id='z4_craft'>
+                <div class="layui-input-block ">
+                    印面：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面" title="双面">
+                </div>
+                <div class="layui-input-block ">
+                    覆膜工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="哑膜" title="哑膜" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="亮膜" title="亮膜">
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="触感膜" title="触感膜">
+                </div>
+                <div class="layui-input-block ">
+                    底片工艺：
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="黑色" title="黑色" checked>
+                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="装opp袋" title="装opp袋" checked>
+                </div>
+
+            </div>
+            <div class="layui-input-block">
+                <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
+                <div class="layui-inline crop" style="display:none;width: 80px">
+                    <input class="layui-input" type="text" name="cropNumber">
+                </div>
+            </div>
+            <hr>
+            <div class="layui-form-item">
+                <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+            <h2>计算结果-
+                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
+                        onclick="copyResult()">点击复制
+                </button>
+            </h2>
+            <div>
+                <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
+                <%@include file="../acountExpressFee.jsp" %>
+            </div>
+            <div>
+                <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
+            </div>
+        </form>
+    </div>
+    <div class="right_div" style="margin-left:50px;">
+        <div class="layui-carousel" id="test1">
+            <div carousel-item id="carousel"></div>
+            <br>
+            <div id="remark" style="font-size:20px;color:red"></div>
+        </div>
+    </div>
+</div>
+</body>
+<%@include file="/views/copyResult.jsp" %>
+<script>
+    layui.use(['table', 'form', 'carousel'], function () {
+        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
+        var carousel = layui.carousel;
+        var table = layui.table;
+
+        //建造实例
+        ins = carousel.render({});
+        var html = " ";
+        var remark = " ";
+
+        // 清空轮播图
+        $("#carousel").empty();
+        $("#remark").empty();
+
+        $.ajax({
+            url: "${pageContext.request.contextPath}/getImgs",
+            type: "GET",
+            data: {
+                proTypeValue: $("#proTypeValue").val(),
+                kindValue: $('input[name="kindValue"]').val()
+            },
+            success: function (result) {
+                for (let i = 0; i < result.length; i++) {
+                    // 只留一个remark
+                    remark = "";
+                    html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
+                    remark += '<div><span>' + result[i].remark + '<span/></div>';
+                }
+                $("#carousel").append(html);
+                // 如果没有说明，就不显示null
+                if (remark.indexOf("null") < 0) {
+                    $("#remark").append(remark);
+                }
+                // 如果没有轮播图就隐藏
+                if (result.length == 0) {
+                    document.getElementById("test1").style.display = "none";   //隐藏
+                } else {
+                    document.getElementById("test1").style.display = "block";   //显示
+                    ins.reload({
+                        elem: '#test1',
+                        width: result[0].imgWidth,  //设置容器宽度
+                        height: result[0].imgHeight
+                    });
+                }
+            }
+        });
+
+
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            $("input[name='craft']:checked").each(function () {
+                    if (!$(this).is(':disabled')) {
+                        craft_list.push($(this).val());
+                    }
+                }
+            );
+
+            if (!craft_list.includes("黑色")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("底片工艺无法取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            if (!craft_list.includes("装opp袋")) {
+                $(data.elem).prop("checked", true);
+                layer.msg("底片工艺无法取消选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            let carft_list1 = ["哑膜", "亮膜", "触感膜"]
+            const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
+            if (carft1.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("覆膜工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            let carft_list2 = ["单面", "双面"]
+            const carft2 = carft_list2.filter(craft => craft_list.includes(craft));
+            if (carft2.length > 1) {
+                $(data.elem).prop("checked", false);
+                layer.msg("印面工艺不能同时选择", {offset: ['300px', '300px']}, function () {
+                });
+                form.render();
+                return false;
+            }
+            form.render();
+        })
+
+        // 点击计算，计算价格
+        form.on('submit(acount_btn)', function (data) {
+            var number = $("#number").val();
+            var size = $("select[name='size'] option:selected").val();
+            var count = $("#count").val();
+            var kind = $("select[name='kind'] option:selected").text();
+            var kindValue = $("select[name='kindValue'] option:selected").text();
+            var craft = [];
+
+            $("input:checkbox[name='craft']:checked").each(function (i) {
+                // 没有被禁用的工艺加到arr中
+                if (!$(this).is(':disabled')) {
+                    if ($(this).val() == "抠图") {
+                        craft.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    } else {
+                        craft.push($(this).val());
+                    }
+                }
+            });
+
+            $.ajax({
+                url: "${path}/getThanSum",
+                type: "GET",
+                data: $(".big_box form").serialize(),
+                success: function (result) {
+                    if (result.code == 100) {
+                        layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
+                        });
+                        return false;
+                    }
+                    var data = result.data.proList;
+
+                    let kind = $("select[name='kind'] option:selected").val();
+
+                    var span_result = '撕拉片拍立得 - ' + kind + ' - ' + size + ' cm (同款内容)\n';
+
+                    span_result += `工艺：` + craft.join(",") + '\n';
+
+                    if (number > 1) {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    } else {
+                        for (let i = 0; i < data.length; i++) {
+                            span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
+                            data[i].number = number;
+                        }
+                    }
+
+                    span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
+                    addLog(span_result);
+                    $("#span_result").val(span_result);
+
+                    //计算完自动复制文本
+                    var e = document.getElementById("span_result");//对象是content
+                    if (e.value != "") {
+                        e.select();//选择对象
+                        document.execCommand("Copy");//执行浏览器复制命令
+                    }
+
+                    //生成表格
+                    table.render({
+                        elem: '#priceTable',
+                        even: true, //隔行变色
+                        data: data, // 赋值已知数据
+                        width: 500,
+                        cols: [[
+                            {
+                                field: 'number',
+                                width: '12%',
+                                align: "center",
+                                title: '款数'
+                            }, {
+                                field: 'count',
+                                width: '16%',
+                                align: "center",
+                                title: '数量'
+                            }, {
+                                field: 'price',
+                                width: '16%',
+                                align: "center",
+                                title: '报价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '16%',
+                                title: '折扣价'
+                            }, {
+                                field: 'wangwang',
+                                align: "center",
+                                width: '19%',
+                                title: '跳楼价'
+                            }, {
+                                field: 'weight',
+                                width: '21%',
+                                align: "center",
+                                title: '重量（kg）'
+                            }
+                        ]],
+                        done: function () {
+                        }
+                    });
+                }
+            });
+            return false;
+        });
+    });
+</script>
+</html>

src/main/webapp/views/product/workPermit.jsp

@@ -66,7 +66,7 @@
                     裁切工艺：
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="圆角" title="圆角" checked>
                     <input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切">
-                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="镂空" title="镂空">
+                    <%--                    <input type="checkbox" name="craft" lay-filter="ui_craft" value="镂空" title="镂空">--%>
                 </div>
                 <div class="layui-input-block ">
                     常见工艺：
@@ -188,6 +188,7 @@
                     }
                 }
             );
+
             const carft_list1 = ["单面", "双面"];
 
             const carft1 = carft_list1.filter(craft => craft_list.includes(craft));