新增抠图工艺

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

@@ -101,6 +101,12 @@
                 <input type="radio" name="craftShua" value="双面" title="双面">
                 <!-- <input type="checkbox" name="craft" value="背胶" title="背胶"> -->
             </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>
@@ -133,6 +139,7 @@
 <%@include file="/views/copyResult.jsp" %>
 <script>
     setNumberOptions();
+
     function setNumberOptions() {
         let html = '';
         if (window.parent.system_isPdd) {
@@ -150,6 +157,7 @@
         }
         $("#desType").empty().append(html);
     }
+
     layui.use(['table', 'form', 'carousel'], function () {
         var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
         var carousel = layui.carousel;
@@ -210,13 +218,34 @@
         });
         $("#number").on("input", function (e) {
             var number = e.delegateTarget.value;
-            if ( number > 1) {
+            if (number > 1) {
                 $("#ui_des").show();
             } else {
                 $("#ui_des").hide();
             }
         });
 
+        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 kindData = {
@@ -277,8 +306,21 @@
                         return false;
                     }
                     var data = result.data.proList;
-
-                    var span_result = '桌贴 - ' + kind + ' - ' + size + ' CM' + ' - ' + craftShua + ' - ' + craftJiao + '\n';
+                    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(craftShua)
+                    arr.push(craftJiao)
+                    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'
@@ -291,9 +333,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);