|
@@ -20,6 +20,10 @@
|
|
|
<hr>
|
|
<hr>
|
|
|
<form class="layui-form">
|
|
<form class="layui-form">
|
|
|
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="冰箱贴"/>
|
|
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="冰箱贴"/>
|
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
|
+ <input type="radio" lay-filter="kindValue" name="kindValue" value="冰箱贴" title="冰箱贴" checked="checked">
|
|
|
|
|
+ <input type="radio" lay-filter="kindValue" name="kindValue" value="对联冰箱贴" title="对联冰箱贴">
|
|
|
|
|
+ </div>
|
|
|
<p>
|
|
<p>
|
|
|
材质
|
|
材质
|
|
|
</p>
|
|
</p>
|
|
@@ -34,9 +38,14 @@
|
|
|
<div class="layui-form-item" id="ui_size">
|
|
<div class="layui-form-item" id="ui_size">
|
|
|
<input type="text" name="size" id="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
|
|
<input type="text" name="size" id="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
|
|
+ <div class="layui-form-item" style="display: none">
|
|
|
|
|
+ <select name="size" id="selectSize" class="select" disabled>
|
|
|
|
|
+ <option value="70*80">拼版70*80 mm</option>
|
|
|
|
|
+ <option value="90*100">拼版90*100 mm</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
<p>
|
|
<p>
|
|
|
- 数量(个)
|
|
|
|
|
|
|
+ 数量(套)
|
|
|
</p>
|
|
</p>
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-form-item">
|
|
|
<input type="text" name="count" id="count" placeholder="请输入整数" class="layui-input" autocomplete="off">
|
|
<input type="text" name="count" id="count" placeholder="请输入整数" class="layui-input" autocomplete="off">
|
|
@@ -52,7 +61,7 @@
|
|
|
板材厚度
|
|
板材厚度
|
|
|
</p>
|
|
</p>
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-form-item">
|
|
|
- <select name="cailiao" class="select">
|
|
|
|
|
|
|
+ <select name="cailiao" id="cailiao" class="select">
|
|
|
<option value="2.3">2.3mm</option>
|
|
<option value="2.3">2.3mm</option>
|
|
|
<option value="4.2">4.2mm</option>
|
|
<option value="4.2">4.2mm</option>
|
|
|
</select>
|
|
</select>
|
|
@@ -65,7 +74,7 @@
|
|
|
class="layui-input">
|
|
class="layui-input">
|
|
|
</div>
|
|
</div>
|
|
|
<p>
|
|
<p>
|
|
|
- 工艺
|
|
|
|
|
|
|
+ 工艺<span style="font-size: 14px; color: red">一套为一款</span>
|
|
|
</p>
|
|
</p>
|
|
|
<div class="layui-form-item" id='z4_craft'>
|
|
<div class="layui-form-item" id='z4_craft'>
|
|
|
<div class="layui-input-block">
|
|
<div class="layui-input-block">
|
|
@@ -77,9 +86,11 @@
|
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="激光" title="激光" checked>
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="激光" title="激光" checked>
|
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="CNC" title="CNC">
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="CNC" title="CNC">
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div style="font-size: 14px; color: red">现货背卡尺寸:115*95mm</div>
|
|
|
<div class="layui-input-block">
|
|
<div class="layui-input-block">
|
|
|
背纸工艺:
|
|
背纸工艺:
|
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="背卡" title="背卡">
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="背卡" title="背卡">
|
|
|
|
|
+ <input type="checkbox" name="craft" lay-filter="ui_craft" value="现货背卡" title="现货背卡">
|
|
|
</div>
|
|
</div>
|
|
|
<div class="layui-input-block beika" style="display: none">
|
|
<div class="layui-input-block beika" style="display: none">
|
|
|
背纸尺寸:
|
|
背纸尺寸:
|
|
@@ -106,6 +117,12 @@
|
|
|
disabled>
|
|
disabled>
|
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="背卡异形模切" title="异形模切" disabled>
|
|
<input type="checkbox" name="craft" lay-filter="ui_craft" value="背卡异形模切" title="异形模切" disabled>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="layui-input-block xhbeika" style="display: none">
|
|
|
|
|
+
|
|
|
|
|
+ 背纸颜色:
|
|
|
|
|
+ <input type="checkbox" name="craft" lay-filter="ui_craft" value="红色款" title="红色款" checked disabled>
|
|
|
|
|
+ <input type="checkbox" name="craft" lay-filter="ui_craft" value="黄色款" title="黄色款" disabled>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<hr>
|
|
<hr>
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-form-item">
|
|
@@ -154,46 +171,86 @@
|
|
|
var remark = " ";
|
|
var remark = " ";
|
|
|
const carft_list1 = ["激光", "CNC"];
|
|
const carft_list1 = ["激光", "CNC"];
|
|
|
const carft_list2 = ["背卡直角裁切", "背卡异形模切"];
|
|
const carft_list2 = ["背卡直角裁切", "背卡异形模切"];
|
|
|
|
|
+ const carft_list3 = ["背卡", "现货背卡"];
|
|
|
|
|
+ const carft_list4 = ["红色款", "黄色款"];
|
|
|
|
|
+ getImages()
|
|
|
|
|
|
|
|
// 清空轮播图
|
|
// 清空轮播图
|
|
|
- $("#carousel").empty();
|
|
|
|
|
- $("#remark").empty();
|
|
|
|
|
- $(".ui_feb").show();
|
|
|
|
|
- $(".ui_feb select").attr("disabled", false);
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url: "${pageContext.request.contextPath}/getImgs",
|
|
|
|
|
- type: "GET",
|
|
|
|
|
- data: {
|
|
|
|
|
- proTypeValue: $("#proTypeValue").val(),
|
|
|
|
|
- kindValue: $('input[name="kindValue"]').val()
|
|
|
|
|
- },
|
|
|
|
|
- success: function (result) {
|
|
|
|
|
- for (let i = 0; i < result.length; i++) {
|
|
|
|
|
- // 只留一个remark
|
|
|
|
|
- remark = "";
|
|
|
|
|
- html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
|
|
|
|
|
- remark += '<div><span>' + result[i].remark + '<span/></div>';
|
|
|
|
|
- }
|
|
|
|
|
- $("#carousel").append(html);
|
|
|
|
|
- // 如果没有说明,就不显示null
|
|
|
|
|
- if (remark.indexOf("null") < 0) {
|
|
|
|
|
- $("#remark").append(remark);
|
|
|
|
|
- }
|
|
|
|
|
- // 如果没有轮播图就隐藏
|
|
|
|
|
- if (result.length == 0) {
|
|
|
|
|
- document.getElementById("test1").style.display = "none"; //隐藏
|
|
|
|
|
- } else {
|
|
|
|
|
- document.getElementById("test1").style.display = "block"; //显示
|
|
|
|
|
- ins.reload({
|
|
|
|
|
- elem: '#test1',
|
|
|
|
|
- width: result[0].imgWidth, //设置容器宽度
|
|
|
|
|
- height: result[0].imgHeight
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ function getImages() {
|
|
|
|
|
+ $("#carousel").empty();
|
|
|
|
|
+ $("#remark").empty();
|
|
|
|
|
+ $(".ui_feb").show();
|
|
|
|
|
+ $(".ui_feb select").attr("disabled", false);
|
|
|
|
|
+ $.ajax({
|
|
|
|
|
+ url: "${pageContext.request.contextPath}/getImgs",
|
|
|
|
|
+ type: "GET",
|
|
|
|
|
+ data: {
|
|
|
|
|
+ proTypeValue: $("#proTypeValue").val(),
|
|
|
|
|
+ kindValue: $('input[name="kindValue"]:checked').val()
|
|
|
|
|
+ },
|
|
|
|
|
+ success: function (result) {
|
|
|
|
|
+ for (let i = 0; i < result.length; i++) {
|
|
|
|
|
+ // 只留一个remark
|
|
|
|
|
+ remark = "";
|
|
|
|
|
+ html += '<div><img style="width:100%;height: 100%;object-fit: contain" src="' + result[i].imgUrl + '"></div>';
|
|
|
|
|
+ remark += '<div><span>' + result[i].remark + '<span/></div>';
|
|
|
|
|
+ }
|
|
|
|
|
+ $("#carousel").append(html);
|
|
|
|
|
+ // 如果没有说明,就不显示null
|
|
|
|
|
+ if (remark.indexOf("null") < 0) {
|
|
|
|
|
+ $("#remark").append(remark);
|
|
|
|
|
+ }
|
|
|
|
|
+ // 如果没有轮播图就隐藏
|
|
|
|
|
+ if (result.length == 0) {
|
|
|
|
|
+ document.getElementById("test1").style.display = "none"; //隐藏
|
|
|
|
|
+ } else {
|
|
|
|
|
+ document.getElementById("test1").style.display = "block"; //显示
|
|
|
|
|
+ ins.reload({
|
|
|
|
|
+ elem: '#test1',
|
|
|
|
|
+ width: result[0].imgWidth, //设置容器宽度
|
|
|
|
|
+ height: result[0].imgHeight
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ form.on("radio(kindValue)", function (data) {
|
|
|
|
|
+ let kindValue = data.value;
|
|
|
|
|
+ let cailiaoHtml = `<option value="2.3">2.3mm</option>
|
|
|
|
|
+ <option value="4.2">4.2mm</option>`;
|
|
|
|
|
+ $("#ui_size").show();
|
|
|
|
|
+ $("#ui_size").find("input").attr("disabled", false);
|
|
|
|
|
+ $("#selectSize").parent().hide();
|
|
|
|
|
+ $("#selectSize").attr("disabled", true);
|
|
|
|
|
+ $("input[name='craft'][value='激光']").prop("checked", true);
|
|
|
|
|
+ $("input[name='craft'][value='CNC']").prop("checked", false);
|
|
|
|
|
+ $("input[name='craft'][value='现货背卡']").prop("checked", false);
|
|
|
|
|
+ $(".xhbeika").hide();
|
|
|
|
|
+ $(".xhbeika").find("input").prop("disabled", true)
|
|
|
|
|
+ if (kindValue == "对联冰箱贴") {
|
|
|
|
|
+ cailiaoHtml = `<option value="2.3">2.3mm</option>
|
|
|
|
|
+ <option value="2.3滴塑">2.3mm滴塑</option>`;
|
|
|
|
|
+ $("#ui_size").hide();
|
|
|
|
|
+ $("#ui_size").find("input").attr("disabled", true);
|
|
|
|
|
+ $("#selectSize").parent().show();
|
|
|
|
|
+ $("#selectSize").attr("disabled", false);
|
|
|
|
|
+ $("input[name='craft'][value='现货背卡']").prop("checked", true);
|
|
|
|
|
+ $("input[name='craft'][value='背卡']").prop("checked", false);
|
|
|
|
|
+ $(".beika").hide();
|
|
|
|
|
+ $(".beika").find("input").prop("disabled", true)
|
|
|
|
|
+ $(".xhbeika").show();
|
|
|
|
|
+ $(".xhbeika").find("input").prop("disabled", false)
|
|
|
}
|
|
}
|
|
|
- });
|
|
|
|
|
|
|
+ $("#cailiao").empty();
|
|
|
|
|
+ $("#cailiao").append(cailiaoHtml);
|
|
|
|
|
+ getImages()
|
|
|
|
|
+ form.render();
|
|
|
|
|
+
|
|
|
|
|
+ })
|
|
|
form.on('checkbox(ui_craft)', function (data) {
|
|
form.on('checkbox(ui_craft)', function (data) {
|
|
|
let craft_list = [];
|
|
let craft_list = [];
|
|
|
|
|
+ let kindValue = $('input[name="kindValue"]:checked').val();
|
|
|
craft_list.push($("select[name='craft'] option:selected").val());
|
|
craft_list.push($("select[name='craft'] option:selected").val());
|
|
|
$("input[name='craft']:checked").each(function () {
|
|
$("input[name='craft']:checked").each(function () {
|
|
|
if (!$(this).is(':disabled')) {
|
|
if (!$(this).is(':disabled')) {
|
|
@@ -208,6 +265,13 @@
|
|
|
form.render();
|
|
form.render();
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
|
|
+ if (data.value == "CNC" && kindValue == "对联冰箱贴") {
|
|
|
|
|
+ $(data.elem).prop("checked", false);
|
|
|
|
|
+ layer.msg("对联冰箱贴CNC工艺不能选择", {offset: ['300px', '300px']}, function () {
|
|
|
|
|
+ });
|
|
|
|
|
+ form.render();
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
|
|
const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
|
|
|
if (carft1.length > 1) {
|
|
if (carft1.length > 1) {
|
|
|
$(data.elem).prop("checked", false);
|
|
$(data.elem).prop("checked", false);
|
|
@@ -224,6 +288,29 @@
|
|
|
form.render();
|
|
form.render();
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
|
|
+ if (data.value == "现货背卡" && kindValue == "冰箱贴") {
|
|
|
|
|
+ $(data.elem).prop("checked", false);
|
|
|
|
|
+ layer.msg("冰箱贴现货背卡工艺不能选择", {offset: ['300px', '300px']}, function () {
|
|
|
|
|
+ });
|
|
|
|
|
+ form.render();
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ const carft3 = carft_list3.filter(craft => craft_list.includes(craft));
|
|
|
|
|
+ if (carft3.length > 1) {
|
|
|
|
|
+ $(data.elem).prop("checked", false);
|
|
|
|
|
+ layer.msg("背卡工艺不能同时选择", {offset: ['300px', '300px']}, function () {
|
|
|
|
|
+ });
|
|
|
|
|
+ form.render();
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ const carft4 = carft_list4.filter(craft => craft_list.includes(craft));
|
|
|
|
|
+ if (carft4.length > 1) {
|
|
|
|
|
+ $(data.elem).prop("checked", false);
|
|
|
|
|
+ layer.msg("背卡颜色不能同时选择", {offset: ['300px', '300px']}, function () {
|
|
|
|
|
+ });
|
|
|
|
|
+ form.render();
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
if (data.value == "背卡") {
|
|
if (data.value == "背卡") {
|
|
|
$(".beika").hide();
|
|
$(".beika").hide();
|
|
|
$(".beika").find("input").prop("disabled", true)
|
|
$(".beika").find("input").prop("disabled", true)
|
|
@@ -232,6 +319,14 @@
|
|
|
$(".beika").find("input").prop("disabled", false)
|
|
$(".beika").find("input").prop("disabled", false)
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ if (data.value == "现货背卡") {
|
|
|
|
|
+ $(".xhbeika").hide();
|
|
|
|
|
+ $(".xhbeika").find("input").prop("disabled", true)
|
|
|
|
|
+ if (data.elem.checked) {
|
|
|
|
|
+ $(".xhbeika").show();
|
|
|
|
|
+ $(".xhbeika").find("input").prop("disabled", false)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
form.render();
|
|
form.render();
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -239,27 +334,35 @@
|
|
|
form.on('submit(acount_btn)', function (data) {
|
|
form.on('submit(acount_btn)', function (data) {
|
|
|
var number = $("#number").val();
|
|
var number = $("#number").val();
|
|
|
var size = $("#size").val();
|
|
var size = $("#size").val();
|
|
|
|
|
+ let kindValue = $('input[name="kindValue"]:checked').val();
|
|
|
var count = $("#count").val();
|
|
var count = $("#count").val();
|
|
|
var kind = $("select[name='kind'] option:selected").text();
|
|
var kind = $("select[name='kind'] option:selected").text();
|
|
|
let size1 = $("#size1").val();
|
|
let size1 = $("#size1").val();
|
|
|
let shuliang = $("#shuliang").val();
|
|
let shuliang = $("#shuliang").val();
|
|
|
let pinzhong = $("#pinzhong").val();
|
|
let pinzhong = $("#pinzhong").val();
|
|
|
var craft = [];
|
|
var craft = [];
|
|
|
|
|
+ if (kindValue == "对联冰箱贴") {
|
|
|
|
|
+ size = $("#selectSize option:selected").val();
|
|
|
|
|
+ }
|
|
|
if (size == "") {
|
|
if (size == "") {
|
|
|
layer.msg('请填写尺寸!', {offset: ['300px', '300px']}, function () {
|
|
layer.msg('请填写尺寸!', {offset: ['300px', '300px']}, function () {
|
|
|
});
|
|
});
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
- if ((size.split("*")[0] > 16 || size.split("*")[1] > 16)) {
|
|
|
|
|
- layer.msg('最大尺寸16*16cm!', {offset: ['300px', '300px']}, function () {
|
|
|
|
|
- });
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- if ((size.split("*")[0] < 2 || size.split("*")[1] < 2)) {
|
|
|
|
|
- layer.msg('最小尺寸2*2cm!', {offset: ['300px', '300px']}, function () {
|
|
|
|
|
- });
|
|
|
|
|
- return false;
|
|
|
|
|
|
|
+ if (kindValue == "冰箱贴") {
|
|
|
|
|
+
|
|
|
|
|
+ if ((size.split("*")[0] > 16 || size.split("*")[1] > 16)) {
|
|
|
|
|
+ layer.msg('最大尺寸16*16cm!', {offset: ['300px', '300px']}, function () {
|
|
|
|
|
+ });
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ if ((size.split("*")[0] < 2 || size.split("*")[1] < 2)) {
|
|
|
|
|
+ layer.msg('最小尺寸2*2cm!', {offset: ['300px', '300px']}, function () {
|
|
|
|
|
+ });
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
craft.push($("#xiangwei select[name='craft'] option:selected").val());
|
|
craft.push($("#xiangwei select[name='craft'] option:selected").val());
|
|
|
$("input:checkbox[name='craft']:checked").each(function (i) {
|
|
$("input:checkbox[name='craft']:checked").each(function (i) {
|
|
|
// 没有被禁用的工艺加到arr中
|
|
// 没有被禁用的工艺加到arr中
|
|
@@ -308,19 +411,24 @@
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
var data = result.data.proList;
|
|
var data = result.data.proList;
|
|
|
-
|
|
|
|
|
- var span_result = '冰箱贴 - ' + kind + '-' + $("select[name='cailiao'] option:selected").text() + ' - ' + size + ' CM (同款内容)\n';
|
|
|
|
|
|
|
+ let unit = "套";
|
|
|
|
|
+ if (kindValue == "冰箱贴") {
|
|
|
|
|
+ var span_result = kindValue + ' - ' + kind + '-' + $("select[name='cailiao'] option:selected").text() + ' - ' + size + ' CM (同款内容)\n';
|
|
|
|
|
+ unit = "个"
|
|
|
|
|
+ } else {
|
|
|
|
|
+ var span_result = kindValue + ' - ' + kind + '-' + $("select[name='cailiao'] option:selected").text() + ' - 拼版' + size + ' MM (同款内容)\n';
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
span_result += `工艺:` + craft.join(",") + '\n';
|
|
span_result += `工艺:` + craft.join(",") + '\n';
|
|
|
|
|
|
|
|
if (number > 1) {
|
|
if (number > 1) {
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
- span_result += number + '款 各' + data[i].count + "个,共" + data[i].price + "元" + '\n'
|
|
|
|
|
|
|
+ span_result += number + '款 各' + data[i].count + unit + ",共" + data[i].price + "元" + '\n'
|
|
|
data[i].number = number;
|
|
data[i].number = number;
|
|
|
}
|
|
}
|
|
|
} else {
|
|
} else {
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
- span_result += number + '款 ' + data[i].count + "个,共" + data[i].price + "元" + '\n'
|
|
|
|
|
|
|
+ span_result += number + '款 ' + data[i].count + unit + ",共" + data[i].price + "元" + '\n'
|
|
|
data[i].number = number;
|
|
data[i].number = number;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|