新增抠图工艺

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

@@ -59,6 +59,12 @@
                 <input type="radio" name="craft" value="花边" title="花边" lay-filter="craft">
                 <input type="radio" name="craft" value="直角" title="直角" lay-filter="craft">
             </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>
@@ -136,15 +142,42 @@
                 }
             }
         });
+        form.on('checkbox(ui_craft)', function (data) {
+            let craft_list = [];
+            let kindValue = $('input[name="kindValue"]:checked').val();
+            craft_list.push($("select[name='craft'] option:selected").val());
+            $("input[name='craft']:checked").each(function () {
+                if (!$(this).is(':disabled')) {
+                    craft_list.push($(this).val());
+                }
+            });
 
+            if (data.value == '抠图') {
+                $(".crop").hide();
+                $(".crop").find("input").prop("disabled", true)
+                if (data.elem.checked) {
+                    $(".crop").show();
+                    $(".crop").find("input").prop("disabled", false)
+                }
+            }
+            form.render();
+        })
         // 点击计算，计算价格
         form.on('submit(acount_btn)', function (data) {
             var number = $("#number").val();
             var size = $("#size").val();
             var count = $("#count").val();
             var kind = $("#kindValue option:selected").text();
-            var craft = $("input[name='craft']:checked").val();
-            console.log(craft);
+            let arr = [];
+            $("input[name='craft']:checked").each(function () {
+                if (!$(this).is("disabled")) {
+                    if ($(this).val() == "抠图") {
+                        arr.push($(this).val() + $("input[name='cropNumber']").val());
+                        return;
+                    }
+                    arr.push($(this).val())
+                }
+            })
             if (!size) {
                 layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
                 });
@@ -177,6 +210,9 @@
                     var data = result.data.proList;
 
                     var span_result = '桌布 - ' + kind + '-' + size + ' CM (同款内容)\n';
+                    if (arr.length > 0) {
+                        span_result += "工艺：" + arr.join(",") + '\n';
+                    }
                     if (number > 1) {
                         for (let i = 0; i < data.length; i++) {
                             span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
@@ -189,9 +225,9 @@
                         }
                     }
                     span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
-                        if(window.parent.system_isGai){
-                            span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
-                        }
+                    if (window.parent.system_isGai) {
+                        span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
+                    }
                     addLog(span_result);
                     $("#span_result").val(span_result);