修改UI逻辑

This commit is contained in:
2025-08-23 16:18:33 +08:00
parent a1b9d34bd7
commit c391de8eca
2 changed files with 27 additions and 14 deletions
+6 -2
View File
@@ -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;
+21 -12
View File
@@ -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));