修改UI逻辑

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

@@ -726,7 +726,7 @@
                         配件：
                         <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配葫芦针"
                                title="配葫芦针">
-                        <input type="checkbox" class="peijian" lay-filter="z4PeiJian" value="流苏"
+                        <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="流苏"
                                title="流苏">
                         <div class="layui-inline select_liusu" style="width: 110px;display: none">
                             <select class="select" name="craft" disabled>
@@ -2128,7 +2128,7 @@
                 if (data.value == 3) {
                     $(".kindValue2 input[value='10']").prop("disabled", false);
                     $("#peijian_ui").show();
-                    $("#peijian_ui").find(":input").attr("disabled", false);
+                    $("#peijian_ui input").attr("disabled", false);
                 }
                 $(".carft_lius").hide();
                 $(".carft_lius checkbox[name='craft']").attr("disabled", true);
@@ -2940,6 +2940,10 @@
                             arr.push($(".select_nilongshen select[name='craft'] option:selected").val() + "-" + $("select[name='shen_color'] option:selected").val())
                             return;
                         }
+                        if ($(this).val() === '配尼龙绳' || $(this).val() === '穿尼龙绳') {
+                            arr.push($(this).val() + "-" + $("select[name='shen_color'] option:selected").val())
+                            return;
+                        }
                         if ($(this).val() === '流苏') {
                             arr.push($(".select_liusu select[name='craft'] option:selected").val())
                             return;

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

@@ -85,16 +85,20 @@
                     </div>
                 </div>
 
-                <div class="layui-input-block" style="display:inline-block;">
+                <div class="layui-input-block" id="peijian_ui" style="display:inline-block;">
                     配件：
                     <input type="checkbox" class="peijian" name="craft" lay-filter="peijian" value="配葫芦针"
                            title="配葫芦针">
                     <input type="checkbox" class="peijian" name="craft" lay-filter="peijian" value="配棉绳"
                            title="配棉绳">
-                    <input type="checkbox" class="peijian" name="craft" lay-filter="peijian" value="配尼龙绳"
-                           title="配尼龙绳">
-                    <input type="checkbox" class="peijian" name="craft" lay-filter="peijian" value="穿尼龙绳"
-                           title="穿尼龙绳">
+                    <input type="checkbox" class="peijian" name="craft" lay-filter="peijian" value="尼龙绳"
+                           title="尼龙绳">
+                    <div class="layui-inline select_nilongshen" style="width: 110px;display: none">
+                        <select class="select" name="craft" disabled>
+                            <option value="配尼龙绳">配尼龙绳</option>
+                            <option value="穿尼龙绳">穿尼龙绳</option>
+                        </select>
+                    </div>
                     <div class="layui-inline shengz scolor" style="width: 110px;display: none">
                         <select class="select" name="shen_color">
                             <option value="白色绳子">白色绳子</option>
@@ -221,15 +225,20 @@
                 layer.msg('配件只能选择一种！', {offset: ['300px', '300px']}, {icon: 5});
                 return false;
             }
-            if (data.value == "配尼龙绳" || data.value == "穿尼龙绳") {
+            if (data.value == "尼龙绳") {
                 if ($(data.elem).is(":checked")) {
-                    $("#z4_craft .shengz").show();
-                    $("#z4_craft .shengz").prop("disabled", false);
+                    $("#peijian_ui .scolor").show();
+                    $("#peijian_ui .scolor").prop("disabled", false);
+                    $("#peijian_ui .select_nilongshen").show();
+                    $("#peijian_ui .select_nilongshen select").prop("disabled", false);
                 } else {
-                    $("#z4_craft .shengz").hide();
-                    $("#z4_craft .shengz").prop("disabled", true);
+                    $("#peijian_ui .scolor").hide();
+                    $("#peijian_ui .scolor").prop("disabled", true);
+                    $("#peijian_ui .select_nilongshen").hide();
+                    $("#peijian_ui .select_nilongshen select").prop("disabled", true);
                 }
             }
+            form.render();
         })
 
         // 点击计算，计算价格
@@ -263,8 +272,8 @@
             if (craft.indexOf("满底烫镭射银") > -1) {
                 craft.push($("select[name='craftShua'] option:selected").val());
             }
-            if (craft.indexOf("配尼龙绳") > -1 || craft.indexOf("穿尼龙绳") > -1) {
-                craft.push($("select[name='shen_color'] option:selected").val());
+            if (craft.indexOf("尼龙绳") > -1) {
+                craft.push($(".select_nilongshen select[name='craft'] option:selected").val() + "-" + $("select[name='shen_color'] option:selected").val())
             }
 
             const carft2 = carft_list2.filter(item => craft.includes(item));