修改卡片腰封工艺,新增栏目

This commit is contained in:
2025-09-05 09:19:27 +08:00
parent 12a237bf53
commit ac80841ff3
8 changed files with 700 additions and 92 deletions
+97 -15
View File
@@ -46,6 +46,10 @@
#lesspeijian .layui-form-select .layui-edge {
right: 40px;
}
.value7 .layui-form-select .layui-edge {
right: 20px;
}
</style>
<body>
<div class="big_box">
@@ -78,7 +82,7 @@
</span>
<span class="lessCount" style="display:none">
<input type="radio" lay-filter="kind" name="kind" value="直角卡片" title="直角卡片">
<input type="radio" lay-filter="kind" name="kind" value="异形卡片" title="异形卡片">
<%-- <input type="radio" lay-filter="kind" name="kind" value="异形卡片" title="异形卡片">--%>
<input type="radio" lay-filter="kind" name="kind" value="腰封" title="腰封">
<input type="radio" lay-filter="kind" name="kind" value="贺卡" title="贺卡">
<input type="radio" lay-filter="kind" name="kind" value="积分卡" title="积分卡">
@@ -527,11 +531,31 @@
<div class="layui-input-block value7">
<input type="checkbox" name="craft" class="mq" lay-filter="switchMQ" value="模切"
title="异形模切">
<%-- <input type="checkbox" name="craft" class="fm" lay-filter="ui_yf_fm" value="单面覆膜"--%>
<%-- title="单面覆膜">--%>
<span class="ui_fm_l">
<input type="checkbox" name="craft" class="ui_fm" lay-filter="ui_yf_fm" value="双面覆膜"
title="双面覆膜">
title="双面覆膜"/>
</span>
<span class="yhydx">
<input type="checkbox" name="craft" class="layui-input" lay-filter="ui_yf_fm" value="压痕"
title="压痕">
<div class="layui-inline yhselect" style="width:60px; display:none">
<select name="yaheng" class="layui-select ">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
<input type="checkbox" name="craft" class="layui-input" lay-filter="ui_yf_fm"
value="压点线" title="压点线">
<div class="layui-inline ydxselect" style="width:60px;display:none">
<select name="dadianxian" class="layui-select ">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</span>
<div id="craftHu" style="display:none;margin-top: 5px;">
<input type="checkbox" name="craft" class="ui_hu" lay-filter="switch" value="糊成品"
@@ -1139,8 +1163,19 @@
$(".disab").attr("disabled", false);
$('input[class = mq]').prop('checked', false);
}
form.render('checkbox');
}
if (type == "少数量") {
$("#lesspeijian").show();
$("#lesspeijian").find(":input").attr("disabled", false);
}
if (type == "少数量" && (s.split("*")[0] > 42 || s.split("*")[1] > 28.5) && (s.split("*")[0] > 28.5 || s.split("*")[1] > 42)) {
$("#lesspeijian input").prop("checked", false);
$("#lesspeijian").hide();
$("#lesspeijian").find(":input").attr("disabled", true);
$(".scolor").hide();
$(".tscolor").hide();
}
form.render();
});
});
form.on("select(oppSelect)", function (data) {
@@ -1421,6 +1456,7 @@
$(".ui_yh").show();
$(".ui_yf").hide();
}
$("#size").val("");
$("#craftForm").show();
$("#craftForm").find(":input").attr("disabled", false);
$("#z4_craft").hide();
@@ -1480,6 +1516,8 @@
$("#kindValueForm")[0].reset();
}
$("#craftForm")[0].reset();
$(".yhselect").hide();
$(".ydxselect").hide();
if (data.value == 0 || data.value == 1) {
$("#kindValueForm")[0].reset();
$(".kindValue").show();
@@ -1515,6 +1553,8 @@
kindValue = kindValueData.value
$(".ui_fm_l").show();
$('.ui_fm_l').find(":input").attr("disabled", false);
$(".yhydx").hide();
$('.yhydx').find(":input").attr("disabled", true);
// 腰封的时候,157克没有【覆膜】工艺
if (data.value == 1) {
// 腰封的时候,默认选择【单面覆膜】
@@ -1525,6 +1565,8 @@
$("#craftHu").show();
$('.ui_fm_l').find(":input").prop('checked', true);
$(".ui_fm").prop('disabled', false);
$(".yhydx").show();
$('.yhydx').find(":input").attr("disabled", false);
} else if (kindValueData.value == 0) {
$("#craftHu").show();
// $(".ui_fm").prop('disabled', true);
@@ -1573,15 +1615,15 @@
}
if (data.value == 1) {
if (kindValueData.value == 2) {
$('input[class = mq]').prop('checked', true);
//$('input[class = mq]').prop('checked', true);
form.on('checkbox(switchMQ)', function (switchData) {
if (kindValueData.value == 2) {
// 吊旗/吊牌的模切
if (!switchData.elem.checked) {
layer.msg('[ 腰封 - 300克铜版纸 ] 不能取消 [ 模切 ] 工艺!', {offset: ['300px', '300px']}, function () {
});
$('input[class = mq]').prop('checked', true);
form.render('checkbox');
// layer.msg('[ 腰封 - 300克铜版纸 ] 不能取消 [ 模切 ] 工艺!', {offset: ['300px', '300px']}, function () {
// });
// $('input[class = mq]').prop('checked', true);
// form.render('checkbox');
} else {
kindValueData.value = 1;
}
@@ -1591,7 +1633,7 @@
$('input[class = mq]').prop('checked', false);
}
}
form.render('checkbox');
form.render();
setRemark()
})
}/* else if (data.value == 2) {
@@ -1853,7 +1895,7 @@
// 5.11:选中少数量的时候隐藏所有的【烫金】工艺
// 12.31恢复少数量 【烫金】工艺
if (couponKind == '少数量' && (data.value == '积分卡' || data.value == '抽奖卡' || data.value == '刮刮卡' || data.value == '异形卡片')) {
if (couponKind == '少数量') {
$(".tj").hide();
// 禁用没用,下面有放开
//$(".tj").find(":input").attr("disabled", true);
@@ -1935,6 +1977,7 @@
// 少数量展示kindValue2,隐藏kindValue、kindValue3、kindValue4
// 上面的else 已经有这个效果了
$(".scolor").hide()
$(".tscolor").hide()
$("#kindValueForm").show();
if (couponKind == "少数量") {
$(".ui_shk_size").hide();
@@ -2410,6 +2453,35 @@
layer.msg('单面覆膜和双面覆膜只能选一种!', {offset: ['300px', '300px']}, {icon: 5});
return false;
}
let craft_list = [];
$("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
const carft_list1 = ["压痕", "压点线"];
const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
if (carft1.length > 1) {
$(data.elem).prop("checked", false);
layer.msg("压痕-压点线不能同时选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
if (data.value == "压痕") {
if (data.elem.checked) {
$(".yhselect").show();
} else {
$(".yhselect").hide();
}
}
if (data.value == "压点线") {
if (data.elem.checked) {
$(".ydxselect").show();
} else {
$(".ydxselect").hide();
}
}
form.render();
})
@@ -3243,9 +3315,9 @@
$("#proTypeValue").val("卡片少数量")
$("#proTypeLabel").val(kindData[kind])
if ((size.split("*")[0] > 42 || size.split("*")[1] > 28.5) && (size.split("*")[0] > 28.5 || size.split("*")[1] > 42)) {
layer.msg("尺寸超过 42.0*28.5cm 无法报价", {offset: ['300px', '300px']}, function () {
});
return false;
// layer.msg("尺寸超过 42.0*28.5cm 无法报价", {offset: ['300px', '300px']}, function () {
// });
// return false;
}
if (kind == "种子纸") {
let type = $('input[name="z3type"]:checked').val();
@@ -3552,6 +3624,16 @@
arr += ",覆膜"
}
if (couponKind != "少数量" && kind == 1 && kindValue == 2) {
for (let i = 0; i < arr.length; i++) {
if (arr[i] == "压痕") {
arr[i] = "压痕" + $(".value7 .yhselect select option:selected").val();
}
if (arr[i] == "压点线") {
arr[i] = "压点线" + $(".value7 .ydxselect select option:selected").val();
}
}
}
var span_result = kindData[kind] + " -" + kindValueData[kindValue] + "-" + kindValueSelect + "-" + size
+ "厘米-(" + same + ") \n" + "工艺 :" + arr + "\n";
}
+10
View File
@@ -222,6 +222,16 @@
var size = $("input[name='size']").val();
var count = $("select[name='count'] option:selected").text();
var arr = []
if ((size.split("*")[0] > 20 || size.split("*")[1] > 20)) {
layer.msg('最大尺寸20*20cm', {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size.split("*")[0] < 1.5 || size.split("*")[1] < 1.5)) {
layer.msg('最小尺寸1.5*1.5cm', {offset: ['300px', '300px']}, function () {
});
return false;
}
$("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) {
arr.push($(this).val());
+82 -62
View File
@@ -12,6 +12,10 @@
#sehu_number .layui-form-select .layui-edge {
right: 0;
}
.tjselect .layui-form-select .layui-edge {
right: 20px;
}
</style>
<body>
<div class="big_box">
@@ -141,48 +145,50 @@
<input type="radio" name="craftQie" calss="moqie" value="模切" lay-skin="primary" title="模切"
checked="checked">
</div>
<div class="layui-form-item">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="专金" title="专金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="专银" title="专银"
class="craftZhuan">
<div class="layui-input-block">
烫金工艺:
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫金" title="烫金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫银" title="烫银"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫蓝" title="烫蓝"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫红" title="烫红"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫黑" title="烫黑"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="镭射银" title="镭射银"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="镭射金" title="镭射金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="玫瑰金" title="玫瑰金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="印刷+烫金" title="印刷+烫金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="印刷+烫银" title="印刷+烫银"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="双面贴" title="双面贴"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="刮板" title="刮板"
class="craftZhuan">
<div class="layui-inline" id="guaban" style="width: 80px;display: none">
<div style="display:flex;align-items: center">
<span style="flex-shrink: 0">数量:</span>
<input type="text" name="pcount" class="layui-input layui-inline" value="1">
<div class="layui-inline tjselect" style="width:60px; display:none">
<select name="craft" class="layui-select " disabled>
<option value="烫金">烫金</option>
<option value="烫银">烫银</option>
<option value="烫蓝">烫蓝</option>
<option value="烫红">烫红</option>
<option value="烫黑">烫黑</option>
<option value="镭射银">镭射银</option>
<option value="镭射金">镭射金</option>
<option value="玫瑰金">玫瑰金</option>
</select>
</div>
<div class="layui-input-block">
配件:
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="刮板" title="刮板"
class="craftZhuan">
<div class="layui-inline" id="guaban" style="width: 80px;display: none">
<div style="display:flex;align-items: center">
<span style="flex-shrink: 0">数量:</span>
<input type="text" name="pcount" class="layui-input layui-inline" value="1">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫画" title="烫画"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="冷转印" title="冷转印"
class="craftZhuan">
<span id="sehu_number" style="display:none">
<div class="layui-input-block">
其他工艺:
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="专金" title="专金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="专银" title="专银"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="印刷+烫金" title="印刷+烫金"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="印刷+烫银" title="印刷+烫银"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="双面贴" title="双面贴"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="烫画" title="烫画"
class="craftZhuan">
<input type="checkbox" name="craft" lay-filter="craftZhuan" value="冷转印" title="冷转印"
class="craftZhuan">
<span id="sehu_number" style="display:none">
<span>色数:</span>
<div class="layui-inline" style="width:60px;">
<select name="co_number" class="select">
@@ -195,28 +201,28 @@
</select>
</div>
</span>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
<h2>计算结果-
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
onclick="copyResult()">点击复制
</button>
</h2>
<div>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
<%@include file="../acountExpressFee.jsp" %>
</div>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div>
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
</div>-->
<div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
<h2>计算结果-
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
onclick="copyResult()">点击复制
</button>
</h2>
<div>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
<%@include file="../acountExpressFee.jsp" %>
</div>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div>
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
</div>-->
<div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div>
</form>
</div>
<div class="right_div" style="margin-left:50px;">
@@ -302,6 +308,9 @@
form.on('radio(kind)', function (kindData) {
getProductImage()
$("#ui_des").hide();
$("input[name='craft'][value='烫金']").prop("checked", false);
$(".tjselect").hide();
$(".tjselect select").prop("disabled", true);
if (kindData.value == "金属标") {
// 切换为品种单选框
$(".metal").show();
@@ -315,7 +324,7 @@
} else {
// 少数量、专版打印的时候,切换为品种下拉框
$(".UVSticker").show();
$(".UVSticker").find(":input").attr("disabled", false);
$(".UVSticker input").attr("disabled", false);
$(".count").show();
$(".count").find(":input").attr("disabled", false);
$(".metal").hide();
@@ -366,7 +375,6 @@
} else {
$("#guaban").hide();
}
var craftZhuan = $(".craftZhuan:checked").length;
if (craftZhuan > most) {
$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
@@ -374,6 +382,15 @@
layer.msg('[专金 - 专银]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
return false;
}
if (craft_list.indexOf("烫金") > -1) {
$(".tjselect").show();
$(".tjselect select").prop("disabled", false);
} else {
$(".tjselect").hide();
$(".tjselect select").prop("disabled", true);
}
if (data.value == "冷转印") {
if ($(data.elem).is(":checked")) {
@@ -382,6 +399,7 @@
$("#sehu_number").hide();
}
}
form.render();//必须写
getProductImage()
})
@@ -400,7 +418,9 @@
$("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) {
if ($(this).val() == "刮板") {
if ($(this).val() == "烫金") {
craftShua.push($(".tjselect select option:selected").val());
} else if ($(this).val() == "刮板") {
let co_count = $("input[name='pcount']").val();
craftShua.push($(this).val() + co_count + "个");
} else {