Цей коміт міститься в:
2025-03-15 19:31:16 +08:00
джерело 159d1c881d
коміт 68aa8dd75a
6 змінених файлів з 371 додано та 48 видалено
+249 -26
Переглянути файл
@@ -35,6 +35,10 @@
-moz-appearance: textfield;
}
#z4_craft .layui-form-select .layui-edge {
right: 40px;
}
</style>
<body>
<div class="big_box">
@@ -93,7 +97,9 @@
<input type="radio" class="157" lay-filter="kindValue" name="kindValue" value="0" title="157克铜版纸">
</div>
<div class="kindValue2" style="display:none">
<input type="radio" name="kindValue2" value="2" title="300克铜版纸" checked="checked">
<input type="radio" name="kindValue2" lay-filter="kindValue2" value="2" title="300克铜版纸"
checked="checked">
<input type="radio" name="kindValue2" lay-filter="kindValue2" value="10" title="400克铜版纸">
</div>
<div class="kindValue3" style="display:none">
<input type="radio" name="kind3Value" lay-filter="kindValue3" value="3" title="300克铜版纸">
@@ -548,6 +554,7 @@
<p>
工艺
</p>
<div class="layui-input-block">
<span class="z3_craft_yj">
<input type="checkbox" name="craft" lay-filter="z3Crafts" value="圆角" title="圆角"/>
@@ -584,6 +591,87 @@
</div>
</form>
</div>
<div class="z4_craft" id="z4_craft" style="display: none;">
<form class="layui-form">
<p>
工艺
</p>
<div class="layui-input-block" style="display:inline-block;">
覆膜工艺:
<input type="checkbox" class="ui_double_fm" name="craft" lay-filter="ui_fm" value="双面覆哑膜"
title="双面覆哑膜">
</div>
<div class="layui-input-block" style="display:inline-block;">
烫金类型:
<input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="单面烫金"
title="单面烫金">
<input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="双面烫金"
title="双面烫金">
</div>
<div class="layui-input-block">
裁切工艺:
<input type="checkbox" name="craft" class="mq caiqie" lay-filter="switchMQ" value="裁切"
title="直角裁切">
<input type="checkbox" name="craft" class="mq" lay-filter="switchMQ" value="模切"
title="异形模切">
<input type="checkbox" name="craft" class="mq" lay-filter="switchMQ" value="圆角"
title="圆角">
</div>
<div class="layui-input-block">
常见工艺:
<input type="checkbox" name="craft" class="nomq" lay-filter="switchCrafts" value="压痕"
title="压痕"/>
<div class="layui-inline yahenghide" style="width:60px;display:none">
<select name="yaheng" class="select yadianxian">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<input type="checkbox" name="craft" class="nomq" lay-filter="switchCrafts" value="打点线"
title="打点线"/>
<div class="layui-inline dadianxianhide" style="width:60px;display:none">
<select name="dadianxian" class="select dadianxian">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<input type="checkbox" name="craft" class="nomq" lay-filter="switchCrafts" value="打孔"
title="打孔"/>
<input type="checkbox" name="craft" value="打码" lay-filter="switchCrafts" title="打码"/>
<div class="layui-inline maxianhide" style="width:60px;display:none">
<select name="maxian" class="select maxian">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</div>
<div class="layui-input-block">
配件:
<input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配葫芦针"
title="配葫芦针">
<input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配流苏"
title="配流苏">
<input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="穿流苏"
title="穿流苏">
<input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配尼龙绳"
title="配尼龙绳">
<input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="穿尼龙绳"
title="穿尼龙绳">
<div class="layui-inline shengz scolor" style="width: 110px;display: none">
<select class="select" name="shen_color">
<option value="白色绳子">白色绳子</option>
<option value="黑色绳子">黑色绳子</option>
<option value="红色绳子">红色绳子</option>
</select>
</div>
</div>
</form>
</div>
<div class="ui_sdk" style="display: none;">
<form class="layui-form">
<p>
@@ -707,12 +795,14 @@
craftValue = "";
}
let proTypeValue = kind == 8 ? 25 : 4
let kindValue2 = $("input[name='kindValue2']:checked").val();
// 轮播图
let html = " ";
// 清空轮播图
let data = {
proTypeValue: proTypeValue,
kindValue: kind
kindValue: kind,
kind2Value: kindValue2
}
if (craftValue != '') {
data.craftValue = craftValue;
@@ -893,6 +983,88 @@
}
});
});
form.on("checkbox(z4PeiJian)", function (data) {
let peijiansize = $(".peijian:checked").length;
if (peijiansize > 1) {
$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
$(data.elem).prop("checked", false);
layer.msg('配件只能选择一种!', {offset: ['300px', '300px']}, {icon: 5});
return false;
}
if (data.value == "配尼龙绳" || data.value == "穿尼龙绳") {
if ($(data.elem).is(":checked")) {
$("#z4_craft .shengz").show();
$("#z4_craft .shengz").prop("disabled", false);
} else {
$("#z4_craft .shengz").hide();
$("#z4_craft .shengz").prop("disabled", true);
}
}
});
form.on("radio(kindValue2)", function (data) {
if (data.value == 10) {
$("#craftForm").hide();
$("#craftForm").find(":input").attr("disabled", true);
$("#z4_craft form")[0].reset();
$("#z4_craft").show();
$("#z4_craft").find(":input").attr("disabled", false);
$("#z4_craft .ui_double_fm").prop("checked", true);
$("#z4_craft .scolor").hide();
$("#z4_craft .dadianxianhide").hide();
$("#z4_craft .yahenghide").hide();
$("#z4_craft .maxianhide").hide();
$("#z4_craft .caiqie").prop("checked", true);
form.on('checkbox(switchMQ)', function (data) {
let mqLength = $("#z4_craft .mq:checked").length;
if (mqLength > 1) {
$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
$(data.elem).prop("checked", false);
layer.msg('[裁切- 模切 - 圆角]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
return false;
}
if (data.value == "模切") {
if ($(data.elem).is(":checked")) {
$("#z4_craft .nomq").prop("checked", false).prop("disabled", true);
} else {
$("#z4_craft .nomq").prop("disabled", false);
}
}
form.render('checkbox');
});
form.on("checkbox(switchCrafts)", function (data) {
if (data.value == "压痕") {
if ($(data.elem).is(":checked")) {
$("#z4_craft .yahenghide").show();
} else {
$("#z4_craft .yahenghide").hide();
}
}
if (data.value == "打点线") {
if ($(data.elem).is(":checked")) {
$("#z4_craft .dadianxianhide").show();
} else {
$("#z4_craft .dadianxianhide").hide();
}
}
if (data.value == "打码") {
if ($(data.elem).is(":checked")) {
$("#z4_craft .maxianhide").show();
} else {
$("#z4_craft .maxianhide").hide();
}
}
form.render('checkbox');
});
} else {
$("#craftForm").show();
$("#craftForm").find(":input").attr("disabled", false);
$("#z4_craft").hide();
$("#z4_craft").find(":input").attr("disabled", true);
}
form.render();
})
form.on("select(stickNum)", function (data) {
let html = ``;
let num = data.value;
@@ -985,6 +1157,10 @@
$(".ui_yh").show();
$(".ui_yf").hide();
}
$("#craftForm").show();
$("#craftForm").find(":input").attr("disabled", false);
$("#z4_craft").hide();
$("#z4_craft").find(":input").attr("disabled", true);
if (data.value == 8) {
$("#doorList").show();
$("#doorList").find(":input").attr("disabled", false);
@@ -1010,6 +1186,7 @@
$(".ui_xgt").attr("disabled", true);
}
// !吊牌
if (data.value != 2) {
// 隐藏吊牌600克/800克;显示原本的
@@ -1432,13 +1609,14 @@
// 清空轮播图
$("#carousel").empty();
$("#remark").empty();
let params = {
proTypeValue: proTypeValue,
kindValue: kind
}
$.ajax({
url: "${pageContext.request.contextPath}/getImgs",
type: "GET",
data: {
proTypeValue: proTypeValue,
kindValue: kind
},
data: params,
//dataType : "json",
success: function (result) {
for (let i = 0; i < result.length; i++) {
@@ -1472,6 +1650,7 @@
// 少数量展示kindValue2,隐藏kindValue、kindValue3、kindValue4
// 上面的else 已经有这个效果了
$(".scolor").hide()
$("#kindValueForm").show();
if (couponKind == "少数量") {
$(".ui_shk_size").hide();
$(".ui_shk_size").attr("disabled", true);
@@ -1504,6 +1683,8 @@
$(".ui_menu_craft").find(":input").attr("disabled", true);
$(".z3_craft").hide()
$(".z3_craft input[name='craft']").prop("disabled", true);
$(".z4_craft").hide();
$(".z4_craft").find(":input").attr("disabled", true);
$(".kindValue5").hide();
$(".kindValue5").find(":input").attr("disabled", true);
$(".ui_hlbz").hide();
@@ -1546,6 +1727,7 @@
$(".zhijiaoCard").hide();
$('input[class = zhijiaoCraft]').prop('checked', false);
}
if (data.value == "菜单") {
$(".lessCountHideCraft").hide();
$(".lessCountHideCraft").find(":input").attr("disabled", true);
@@ -1610,6 +1792,8 @@
$("#3z_size").show();
$(".z3_craft").show()
$(".z3_craft").find(":input").attr("disabled", false);
$(".z4_craft").hide();
$(".z4_craft").find(":input").attr("disabled", true);
z3Select($('input[name="z3type"]:checked').val());
$(".switchz3Size").show();
$("#kindValueForm").hide()
@@ -1651,6 +1835,8 @@
$(".size-tip-z3").hide();
$(".z3_craft").hide();
$(".z3_craft input[name='craft']").prop("disabled", true);
$(".z4_craft").hide();
$(".z4_craft").find(":input").attr("disabled", true);
$(".size-tip-other").show();
$('input[class = specialCraft]').prop('checked', false);
@@ -1665,6 +1851,12 @@
$(".guaguaSize1").hide();
}
}
$(".kindValue2 input[value='10']").prop("disabled", true).prop("checked", false);
$(".kindValue2 input[value='2']").prop("disabled", false).prop("checked", true);
if (data.value == 3) {
$(".kindValue2 input[value='10']").prop("disabled", false);
}
$(".carft_lius").hide();
$(".carft_lius checkbox[name='craft']").attr("disabled", true);
if (data.value == 3 && couponKind != "少数量") {
@@ -2369,6 +2561,7 @@
var size = $("#size").val();
var guaguaSize = $("#size1").val();
var couponKind = $("input[name='couponKind']:checked").val();
if ((size.split("*")[0] > 140 || size.split("*")[1] > 100) && (size.split("*")[0] > 100 || size.split("*")[1] > 140)) {
layer.msg("卡片尺寸不能超过140*100 cm", {offset: ['300px', '300px']}, function () {
});
@@ -2413,7 +2606,8 @@
5: "800克铜版纸",
6: "特种纸名片(不配绳子)",
7: "700克白卡纸",
8: "250克牛皮纸"
8: "250克牛皮纸",
10: "400克铜版纸"
};
var arr = [];
$(".sizeTang").find(":input").attr("disabled", true);
@@ -2421,27 +2615,47 @@
// 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) {
// 选中编码工艺的时候,展示打码数
if ($(this).val() === '打码') {
if ($(".dama").val() == 2) {
arr.push($(this).val() + '(' + $(".dama").val() + '组,' + $(".bianmaSelect").val() + ')');
} else {
arr.push($(this).val() + '(' + $(".dama").val() + '组)');
if (kindValue2 != 10) {
if ($(this).val() === '打码') {
if ($(".dama").val() == 2) {
arr.push($(this).val() + '(' + $(".dama").val() + '组,' + $(".bianmaSelect").val() + ')');
} else {
arr.push($(this).val() + '(' + $(".dama").val() + '组)');
}
}
if ($(this).val() === '单面烫金' || $(this).val() === '双面烫金') {
$(".sizeTang").find(":input").attr("disabled", false);
if ($("#lengthTang").val() == '' || $("#widthTang").val() == '') {
layer.msg('请填写烫金版尺寸!', {offset: ['300px', '300px']}, function () {
});
return false;
}
if (Number(size.split("*")[0]) < Number($("#lengthTang").val()) || Number(size.split("*")[1]) < Number($("#widthTang").val())) {
layer.msg('烫金版尺寸不能大于输入尺寸!', {offset: ['300px', '300px']}, function () {
});
return false;
}
}
} else {
if ($(this).val() === '打码') {
arr.push("打码" + $(".maxian option:selected").val() + "组")
return;
}
if ($(this).val() === '打点线') {
arr.push("打点线" + $(".dadianxian option:selected").val() + "组")
return;
}
if ($(this).val() === '压痕') {
arr.push("压痕" + $(".yadianxian option:selected").val() + "组")
return;
}
if ($(this).val() === '配尼龙绳' || $(this).val() === '穿尼龙绳') {
arr.push($(this).val() + "-" + $("select[name='shen_color'] option:selected").val())
return;
}
}
if ($(this).val() === '单面烫金' || $(this).val() === '双面烫金') {
$(".sizeTang").find(":input").attr("disabled", false);
if ($("#lengthTang").val() == '' || $("#widthTang").val() == '') {
layer.msg('请填写烫金版尺寸!', {offset: ['300px', '300px']}, function () {
});
return false;
}
if (Number(size.split("*")[0]) < Number($("#lengthTang").val()) || Number(size.split("*")[1]) < Number($("#widthTang").val())) {
layer.msg('烫金版尺寸不能大于输入尺寸!', {offset: ['300px', '300px']}, function () {
});
return false;
}
}
arr.push($(this).val());
}
});
@@ -2768,7 +2982,9 @@
if (kind == 2 && couponKind == '少数量') {
kindValue = 2
}
if (couponKind != "少数量" && kindValue2 == 10) {
kindValue = 10;
}
//少数量没有工艺
//没选中[模切],设置工艺为“直角裁切”
if (couponKind != '少数量') {
@@ -2830,6 +3046,13 @@
});
return false;
}
if (kindValue == 10) {
if ($("#z4_craft .mq:checked").length == 0) {
layer.msg("400克铜版纸裁切工艺必选", {offset: ['300px', '300px']}, function () {
});
return false;
}
}
$.ajax({
url: "${pageContext.request.contextPath}/getThanSum",
type: "GET",