zyy/quote_price
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增抠图工艺

Browse Source
This commit is contained in:
zhuyiyi
2026-06-16 14:34:37 +08:00
parent 86839e0b2b
commit 94a369f4b1
80 changed files with 6053 additions and 3645 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/java/lingtao/net/util/PriceUtils.java
+37 -13
View File
@@ -40,18 +40,37 @@ public class PriceUtils {
if ("10*2".equals(dto.getSize())) { if ("10*2".equals(dto.getSize())) {
prices = new double[]{220, 300, 337, 412, 600, 680, 1200, 1980}; prices = new double[]{220, 300, 337, 412, 600, 680, 1200, 1980};
} }
for (int i = 0; i < counts.length; i++) { double lastPrice = 0;
if (counts[i] < dto.getCount()) { int lastCount = 0;
continue; double price = 0;
int countItem = count;
do {
if (countItem > counts[counts.length - 1]) {
price += prices[prices.length - 1];
countItem = countItem - counts[counts.length - 1];
} else {
for (int i = 0; i < counts.length; i++) {
if (counts[i] < countItem) {
lastCount = counts[i];
lastPrice = prices[i];
continue;
}
if (lastPrice == 0 && lastCount == 0) {
price += prices[i];
} else {
price += lastPrice + (countItem - lastCount) * (prices[i] - lastPrice) / (counts[i] - lastCount);
}
break;
}
countItem = 0;
} }
if (list.size() > 2) { } while (countItem != 0);
break;
} pro = new Product();
pro = new Product(); pro.setCount(count);
pro.setCount(counts[i]); pro.setPrice(Math.ceil(price));
pro.setPrice(prices[i] ); list.add(pro);
list.add(pro);
}
return list; return list;
} }
// 最低收费 // 最低收费
@@ -2179,7 +2198,12 @@ public class PriceUtils {
// 第一张大纸价格 // 第一张大纸价格
double price = 80; double price = 80;
if (craft.size() > 0) {//工艺起步价120 if (craft.size() > 0) {//工艺起步价120
price = 120; if (!craft.contains("内部模切")) {
price = 120;
}
if (craft.contains("内部模切") && craft.size() > 1) {
price = 120;
}
} }
// 换成毫米每边+3 // 换成毫米每边+3
length = length * 10 + 2 * 1.5; length = length * 10 + 2 * 1.5;
@@ -2200,7 +2224,7 @@ public class PriceUtils {
price = num * 25; price = num * 25;
} }
price += 10 * craft.size() * num; price += 10 * craft.size() * num;
if (dto.getN_mq_num() > 0) { if (craft.contains("内部模切") && dto.getN_mq_num() > 0) {
price += 10 * dto.getN_mq_num(); price += 10 * dto.getN_mq_num();
} }
price = Math.ceil(price + (number - 1) * 5); price = Math.ceil(price + (number - 1) * 5);
src/main/webapp/views/product/acidTags.jsp
+227 -183
View File
@@ -1,187 +1,231 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 硫酸纸吊牌 --> <!-- 硫酸纸吊牌 -->
<style> <style>
.layui-form-checkbox[lay-skin=primary] i{ .layui-form-checkbox[lay-skin=primary] i {
border-radius: 50px; border-radius: 50px;
width: 18px; width: 18px;
height: 18px; height: 18px;
line-height: 18px; line-height: 18px;
margin-top:3px; margin-top: 3px;
} }
.layui-form-checkbox[lay-skin=primary] span{
color:black; .layui-form-checkbox[lay-skin=primary] span {
margin-top:3px; color: black;
font-size: 14px; margin-top: 3px;
} font-size: 14px;
}
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h2">硫酸纸吊牌</h1> <h1 class="h2">硫酸纸吊牌</h1>
<span style="color: red; font-weight: 700;"></span> <span style="color: red; font-weight: 700;"></span>
<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="硫酸纸吊牌">
<p> <p>
尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<span style="font-size: 14px; color: red">135克硫酸纸尺寸</span> <span style="font-size: 14px; color: red">135克硫酸纸尺寸</span>
<input type="text" name="size" placeholder="135克硫酸纸尺寸" id="size" lay-verify="required" class="layui-input" autocomplete="off"> <input type="text" name="size" placeholder="135克硫酸纸尺寸" id="size" lay-verify="required" class="layui-input" autocomplete="off">
<span style="font-size: 14px; color: red">350克铜版纸尺寸</span> <span style="font-size: 14px; color: red">350克铜版纸尺寸</span>
<input type="text" name="size1" placeholder="350克铜版纸尺寸" id="size1" lay-verify="required" class="layui-input" autocomplete="off"> <input type="text" name="size1" placeholder="350克铜版纸尺寸" id="size1" lay-verify="required" class="layui-input" autocomplete="off">
</div> </div>
<p> <p>
数量(套) 数量(套)
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="count" class="select" id="count"> <select name="count" class="select" id="count">
<option value="1000">1000</option> <option value="1000">1000</option>
<option value="2000">2000</option> <option value="2000">2000</option>
<option value="5000">5000</option> <option value="5000">5000</option>
<option value="10000">10000</option> <option value="10000">10000</option>
</select> </select>
</div> </div>
<p>款数</p> <p>款数</p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" <input type="text" placeholder="请输入整数" autocomplete="off"
name="number" id="number" value="1" class="layui-input" lay-verify="number"> name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<p> <p>
工艺 工艺
</p> </p>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="craftQie" lay-filter="craftQie" value="直角裁切" title="直角裁切" checked> <input type="radio" name="craftQie" lay-filter="craftQie" value="直角裁切" title="直角裁切" checked>
</div> </div>
<div class="layui-form-item"> <div class="layui-input-block">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <div class="layui-inline crop" style="display:none;width: 80px">
</div> <input class="layui-input" type="text" name="cropNumber">
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> </div>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div> <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1"> <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size: 20px; color: red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size: 20px; color: red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use([ 'table', 'form' ], function() { layui.use(['table', 'form'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var table = layui.table; var table = layui.table;
form.on('checkbox(ui_craft)', function (data) {
// 点击计算，计算价格 let craft_list = [];
form.on('submit(acount_btn)', function(data) { let kindValue = $('input[name="kindValue"]:checked').val();
var craftQie = [$('input[name="craftQie"]:checked').val()]; craft_list.push($("select[name='craft'] option:selected").val());
var size = $("#size").val(); $("input[name='craft']:checked").each(function () {
var size1 = $("#size1").val(); if (!$(this).is(':disabled')) {
var number = $("#number").val(); craft_list.push($(this).val());
var count = $("#count option:selected").text(); }
if ((size.split("*")[0] < 5 || size.split("*")[1] < 5) && (size.split("*")[0] < 3 || size.split("*")[1] < 3)) { });
layer.msg("尺寸不能小于5*3 cm",{offset:['300px','300px']},function(){});
return false;
}
if ((size1.split("*")[0] < 5 || size1.split("*")[1] < 5) && (size1.split("*")[0] < 3 || size1.split("*")[1] < 3)) {
layer.msg("尺寸不能小于5*3 cm",{offset:['300px','300px']},function(){});
return false;
}
if ((size.split("*")[0] > 9 || size.split("*")[1] > 5.4) && (size.split("*")[0] > 5.4 || size.split("*")[1] > 9)) {
layer.msg("尺寸不能大于9*5.4 cm",{offset:['300px','300px']},function(){});
return false;
}
if ((size1.split("*")[0] > 9 || size1.split("*")[1] > 5.4) && (size1.split("*")[0] > 5.4 || size1.split("*")[1] > 9)) {
layer.msg("尺寸不能大于9*5.4 cm",{offset:['300px','300px']},function(){});
return false;
}
$.ajax({
url : "${path}/getThanSum",
type : "GET",
data : $(".big_box form").serialize(),
success : function(result) {
if (result.code == 100) {
layer.msg(result.msg, {offset : [ '300px', '300px' ]}, function() {});
return false;
}
var data = result.data.proList;
var span_result = '硫酸纸吊牌 - ' + '135克硫酸纸尺寸' + size + 'cm - ' + '350克铜版纸尺寸' + size1 + 'cm\n' + "工艺： " + craftQie + "\n";
if(number > 1){
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "套，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}else{
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "套，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
addLog(span_result);
$("#span_result").val(span_result);
getRemark($("#proTypeValue").val(), size, count+"套", "单色", number, craftQie, ""); if (data.value == '抠图') {
//计算完自动复制文本 $(".crop").hide();
var e = document.getElementById("span_result");//对象是content $(".crop").find("input").prop("disabled", true)
if (e.value != "") { if (data.elem.checked) {
e.select();//选择对象 $(".crop").show();
document.execCommand("Copy");//执行浏览器复制命令 $(".crop").find("input").prop("disabled", false)
} }
}
form.render();
})
// 点击计算，计算价格
form.on('submit(acount_btn)', function (data) {
var craftQie = [$('input[name="craftQie"]:checked').val()];
var size = $("#size").val();
var size1 = $("#size1").val();
var number = $("#number").val();
var count = $("#count option:selected").text();
if ((size.split("*")[0] < 5 || size.split("*")[1] < 5) && (size.split("*")[0] < 3 || size.split("*")[1] < 3)) {
layer.msg("尺寸不能小于5*3 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size1.split("*")[0] < 5 || size1.split("*")[1] < 5) && (size1.split("*")[0] < 3 || size1.split("*")[1] < 3)) {
layer.msg("尺寸不能小于5*3 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size.split("*")[0] > 9 || size.split("*")[1] > 5.4) && (size.split("*")[0] > 5.4 || size.split("*")[1] > 9)) {
layer.msg("尺寸不能大于9*5.4 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size1.split("*")[0] > 9 || size1.split("*")[1] > 5.4) && (size1.split("*")[0] > 5.4 || size1.split("*")[1] > 9)) {
layer.msg("尺寸不能大于9*5.4 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
let craft_list = [];
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft_list.push($(this).val());
}
});
craft_list.push(craftQie)
$.ajax({
url: "${path}/getThanSum",
type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
//生成表格 var span_result = '硫酸纸吊牌 - ' + '135克硫酸纸尺寸' + size + 'cm - ' + '350克铜版纸尺寸' + size1 + 'cm\n' + "工艺： " + craft_list.join(",") + "\n";
table.render({ if (number > 1) {
elem : '#priceTable', for (let i = 0; i < data.length; i++) {
even : true, //隔行变色 span_result += number + '款 各' + data[i].count + "套，共" + data[i].price + "元" + '\n'
data : data, // 赋值已知数据 data[i].number = number;
width : 500, }
cols : [ [ { } else {
field : 'number', for (let i = 0; i < data.length; i++) {
width : '12%', span_result += number + '款 ' + data[i].count + "套，共" + data[i].price + "元" + '\n'
align : "center", data[i].number = number;
title : '款数' }
}, { }
field : 'count',
width : '16%', addLog(span_result);
align : "center", $("#span_result").val(span_result);
title : '数量'
}, { getRemark($("#proTypeValue").val(), size, count + "套", "单色", number, craftQie, "");
field : 'price', //计算完自动复制文本
width : '16%', var e = document.getElementById("span_result");//对象是content
align : "center", if (e.value != "") {
title : '报价' e.select();//选择对象
},/* { document.execCommand("Copy");//执行浏览器复制命令
}
//生成表格
table.render({
elem: '#priceTable',
even: true, //隔行变色
data: data, // 赋值已知数据
width: 500,
cols: [[{
field: 'number',
width: '12%',
align: "center",
title: '款数'
}, {
field: 'count',
width: '16%',
align: "center",
title: '数量'
}, {
field: 'price',
width: '16%',
align: "center",
title: '报价'
},/* {
field : 'wangwang', field : 'wangwang',
align : "center", align : "center",
width : '16%', width : '16%',
@@ -192,18 +236,18 @@
width : '19%', width : '19%',
title : '跳楼价' title : '跳楼价'
}, */{ }, */{
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} ] ], }]],
done : function() { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/angingCloth.jsp
+30
View File
@@ -64,6 +64,12 @@
<input type="checkbox" name="craft" lay-filter="switch" value="打孔" title="打孔"> <input type="checkbox" name="craft" lay-filter="switch" value="打孔" title="打孔">
<input type="checkbox" name="craft" lay-filter="switch" value="缝筒" title="缝筒"> <input type="checkbox" name="craft" lay-filter="switch" value="缝筒" title="缝筒">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -160,6 +166,26 @@
} }
getProductImage(data.elem.checked ? data.value : ''); getProductImage(data.elem.checked ? data.value : '');
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
@@ -203,6 +229,10 @@
let craftys = $("input[name='craftys']:checked").val(); let craftys = $("input[name='craftys']:checked").val();
$("input[name='craft']:checked").each(function () { $("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) { if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()) arr.push($(this).val())
} }
}) })
src/main/webapp/views/product/antifake.jsp
+30
View File
@@ -69,6 +69,12 @@
<div class="layui-input-block" id="yinbai">印白工艺： <div class="layui-input-block" id="yinbai">印白工艺：
<input type="checkbox" name="craft" lay-filter="switch" value="印白墨" title="印白墨"> <input type="checkbox" name="craft" lay-filter="switch" value="印白墨" title="印白墨">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -161,6 +167,26 @@
getProductImage(); getProductImage();
form.render(); form.render();
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
form.on("checkbox(switch)", (data) => { form.on("checkbox(switch)", (data) => {
let arr = [] let arr = []
$("input[name='craft']:checked").each(function () { $("input[name='craft']:checked").each(function () {
@@ -210,6 +236,10 @@
let number = $("#number").val(); let number = $("#number").val();
$("input[name='craft']:checked").each(function () { $("input[name='craft']:checked").each(function () {
if (!$(this).prop("disabled")) { if (!$(this).prop("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()) arr.push($(this).val())
} }
}) })
src/main/webapp/views/product/aromatherapyCard.jsp
+22 -3
View File
@@ -153,6 +153,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -273,6 +279,16 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
return false;
}
}) })
form.on('checkbox(peijian)', function (data) { form.on('checkbox(peijian)', function (data) {
let craft_list = []; let craft_list = [];
@@ -334,6 +350,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if (carft_list4.indexOf($(this).val()) > -1) { if (carft_list4.indexOf($(this).val()) > -1) {
craft.push($(this).val() + $("#peijian_ui select[name='shen_color'] option:selected").val()); craft.push($(this).val() + $("#peijian_ui select[name='shen_color'] option:selected").val());
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft.push($(this).val()); craft.push($(this).val());
} }
@@ -387,9 +406,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/badge.jsp
+18
View File
@@ -107,6 +107,12 @@
title="磁铁"> title="磁铁">
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -279,6 +285,14 @@
if (craft_list.includes("PET印刷") > 0) { if (craft_list.includes("PET印刷") > 0) {
$("#size").val("3*3") $("#size").val("3*3")
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
getImages(); getImages();
form.render(); form.render();
// changeRemark() // changeRemark()
@@ -313,6 +327,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/banqi.jsp
+34 -4
View File
@@ -80,6 +80,12 @@
</div> </div>
<%-- <input type="checkbox" name="craft" value="手绘" title="手绘" lay-filter="craft">--%> <%-- <input type="checkbox" name="craft" value="手绘" title="手绘" lay-filter="craft">--%>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -165,7 +171,7 @@
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
if(craft.indexOf("旗杆") > -1 && craft.indexOf("伸缩旗杆") > -1){ if (craft.indexOf("旗杆") > -1 && craft.indexOf("伸缩旗杆") > -1) {
$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox"); $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
$(data.elem).prop("checked", false); $(data.elem).prop("checked", false);
layer.msg('旗杆 - 伸缩旗杆只能选择一种！', {offset: ['300px', '300px']}, {icon: 5}); layer.msg('旗杆 - 伸缩旗杆只能选择一种！', {offset: ['300px', '300px']}, {icon: 5});
@@ -188,6 +194,27 @@
form.render(); form.render();
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var number = $("#number").val(); var number = $("#number").val();
@@ -201,6 +228,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "伸缩旗杆") { if ($(this).val() == "伸缩旗杆") {
craft.push($(this).val() + $(".qigan input").val()); craft.push($(this).val() + $(".qigan input").val());
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft.push($(this).val()); craft.push($(this).val());
} }
@@ -241,9 +271,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/blackCard.jsp
+30
View File
@@ -94,6 +94,12 @@
<input type="radio" name="craftTang" lay-filter="switch" value="双面烫银带凹凸" title="双面烫银带凹凸"> <input type="radio" name="craftTang" lay-filter="switch" value="双面烫银带凹凸" title="双面烫银带凹凸">
<input type="checkbox" name="craft" lay-filter="switch" value="圆角" title="圆角" lay-skin="primary"> <input type="checkbox" name="craft" lay-filter="switch" value="圆角" title="圆角" lay-skin="primary">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -199,6 +205,26 @@
form.on('checkbox(switch)', function (data) { form.on('checkbox(switch)', function (data) {
getProductImage() getProductImage()
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kind2Data = { var kind2Data = {
@@ -213,6 +239,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
src/main/webapp/views/product/canopy.jsp
+31
View File
@@ -92,6 +92,12 @@
<input type="checkbox" name="craft" lay-filter="switch" value="裁切吊耳" title="裁切吊耳"> <input type="checkbox" name="craft" lay-filter="switch" value="裁切吊耳" title="裁切吊耳">
<input type="checkbox" name="craft" lay-filter="switch" value="模切吊耳" title="模切吊耳"> <input type="checkbox" name="craft" lay-filter="switch" value="模切吊耳" title="模切吊耳">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -238,6 +244,27 @@
getProductImage(data.elem.checked ? data.value : ''); getProductImage(data.elem.checked ? data.value : '');
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
@@ -246,6 +273,10 @@
let craft_list = []; let craft_list = [];
$("input[name='craft']:checked").each(function () { $("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) { if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft_list.push($(this).val()) craft_list.push($(this).val())
} }
}) })
src/main/webapp/views/product/canvas.jsp
+33 -3
View File
@@ -95,6 +95,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -226,6 +232,27 @@
form.render('radio'); form.render('radio');
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var number = $("#number").val(); var number = $("#number").val();
@@ -251,6 +278,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "伸缩杆70-120CM") { if ($(this).val() == "伸缩杆70-120CM") {
craft.push($("input[name='pcount']").val() + "个" + $(this).val()) craft.push($("input[name='pcount']").val() + "个" + $(this).val())
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft.push($(this).val()) craft.push($(this).val())
} }
@@ -306,9 +336,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/canvasBag.jsp
+22 -3
View File
@@ -113,6 +113,12 @@
</span> </span>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -229,6 +235,16 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
return false;
}
}) })
form.on('checkbox(peijian)', function (data) { form.on('checkbox(peijian)', function (data) {
@@ -276,6 +292,9 @@
if ($(this).val() == '织带绳') { if ($(this).val() == '织带绳') {
craft.push($(this).val()); craft.push($(this).val());
craft.push($("select[name='s_color'] option:selected").val() + $(this).val()); craft.push($("select[name='s_color'] option:selected").val() + $(this).val());
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft.push($(this).val()); craft.push($(this).val());
} }
@@ -335,9 +354,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/card.jsp
+43 -5
View File
@@ -98,6 +98,12 @@
<input type="checkbox" name="craft" lay-filter="switch" value="磁条" title="磁条"> <input type="checkbox" name="craft" lay-filter="switch" value="磁条" title="磁条">
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -309,6 +315,26 @@
} }
getProductImage(data.elem.checked ? data.value : "") getProductImage(data.elem.checked ? data.value : "")
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var proTypeValue = $('input[name="kind"]:checked').val(); var proTypeValue = $('input[name="kind"]:checked').val();
@@ -337,7 +363,7 @@
} }
var kind2Value = $("#kind2Value option:checked").text(); var kind2Value = $("#kind2Value option:checked").text();
var craftMo = [$('input[name="craftMo"]:checked').val()]; var craftMo = [$('input[name="craftMo"]:checked').val()];
var craftJiao = [$('input[name="craftJiao"]:checked').val()]; var craftJiao = [$('input[name="craftJiao"]:checked:not(:disabled)').val()];
var number = $("#number").val(); var number = $("#number").val();
var count = $("select[name='count'] option:selected").text(); var count = $("select[name='count'] option:selected").text();
var proTypeValueData = { var proTypeValueData = {
@@ -354,8 +380,20 @@
}); });
return false; return false;
} }
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
arr.push(craftMo)
arr.push(craftJiao)
var data = result.data.proList; var data = result.data.proList;
var span_result = proTypeValueData[proTypeValue] + ' - ' + kindValue + ' - ' + kind2Value + ' - ' + craftMo + ' - ' + craftJiao + ' -(同款内容)\n'; var span_result = proTypeValueData[proTypeValue] + ' - ' + kindValue + ' - ' + kind2Value + ' -(同款内容)\n';
span_result += "工艺 :" + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -368,9 +406,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/chaqi.jsp
+18
View File
@@ -145,6 +145,12 @@
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
</form> </form>
<form class="layui-form"> <form class="layui-form">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -335,6 +341,10 @@
$("input:checkbox[name='" + name + "']:checked").each(function (i) { $("input:checkbox[name='" + name + "']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -360,6 +370,14 @@
if (craftCount.length > 0) { if (craftCount.length > 0) {
$(".ui_guaguasize").show(); $(".ui_guaguasize").show();
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render(); form.render();
}) })
src/main/webapp/views/product/chetie.jsp
+23 -4
View File
@@ -65,6 +65,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="刮板" title="刮板" checked> <input type="checkbox" name="craft" lay-filter="ui_craft" value="刮板" title="刮板" checked>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -168,7 +174,16 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
return false;
}
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -196,6 +211,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -248,9 +267,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/chuanqi.jsp
+30 -1
View File
@@ -57,6 +57,12 @@
<input type="checkbox" name="craft" value="净裁" title="净裁" lay-filter="craft"> <input type="checkbox" name="craft" value="净裁" title="净裁" lay-filter="craft">
<input type="checkbox" name="craft" value="木棍" title="木棍" lay-filter="craft"> <input type="checkbox" name="craft" value="木棍" title="木棍" lay-filter="craft">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -90,7 +96,26 @@
layui.use(['table','form'], function(){ layui.use(['table','form'], function(){
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var table = layui.table; var table = layui.table;
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function(data) { form.on('submit(acount_btn)', function(data) {
var number= $("#number").val(); var number= $("#number").val();
@@ -101,6 +126,10 @@ layui.use(['table','form'], function(){
$("input:checkbox[name='craft']:checked").each(function(i) { $("input:checkbox[name='craft']:checked").each(function(i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if(!$(this).is(':disabled')){ if(!$(this).is(':disabled')){
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
src/main/webapp/views/product/clothes.jsp
+29
View File
@@ -154,6 +154,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -534,7 +540,26 @@
getProductImage(data.elem.checked ? data.value : "") getProductImage(data.elem.checked ? data.value : "")
form.render(); form.render();
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
@@ -550,6 +575,10 @@
let arr = []; let arr = [];
$("input[name='craft']:checked").each(function () { $("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) { if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()) arr.push($(this).val())
} }
}) })
src/main/webapp/views/product/coaster.jsp
+24 -4
View File
@@ -329,6 +329,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -524,7 +530,7 @@
} }
data.kindValue = kindValue; data.kindValue = kindValue;
} }
if(kindValue == 13){ if (kindValue == 13) {
data.proTypeValue = "香薰卡"; data.proTypeValue = "香薰卡";
delete data.kindValue; delete data.kindValue;
} }
@@ -605,6 +611,17 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
return false;
}
}) })
form.on('checkbox(peijian)', function (data) { form.on('checkbox(peijian)', function (data) {
let craft_list = []; let craft_list = [];
@@ -728,6 +745,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if (carft_list4.indexOf($(this).val()) > -1) { if (carft_list4.indexOf($(this).val()) > -1) {
arr.push($(this).val() + $("#peijian_ui select[name='shen_color'] option:selected").val()); arr.push($(this).val() + $("#peijian_ui select[name='shen_color'] option:selected").val());
} else if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
arr.push($(this).val()); arr.push($(this).val());
} }
@@ -829,9 +849,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/colorEnvelope.jsp
+31 -3
View File
@@ -171,6 +171,12 @@
覆膜工艺： 覆膜工艺：
<input type="checkbox" name="craft" lay-filter="switch" value="覆哑膜" title="覆哑膜" checked> <input type="checkbox" name="craft" lay-filter="switch" value="覆哑膜" title="覆哑膜" checked>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -238,7 +244,26 @@
} }
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 隐藏的默认禁用 // 隐藏的默认禁用
$(".color2").hide(); $(".color2").hide();
$(".second").find(":input").attr("disabled", true); $(".second").find(":input").attr("disabled", true);
@@ -416,6 +441,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "烫金") { if ($(this).val() == "烫金") {
craft_list.push($(this).val() + $("#craftNum option:selected").val() + $("#craftColor option:selected").val()); craft_list.push($(this).val() + $("#craftNum option:selected").val() + $("#craftColor option:selected").val());
} else if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft_list.push($(this).val()); craft_list.push($(this).val());
} }
@@ -440,11 +468,11 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = ""; var count = "";
if ($("#otherCount").css("display") == "none") { if ($("#otherCount").css("display") == "none") {
src/main/webapp/views/product/copyPaper.jsp
+309 -267
View File
@@ -1,283 +1,325 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 复印纸 --> <!-- 复印纸 -->
<style> <style>
.p{ .p {
color:green;font-weight:400; color: green;
} font-weight: 400;
}
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">复印纸<span style="color:red;font-weight:700;"> -自来稿件</span></h1> <h1 class="h1">复印纸<span style="color:red;font-weight:700;"> -自来稿件</span></h1>
<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="复印纸">
<p> <p>
印色 印色
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="kindValue" lay-filter="kindValue" value="黑白" title="黑白" checked="checked"> <input type="radio" name="kindValue" lay-filter="kindValue" value="黑白" title="黑白" checked="checked">
<input type="radio" name="kindValue" lay-filter="kindValue" value="彩色" title="彩色"> <input type="radio" name="kindValue" lay-filter="kindValue" value="彩色" title="彩色">
</div> </div>
</div> </div>
<p> <p>
材料 材料
</p> </p>
<div class="layui-form-item heibai"> <div class="layui-form-item heibai">
<select name="kind2Value" id="kind2ValueHeibai" class="select kind2Value"> <select name="kind2Value" id="kind2ValueHeibai" class="select kind2Value">
<option value="60克双胶纸">60克双胶纸</option> <option value="60克双胶纸">60克双胶纸</option>
<option value="80克双胶纸">80克双胶纸</option> <option value="80克双胶纸">80克双胶纸</option>
</select> </select>
</div> </div>
<div class="layui-form-item color" style="display:none;"> <div class="layui-form-item color" style="display:none;">
<select name="kind2Value" id="kind2ValueColor" class="select kind2Value"> <select name="kind2Value" id="kind2ValueColor" class="select kind2Value">
<option value="80克双胶纸">80克双胶纸</option> <option value="80克双胶纸">80克双胶纸</option>
<!-- <option value="157克铜版纸">157克铜版纸</option> <!-- <option value="157克铜版纸">157克铜版纸</option>
<option value="200克铜版纸">200克铜版纸</option> <option value="200克铜版纸">200克铜版纸</option>
<option value="250克铜版纸">250克铜版纸</option> <option value="250克铜版纸">250克铜版纸</option>
<option value="300克铜版纸">300克铜版纸</option> --> <option value="300克铜版纸">300克铜版纸</option> -->
</select> </select>
</div> </div>
<p> <p>
尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
</p> </p>
<div class="layui-form-item sizeHeibai"> <div class="layui-form-item sizeHeibai">
<select name="size" id="sizeHeibai" class="select"> <select name="size" id="sizeHeibai" class="select">
<option value="19*13">19 * 13 cm</option> <option value="19*13">19 * 13 cm</option>
<option value="28.5*21">28.5 * 21 cm</option> <option value="28.5*21">28.5 * 21 cm</option>
<!-- <option value="42*28.5">42 * 28.5 cm</option> --> <!-- <option value="42*28.5">42 * 28.5 cm</option> -->
</select> </select>
</div> </div>
<div class="layui-form-item sizeColor" style="display:none;"> <div class="layui-form-item sizeColor" style="display:none;">
<select name="size" id="sizeColor" class="select"> <select name="size" id="sizeColor" class="select">
<option value="19*13">19 * 13 cm</option> <option value="19*13">19 * 13 cm</option>
<option value="28.5*21">28.5 * 21 cm</option> <option value="28.5*21">28.5 * 21 cm</option>
<!-- <option value="42*28.5">42 * 28.5 cm</option> --> <!-- <option value="42*28.5">42 * 28.5 cm</option> -->
</select> </select>
</div> </div>
<p> <p>
数量（本） 数量（本）
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<!-- <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input"> --> <!-- <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input"> -->
<select name="count" id="count" class="select"> <select name="count" id="count" class="select">
<option value="10">10</option> <option value="10">10</option>
<option value="20">20</option> <option value="20">20</option>
<option value="50">50</option> <option value="50">50</option>
</select> </select>
</div> </div>
<p> <p>
印面 印面
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="kind3Value" class="danmian" value="单面" title="单面" checked="checked"> <input type="radio" name="kind3Value" class="danmian" value="单面" title="单面" checked="checked">
<input type="radio" name="kind3Value" class="shuangmian" value="双面" title="双面"> <input type="radio" name="kind3Value" class="shuangmian" value="双面" title="双面">
</div> </div>
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<!-- <p> <p>
工艺 工艺
</p> </p>
<div class="layui-form-item"> <div class="layui-input-block">
<span style="float:left;margin-top:12px">装订 ： </span> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<input type="radio" name="craftMo" lay-filter="craftMo" value="订书机" title="订书机" checked="checked"> <div class="layui-inline crop" style="display:none;width: 80px">
<input type="radio" name="craftMo" lay-filter="craftMo" value="皮纹纸不印字胶装" title="皮纹纸不印字胶装"> <input class="layui-input" type="text" name="cropNumber">
<input type="radio" name="craftMo" lay-filter="craftMo" value="钢圈装订" title="钢圈装订"> </div>
<input type="radio" name="craftMo" lay-filter="craftMo" value="铜版纸装订" title="铜版纸装订"> </div>
<input type="radio" name="craftMo" lay-filter="craftMo" value="无线精装" title="无线精装"> <!--<div class="layui-form-item">
</div> --> <span style="float:left;margin-top:12px">装订 ： </span>
<hr> <input type="radio" name="craftMo" lay-filter="craftMo" value="订书机" title="订书机" checked="checked">
<div class="layui-form-item"> <input type="radio" name="craftMo" lay-filter="craftMo" value="皮纹纸不印字胶装" title="皮纹纸不印字胶装">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <input type="radio" name="craftMo" lay-filter="craftMo" value="钢圈装订" title="钢圈装订">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input type="radio" name="craftMo" lay-filter="craftMo" value="铜版纸装订" title="铜版纸装订">
</div> <input type="radio" name="craftMo" lay-filter="craftMo" value="无线精装" title="无线精装">
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div> -->
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFeeTooWeight.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFeeTooWeight.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
$(".color").find(":input").attr("disabled", true); $(".color").find(":input").attr("disabled", true);
$(".sizeColor").find(":input").attr("disabled", true); $(".sizeColor").find(":input").attr("disabled", true);
var kindValueData; var kindValueData;
form.on('radio(kindValue)', function(data){ form.on('radio(kindValue)', function (data) {
kindValueData = data.value; kindValueData = data.value;
if(kindValueData == "彩色"){ if (kindValueData == "彩色") {
$(".color").show(); $(".color").show();
$(".color").find(":input").attr("disabled", false); $(".color").find(":input").attr("disabled", false);
$(".heibai").hide(); $(".heibai").hide();
$(".heibai").find(":input").attr("disabled", true); $(".heibai").find(":input").attr("disabled", true);
$(".sizeColor").show(); $(".sizeColor").show();
$(".sizeColor").find(":input").attr("disabled", false); $(".sizeColor").find(":input").attr("disabled", false);
$(".sizeHeibai").hide(); $(".sizeHeibai").hide();
$(".sizeHeibai").find(":input").attr("disabled", true); $(".sizeHeibai").find(":input").attr("disabled", true);
$(".shuangmian").attr("disabled", true); $(".shuangmian").attr("disabled", true);
$('input[class = danmian]').prop('checked', true); $('input[class = danmian]').prop('checked', true);
$(".danmian").attr("disabled", false);// 加这个让按钮取消禁用模式 $(".danmian").attr("disabled", false);// 加这个让按钮取消禁用模式
}else if(kindValueData == "黑白"){ } else if (kindValueData == "黑白") {
$(".heibai").show(); $(".heibai").show();
$(".heibai").find(":input").attr("disabled", false); $(".heibai").find(":input").attr("disabled", false);
$(".color").hide(); $(".color").hide();
$(".color").find(":input").attr("disabled", true); $(".color").find(":input").attr("disabled", true);
$(".sizeHeibai").show(); $(".sizeHeibai").show();
$(".sizeHeibai").find(":input").attr("disabled", false); $(".sizeHeibai").find(":input").attr("disabled", false);
$(".sizeColor").hide(); $(".sizeColor").hide();
$(".sizeColor").find(":input").attr("disabled", true); $(".sizeColor").find(":input").attr("disabled", true);
$(".shuangmian").attr("disabled", false); $(".shuangmian").attr("disabled", false);
} }
form.render('radio'); form.render('radio');
}) })
form.on('checkbox(ui_craft)', function (data) {
// 点击计算，计算价格 let craft_list = [];
form.on('submit(acount_btn)', function(data) { let kindValue = $('input[name="kindValue"]:checked').val();
var kind = [$('input[name="kindValue"]:checked').val()]; craft_list.push($("select[name='craft'] option:selected").val());
var kind2 = $("#kind2ValueHeibai").val(); $("input[name='craft']:checked").each(function () {
var kind3 = [$('input[name="kind3Value"]:checked').val()]; if (!$(this).is(':disabled')) {
var size = $("#sizeHeibai").val(); craft_list.push($(this).val());
if(kindValueData == "彩色"){ }
var kind2 = $("#kind2ValueColor").val(); });
var size = $("#sizeColor").val();
} if (data.value == '抠图') {
var number= $("#number").val(); $(".crop").hide();
$.ajax({ $(".crop").find("input").prop("disabled", true)
url : "${path}/getThanSum", if (data.elem.checked) {
type : "GET", $(".crop").show();
data : $(".big_box form").serialize(), $(".crop").find("input").prop("disabled", false)
success : function(result) { }
if(result.code == 100){ }
layer.msg(result.msg,{offset:['300px','300px']},function(){}); form.render();
return false; })
} // 点击计算，计算价格
var data = result.data.proList; form.on('submit(acount_btn)', function (data) {
var kind = [$('input[name="kindValue"]:checked').val()];
var span_result = '复印纸 - ' + kind2 + ' - ' + size + 'cm - '+ kind +' - '+ kind3 + '(同款内容)\n'; var kind2 = $("#kind2ValueHeibai").val();
if(number > 1){ var kind3 = [$('input[name="kind3Value"]:checked').val()];
for (let i = 0; i < data.length; i++) { var size = $("#sizeHeibai").val();
span_result += number + '款 各' + data[i].count + "本，共" + data[i].price + "元" + '\n'; if (kindValueData == "彩色") {
data[i].number = number; var kind2 = $("#kind2ValueColor").val();
} var size = $("#sizeColor").val();
}else{ }
for (let i = 0; i < data.length; i++) { let arr = [];
span_result += number + '款 ' + data[i].count + "本，共" + data[i].price + "元" + '\n'; $("input[name='craft']:checked").each(function () {
data[i].number = number; if (!$(this).is("disabled")) {
} if ($(this).val() == "抠图") {
} arr.push($(this).val() + $("input[name='cropNumber']").val());
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' return;
if(window.parent.system_isGai){ }
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" arr.push($(this).val())
}
})
var number = $("#number").val();
$.ajax({
url: "${path}/getThanSum",
type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
var span_result = '复印纸 - ' + kind2 + ' - ' + size + 'cm - ' + kind + ' - ' + kind3 + '(同款内容)\n';
if (arr.length > 0) {
span_result += '工艺：' + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "本，共" + data[i].price + "元" + '\n';
data[i].number = number;
} }
addLog(span_result); } else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "本，共" + data[i].price + "元" + '\n';
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = $("#count").val() + "本"; var count = $("#count").val() + "本";
var craft = $("input[name='kind3Value']:checked").val() + $("input[name='kindValue']:checked").val() + "印刷"; var craft = $("input[name='kind3Value']:checked").val() + $("input[name='kindValue']:checked").val() + "印刷";
getRemark($("#proTypeValue").val(), size, count, kind2, number, craft, ""); getRemark($("#proTypeValue").val(), size, count, kind2, number, craft, "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/credentials.jsp
+48 -10
View File
@@ -87,6 +87,12 @@
<input type="radio" name="craftShua" value="双面" title="双面"> <input type="radio" name="craftShua" value="双面" title="双面">
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -214,6 +220,28 @@
} }
} }
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindValue = $("#kindValue option:checked").text(); var kindValue = $("#kindValue option:checked").text();
@@ -227,7 +255,6 @@
var count = $("#count").val(); var count = $("#count").val();
var size = $("#size").val(); var size = $("#size").val();
var shua = $("input[name='craftShua']:checked").val(); var shua = $("input[name='craftShua']:checked").val();
var craft = $("input[name='craft']:checked").val();
var dk = $("input[name='ui_dk']:checked").val(); var dk = $("input[name='ui_dk']:checked").val();
var sheng = $("input[name='craftSheng']:checked").val(); var sheng = $("input[name='craftSheng']:checked").val();
var kindValueData = { var kindValueData = {
@@ -250,17 +277,28 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
if (craft != null) { let arr = []
shua += craft;
}
if (sheng != null) { if (sheng != null) {
shua += $("#color option:checked").text() + sheng; arr.push($("#color option:checked").text() + sheng)
} }
if (dk != null) { if (dk != null) {
shua += dk; arr.push(dk)
} }
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
arr.push(shua)
var span_result = "PVC证件" + ' - ' + kindValue + '-' + size + 'mm' + '-' + shua + ' -(同款内容)\n'; var span_result = "PVC证件" + ' - ' + kindValue + '-' + size + 'mm' + ' -(同款内容)\n';
if (arr.length > 0) {
span_result += '工艺：' + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -273,9 +311,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/cupHolder.jsp
+43 -4
View File
@@ -86,6 +86,12 @@
<div class="layui-input-block" style="display:inline-block;"> <div class="layui-input-block" style="display:inline-block;">
<input type="radio" name="craftMo" value="模切" title="模切" checked> <input type="radio" name="craftMo" value="模切" title="模切" checked>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -183,6 +189,26 @@
getImage(); getImage();
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
function getImage() { function getImage() {
var html = " "; var html = " ";
@@ -255,7 +281,20 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = size + "cm-" + $("input[name='kind']:checked").val() + $("input[name='kindValue']:checked").attr("title") + ' - 模切 (同款内容)\n'; var span_result = size + "cm-" + $("input[name='kind']:checked").val() + $("input[name='kindValue']:checked").attr("title") + '(同款内容)\n';
let arr = [];
arr.push("模切")
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -268,9 +307,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/cupSet.jsp
+42 -4
View File
@@ -242,6 +242,12 @@
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
class="layui-input"> class="layui-input">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -435,6 +441,27 @@
} }
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindData = { var kindData = {
@@ -467,6 +494,14 @@
}); });
return false; return false;
} }
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
var data = result.data.proList; var data = result.data.proList;
if (kind == "300克异形杯套(不限形状)") { if (kind == "300克异形杯套(不限形状)") {
var span_result = '杯套 - ' + kind + ' - ' + size + 'cm\n'; var span_result = '杯套 - ' + kind + ' - ' + size + 'cm\n';
@@ -504,11 +539,14 @@
if ($("input[name='craftTang']").is(":checked")) { if ($("input[name='craftTang']").is(":checked")) {
size = $("select[name='width'] option:selected").val() + '*' + $("#ui_size").val() size = $("select[name='width'] option:selected").val() + '*' + $("#ui_size").val()
} }
var span_result = '杯套 - ' + kind + '-' + arr + ' - ' + size + 'cm\n'; var span_result = '杯套 - ' + kind + ' - ' + size + 'cm\n';
} else { } else {
var span_result = '杯套 - ' + kind + ' - ' + [size] + '\n'; var span_result = '杯套 - ' + kind + ' - ' + [size] + '\n';
//var span_result ='杯套 - ' + kind +'\n'; //var span_result ='杯套 - ' + kind +'\n';
} }
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (kind == "盲盒杯套") { if (kind == "盲盒杯套") {
if (number > 1) { if (number > 1) {
span_result += number + '款 各5个内容' + data[0].count + "个，共" + data[0].price + "元" + '\n'; span_result += number + '款 各5个内容' + data[0].count + "个，共" + data[0].price + "元" + '\n';
@@ -529,9 +567,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/deckChair.jsp
+24 -3
View File
@@ -66,6 +66,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="上下封边" title="上下封边" checked> <input type="checkbox" name="craft" lay-filter="ui_craft" value="上下封边" title="上下封边" checked>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -161,6 +167,17 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
return false;
}
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -174,6 +191,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -214,9 +235,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/deskSticker.jsp
+48 -6
View File
@@ -101,6 +101,12 @@
<input type="radio" name="craftShua" value="双面" title="双面"> <input type="radio" name="craftShua" value="双面" title="双面">
<!-- <input type="checkbox" name="craft" value="背胶" title="背胶"> --> <!-- <input type="checkbox" name="craft" value="背胶" title="背胶"> -->
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -133,6 +139,7 @@
<%@include file="/views/copyResult.jsp" %> <%@include file="/views/copyResult.jsp" %>
<script> <script>
setNumberOptions(); setNumberOptions();
function setNumberOptions() { function setNumberOptions() {
let html = ''; let html = '';
if (window.parent.system_isPdd) { if (window.parent.system_isPdd) {
@@ -150,6 +157,7 @@
} }
$("#desType").empty().append(html); $("#desType").empty().append(html);
} }
layui.use(['table', 'form', 'carousel'], function () { layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
@@ -210,13 +218,34 @@
}); });
$("#number").on("input", function (e) { $("#number").on("input", function (e) {
var number = e.delegateTarget.value; var number = e.delegateTarget.value;
if ( number > 1) { if (number > 1) {
$("#ui_des").show(); $("#ui_des").show();
} else { } else {
$("#ui_des").hide(); $("#ui_des").hide();
} }
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindData = { var kindData = {
@@ -277,8 +306,21 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
let arr = [];
var span_result = '桌贴 - ' + kind + ' - ' + size + ' CM' + ' - ' + craftShua + ' - ' + craftJiao + '\n'; $("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
arr.push(craftShua)
arr.push(craftJiao)
var span_result = '桌贴 - ' + kind + ' - ' + size + ' CM' + '\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -291,9 +333,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/diploma.jsp
+211 -166
View File
@@ -1,182 +1,227 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 证书 --> <!-- 证书 -->
<style> <style>
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h2">证书</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h2">证书</h1> <span style="color:red;font-weight:700;"></span>
<hr> <hr>
<form class="layui-form"> <form class="layui-form">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="26" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="26">
<p> <p>
材质 材质
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="kindValue" value="230克白卡纸" title="230克白卡纸" checked> <input type="radio" name="kindValue" value="230克白卡纸" title="230克白卡纸" checked>
</div> </div>
<p> <p>
规格 规格
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="size1" value="28.5*21cm" title="28.5*21cm" checked> <input type="radio" name="size1" value="28.5*21cm" title="28.5*21cm" checked>
</div> </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">
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form'], function(){ layui.use(['table', 'form'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var table = layui.table; var table = layui.table;
form.on('checkbox(ui_craft)', function (data) {
// 点击计算，计算价格 let craft_list = [];
form.on('submit(acount_btn)', function(data) { let kindValue = $('input[name="kindValue"]:checked').val();
var number = $("#number").val(); craft_list.push($("select[name='craft'] option:selected").val());
var kindValue = $('input[name="kindValue"]:checked').val(); $("input[name='craft']:checked").each(function () {
var size = $('input[name="size1"]:checked').val(); if (!$(this).is(':disabled')) {
if ($("#count").val() > 1000) { craft_list.push($(this).val());
layer.msg("数量大于1000 请单独报价！",{offset:['300px','300px']},function(){}); }
return false; });
}
$.ajax({ if (data.value == '抠图') {
url : "${path}/getThanSum", $(".crop").hide();
type : "GET", $(".crop").find("input").prop("disabled", true)
data : $(".big_box form").serialize(), if (data.elem.checked) {
success : function(result) { $(".crop").show();
if(result.code == 100){ $(".crop").find("input").prop("disabled", false)
layer.msg(result.msg,{offset:['300px','300px']},function(){}); }
return false; }
} form.render();
var data = result.data.proList; })
// 点击计算，计算价格
var span_result ='证书 - ' + kindValue + ' - ' + size +'\n' + "工艺： " + "正面覆亮膜 + 中间压痕\n"; form.on('submit(acount_btn)', function (data) {
if(number > 1){ var number = $("#number").val();
for (let i = 0; i < data.length; i++) { var kindValue = $('input[name="kindValue"]:checked').val();
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' var size = $('input[name="size1"]:checked').val();
data[i].number = number; if ($("#count").val() > 1000) {
} layer.msg("数量大于1000 请单独报价！", {offset: ['300px', '300px']}, function () {
}else{ });
for (let i = 0; i < data.length; i++) { return false;
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' }
data[i].number = number; $.ajax({
} url: "${path}/getThanSum",
} type: "GET",
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' data: $(".big_box form").serialize(),
if(window.parent.system_isGai){ success: function (result) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
} }
addLog(span_result); })
arr.push("正面覆亮膜")
arr.push("中间压痕")
var span_result = '证书 - ' + kindValue + ' - ' + size + '\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = $("#count").val(); var count = $("#count").val();
size = size.replace("cm", ""); size = size.replace("cm", "");
getRemark("宣传单", size, count+"个", kindValue, number, "正面覆亮膜中间压痕", "（证书）"); getRemark("宣传单", size, count + "个", kindValue, number, "正面覆亮膜中间压痕", "（证书）");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () {} done: function () {
}); }
} });
}); }
return false; });
}); return false;
}); });
});
</script> </script>
</html> </html>
src/main/webapp/views/product/disu.jsp
+67 -18
View File
@@ -66,7 +66,7 @@
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="craft" value="3m胶" title="3m胶"> <input type="checkbox" name="craft" lay-filter="craft" value="3m胶" title="3m胶">
<input type="checkbox" name="craft" lay-filter="craft" class="yingbai" value="印白" title="印白"> <input type="checkbox" name="craft" lay-filter="craft" class="yingbai" value="印白" title="印白">
<input type="checkbox" value="内部模切" id="nmq" title="内部模切" lay-filter="nmq"> <input type="checkbox" value="内部模切" id="nmq" name="craft" title="内部模切" lay-filter="nmq">
<span class="n_mq_input" style="display: none"> <span class="n_mq_input" style="display: none">
<span style="margin-top:12px;flex-shrink: 0">个数 ： </span> <span style="margin-top:12px;flex-shrink: 0">个数 ： </span>
<input type="text" placeholder="请输入整数" autocomplete="off" name="n_mq_num" value="0" <input type="text" placeholder="请输入整数" autocomplete="off" name="n_mq_num" value="0"
@@ -76,6 +76,12 @@
class="layui-input"> class="layui-input">
</span> </span>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -138,6 +144,7 @@
delete data.kindValue; delete data.kindValue;
data.craftValue = craft; data.craftValue = craft;
} }
let html = ""; let html = "";
$.ajax({ $.ajax({
url: "${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
@@ -167,7 +174,26 @@
form.on('checkbox(craft)', (data) => { form.on('checkbox(craft)', (data) => {
getProductImage(data.elem.checked ? data.value : '') getProductImage(data.elem.checked ? data.value : '')
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
form.on('select(kindValue)', (data) => { form.on('select(kindValue)', (data) => {
let kindvalue = data.value; let kindvalue = data.value;
$('input[name="craft"]').prop("checked", false); $('input[name="craft"]').prop("checked", false);
@@ -197,21 +223,25 @@
let n_moq_num = $('input[name="n_mq_num"]').val() let n_moq_num = $('input[name="n_mq_num"]').val()
let n_moq_size = $("input[name='n_mq_size']").val() let n_moq_size = $("input[name='n_mq_size']").val()
let nmq = $("#nmq:checked").val(); let nmq = $("#nmq:checked").val();
if (nmq == '内部模切' && n_moq_num == 0) { if (nmq == '内部模切') {
layer.msg('请输入内模切个数！', {offset: ['300px', '300px']}, function () {
}); if (n_moq_num == 0) {
return false; layer.msg('请输入内模切个数！', {offset: ['300px', '300px']}, function () {
} });
if (n_moq_num > 0 && n_moq_size == "") { return false;
layer.msg('请输入内模切尺寸！', {offset: ['300px', '300px']}, function () { }
}); if (n_moq_num > 0 && n_moq_size == "") {
return false; layer.msg('请输入内模切尺寸！', {offset: ['300px', '300px']}, function () {
} });
if (n_moq_num > 0 && n_moq_size.indexOf("*") == -1) { return false;
layer.msg('请输入内模切正确尺寸！', {offset: ['300px', '300px']}, function () { }
}); if (n_moq_num > 0 && n_moq_size.indexOf("*") == -1) {
return false; layer.msg('请输入内模切正确尺寸！', {offset: ['300px', '300px']}, function () {
});
return false;
}
} }
if (n_moq_num > 0) { if (n_moq_num > 0) {
let main_size = size.split("*"); let main_size = size.split("*");
let moq_size = n_moq_size.split("*"); let moq_size = n_moq_size.split("*");
@@ -222,6 +252,22 @@
return false; return false;
} }
} }
let arr = [];
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
if ($(this).val() == "内部模切") {
return;
}
arr.push($(this).val())
}
})
if (!$("#nmq").is(':disabled') && nmq == '内部模切' && n_moq_num > 0) {
arr.push("内部模切:" + n_moq_num + "/" + n_moq_size)
}
$.ajax({ $.ajax({
url: "${path}/getThanSum", url: "${path}/getThanSum",
type: "GET", type: "GET",
@@ -235,6 +281,9 @@
var data = result.data.proList; var data = result.data.proList;
var span_result = '滴塑 - ' + kind + '-' + size + ' CM (同款内容)\n'; var span_result = '滴塑 - ' + kind + '-' + size + ' CM (同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "个，共" + data[i].price + "元" + '\n'
@@ -247,9 +296,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/envelope.jsp
+339 -303
View File
@@ -1,318 +1,354 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 合版封套 --> <!-- 合版封套 -->
<style> <style>
.layui-input{ .layui-input {
display:inline-block; display: inline-block;
} }
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">合版封套</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h1">合版封套</h1> <span style="color:red;font-weight:700;"></span>
<hr class="layui-bg-red"> <hr class="layui-bg-red">
<form class="layui-form"> <form class="layui-form">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="k" class="k" lay-filter="k" value="0" title="常规封套"> <input type="radio" name="k" class="k" lay-filter="k" value="0" title="常规封套">
<!--<input type="radio" name="k" class="k" lay-filter="k" value="1" title="自定义封套">--> <!--<input type="radio" name="k" class="k" lay-filter="k" value="1" title="自定义封套">-->
</div> </div>
</form> </form>
<form class="layui-form" id="envelopeForm"> <form class="layui-form" id="envelopeForm">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="6" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="6">
<div class="cg" style="display: none"> <div class="cg" style="display: none">
<%@include file="envelopeCG.jsp"%> <%@include file="envelopeCG.jsp" %>
</div> </div>
<div class="zdy" style="display: none"> <div class="zdy" style="display: none">
<%@include file="envelopeZDY.jsp"%> <%@include file="envelopeZDY.jsp" %>
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<p> <p>
工艺 工艺
</p> </p>
<input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="单面局部烫金" title="单面局部烫金"> <div class="layui-input-block">
<hr> <input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="单面局部烫金" title="单面局部烫金">
<div class="layui-form-item"> </div>
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <div class="layui-input-block">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
</div> <div class="layui-inline crop" style="display:none;width: 80px">
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> <input class="layui-input" type="text" name="cropNumber">
<div> </div>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> </div>
<%@include file="../acountExpressFeeTooWeight.jsp"%> <hr>
</div> <div class="layui-form-item">
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
<div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> </div>
</div>--> <h2>计算结果-
<div > <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> </h2>
</div> <div>
</form> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFeeTooWeight.jsp" %>
<div class="right_div"> </div>
<div class="layui-carousel" id="test1" > <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div carousel-item id="carousel"></div> <div>
<br> <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div id="remark" style="font-size:20px;color:red"></div> </div>-->
</div> <div>
</div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</form>
</div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
// 监听回车键，如果敲了回车，调用点击‘计算’ // 监听回车键，如果敲了回车，调用点击‘计算’
$(document).keydown(function (e) { $(document).keydown(function (e) {
if (e.keyCode === 13) { if (e.keyCode === 13) {
$("#queryCondBtn").trigger("click"); $("#queryCondBtn").trigger("click");
} }
}); });
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
// 选择是常规还是自定义 // 选择是常规还是自定义
form.on('radio(k)', function(data){ form.on('radio(k)', function (data) {
//$("#envelopeForm")[0].reset(); //$("#envelopeForm")[0].reset();
var level = data.value;//被点击的radio的value值 var level = data.value;//被点击的radio的value值
var html = " "; var html = " ";
var remark = " "; var remark = " ";
// 清空轮播图 // 清空轮播图
$("#carousel").empty(); $("#carousel").empty();
$("#remark").empty(); $("#remark").empty();
// 常规 // 常规
if(level == 0){ if (level == 0) {
$.ajax({ $.ajax({
url:"${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
type:"GET", type: "GET",
data:{ data: {
proTypeValue : $("#proTypeValue").val(), proTypeValue: $("#proTypeValue").val(),
}, },
success : function(result) { success: function (result) {
for (let i = 0; i < result.length; i++) { for (let i = 0; i < result.length; i++) {
// 只留一个remark // 只留一个remark
remark = ""; remark = "";
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>'; html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
remark += '<div><span>' +result[i].remark+ '<span/></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
});
}
}
});
$(".cg").show();
$(".zdy").hide();
$(".zdy").find(":input").attr("disabled", true);
$(".cg").find(":input").attr("disabled", false);
}else{
$.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:'+result[0].imgWidth+'px" 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
});
}
}
});
$(".cg").hide();
$(".zdy").show();
$(".zdy").find(":input").attr("disabled", false);
$(".cg").find(":input").attr("disabled", true);
}
// 点击计算，计算价格
form.on('submit(acount_btn)', function(data) {
var number= $("#number").val();
// 自定义尺寸
if(level == 1){
var lengthSize = $(".lengthSize").val();
var widthSize = $(".widthSize").val();
var heightSize = $(".heightSize").val();
if(lengthSize == "" || widthSize == "" || heightSize == ""){
layer.msg("请填写正确的长宽高！",{offset:['300px','300px']},function(){});
return false;
}
}
var arr = [];
$("input:checkbox[name='craft']:checked").each(function(i) {
// 没有被禁用的工艺加到arr中
if(!$(this).is(':disabled')){
arr.push($(this).val());
}
});
var kindData={
0 :"双面加膜",
1 :"不加膜",
},kind2Data={
0 :"通用A4封套CY001#21.5*30*7",
1 :"起墙5MM封套CY006#21.5*30.5*8",
2 :"A5封套21.5*15*7",
3 :"双舌头封套21.5*30.5*7"
};
var kind = kindData[$('input[name="kindValue"]:checked').val()];
var kind2 = kind2Data[$("#kind2Value").val()];
$.ajax({
url : "${path}/getThanSum",
type : "GET",
data : $(".big_box form").serialize(),
success : function(result) {
if(result.code == 100){
layer.msg(result.msg,{offset:['300px','300px']},function(){});
return false;
}
var data = result.data.proList;
// 常规
if(level == 0){
var span_result = '合版封套 - 300克铜版纸 - ' + kind +'\n'+ kind2 +' CM -(同款内容)\n' + '工艺： ' + arr + '\n';
}else{
var size = "长" + lengthSize+ " 宽" + widthSize+ " 舌头" + heightSize
var span_result = '合版封套 - 300克铜版纸 - ' + kind +'\n'+ size +' CM -(同款内容)\n' + '工艺： ' + arr + '\n';
}
if(number > 1){
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}else{
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); $("#carousel").append(html);
$("#span_result").val(span_result); // 如果没有说明，就不显示null
if (remark.indexOf("null") < 0) {
var size = ""; $("#remark").append(remark);
var count = ""; }
if(level == 0){ if (result.length == 0) {
var sizeList = kind2.split("#"); document.getElementById("test1").style.display = "none"; //隐藏
size = sizeList[1]; } else {
count = $("#count option:selected").val(); document.getElementById("test1").style.display = "block"; //显示
}else{ ins.reload({
size = lengthSize + "*" + widthSize + "*" + heightSize; elem: '#test1',
count = $("#count1 option:selected").val(); width: result[0].imgWidth, //设置容器宽度
} height: result[0].imgHeight
});
var craft = kind + arr; }
getRemark("封套", size, count+"个", "300克铜板纸", number, craft, ""); }
//计算完自动复制文本 });
var e=document.getElementById("span_result");//对象是content $(".cg").show();
if (e.value != "") { $(".zdy").hide();
e.select();//选择对象 $(".zdy").find(":input").attr("disabled", true);
document.execCommand("Copy");//执行浏览器复制命令 $(".cg").find(":input").attr("disabled", false);
} } else {
$.ajax({
//生成表格 url: "${pageContext.request.contextPath}/getImgs",
table.render({ type: "GET",
elem : '#priceTable', data: {
even : true, //隔行变色 proTypeValue: $("#proTypeValue").val(),
data : data, // 赋值已知数据 kindValue: $('input[name="kindValue"]:checked').val()
width : 500, },
cols : [ [ success: function (result) {
{ for (let i = 0; i < result.length; i++) {
field : 'number', // 只留一个remark
width : '12%', remark = "";
align : "center", html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
title : '款数' remark += '<div><span>' + result[i].remark + '<span/></div>';
},{ }
field : 'count', $("#carousel").append(html);
width : '16%', // 如果没有说明，就不显示null
align : "center", if (remark.indexOf("null") < 0) {
title : '数量' $("#remark").append(remark);
},{ }
field : 'price', if (result.length == 0) {
width : '16%', document.getElementById("test1").style.display = "none"; //隐藏
align : "center", } else {
title : '报价' document.getElementById("test1").style.display = "block"; //显示
},{ ins.reload({
field : 'wangwang', elem: '#test1',
align : "center", width: result[0].imgWidth, //设置容器宽度
width : '16%', height: result[0].imgHeight
title : '折扣价' });
},{ }
field : 'wangwang', }
align : "center", });
width : '19%', $(".cg").hide();
title : '跳楼价' $(".zdy").show();
},{ $(".zdy").find(":input").attr("disabled", false);
field : 'weight', $(".cg").find(":input").attr("disabled", true);
width : '21%', }
align : "center", form.on('checkbox(ui_craft)', function (data) {
title : '重量（kg）' let craft_list = [];
} let kindValue = $('input[name="kindValue"]:checked').val();
] ], craft_list.push($("select[name='craft'] option:selected").val());
done: function () { $("input[name='craft']:checked").each(function () {
} if (!$(this).is(':disabled')) {
}); craft_list.push($(this).val());
} }
}); });
return false;
}); if (data.value == '抠图') {
}); $(".crop").hide();
}); $(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格
form.on('submit(acount_btn)', function (data) {
var number = $("#number").val();
// 自定义尺寸
if (level == 1) {
var lengthSize = $(".lengthSize").val();
var widthSize = $(".widthSize").val();
var heightSize = $(".heightSize").val();
if (lengthSize == "" || widthSize == "" || heightSize == "") {
layer.msg("请填写正确的长宽高！", {offset: ['300px', '300px']}, function () {
});
return false;
}
}
var arr = [];
$("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val());
}
});
var kindData = {
0: "双面加膜",
1: "不加膜",
}, kind2Data = {
0: "通用A4封套CY001#21.5*30*7",
1: "起墙5MM封套CY006#21.5*30.5*8",
2: "A5封套21.5*15*7",
3: "双舌头封套21.5*30.5*7"
};
var kind = kindData[$('input[name="kindValue"]:checked').val()];
var kind2 = kind2Data[$("#kind2Value").val()];
$.ajax({
url: "${path}/getThanSum",
type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
// 常规
if (level == 0) {
var span_result = '合版封套 - 300克铜版纸 - ' + kind + '\n' + kind2 + ' CM -(同款内容)\n' + '工艺： ' + arr + '\n';
} else {
var size = "长" + lengthSize + " 宽" + widthSize + " 舌头" + heightSize
var span_result = '合版封套 - 300克铜版纸 - ' + kind + '\n' + size + ' CM -(同款内容)\n' + '工艺： ' + arr + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result);
var size = "";
var count = "";
if (level == 0) {
var sizeList = kind2.split("#");
size = sizeList[1];
count = $("#count option:selected").val();
} else {
size = lengthSize + "*" + widthSize + "*" + heightSize;
count = $("#count1 option:selected").val();
}
var craft = kind + arr;
getRemark("封套", size, count + "个", "300克铜板纸", number, craft, "");
//计算完自动复制文本
var e = document.getElementById("span_result");//对象是content
if (e.value != "") {
e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令
}
//生成表格
table.render({
elem: '#priceTable',
even: true, //隔行变色
data: data, // 赋值已知数据
width: 500,
cols: [[
{
field: 'number',
width: '12%',
align: "center",
title: '款数'
}, {
field: 'count',
width: '16%',
align: "center",
title: '数量'
}, {
field: 'price',
width: '16%',
align: "center",
title: '报价'
}, {
field: 'wangwang',
align: "center",
width: '16%',
title: '折扣价'
}, {
field: 'wangwang',
align: "center",
width: '19%',
title: '跳楼价'
}, {
field: 'weight',
width: '21%',
align: "center",
title: '重量（kg）'
}
]],
done: function () {
}
});
}
});
return false;
});
});
});
</script> </script>
</html> </html>
src/main/webapp/views/product/fan.jsp
+44 -5
View File
@@ -26,7 +26,7 @@
款式 款式
</p> </p>
<%-- <input type="radio" name="kindValue" lay-filter="kindValue" value="0" title="短铆钉">--%> <%-- <input type="radio" name="kindValue" lay-filter="kindValue" value="0" title="短铆钉">--%>
<input type="radio" name="kindValue" lay-filter="kindValue" value="1" title="长铆钉" checked="checked"> <input type="radio" name="kindValue" lay-filter="kindValue" value="1" title="长铆钉" checked="checked">
<input type="radio" name="kindValue" lay-filter="kindValue" value="2" title="普通中柄（卡扣）"> <input type="radio" name="kindValue" lay-filter="kindValue" value="2" title="普通中柄（卡扣）">
<input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="筷子柄"> <input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="筷子柄">
<input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="团扇"> <input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="团扇">
@@ -122,6 +122,12 @@
<div class="tsCraft" style="display: none;"> <div class="tsCraft" style="display: none;">
<input type="checkbox" name="craft" lay-filter="switch" value="双面一样" title="双面一样"></div> <input type="checkbox" name="craft" lay-filter="switch" value="双面一样" title="双面一样"></div>
<hr> <hr>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
@@ -279,6 +285,26 @@
}); });
} }
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var fanKind = $('input[name="kindValue"]:checked').val(); var fanKind = $('input[name="kindValue"]:checked').val();
@@ -368,7 +394,20 @@
} else if (kind2 == "21.5*34") { } else if (kind2 == "21.5*34") {
kind = "芭蕉扇"; kind = "芭蕉扇";
} }
var span_result = '扇子 - ' + kind + "-" + kind2 + 'cm - ' + craft + '(同款内容)\n'; let arr = [];
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
var span_result = '扇子 - ' + kind + "-" + kind2 + 'cm - ' + '(同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "个，共" + data[i].price + "元" + '\n'
@@ -381,9 +420,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/fgq.jsp
+266 -223
View File
@@ -1,235 +1,278 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">仿古旗</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h1">仿古旗</h1> <span style="color:red;font-weight:700;"></span>
<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="仿古旗"/>
<p> <p>
材质 材质
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="kindValue" id="kindValue" lay-filter="kindValue" class="select" lay-search> <select name="kindValue" id="kindValue" lay-filter="kindValue" class="select" lay-search>
<option value="1">春亚布</option> <option value="1">春亚布</option>
<option value="2">贡缎布</option> <option value="2">贡缎布</option>
</select> </select>
</div> </div>
<p> <p>
尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off"> <input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off">
</div> </div>
<p> <p>
数量(个) 数量(个)
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input" id="count"> <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input" id="count">
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<p> <p>
工艺 工艺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="craft" value="单面" title="单面" lay-filter="craft" checked> <input type="radio" name="craft" value="单面" title="单面" lay-filter="craft" checked>
<input type="radio" name="craft" value="双面" title="双面" lay-filter="craft"> <input type="radio" name="craft" value="双面" title="双面" lay-filter="craft">
<br> <br>
<input type="radio" name="craftShua" value="狼边" title="狼边" lay-filter="craft" checked> <input type="radio" name="craftShua" value="狼边" title="狼边" lay-filter="craft" checked>
<input type="radio" name="craftShua" value="飘带" title="飘带" lay-filter="craft"> <input type="radio" name="craftShua" value="飘带" title="飘带" lay-filter="craft">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<div > </div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <h2>计算结果-
</div> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</form> </h2>
</div> <div>
<div class="right_div" style="margin-left:50px;"> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
<div class="layui-carousel" id="test1"> <%@include file="../acountExpressFee.jsp" %>
<div carousel-item id="carousel"></div> </div>
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div" style="margin-left:50px;">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
var html = " "; var html = " ";
var remark = " "; var remark = " ";
// 清空轮播图 // 清空轮播图
$("#carousel").empty(); $("#carousel").empty();
$("#remark").empty(); $("#remark").empty();
$.ajax({ $.ajax({
url:"${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
type:"GET", type: "GET",
data:{ data: {
proTypeValue : $("#proTypeValue").val(), proTypeValue: $("#proTypeValue").val(),
}, },
success : function(result) { success: function (result) {
for (let i = 0; i < result.length; i++) { for (let i = 0; i < result.length; i++) {
// 只留一个remark // 只留一个remark
remark = ""; remark = "";
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>'; html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
remark += '<div><span>' +result[i].remark+ '<span/></div>'; remark += '<div><span>' + result[i].remark + '<span/></div>';
} }
$("#carousel").append(html); $("#carousel").append(html);
// 如果没有说明，就不显示null // 如果没有说明，就不显示null
if(remark.indexOf("null") < 0){ if (remark.indexOf("null") < 0) {
$("#remark").append(remark); $("#remark").append(remark);
} }
// 如果没有轮播图就隐藏 // 如果没有轮播图就隐藏
if(result.length == 0){ if (result.length == 0) {
document.getElementById("test1").style.display = "none"; //隐藏 document.getElementById("test1").style.display = "none"; //隐藏
}else{ } else {
document.getElementById("test1").style.display = "block"; //显示 document.getElementById("test1").style.display = "block"; //显示
ins.reload({ ins.reload({
elem: '#test1', elem: '#test1',
width: result[0].imgWidth, //设置容器宽度 width: result[0].imgWidth, //设置容器宽度
height: result[0].imgHeight height: result[0].imgHeight
}); });
} }
} }
}); });
form.on('checkbox(ui_craft)', function (data) {
// 点击计算，计算价格 let craft_list = [];
form.on('submit(acount_btn)', function(data) { let kindValue = $('input[name="kindValue"]:checked').val();
var number= $("#number").val(); craft_list.push($("select[name='craft'] option:selected").val());
var size = $("#size").val(); $("input[name='craft']:checked").each(function () {
var count = $("#count").val(); if (!$(this).is(':disabled')) {
var kind = $("#kindValue option:selected").text(); craft_list.push($(this).val());
var craft = $("input[name='craft']:checked").val(); }
var craftShua = $("input[name='craftShua']:checked").val(); });
if(!size){
layer.msg('请填写尺寸！',{offset:['300px','300px']},function(){}); if (data.value == '抠图') {
return false; $(".crop").hide();
}else if((size.split("*")[0] < 60 && size.split("*")[1] < 40) || (size.split("*")[0] < 40 && size.split("*")[1] <= 60)){ $(".crop").find("input").prop("disabled", true)
layer.msg('最小尺寸60*40cm！',{offset:['300px','300px']},function(){}); if (data.elem.checked) {
return false; $(".crop").show();
} $(".crop").find("input").prop("disabled", false)
if(!count){ }
layer.msg('请填写数量！',{offset:['300px','300px']},function(){}); }
return false; form.render();
} })
$.ajax({ // 点击计算，计算价格
url : "${path}/getThanSum", form.on('submit(acount_btn)', function (data) {
type : "GET", var number = $("#number").val();
data : $(".big_box form").serialize(), var size = $("#size").val();
success : function(result) { var count = $("#count").val();
if(result.code == 100){ var kind = $("#kindValue option:selected").text();
layer.msg(result.msg,{offset:['300px','300px']},function(){}); var craftShua = $("input[name='craftShua']:checked").val();
return false; if (!size) {
} layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
var data = result.data.proList; });
return false;
var span_result = '仿古旗 - ' + kind + '-' + craft + '-' + craftShua + '-' + size +' CM (同款内容)\n'; } else if ((size.split("*")[0] < 60 && size.split("*")[1] < 40) || (size.split("*")[0] < 40 && size.split("*")[1] <= 60)) {
if(number > 1){ layer.msg('最小尺寸60*40cm！', {offset: ['300px', '300px']}, function () {
for (let i = 0; i < data.length; i++) { });
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' return false;
data[i].number = number; }
} if (!count) {
}else{ layer.msg('请填写数量！', {offset: ['300px', '300px']}, function () {
for (let i = 0; i < data.length; i++) { });
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' return false;
data[i].number = number; }
} $.ajax({
} url: "${path}/getThanSum",
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' type: "GET",
if(window.parent.system_isGai){ data: $(".big_box form").serialize(),
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val());
} }
addLog(span_result); })
arr.push(craftShua)
var span_result = '仿古旗 - ' + kind + '-' + size + ' CM (同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/fileCover.jsp
+303 -259
View File
@@ -1,275 +1,319 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 档案袋 --> <!-- 档案袋 -->
<style> <style>
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">档案袋</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h1">档案袋</h1> <span style="color:red;font-weight:700;"></span>
<hr> <hr>
<form class="layui-form"> <form class="layui-form">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="8" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="8">
<p> <p>
材质 材质
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="kindValue" id="kindValue" lay-filter="kindValue" class="select"> <select name="kindValue" id="kindValue" lay-filter="kindValue" class="select">
<option value="0">150克白牛皮纸四色印刷</option> <option value="0">150克白牛皮纸四色印刷</option>
<option value="1">150克黄牛皮纸单色印刷</option> <option value="1">150克黄牛皮纸单色印刷</option>
<option value="2">200克白牛皮纸四色印刷</option> <option value="2">200克白牛皮纸四色印刷</option>
<option value="3">140克双胶纸彩色印刷</option> <option value="3">140克双胶纸彩色印刷</option>
</select> </select>
</div> </div>
<p> <p>
规格 规格
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="kind2Value" id="kind2Value" lay-filter="kind2Value" class="select"> <select name="kind2Value" id="kind2Value" lay-filter="kind2Value" class="select">
<option value="0">330*230*30*舌头50</option> <option value="0">330*230*30*舌头50</option>
<option value="1">340*240*30*舌头60</option> <option value="1">340*240*30*舌头60</option>
</select> </select>
</div> </div>
<p> <p>
数量（个） 数量（个）
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="count" id="count" class="select"> <select name="count" id="count" class="select">
<option value="500">500</option> <option value="500">500</option>
<option value="1000">1000</option> <option value="1000">1000</option>
<option value="2000">2000</option> <option value="2000">2000</option>
<option value="3000">3000</option> <option value="3000">3000</option>
<option value="5000">5000</option> <option value="5000">5000</option>
<option value="10000">10000</option> <option value="10000">10000</option>
</select> </select>
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
form.on('select(kindValue)', function (data){ form.on('select(kindValue)', function (data) {
var html = " "; var html = " ";
var remark = " "; var remark = " ";
// 清空轮播图 // 清空轮播图
$("#carousel").empty(); $("#carousel").empty();
$("#remark").empty(); $("#remark").empty();
$.ajax({ $.ajax({
url:"${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
type:"GET", type: "GET",
data:{ data: {
proTypeValue : $("#proTypeValue").val(), proTypeValue: $("#proTypeValue").val(),
kindValue : $("#kindValue").val(), kindValue: $("#kindValue").val(),
kind2Value : $("#kind2Value").val() kind2Value: $("#kind2Value").val()
}, },
success : function(result) { success: function (result) {
for (let i = 0; i < result.length; i++) { for (let i = 0; i < result.length; i++) {
// 只留一个remark // 只留一个remark
remark = ""; remark = "";
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>'; html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
remark += '<div><span>' +result[i].remark+ '<span/></div>'; remark += '<div><span>' + result[i].remark + '<span/></div>';
} }
$("#carousel").append(html); $("#carousel").append(html);
$("#remark").append(remark); $("#remark").append(remark);
if(result.length == 0){ if (result.length == 0) {
document.getElementById("test1").style.display = "none"; //隐藏 document.getElementById("test1").style.display = "none"; //隐藏
}else{ } else {
document.getElementById("test1").style.display = "block"; //显示 document.getElementById("test1").style.display = "block"; //显示
ins.reload({ ins.reload({
elem: '#test1', elem: '#test1',
width: '700px', //设置容器宽度 width: '700px', //设置容器宽度
height: '700px' height: '700px'
}); });
} }
} }
}); });
}); });
form.on('select(kind2Value)', function (data){ form.on('select(kind2Value)', function (data) {
var html = " "; var html = " ";
var remark = " "; var remark = " ";
// 清空轮播图 // 清空轮播图
$("#carousel").empty(); $("#carousel").empty();
$.ajax({ $.ajax({
url:"${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
type:"GET", type: "GET",
data:{ data: {
proTypeValue : $("#proTypeValue").val(), proTypeValue: $("#proTypeValue").val(),
kindValue : $("#kindValue").val(), kindValue: $("#kindValue").val(),
kind2Value : $("#kind2Value").val() kind2Value: $("#kind2Value").val()
}, },
success : function(result) { success: function (result) {
for (let i = 0; i < result.length; i++) { for (let i = 0; i < result.length; i++) {
// 只留一个remark // 只留一个remark
remark = ""; remark = "";
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>'; html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
remark += '<div><span>' +result[i].remark+ '<span/></div>'; remark += '<div><span>' + result[i].remark + '<span/></div>';
} }
$("#carousel").append(html); $("#carousel").append(html);
$("#remark").append(remark); $("#remark").append(remark);
ins.reload({ ins.reload({
elem: '#test1', elem: '#test1',
width: '700px', //设置容器宽度 width: '700px', //设置容器宽度
height: '700px' height: '700px'
}); });
} }
}); });
}); });
// 点击计算，计算价格
form.on('submit(acount_btn)', function(data) { form.on('checkbox(ui_craft)', function (data) {
$.ajax({ let craft_list = [];
url : "${path}/getThanSum", let kindValue = $('input[name="kindValue"]:checked').val();
type : "GET", craft_list.push($("select[name='craft'] option:selected").val());
data : $(".big_box form").serialize(), $("input[name='craft']:checked").each(function () {
success : function(result) { if (!$(this).is(':disabled')) {
if(result.code == 100){ craft_list.push($(this).val());
layer.msg(result.msg,{offset:['300px','300px']},function(){}); }
return false; });
}
var data = result.data.proList; if (data.value == '抠图') {
var kindData={ $(".crop").hide();
0 :"150克白牛皮纸四色印刷", $(".crop").find("input").prop("disabled", true)
1 :"150克黄牛皮纸单色印刷", if (data.elem.checked) {
2 :"200克白牛皮纸四色印刷", $(".crop").show();
3 :"140克双胶纸彩色印刷" $(".crop").find("input").prop("disabled", false)
}; }
var kind2Data={ }
0 :"330*230*30*舌头50", form.render();
1 :"340*240*30*舌头60" })
};
var kind = kindData[$("#kindValue").val()]; // 点击计算，计算价格
var kind2 = kind2Data[$("#kind2Value").val()]; form.on('submit(acount_btn)', function (data) {
var number= $("#number").val(); $.ajax({
url: "${path}/getThanSum",
var span_result ='档案袋 - ' + kind +'\n'+ kind2 +' -(同款内容)\n'; type: "GET",
if(number > 1){ data: $(".big_box form").serialize(),
for (let i = 0; i < data.length; i++) { success: function (result) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' if (result.code == 100) {
data[i].number = number; layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
} });
}else{ return false;
for (let i = 0; i < data.length; i++) { }
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' var data = result.data.proList;
data[i].number = number; var kindData = {
} 0: "150克白牛皮纸四色印刷",
} 1: "150克黄牛皮纸单色印刷",
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' 2: "200克白牛皮纸四色印刷",
if(window.parent.system_isGai){ 3: "140克双胶纸彩色印刷"
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" };
var kind2Data = {
0: "330*230*30*舌头50",
1: "340*240*30*舌头60"
};
var kind = kindData[$("#kindValue").val()];
var kind2 = kind2Data[$("#kind2Value").val()];
var number = $("#number").val();
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
} }
addLog(span_result); })
var span_result = '档案袋 - ' + kind + '-' + kind2 + ' -(同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var size = kind2.replace("舌头50", ""); var size = kind2.replace("舌头50", "");
var count = $("#count option:selected").val(); var count = $("#count option:selected").val();
getRemark("档案袋", size+"mm", count+"个", kind, number, "", ""); getRemark("档案袋", size + "mm", count + "个", kind, number, "", "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/flags.jsp
+364 -319
View File
@@ -1,337 +1,382 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 吊旗 --> <!-- 吊旗 -->
<style> <style>
.p{ .p {
color:green;font-weight:400; color: green;
} font-weight: 400;
}
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">吊旗</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h1">吊旗</h1> <span style="color:red;font-weight:700;"></span>
<hr> <hr>
<form class="layui-form"> <form class="layui-form">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="13" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="13">
<p>材质</p> <p>材质</p>
<div class="kindValue"> <div class="kindValue">
<input type="radio" lay-filter="kindValue" name="kindValue" value="2" title="300克铜版纸" checked="checked"> <input type="radio" lay-filter="kindValue" name="kindValue" value="2" title="300克铜版纸" checked="checked">
<input type="radio" lay-filter="kindValue" name="kindValue" value="1" title="200克铜版纸"> <input type="radio" lay-filter="kindValue" name="kindValue" value="1" title="200克铜版纸">
<input type="radio" lay-filter="kindValue" name="kindValue" value="0" title="157克铜版纸"> <input type="radio" lay-filter="kindValue" name="kindValue" value="0" title="157克铜版纸">
</div> </div>
<p> <p>
尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
<!--<span class="ui_normal_size"><input type="checkbox" name="normalSize" lay-filter="ui_normal_size" title="通用款"></span>--> <!--<span class="ui_normal_size"><input type="checkbox" name="normalSize" lay-filter="ui_normal_size" title="通用款"></span>-->
</p> </p>
<div class="layui-form-item ui_cg"> <div class="layui-form-item ui_cg">
<input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off"> <input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off">
</div> </div>
<div class="ui_normal"> <div class="ui_normal">
<input type="radio" name="size" value="28.5*21" title="28.5*21cm" checked="checked"> <input type="radio" name="size" value="28.5*21" title="28.5*21cm" checked="checked">
<input type="radio" name="size" value="28.5*42" title="28.5*42cm"> <input type="radio" name="size" value="28.5*42" title="28.5*42cm">
<input type="hidden" name="kind1Label" id="kind1Label" value=""> <input type="hidden" name="kind1Label" id="kind1Label" value="">
</div> </div>
<p> <p>
数量（个） 数量（个）
</p> </p>
<div class="layui-form-item ui_cg"> <div class="layui-form-item ui_cg">
<select name="count" id="count" class="select"> <select name="count" id="count" class="select">
<option value="10">10</option> <option value="10">10</option>
<option value="20">20</option> <option value="20">20</option>
<option value="30">30</option> <option value="30">30</option>
<option value="50">50</option> <option value="50">50</option>
<option value="100">100</option> <option value="100">100</option>
<option value="200">200</option> <option value="200">200</option>
<option value="500">500</option> <option value="500">500</option>
</select> </select>
</div> </div>
<div class="ui_normal"> <div class="ui_normal">
<select name="count" id="count1" class="select"> <select name="count" id="count1" class="select">
<option value="100">100</option> <option value="100">100</option>
<option value="200">200</option> <option value="200">200</option>
<option value="500">500</option> <option value="500">500</option>
</select> </select>
</div> </div>
<p><span style="font-size:14px;color:red">提示:数量超过500个请以 [ 宣传单 - 商务200克铜版纸 - 异形模切 ] 报价</span></p> <p><span style="font-size:14px;color:red">提示:数量超过500个请以 [ 宣传单 - 商务200克铜版纸 - 异形模切 ] 报价</span></p>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<p> <p>
形状 <span style="font-size:14px;color:red">(吊旗 - 数量50个以内不限形状;50个及以上默认[ U型 ])</span> 形状 <span style="font-size:14px;color:red">(吊旗 - 数量50个以内不限形状;50个及以上默认[ U型 ])</span>
</p> </p>
<div> <div>
<input type="checkbox" lay-filter="craftU" class="craftU" name="craftU" value="U型" title="U型"> <input type="checkbox" lay-filter="craftU" class="craftU" name="craftU" value="U型" title="U型">
</div> </div>
<p> <p>
工艺 工艺
</p> </p>
<div> <div>
<input type="checkbox" lay-filter="craft" class="craft" name="craft" value="绳子" title="绳子"> <input type="checkbox" lay-filter="craft" class="craft" name="craft" value="绳子" title="绳子">
<span class="ui_sz"> <span class="ui_sz">
<input type="text" placeholder="请输入绳子长度" name="ui_sz_size" style="width: 100px"/>米 <input type="text" placeholder="请输入绳子长度" name="ui_sz_size" style="width: 100px"/>米
</span> </span>
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFeeTooWeight.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFeeTooWeight.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form'], function(){ layui.use(['table', 'form'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var table = layui.table; var table = layui.table;
$(".ui_normal").hide(); $(".ui_normal").hide();
$(".ui_normal").find(":input").attr("disabled", true); $(".ui_normal").find(":input").attr("disabled", true);
$(".ui_sz").hide(); $(".ui_sz").hide();
$(".ui_sz").find(":input").attr("disabled", true); $(".ui_sz").find(":input").attr("disabled", true);
// 监听数量--50个以上勾选复选框 [U型] // 监听数量--50个以上勾选复选框 [U型]
form.on('select(count)', function(data) { form.on('select(count)', function (data) {
if(data.value >= 50){ if (data.value >= 50) {
$('input[class = craftU]').prop('checked', true); $('input[class = craftU]').prop('checked', true);
// $(".craftU").attr("disabled", true); // $(".craftU").attr("disabled", true);
}else{ } else {
$('input[class = craftU]').prop('checked', false); $('input[class = craftU]').prop('checked', false);
} }
form.render(); form.render();
}); });
//监听材质 //监听材质
form.on('radio(kindValue)', function(data){ form.on('radio(kindValue)', function (data) {
if(data.value == 2){ if (data.value == 2) {
$(".ui_normal_size").show(); $(".ui_normal_size").show();
}else{ } else {
$(".ui_normal_size").hide(); $(".ui_normal_size").hide();
} }
}); });
// 监听U型按钮，50个以上取消提示做其他产品 // 监听U型按钮，50个以上取消提示做其他产品
form.on('checkbox(craftU)', function(data) { form.on('checkbox(craftU)', function (data) {
var kindValue = $('input[name="kindValue"]:checked').val(); var kindValue = $('input[name="kindValue"]:checked').val();
var count = $("#count option:checked").val(); var count = $("#count option:checked").val();
if(count >= 50){ if (count >= 50) {
if(!data.elem.checked){ if (!data.elem.checked) {
if(kindValue == 2){ if (kindValue == 2) {
layer.msg("[ 吊旗 - 300克铜版纸 ] 50个以上，取消[ U型 ]请以 [ 卡片 - 名片 ] 报价",{offset:['300px','300px']},function(){}); layer.msg("[ 吊旗 - 300克铜版纸 ] 50个以上，取消[ U型 ]请以 [ 卡片 - 名片 ] 报价", {offset: ['300px', '300px']}, function () {
return false; });
}else if(kindValue == 1){ return false;
layer.msg("[ 吊旗 - 200克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务200克铜版纸 ] 报价",{offset:['300px','300px']},function(){}); } else if (kindValue == 1) {
return false; layer.msg("[ 吊旗 - 200克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务200克铜版纸 ] 报价", {offset: ['300px', '300px']}, function () {
}else if(kindValue == 0){ });
layer.msg("[ 吊旗 - 157克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务157克铜版纸 ] 报价",{offset:['300px','300px']},function(){}); return false;
return false; } else if (kindValue == 0) {
} layer.msg("[ 吊旗 - 157克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务157克铜版纸 ] 报价", {offset: ['300px', '300px']}, function () {
} });
} return false;
}); }
}
form.on('checkbox(ui_normal_size)', function(data){ }
if(data.elem.checked){ });
$(".ui_normal").show();
$(".ui_normal").find(":input").attr("disabled", false); form.on('checkbox(ui_normal_size)', function (data) {
$(".ui_cg").hide(); if (data.elem.checked) {
$(".ui_cg").find(":input").attr("disabled", true); $(".ui_normal").show();
$("#kind1Label").attr("value", 2); $(".ui_normal").find(":input").attr("disabled", false);
$('input[class = craftU]').prop('checked', true); $(".ui_cg").hide();
}else{ $(".ui_cg").find(":input").attr("disabled", true);
$(".ui_cg").show(); $("#kind1Label").attr("value", 2);
$(".ui_cg").find(":input").attr("disabled", false); $('input[class = craftU]').prop('checked', true);
$(".ui_normal").hide(); } else {
$(".ui_normal").find(":input").attr("disabled", true); $(".ui_cg").show();
$('input[class = craftU]').prop('checked', false); $(".ui_cg").find(":input").attr("disabled", false);
$("#kind1Label").attr("value", ""); $(".ui_normal").hide();
} $(".ui_normal").find(":input").attr("disabled", true);
form.render('checkbox'); $('input[class = craftU]').prop('checked', false);
}); $("#kind1Label").attr("value", "");
}
form.on('checkbox(craft)', function(data){ form.render('checkbox');
if(data.elem.checked){ });
$(".ui_sz").show();
$(".ui_sz").find(":input").attr("disabled", false); form.on('checkbox(craft)', function (data) {
}else{ if (data.elem.checked) {
$(".ui_sz").hide(); $(".ui_sz").show();
$(".ui_sz").find(":input").attr("disabled", true); $(".ui_sz").find(":input").attr("disabled", false);
} } else {
form.render('checkbox'); $(".ui_sz").hide();
}); $(".ui_sz").find(":input").attr("disabled", true);
}
// 点击计算，计算价格 form.render('checkbox');
form.on('submit(acount_btn)', function(data) { });
var kindValue = $('input[name="kindValue"]:checked').val() form.on('checkbox(ui_craft)', function (data) {
var count = $("#count option:checked").val(); let craft_list = [];
if (!$(".craftU").is(':checked') && kindValue == 2 && count >= 50) { let kindValue = $('input[name="kindValue"]:checked').val();
layer.msg("[ 吊旗 - 300克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 卡片 - 名片 ] 报价",{offset:['300px','300px']},function(){}); craft_list.push($("select[name='craft'] option:selected").val());
return false; $("input[name='craft']:checked").each(function () {
}else if (!$(".craftU").is(':checked') && kindValue == 1 && count >= 50) { if (!$(this).is(':disabled')) {
layer.msg("[ 吊旗 - 200克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务200克铜版纸 ] 报价",{offset:['300px','300px']},function(){}); craft_list.push($(this).val());
return false; }
}else if (!$(".craftU").is(':checked') && kindValue == 0 && count >= 50) { });
layer.msg("[ 吊旗 - 157克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务157克铜版纸 ] 报价",{offset:['300px','300px']},function(){});
return false; if (data.value == '抠图') {
} $(".crop").hide();
var kindData={ $(".crop").find("input").prop("disabled", true)
2 :"300克铜版纸", if (data.elem.checked) {
1 :"200克铜版纸", $(".crop").show();
0 :"157克铜版纸" $(".crop").find("input").prop("disabled", false)
}; }
var kind = kindData[kindValue]; }
var size = $("#size").val(); form.render();
var number= $("#number").val(); })
var kind1Label = $("#kind1Label").val(); // 点击计算，计算价格
if ((size.split("*")[0] > 73 || size.split("*")[1] > 56) && (size.split("*")[0] > 56 || size.split("*")[1] > 73)) { form.on('submit(acount_btn)', function (data) {
layer.msg("[ 吊旗 ] 尺寸超过 73*56 cm的请以 [ 卡片 - 名片 ] 报价",{offset:['300px','300px']},function(){}); var kindValue = $('input[name="kindValue"]:checked').val()
return false; var count = $("#count option:checked").val();
} if (!$(".craftU").is(':checked') && kindValue == 2 && count >= 50) {
if(size.indexOf("*") < 0 && kind1Label != 2){ layer.msg("[ 吊旗 - 300克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 卡片 - 名片 ] 报价", {offset: ['300px', '300px']}, function () {
layer.msg('请填写尺寸！',{offset:['300px','300px']},function(){}); });
return false; return false;
} } else if (!$(".craftU").is(':checked') && kindValue == 1 && count >= 50) {
var sz_size = $("input[name='ui_sz_size']").val(); layer.msg("[ 吊旗 - 200克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务200克铜版纸 ] 报价", {offset: ['300px', '300px']}, function () {
if($("input[name='craft']:checked").val() == "绳子"){ });
if(sz_size == ""){ return false;
layer.msg('请输入绳子长度！',{offset:['300px','300px']},function(){}); } else if (!$(".craftU").is(':checked') && kindValue == 0 && count >= 50) {
return false; layer.msg("[ 吊旗 - 157克铜版纸 ] 50个及以上，取消[ U型 ]请以 [ 宣传单 - 商务157克铜版纸 ] 报价", {offset: ['300px', '300px']}, function () {
} });
} return false;
var arr = []; }
$("input:checkbox[name='craftU']:checked").each(function(i) { var kindData = {
if(!$(this).is(':disabled')){ 2: "300克铜版纸",
arr.push($(this).val()); 1: "200克铜版纸",
} 0: "157克铜版纸"
}); };
$.ajax({ var kind = kindData[kindValue];
url : "${path}/getThanSum", var size = $("#size").val();
type : "GET", var number = $("#number").val();
data : $(".big_box form").serialize(), var kind1Label = $("#kind1Label").val();
success : function(result) { if ((size.split("*")[0] > 73 || size.split("*")[1] > 56) && (size.split("*")[0] > 56 || size.split("*")[1] > 73)) {
if(result.code == 100){ layer.msg("[ 吊旗 ] 尺寸超过 73*56 cm的请以 [ 卡片 - 名片 ] 报价", {offset: ['300px', '300px']}, function () {
layer.msg(result.msg,{offset:['300px','300px']},function(){}); });
return false; return false;
} }
var data = result.data.proList; if (size.indexOf("*") < 0 && kind1Label != 2) {
if(kind1Label == "2"){ layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
size = $("input[name='size']:checked").val(); });
kind += "(通用款)"; return false;
} }
if($("input[name='craft']:checked").val() == "绳子"){ var sz_size = $("input[name='ui_sz_size']").val();
arr += ",绳子" + sz_size +"米"; if ($("input[name='craft']:checked").val() == "绳子") {
} if (sz_size == "") {
var span_result = '吊旗 - ' + kind +' - '+ size +' CM -' + arr +' -(同款内容)\n'; layer.msg('请输入绳子长度！', {offset: ['300px', '300px']}, function () {
if(number > 1){ });
for (let i = 0; i < data.length; i++) { return false;
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' }
data[i].number = number; }
} var arr = [];
}else{ $("input:checkbox[name='craftU']:checked").each(function (i) {
for (let i = 0; i < data.length; i++) { if (!$(this).is(':disabled')) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' if ($(this).val() == "抠图") {
data[i].number = number; arr.push($(this).val() + $("input[name='cropNumber']").val());
} return;
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' arr.push($(this).val());
if(window.parent.system_isGai){ }
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" });
$.ajax({
url: "${path}/getThanSum",
type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
if (kind1Label == "2") {
size = $("input[name='size']:checked").val();
kind += "(通用款)";
}
if ($("input[name='craft']:checked").val() == "绳子") {
arr.push(",绳子" + sz_size + "米");
}
var span_result = '吊旗 - ' + kind + ' - ' + size + ' CM -(同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
} }
addLog(span_result); } else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = $("#count option:selected").val(); var count = $("#count option:selected").val();
getRemark("吊旗", size, count+"个", kind, number, arr, ""); getRemark("吊旗", size, count + "个", kind, number, arr, "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/flyer.jsp
+30 -1
View File
@@ -124,6 +124,12 @@
<input type="checkbox" name="craft" class="disab mq" lay-filter="switch" value="模切" title="异形模切"> <input type="checkbox" name="craft" class="disab mq" lay-filter="switch" value="模切" title="异形模切">
</span> </span>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -243,6 +249,26 @@
form.render('checkbox'); form.render('checkbox');
setRemark() setRemark()
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindData = { var kindData = {
@@ -281,10 +307,13 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
console.log('-----选中的值-----', arr);
if ($("#kindValue").val() == 1 || $("#kindValue").val() == 2) { if ($("#kindValue").val() == 1 || $("#kindValue").val() == 2) {
if (arr[0] == '折页' && arr[1] != '压痕') { if (arr[0] == '折页' && arr[1] != '压痕') {
layer.msg("200克以上材质折页必须选压痕", {offset: ['300px', '300px']}, function () { layer.msg("200克以上材质折页必须选压痕", {offset: ['300px', '300px']}, function () {
src/main/webapp/views/product/freehand.jsp
+45 -6
View File
@@ -30,7 +30,7 @@
<input type="radio" name="kindValue" lay-filter="kindValue" value="2" title="宠物"> <input type="radio" name="kindValue" lay-filter="kindValue" value="2" title="宠物">
<input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="原创（客户只提供文案 设计手绘）"> <input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="原创（客户只提供文案 设计手绘）">
<input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="地图"> <input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="地图">
<%-- <input type="radio" name="kindValue" lay-filter="kindValue" value="5" title="风裳旗舰店">--%> <%-- <input type="radio" name="kindValue" lay-filter="kindValue" value="5" title="风裳旗舰店">--%>
<input type="radio" name="kindValue" lay-filter="kindValue" value="6" title="人物"> <input type="radio" name="kindValue" lay-filter="kindValue" value="6" title="人物">
<input type="radio" name="kindValue" lay-filter="kindValue" value="7" title="人物+背景"> <input type="radio" name="kindValue" lay-filter="kindValue" value="7" title="人物+背景">
<input type="radio" name="kindValue" lay-filter="kindValue" value="8" title="婚礼"> <input type="radio" name="kindValue" lay-filter="kindValue" value="8" title="婚礼">
@@ -63,6 +63,12 @@
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
class="layui-input"> class="layui-input">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -165,6 +171,26 @@
"婚礼", "婚礼",
"班旗", "班旗",
] ]
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var number = $("#number").val(); var number = $("#number").val();
@@ -193,8 +219,21 @@
type += kind1Value == 1 ? "半身" : "全身" type += kind1Value == 1 ? "半身" : "全身"
} }
} }
let arr = []
var span_result = '手绘 - ' + kind_name[kind] + type + ' (同款内容)\n'; $("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
arr.push(type)
var span_result = '手绘 - ' + kind_name[kind] + ' (同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "个，共" + data[i].price + "元" + '\n'
@@ -207,9 +246,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/handBag.jsp
+35 -4
View File
@@ -96,7 +96,7 @@
<option value="黑色">黑色</option> <option value="黑色">黑色</option>
<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> </select>
</div> </div>
@@ -133,6 +133,12 @@
</select> </select>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -400,6 +406,26 @@
form.render(); form.render();
} }
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 自定义数量 // 自定义数量
form.on('checkbox(diyCount)', function (data) { form.on('checkbox(diyCount)', function (data) {
//判断当前多选框是选中还是取消选中 //判断当前多选框是选中还是取消选中
@@ -598,6 +624,11 @@
if ($(this).val() == "烫金") { if ($(this).val() == "烫金") {
arr.push($("#tang_type select option:selected").val() + $(this).val()); arr.push($("#tang_type select option:selected").val() + $(this).val());
} }
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val());
} }
}); });
var data = result.data.proList; var data = result.data.proList;
@@ -725,11 +756,11 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var size = ""; var size = "";
if (level == 0) { if (level == 0) {
src/main/webapp/views/product/handkerchiefPaper.jsp
+31 -10
View File
@@ -118,6 +118,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="方形" title="方形" checked readonly> <input type="checkbox" name="craft" lay-filter="ui_craft" value="方形" title="方形" checked readonly>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -244,11 +250,7 @@
}) })
form.on('checkbox(ui_craft)', function (data) { form.on('checkbox(ui_craft)', function (data) {
let craft_list = []; let craft_list = [];
$(data.elem).prop("checked", true);
layer.msg("工艺不能取消", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
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')) {
@@ -256,6 +258,22 @@
} }
} }
); );
if (!craft_list.includes("单面") || !craft_list.includes("方形")) {
layer.msg("工艺不能取消", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -280,7 +298,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -312,7 +333,7 @@
}); });
return false; return false;
} }
if(colorType == "彩色"){ if (colorType == "彩色") {
craft.push($("input[name='sku']:checked").val()); craft.push($("input[name='sku']:checked").val());
} }
$.ajax({ $.ajax({
@@ -344,9 +365,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/hykkt.jsp
+44 -7
View File
@@ -82,6 +82,12 @@
<input type="radio" name="craftTang" lay-filter="craftTang" value="烫蓝金" title="烫蓝金"/> <input type="radio" name="craftTang" lay-filter="craftTang" value="烫蓝金" title="烫蓝金"/>
<input type="radio" name="craftTang" lay-filter="craftTang" value="烫绿金" title="烫绿金"/> <input type="radio" name="craftTang" lay-filter="craftTang" value="烫绿金" title="烫绿金"/>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -174,7 +180,26 @@
form.on('radio(craftTang)', function (data) { form.on('radio(craftTang)', function (data) {
getProductImage() getProductImage()
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kind = [$('input[name="kind"]:checked').val()]; var kind = [$('input[name="kind"]:checked').val()];
@@ -214,9 +239,20 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
let arr = []
var span_result = '会员卡卡套 - ' + kindValue + '-' + size + 'cm - ' + tangjin; $("input[name='craft']:checked").each(function () {
span_result += '\n'; if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
arr.push(tangjin)
var span_result = '会员卡卡套 - ' + kindValue + '-' + size + 'cm \n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -229,9 +265,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
@@ -293,7 +329,8 @@
} }
}); });
return false; return false;
}); })
;
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/insertCard.jsp
+44 -11
View File
@@ -129,6 +129,12 @@
</select> </select>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -300,7 +306,26 @@
} }
form.render(); form.render();
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
//点击计算，计算价格 //点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kind = $("#kindValue").val(); var kind = $("#kindValue").val();
@@ -370,17 +395,25 @@
} }
if (kind == 0) { if (kind == 0) {
$("input[name='craft']:checked").each(function () { $("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == '击凸' || $(this).val() == '压凹') { if ($(this).val() == '击凸' || $(this).val() == '压凹') {
craftList.push($("select[name='ji_color'] option:selected").val() + $(this).val()); craftList.push($("select[name='ji_color'] option:selected").val() + $(this).val());
} else { } else if ($(this).val() == "抠图") {
craftList.push($(this).val()); return;
} } else {
craftList.push($(this).val());
} }
} }
) });
;
} }
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
craftList.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
var span_result = '插卡 - ' + kindValue + ' - ' + size + "厘米 - (同款内容) " + '\n'; var span_result = '插卡 - ' + kindValue + ' - ' + size + "厘米 - (同款内容) " + '\n';
span_result += '工艺：' + craftList.join(",") + '\n'; span_result += '工艺：' + craftList.join(",") + '\n';
if (number > 1) { if (number > 1) {
@@ -395,9 +428,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/katie.jsp
+35 -1
View File
@@ -74,6 +74,12 @@
<input type="checkbox" name="craft" lay-filter="switchMQ" value="裁切" title="裁切" checked> <input type="checkbox" name="craft" lay-filter="switchMQ" value="裁切" title="裁切" checked>
<input type="radio" name="craftSMJ" value="配双面胶" title="配双面胶" checked> <input type="radio" name="craftSMJ" value="配双面胶" title="配双面胶" checked>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -225,6 +231,27 @@
} }
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
// 选中‘自定义数量’ // 选中‘自定义数量’
@@ -240,6 +267,10 @@
var arr = [] var arr = []
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
@@ -259,7 +290,10 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = '卡贴 - 300克铜版纸 - 配双面胶 -' + arr + ' -(同款内容)\n'; var span_result = '卡贴 - 300克铜版纸 - 配双面胶 -(同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "张，共" + data[i].price + "元" + '\n'
src/main/webapp/views/product/kzt.jsp
+214 -172
View File
@@ -1,174 +1,216 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 筷子套 --> <!-- 筷子套 -->
<style> <style>
.edge .layui-edge{ .edge .layui-edge {
right:10px; right: 10px;
} }
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h2">筷子套</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h2">筷子套</h1> <span style="color:red;font-weight:700;"></span>
<hr> <hr>
<form class="layui-form"> <form class="layui-form">
<p> <p>
材质 材质
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="kind1Value" id="kind1Value" class="select"> <select name="kind1Value" id="kind1Value" class="select">
<option value="0">157克铜版纸</option> <option value="0">157克铜版纸</option>
</select> </select>
</div> </div>
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="筷子套" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="筷子套">
<p> <p>
规格 规格
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="size" id="size" class="select"> <select name="size" id="size" class="select">
<option value="15*3">15*3</option> <option value="15*3">15*3</option>
<option value="18*3">18*3</option> <option value="18*3">18*3</option>
<option value="19*3">19*3</option> <option value="19*3">19*3</option>
<option value="20*3">20*3</option> <option value="20*3">20*3</option>
<option value="24*3">24*3</option> <option value="24*3">24*3</option>
<option value="25*3">25*3</option> <option value="25*3">25*3</option>
<option value="26*3">26*3</option> <option value="26*3">26*3</option>
</select> </select>
</div> </div>
<p> <p>
数量（张） 数量（张）
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="count" class="select" id="count"> <select name="count" class="select" id="count">
<!--<option value="5000">5000</option>--> <!--<option value="5000">5000</option>-->
<option value="10000">10000</option> <option value="10000">10000</option>
</select> </select>
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <h2>下单备注-
<div class="right_div" style="margin-left:50px;"> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button>
<div class="layui-carousel" id="test1" > </h2>
<div carousel-item id="carousel"></div> <div>
<br> <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div id="remark" style="font-size:20px;color:red"></div> </div>
</div> <div>
</div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</form>
</div>
<div class="right_div" style="margin-left:50px;">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
form.on('checkbox(ui_craft)', function (data) {
// 点击计算，计算价格 let craft_list = [];
form.on('submit(acount_btn)', function(data) { let kindValue = $('input[name="kindValue"]:checked').val();
var number= $("#number").val(); craft_list.push($("select[name='craft'] option:selected").val());
var size = $("#size").val(); $("input[name='craft']:checked").each(function () {
$.ajax({ if (!$(this).is(':disabled')) {
url : "${path}/getThanSum", craft_list.push($(this).val());
type : "GET", }
data : $(".big_box form").serialize(), });
success : function(result) {
if(result.code == 100){ if (data.value == '抠图') {
layer.msg(result.msg,{offset:['300px','300px']},function(){}); $(".crop").hide();
return false; $(".crop").find("input").prop("disabled", true)
} if (data.elem.checked) {
var data = result.data.proList; $(".crop").show();
$(".crop").find("input").prop("disabled", false)
var span_result ="筷子套- 157克铜版纸 - " + size + "cm- (同款内容)\n"; }
if(number > 1){ }
for (let i = 0; i < data.length; i++) { form.render();
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' })
data[i].number = number; // 点击计算，计算价格
} form.on('submit(acount_btn)', function (data) {
}else{ var number = $("#number").val();
for (let i = 0; i < data.length; i++) { var size = $("#size").val();
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' $.ajax({
data[i].number = number; url: "${path}/getThanSum",
} type: "GET",
} data: $(".big_box form").serialize(),
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' success: function (result) {
if(window.parent.system_isGai){ if (result.code == 100) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
} }
addLog(span_result); })
var span_result = "筷子套- 157克铜版纸 - " + size + "cm- (同款内容)\n";
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = $("#count option:selected").val(); var count = $("#count option:selected").val();
getRemark("筷子套", size+"cm", count+"张", "157克铜版纸", number, "", ""); getRemark("筷子套", size + "cm", count + "张", "157克铜版纸", number, "", "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},/* { },/* {
field : 'wangwang', field : 'wangwang',
align : "center", align : "center",
width : '16%', width : '16%',
@@ -185,20 +227,20 @@ layui.use(['table','form','carousel'], function(){
return Math.ceil(d.price * 0.96) return Math.ceil(d.price * 0.96)
} }
}, */{ }, */{
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/landa.jsp
+20
View File
@@ -86,6 +86,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="覆光油" title="覆光油" checked> <input type="checkbox" name="craft" lay-filter="ui_craft" value="覆光油" title="覆光油" checked>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -200,6 +206,16 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
return false;
}
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -227,6 +243,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/leiTag.jsp
+22 -3
View File
@@ -109,6 +109,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -217,6 +223,15 @@
$("#z4_craft .shuangmian").prop("disabled", true); $("#z4_craft .shuangmian").prop("disabled", true);
} }
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
form.on('checkbox(peijian)', function (data) { form.on('checkbox(peijian)', function (data) {
let peijiansize = $(".peijian:checked").length; let peijiansize = $(".peijian:checked").length;
@@ -267,6 +282,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -312,9 +331,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/light.jsp
+21 -1
View File
@@ -94,6 +94,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -213,6 +219,15 @@
} else { } else {
$(".tangj.scolor").hide(); $(".tangj.scolor").hide();
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -234,10 +249,15 @@
} }
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
arr.push($(this).val());
if ($(this).val() == "烫金+激凸") { if ($(this).val() == "烫金+激凸") {
arr.push($(".tangj select option:selected").val()); arr.push($(".tangj select option:selected").val());
return;
} }
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val());
} }
}); });
if (arr.indexOf("印刷+激凸") == -1 && arr.indexOf("烫金+激凸") == -1) { if (arr.indexOf("印刷+激凸") == -1 && arr.indexOf("烫金+激凸") == -1) {
src/main/webapp/views/product/lingmo.jsp
+24 -5
View File
@@ -99,6 +99,12 @@
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -197,6 +203,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
form.on('checkbox(switchSize)', function (data) { form.on('checkbox(switchSize)', function (data) {
$("#diySize").parent().hide() $("#diySize").parent().hide()
@@ -224,7 +239,7 @@
if ($("input[name='switchSize']").is(":checked")) { if ($("input[name='switchSize']").is(":checked")) {
size = $("#diySize").val(); size = $("#diySize").val();
} }
if(coNumber == ""){ if (coNumber == "") {
layer.msg("请选择印色数量", {offset: ['300px', '300px']}, function () { layer.msg("请选择印色数量", {offset: ['300px', '300px']}, function () {
}); });
return false; return false;
@@ -239,7 +254,7 @@
}); });
return false; return false;
} }
if ((size.split("*")[0] < 9 || size.split("*")[1] < 5.4)&&(size.split("*")[0] < 5.4 || size.split("*")[1] < 9)) { if ((size.split("*")[0] < 9 || size.split("*")[1] < 5.4) && (size.split("*")[0] < 5.4 || size.split("*")[1] < 9)) {
layer.msg('最小尺寸9*5.4cm！', {offset: ['300px', '300px']}, function () { layer.msg('最小尺寸9*5.4cm！', {offset: ['300px', '300px']}, function () {
}); });
return false; return false;
@@ -247,6 +262,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -280,9 +299,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/lsz.jsp
+47 -9
View File
@@ -97,6 +97,12 @@
<input type="radio" name="yinbai" value="黑白" title="黑白" checked="checked"/> <input type="radio" name="yinbai" value="黑白" title="黑白" checked="checked"/>
<input type="radio" name="yinbai" value="彩色" title="彩色"/> <input type="radio" name="yinbai" value="彩色" title="彩色"/>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -257,6 +263,26 @@
} }
}); });
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
@@ -315,23 +341,35 @@
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = '硫酸纸 - ' + kindValue + '-' + size + ' CM'; var span_result = '硫酸纸 - ' + kindValue + '-' + size + ' CM';
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
if (stickerKind == "专版打印") { if (stickerKind == "专版打印") {
kindValue = "135克硫酸纸"; kindValue = "135克硫酸纸";
span_result += " - 直角 - " + $("input[name='yinbai']:checked").val(); arr.push('直角')
arr.push($("input[name='yinbai']:checked").val())
} else { } else {
if (kindValue != "80克硫酸纸") { if (kindValue != "80克硫酸纸") {
span_result += craft; arr.push(craft)
if (tangjin != "") { if (tangjin != "") {
span_result += ' - ' + tangjin; arr.push(tangjin)
} }
if (kind != "") { if (kind != "") {
span_result += " - " + kind; arr.push(kind)
} }
} else { } else {
span_result += " - " + $("input[name='craftQie']:checked").val(); arr.push($("input[name='craftQie']:checked").val())
} }
} }
span_result += '\n'; if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -344,9 +382,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/medal.jsp
+30
View File
@@ -93,6 +93,12 @@
<input type="radio" name="color" lay-filter="colors" value="金色" title="金色"> <input type="radio" name="color" lay-filter="colors" value="金色" title="金色">
</span> </span>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -458,6 +464,26 @@
$("#size_tip").text(text); $("#size_tip").text(text);
} }
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var number = $("#number").val(); var number = $("#number").val();
@@ -488,6 +514,10 @@
$("input:radio[name='craft']:checked").each(function (i) { $("input:radio[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craftList.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craftList.push($(this).val()); craftList.push($(this).val());
} }
}); });
src/main/webapp/views/product/mousePad.jsp
+18
View File
@@ -92,6 +92,12 @@
<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> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -231,6 +237,14 @@
$("input[name='craft'][value='锁边']").parent().hide(); $("input[name='craft'][value='锁边']").parent().hide();
$("input[name='craft'][value='锁边']").attr("disabled", true) $("input[name='craft'][value='锁边']").attr("disabled", true)
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render(); form.render();
}) })
@@ -267,6 +281,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/msd.jsp
+46 -7
View File
@@ -64,6 +64,12 @@
<input type="radio" name="craftQie" value="模切" title="模切" checked> <input type="radio" name="craftQie" value="模切" title="模切" checked>
<input type="checkbox" name="craft" class="ui_zh" lay-filter="switch" value="折痕" title="折痕"> <input type="checkbox" name="craft" class="ui_zh" lay-filter="switch" value="折痕" title="折痕">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
@@ -163,6 +169,28 @@
form.on("radio(switch)", function () { form.on("radio(switch)", function () {
getProductImage() getProductImage()
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
//点击计算，计算价格 //点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kind = $("#kindValue option:selected").text(); var kind = $("#kindValue option:selected").text();
@@ -170,9 +198,17 @@
var craftQie = $("input[name='craftQie']:checked").val(); var craftQie = $("input[name='craftQie']:checked").val();
var number = $("#number").val(); var number = $("#number").val();
var arr = []; var arr = [];
arr.push($('input[name="craft"]:checked').val()); $("input[name='craft']:checked").each(function () {
craft += craftQie; if (!$(this).is("disabled")) {
craft += arr; if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
arr.push(craftQie)
arr.push(craft)
$.ajax({ $.ajax({
url: "${pageContext.request.contextPath}/getThanSum", url: "${pageContext.request.contextPath}/getThanSum",
type: "GET", type: "GET",
@@ -185,7 +221,10 @@
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = '900克慕斯垫 - ' + kind + "-" + craft + "(同款内容) " + '\n'; var span_result = '900克慕斯垫 - ' + kind + "(同款内容) " + '\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "个，共" + data[i].price + "元" + '\n'
@@ -198,9 +237,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/notePaper.jsp
+34 -1
View File
@@ -129,6 +129,12 @@
<input type="checkbox" name="craft" class="craft" lay-filter="switch" value="垫板" title="垫板"> <input type="checkbox" name="craft" class="craft" lay-filter="switch" value="垫板" title="垫板">
<input type="checkbox" name="craft" class="craft" lay-filter="switch" value="封皮" title="封皮"> <input type="checkbox" name="craft" class="craft" lay-filter="switch" value="封皮" title="封皮">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<hr class="layui-bg-orange"> <hr class="layui-bg-orange">
<div class="layui-form-item"> <div class="layui-form-item">
@@ -348,6 +354,26 @@
} }
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
//点击计算，计算价格 //点击计算，计算价格
form.on('submit(acount_btn)', function(data) { form.on('submit(acount_btn)', function(data) {
var notePaperKind = $('input[name="notePaperKind"]:checked').val(); var notePaperKind = $('input[name="notePaperKind"]:checked').val();
@@ -426,6 +452,14 @@
}); });
return false; return false;
} }
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
$.ajax({ $.ajax({
url : "${path}/getThanSum", url : "${path}/getThanSum",
type : "GET", type : "GET",
@@ -436,7 +470,6 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
console.log(craft);
var span_result = notePaperKind + ' - ' + kind +'-' + [kind1Data[kind1Value]] +' -' + craft +'- ' + color + size +' 厘米 -(同款内容)\n' + '款数 : ' + number + '\n'; var span_result = notePaperKind + ' - ' + kind +'-' + [kind1Data[kind1Value]] +' -' + craft +'- ' + color + size +' 厘米 -(同款内容)\n' + '款数 : ' + number + '\n';
if(notePaperKind == "红头文件" || notePaperKind == "彩胶纸"){ if(notePaperKind == "红头文件" || notePaperKind == "彩胶纸"){
if(number > 1){ if(number > 1){
src/main/webapp/views/product/orders.jsp
+33 -4
View File
@@ -121,6 +121,12 @@
disabled> disabled>
<input type="checkbox" name="craft" class="disab mq" lay-filter="switch" value="模切" title="异形模切"> <input type="checkbox" name="craft" class="disab mq" lay-filter="switch" value="模切" title="异形模切">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -230,6 +236,26 @@
form.render('checkbox'); form.render('checkbox');
setRemark() setRemark()
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindData = { var kindData = {
@@ -268,10 +294,13 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
console.log('-----选中的值-----', arr);
if ($("#kindValue").val() == 1 || $("#kindValue").val() == 2) { if ($("#kindValue").val() == 1 || $("#kindValue").val() == 2) {
if (arr[0] == '折页' && arr[1] != '压痕') { if (arr[0] == '折页' && arr[1] != '压痕') {
layer.msg("200克以上材质折页必须选压痕", {offset: ['300px', '300px']}, function () { layer.msg("200克以上材质折页必须选压痕", {offset: ['300px', '300px']}, function () {
@@ -304,9 +333,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/packingBox.jsp
+278 -233
View File
@@ -1,248 +1,293 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 包装盒 --> <!-- 包装盒 -->
<style> <style>
.p{ .p {
color:green;font-weight:400; color: green;
} font-weight: 400;
}
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h2">包装盒</h1> <span style="color:red;font-weight:700;">(500个起做)</span> <h1 class="h2">包装盒</h1> <span style="color:red;font-weight:700;">(500个起做)</span>
<hr> <hr>
<form class="layui-form"> <form class="layui-form">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="20" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="20">
<p> <p>
材质 材质
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="kind" class="kind" title="350克白卡纸" checked="checked" value="350克白卡纸"> <input type="radio" name="kind" class="kind" title="350克白卡纸" checked="checked" value="350克白卡纸">
</div> </div>
<p> <p>
种类 种类
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="kindValue" class="kindValue" lay-filter="kindValue" value="0" title="双插盒"> <input type="radio" name="kindValue" class="kindValue" lay-filter="kindValue" value="0" title="双插盒">
<input type="radio" name="kindValue" class="kindValue" lay-filter="kindValue" value="1" title="飞机盒"> <input type="radio" name="kindValue" class="kindValue" lay-filter="kindValue" value="1" title="飞机盒">
</div> </div>
</div> </div>
<p> <p>
尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽 * 高 </span><span style="font-size:8px;color:green">（请按格式输入）</span></p> 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽 * 高 </span><span style="font-size:8px;color:green">（请按格式输入）</span></p>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="格式:长*宽*高" name="size" id="size" class="layui-input" autocomplete="off"> <input type="text" placeholder="格式:长*宽*高" name="size" id="size" class="layui-input" autocomplete="off">
</div> </div>
<p> <p>
数量(个) 数量(个)
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="count" id="count" class="layui-input"> <input type="text" placeholder="请输入整数" autocomplete="off" name="count" id="count" class="layui-input">
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div" style="margin-left:50px;"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div" style="margin-left:50px;">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
form.on('radio(kindValue)', function (data){ form.on('radio(kindValue)', function (data) {
var html = " "; var html = " ";
var remark = " "; var remark = " ";
// 清空轮播图 // 清空轮播图
$("#carousel").empty(); $("#carousel").empty();
$("#remark").empty(); $("#remark").empty();
$.ajax({ $.ajax({
url:"${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
type:"GET", type: "GET",
data:{ data: {
proTypeValue : $("#proTypeValue").val(), proTypeValue: $("#proTypeValue").val(),
kindValue : $('input[name="kindValue"]:checked').val(), kindValue: $('input[name="kindValue"]:checked').val(),
//kind2Value : $("#kind2Value").val() //kind2Value : $("#kind2Value").val()
}, },
success : function(result) { success: function (result) {
for (let i = 0; i < result.length; i++) { for (let i = 0; i < result.length; i++) {
// 只留一个remark // 只留一个remark
remark = ""; remark = "";
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>'; html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
remark += '<div><span>' +result[i].remark+ '<span/></div>'; remark += '<div><span>' + result[i].remark + '<span/></div>';
} }
$("#carousel").append(html); $("#carousel").append(html);
// 如果没有说明，就不显示null // 如果没有说明，就不显示null
if(remark.indexOf("null") < 0){ if (remark.indexOf("null") < 0) {
$("#remark").append(remark); $("#remark").append(remark);
} }
if(result.length == 0){ if (result.length == 0) {
document.getElementById("test1").style.display = "none"; //隐藏 document.getElementById("test1").style.display = "none"; //隐藏
}else{ } else {
document.getElementById("test1").style.display = "block"; //显示 document.getElementById("test1").style.display = "block"; //显示
ins.reload({ ins.reload({
elem: '#test1', elem: '#test1',
width: result[0].imgWidth, //设置容器宽度 width: result[0].imgWidth, //设置容器宽度
height: result[0].imgHeight height: result[0].imgHeight
}); });
} }
} }
}); });
}); });
// 点击计算，计算价格 form.on('checkbox(ui_craft)', function (data) {
form.on('submit(acount_btn)', function(data) { let craft_list = [];
var kindData={ let kindValue = $('input[name="kindValue"]:checked').val();
0 :"双插盒", craft_list.push($("select[name='craft'] option:selected").val());
1 :"飞机盒", $("input[name='craft']:checked").each(function () {
}; if (!$(this).is(':disabled')) {
var kind = kindData[$('input[name="kindValue"]:checked').val()]; craft_list.push($(this).val());
var number= $("#number").val(); }
var size= $("#size").val(); });
if(!kind){
layer.msg('请选择种类！',{offset:['300px','300px']},function(){}); if (data.value == '抠图') {
return false; $(".crop").hide();
} $(".crop").find("input").prop("disabled", true)
if(!size){ if (data.elem.checked) {
layer.msg('请填写尺寸！',{offset:['300px','300px']},function(){}); $(".crop").show();
return false; $(".crop").find("input").prop("disabled", false)
} }
if(size.indexOf("*") != -1 && size.indexOf(("*"), size.indexOf("*") + 1) == -1){ }
layer.msg('请填写正确的尺寸格式！',{offset:['300px','300px']},function(){}); form.render();
return false; })
} // 点击计算，计算价格
$.ajax({ form.on('submit(acount_btn)', function (data) {
url : "${path}/getThanSum", var kindData = {
type : "GET", 0: "双插盒",
data : $(".big_box form").serialize(), 1: "飞机盒",
success : function(result) { };
if(result.code == 100){ var kind = kindData[$('input[name="kindValue"]:checked').val()];
layer.msg(result.msg,{offset:['300px','300px']},function(){}); var number = $("#number").val();
return false; var size = $("#size").val();
} if (!kind) {
var data = result.data.proList; layer.msg('请选择种类！', {offset: ['300px', '300px']}, function () {
});
var span_result = '包装盒 - 350克白卡纸 - ' + kind + ' - ' + size +' CM -(同款内容)\n'; return false;
if(number > 1){ }
for (let i = 0; i < data.length; i++) { if (!size) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
data[i].number = number; });
} return false;
}else{ }
for (let i = 0; i < data.length; i++) { if (size.indexOf("*") != -1 && size.indexOf(("*"), size.indexOf("*") + 1) == -1) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' layer.msg('请填写正确的尺寸格式！', {offset: ['300px', '300px']}, function () {
data[i].number = number; });
} return false;
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' $.ajax({
if(window.parent.system_isGai){ url: "${path}/getThanSum",
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
let arr = [];
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
} }
addLog(span_result); });
var span_result = '包装盒 - 350克白卡纸 - ' + kind + ' - ' + size + ' CM -(同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = $("#count").val(); var count = $("#count").val();
kind += $("input[name='kind']:checked").val(); kind += $("input[name='kind']:checked").val();
getRemark("包装盒", size, count+"个", kind, number, "", ""); getRemark("包装盒", size, count + "个", kind, number, "", "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/paperBowl.jsp
+19 -1
View File
@@ -99,6 +99,12 @@
<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> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -214,7 +220,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -229,6 +243,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/paperCup.jsp
+219 -177
View File
@@ -1,179 +1,221 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 一次性纸杯 --> <!-- 一次性纸杯 -->
<style> <style>
.edge .layui-edge{ .edge .layui-edge {
right:10px; right: 10px;
} }
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h2">一次性纸杯</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h2">一次性纸杯</h1> <span style="color:red;font-weight:700;"></span>
<hr> <hr>
<form class="layui-form"> <form class="layui-form">
<p> <p>
材质 材质
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="kind1Value" id="kind1Value" class="select"> <select name="kind1Value" id="kind1Value" class="select">
<option value="280克">280克(260克原纸+20克淋膜)</option> <option value="280克">280克(260克原纸+20克淋膜)</option>
</select> </select>
</div> </div>
<p> <p>
规格 规格
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="size" id="size" class="select"> <select name="size" id="size" class="select">
<option value="7.5*5.2*7.5">7蛊司(上口75mm/下口52mm/高度75mm )</option> <option value="7.5*5.2*7.5">7蛊司(上口75mm/下口52mm/高度75mm )</option>
<option value="7.5*5.2*8.6">9蛊司(上口75mm/下口52mm/高度86mm)</option> <option value="7.5*5.2*8.6">9蛊司(上口75mm/下口52mm/高度86mm)</option>
</select> </select>
</div> </div>
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="一次性纸杯" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="一次性纸杯">
<p> <p>
数量（个） 数量（个）
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="count" class="select" id="count"> <select name="count" class="select" id="count">
<option value="1000">1000</option> <option value="1000">1000</option>
<option value="2000">2000</option> <option value="2000">2000</option>
<option value="3000">3000</option> <option value="3000">3000</option>
<option value="5000">5000</option> <option value="5000">5000</option>
<option value="10000">10000</option> <option value="10000">10000</option>
<option value="20000">20000</option> <option value="20000">20000</option>
<option value="30000">30000</option> <option value="30000">30000</option>
<option value="50000">50000</option> <option value="50000">50000</option>
</select> </select>
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <h2>下单备注-
<div class="right_div" style="margin-left:50px;"> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button>
<div class="layui-carousel" id="test1" > </h2>
<div carousel-item id="carousel"></div> <div>
<br> <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div id="remark" style="font-size:20px;color:red"></div> </div>
</div> <div>
</div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</form>
</div>
<div class="right_div" style="margin-left:50px;">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
form.on('checkbox(ui_craft)', function (data) {
// 点击计算，计算价格 let craft_list = [];
form.on('submit(acount_btn)', function(data) { let kindValue = $('input[name="kindValue"]:checked').val();
var number= $("#number").val(); craft_list.push($("select[name='craft'] option:selected").val());
var size = $("#size").val(); $("input[name='craft']:checked").each(function () {
var kind = $("#size").find("option:selected").text(); if (!$(this).is(':disabled')) {
var index = kind.indexOf("("); craft_list.push($(this).val());
kind = kind.substring(0, index); }
var kindValue = $("#kind1Value").val(); });
$.ajax({
url : "${path}/getThanSum", if (data.value == '抠图') {
type : "GET", $(".crop").hide();
data : $(".big_box form").serialize(), $(".crop").find("input").prop("disabled", true)
success : function(result) { if (data.elem.checked) {
if(result.code == 100){ $(".crop").show();
layer.msg(result.msg,{offset:['300px','300px']},function(){}); $(".crop").find("input").prop("disabled", false)
return false; }
} }
var data = result.data.proList; form.render();
})
var span_result ="一次性纸杯 - " + kind + " - " + kindValue + " - (同款内容)\n"; // 点击计算，计算价格
if(number > 1){ form.on('submit(acount_btn)', function (data) {
for (let i = 0; i < data.length; i++) { var number = $("#number").val();
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' var size = $("#size").val();
data[i].number = number; var kind = $("#size").find("option:selected").text();
} var index = kind.indexOf("(");
}else{ kind = kind.substring(0, index);
for (let i = 0; i < data.length; i++) { var kindValue = $("#kind1Value").val();
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' $.ajax({
data[i].number = number; url: "${path}/getThanSum",
} type: "GET",
} data: $(".big_box form").serialize(),
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' success: function (result) {
if(window.parent.system_isGai){ if (result.code == 100) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
} }
addLog(span_result); })
var span_result = "一次性纸杯 - " + kind + " - " + kindValue + " - (同款内容)\n";
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = $("#count option:selected").val(); var count = $("#count option:selected").val();
getRemark("一次性纸杯", size+"cm", count+"张", kind, number, "", ""); getRemark("一次性纸杯", size + "cm", count + "张", kind, number, "", "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},/* { },/* {
field : 'wangwang', field : 'wangwang',
align : "center", align : "center",
width : '16%', width : '16%',
@@ -190,20 +232,20 @@ layui.use(['table','form','carousel'], function(){
return Math.ceil(d.price * 0.96) return Math.ceil(d.price * 0.96)
} }
}, */{ }, */{
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/pet.jsp
+22 -3
View File
@@ -85,6 +85,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="装opp袋" title="装opp袋" checked> <input type="checkbox" name="craft" lay-filter="ui_craft" value="装opp袋" title="装opp袋" checked>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -194,6 +200,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -221,6 +236,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -261,9 +280,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/pictureAlbum.jsp
+431 -401
View File
@@ -1,416 +1,446 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 画册 --> <!-- 画册 -->
<style> <style>
.p{ .p {
color:green;font-weight:400; color: green;
} font-weight: 400;
}
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">画册</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h1">画册</h1> <span style="color:red;font-weight:700;"></span>
<hr> <hr>
<form class="layui-form" id="kindForm"> <form class="layui-form" id="kindForm">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="19" > <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="19">
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" lay-filter="kind" name="kind" value="常用种类" title="常规" checked="checked"> <input type="radio" lay-filter="kind" name="kind" value="常用种类" title="常规" checked="checked">
<input type="radio" lay-filter="kind" name="kind" value="少数量" title="少数量（自来稿件）"> <input type="radio" lay-filter="kind" name="kind" value="少数量" title="少数量（自来稿件）">
</div> </div>
<div class="normal"> <div class="normal">
<p> <p>
封面 封面
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="kindValue" class="kindValue" value="0" title="250克哑膜" checked="checked"> <input type="radio" name="kindValue" class="kindValue" value="0" title="250克哑膜" checked="checked">
</div> </div>
<p> <p>
内页 内页
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="kind2Value" class="kind2Value" value="0" title="157克合板" checked="checked"> <input type="radio" name="kind2Value" class="kind2Value" value="0" title="157克合板" checked="checked">
<input type="radio" name="kind2Value" class="kind2Value" value="1" title="160克合板"> <input type="radio" name="kind2Value" class="kind2Value" value="1" title="160克合板">
<input type="radio" name="kind2Value" class="kind2Value" value="2" title="200克合板"> <input type="radio" name="kind2Value" class="kind2Value" value="2" title="200克合板">
</div> </div>
</div> </div>
<p> <p>
装订 装订
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="kind3Value" class="kind3Value" value="0" title="骑马钉" checked="checked"> <input type="radio" name="kind3Value" class="kind3Value" value="0" title="骑马钉" checked="checked">
<!-- <input type="radio" name="kind3Value" class="kind3Value" value="1" title="胶装"> --> <!-- <input type="radio" name="kind3Value" class="kind3Value" value="1" title="胶装"> -->
</div> </div>
<p> <p>
尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
<input type="checkbox" name="craft" class="craft" value="设计" title="含设计"> <input type="checkbox" name="craft" class="craft" value="设计" title="含设计">
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off"> <input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off">
</div> </div>
<p> <p>
封面P数 <span style="font-size:14px;color:green">（固定P数）</span> 封面P数 <span style="font-size:14px;color:green">（固定P数）</span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" value="4" readonly class="layui-input"> <input type="text" value="4" readonly class="layui-input">
</div> </div>
<p> <p>
内页P数 <span style="font-size:14px;color:red">请输入4的整数倍</span> 内页P数 <span style="font-size:14px;color:red">请输入4的整数倍</span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入4的整数倍" autocomplete="off" name="pcount" id="pcount" class="layui-input"> <input type="text" placeholder="请输入4的整数倍" autocomplete="off" name="pcount" id="pcount" class="layui-input">
</div> </div>
<p> <p>
数量(本) 数量(本)
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input"> <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input">
</div> </div>
</div> </div>
<div class="less" style="display:none"> <div class="less" style="display:none">
<p> <p>
封面 封面
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="kindValue" value="1" title="250克铜版纸"> <input type="radio" name="kindValue" value="1" title="250克铜版纸">
<%-- <input type="radio" name="kindValue" value="2" title="皮纹纸">--%> <%-- <input type="radio" name="kindValue" value="2" title="皮纹纸">--%>
</div> </div>
<p> <p>
内页 内页
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="kind2Value2" value="3" title="157克铜版纸" checked> <input type="radio" name="kind2Value2" value="3" title="157克铜版纸" checked>
<input type="radio" name="kind2Value2" value="4" title="70克双胶纸"> <input type="radio" name="kind2Value2" value="4" title="70克双胶纸">
</div> </div>
</div> </div>
<p> <p>
装订 装订
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="kind3Value3" value="0" title="骑马钉" checked> <input type="radio" name="kind3Value3" value="0" title="骑马钉" checked>
<input type="radio" name="kind3Value3" value="1" title="胶装"> <input type="radio" name="kind3Value3" value="1" title="胶装">
</div> </div>
<p> <p>
印色 印色
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="craftShua" value="0" title="彩色" checked> <input type="radio" name="craftShua" value="0" title="彩色" checked>
<input type="radio" name="craftShua" value="1" title="单色"> <input type="radio" name="craftShua" value="1" title="单色">
</div> </div>
<p> <p>
尺寸(CM/厘米) 尺寸(CM/厘米)
<!-- <span class="switchSize"> <!-- <span class="switchSize">
<input type="checkbox" name="switchSize" class="Size" lay-filter="switchSize" title="自定义尺寸"> <input type="checkbox" name="switchSize" class="Size" lay-filter="switchSize" title="自定义尺寸">
</span> </span>
<span style="font-size:14px;color:red">输入格式: 长 * 宽</span> <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
<div class="diySize" style="display:none"> <div class="diySize" style="display:none">
<input type="text" name="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off"> <input type="text" name="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
</div>--> </div>-->
</p> </p>
<div class="size"> <div class="size">
<select name="size" id="sizeLess" class="select"> <select name="size" id="sizeLess" class="select">
<option value="28.5*21">28.5 * 21 cm</option> <option value="28.5*21">28.5 * 21 cm</option>
</select> </select>
</div> </div>
<p> <p>
封面P数 <span style="font-size:14px;color:green">（固定P数）</span> 封面P数 <span style="font-size:14px;color:green">（固定P数）</span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" value="4" readonly class="layui-input"> <input type="text" value="4" readonly class="layui-input">
</div> </div>
<p> <p>
内页P数 <span style="font-size:14px;color:red"></span> 内页P数 <span style="font-size:14px;color:red"></span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入内页P数" autocomplete="off" name="pcount" id="lessPcount" class="layui-input"> <input type="text" placeholder="请输入内页P数" autocomplete="off" name="pcount" id="lessPcount" class="layui-input">
</div> </div>
<p> <p>
数量(本) 数量(本)
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input" id="count1"> <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input" id="count1">
</div> </div>
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form'], function(){ layui.use(['table', 'form'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var table = layui.table; var table = layui.table;
//输入框的值改变时触发 //输入框的值改变时触发
$("#lessPcount").on("input",function(e){ $("#lessPcount").on("input", function (e) {
//获取input输入的值 //获取input输入的值
if(e.delegateTarget.value > 36 && $('input[name="kind3Value3"]:checked').val() != "1"){ if (e.delegateTarget.value > 36 && $('input[name="kind3Value3"]:checked').val() != "1") {
layer.msg('内页超过36P装订方式请选择【胶装】!',{offset:['300px','300px']},function(){}); layer.msg('内页超过36P装订方式请选择【胶装】!', {offset: ['300px', '300px']}, function () {
} });
}); }
});
var kind ;
// 没选按钮时候默认禁用少数量（防止提交表单） var kind;
$(".less").find(":input").attr("disabled", true); // 没选按钮时候默认禁用少数量（防止提交表单）
form.on('radio(kind)', function(kindData) { $(".less").find(":input").attr("disabled", true);
kind = kindData.value; form.on('radio(kind)', function (kindData) {
if(kindData.value == "常用种类"){ kind = kindData.value;
// 切换按钮的时候,重置kind品种 if (kindData.value == "常用种类") {
$("#kindForm")[0].reset(); // 切换按钮的时候,重置kind品种
// 切换为品种单选框 $("#kindForm")[0].reset();
$(".normal").show(); // 切换为品种单选框
$(".normal").find(":input").attr("disabled", false); $(".normal").show();
$(".less").hide(); $(".normal").find(":input").attr("disabled", false);
$(".less").find(":input").attr("disabled", true); $(".less").hide();
}else{ $(".less").find(":input").attr("disabled", true);
// 少数量、专版打印的时候，切换为品种下拉框 } else {
$(".less").show(); // 少数量、专版打印的时候，切换为品种下拉框
$(".less").find(":input").attr("disabled", false); $(".less").show();
$(".normal").hide(); $(".less").find(":input").attr("disabled", false);
$(".normal").find(":input").attr("disabled", true); $(".normal").hide();
$('input[class = craft]').prop('checked', false); $(".normal").find(":input").attr("disabled", true);
} $('input[class = craft]').prop('checked', false);
form.render();//必须写 }
}) form.render();//必须写
})
// 自定义少数量
/* form.on('checkbox(switchSize)', function(data) { // 自定义少数量
if (data.elem.checked) { /* form.on('checkbox(switchSize)', function(data) {
$(".diySize").show(); if (data.elem.checked) {
$(".size").hide(); $(".diySize").show();
$(".diySize").find(":input").attr("disabled", false); $(".size").hide();
$(".size").find(":input").attr("disabled", true); $(".diySize").find(":input").attr("disabled", false);
}else{ $(".size").find(":input").attr("disabled", true);
$(".size").show(); }else{
$(".diySize").hide(); $(".size").show();
$(".size").find(":input").attr("disabled", false); $(".diySize").hide();
$(".diySize").find(":input").attr("disabled", true); $(".size").find(":input").attr("disabled", false);
// 恢复标准的时候会被禁用，加这个解决 $(".diySize").find(":input").attr("disabled", true);
form.render(); // 恢复标准的时候会被禁用，加这个解决
} form.render();
}) */ }
}) */
// 点击计算，计算价格
form.on('submit(acount_btn)', function(data) { // 点击计算，计算价格
var kindValue = $('input[name="kindValue"]:checked').val(); form.on('submit(acount_btn)', function (data) {
var kind2Value = $('input[name="kind2Value"]:checked').val(); var kindValue = $('input[name="kindValue"]:checked').val();
var kind3Value = $('input[name="kind3Value"]:checked').val(); var kind2Value = $('input[name="kind2Value"]:checked').val();
var kindData={ var kind3Value = $('input[name="kind3Value"]:checked').val();
0 :"250克哑膜", var kindData = {
1 :"250克铜版纸", 0: "250克哑膜",
2 :"皮纹纸" 1: "250克铜版纸",
},kind2Data={ 2: "皮纹纸"
0 :"157克合板", }, kind2Data = {
1 :"160克合板", 0: "157克合板",
2 :"200克合板", 1: "160克合板",
3 :"157克铜版纸", 2: "200克合板",
4 :"70克双胶纸" 3: "157克铜版纸",
},kind3Data={ 4: "70克双胶纸"
0 :"骑马钉", }, kind3Data = {
1 :"胶装" 0: "骑马钉",
},caratShuaData={ 1: "胶装"
0 :"彩色", }, caratShuaData = {
1 :"单色" 0: "彩色",
}; 1: "单色"
var size = $("#size").val(); };
var pcount = $("#pcount").val(); var size = $("#size").val();
var number = $("#number").val(); var pcount = $("#pcount").val();
if(kind == "少数量"){ var number = $("#number").val();
var pcount = $("#lessPcount").val(); if (kind == "少数量") {
var size = $("#sizeLess option:checked").val(); var pcount = $("#lessPcount").val();
var kind2Value = $('input[name="kind2Value2"]:checked').val(); var size = $("#sizeLess option:checked").val();
var kind3Value = $('input[name="kind3Value3"]:checked').val(); var kind2Value = $('input[name="kind2Value2"]:checked').val();
var craftShua = $('input[name="craftShua"]:checked').val(); var kind3Value = $('input[name="kind3Value3"]:checked').val();
//获取input输入的值 var craftShua = $('input[name="craftShua"]:checked').val();
if(pcount > 36 && $('input[name="kind3Value3"]:checked').val() != "1"){ //获取input输入的值
layer.msg('内页超过36P装订方式请选择【胶装】!',{offset:['300px','300px']},function(){}); if (pcount > 36 && $('input[name="kind3Value3"]:checked').val() != "1") {
return false; layer.msg('内页超过36P装订方式请选择【胶装】!', {offset: ['300px', '300px']}, function () {
} });
if(kindValue == 0){ return false;
layer.msg('请选择封面!',{offset:['300px','300px']},function(){}); }
return false; if (kindValue == 0) {
} layer.msg('请选择封面!', {offset: ['300px', '300px']}, function () {
});
} return false;
}
if($('input[name="kind"]:checked').val() == "常用种类"){
if(!size){ }
layer.msg('请填写尺寸！',{offset:['300px','300px']},function(){});
return false; if ($('input[name="kind"]:checked').val() == "常用种类") {
} if (!size) {
if ((size.split("*")[0] > 21 || size.split("*")[1] > 28.5) && (size.split("*")[0] > 28.5 || size.split("*")[1] > 21)) { layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
layer.msg("尺寸超过 28.5*21 cm 请单独报价",{offset:['300px','300px']},function(){}); });
return false; return false;
} }
} if ((size.split("*")[0] > 21 || size.split("*")[1] > 28.5) && (size.split("*")[0] > 28.5 || size.split("*")[1] > 21)) {
if(kind != "少数量"){ layer.msg("尺寸超过 28.5*21 cm 请单独报价", {offset: ['300px', '300px']}, function () {
if(pcount%4 != 0){ });
layer.msg('内页P数需为 4 的整数倍！',{offset:['300px','300px']},function(){}); return false;
return false; }
} }
// 200克合板只有36P价格（含封面4P） if (kind != "少数量") {
if(kind2Value == 2){ if (pcount % 4 != 0) {
if (pcount > 32){ layer.msg('内页P数需为 4 的整数倍！', {offset: ['300px', '300px']}, function () {
layer.msg('200克合板内页P数大于 32P 请单独报价！',{offset:['300px','300px']},function(){}); });
return false; return false;
} }
}else{ // 200克合板只有36P价格（含封面4P）
if (pcount > 48){ if (kind2Value == 2) {
layer.msg('157、160克内页P数大于 48P 请单独报价！',{offset:['300px','300px']},function(){}); if (pcount > 32) {
return false; layer.msg('200克合板内页P数大于 32P 请单独报价！', {offset: ['300px', '300px']}, function () {
} });
} return false;
} }
$.ajax({ } else {
url : "${path}/getThanSum", if (pcount > 48) {
type : "GET", layer.msg('157、160克内页P数大于 48P 请单独报价！', {offset: ['300px', '300px']}, function () {
data : $(".big_box form").serialize(), });
success : function(result) { return false;
if(result.code == 100){ }
layer.msg(result.msg,{offset:['300px','300px']},function(){}); }
return false; }
} $.ajax({
var data = result.data.proList; url: "${path}/getThanSum",
var kind = kindData[kindValue]; type: "GET",
var kind2 = kind2Data[kind2Value]; data: $(".big_box form").serialize(),
var kind3 = kind3Data[kind3Value]; success: function (result) {
var craft = caratShuaData[craftShua]; if (result.code == 100) {
if($('input[name="kind"]:checked').val() == "少数量"){ layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
var span_result = '画册（自来稿件） - 封面:' + kind +' - 内页:'+ kind2 +' - '+ kind3 + ' - '+ [craft] + ' - ' + size + ' CM -(同款内容)\n' + "封面P数 :4\n" + "内页P数 :" + pcount + '\n'; });
}else{ return false;
var span_result = '画册 - 封面:' + kind +' - 内页:'+ kind2 +' - '+ kind3 + ' - ' + size + ' CM -(同款内容)\n' + "封面P数 :4\n" + "内页P数 :" + pcount + '\n'; }
} var data = result.data.proList;
if(number > 1){ var kind = kindData[kindValue];
for (let i = 0; i < data.length; i++) { var kind2 = kind2Data[kind2Value];
span_result += number + '款 各' + data[i].count + "本，共" + data[i].price + "元" + '\n' var kind3 = kind3Data[kind3Value];
data[i].number = number; var craft = caratShuaData[craftShua];
} let arr = []
}else{ $("input[name='craft']:checked").each(function () {
for (let i = 0; i < data.length; i++) { if (!$(this).is("disabled")) {
span_result += number + '款 ' + data[i].count + "本，共" + data[i].price + "元" + '\n' if ($(this).val() == "抠图") {
data[i].number = number; arr.push($(this).val() + $("input[name='cropNumber']").val());
} return;
} }
span_result += '包邮（偏远地区需补邮费）'; }
if($("input[name='craft']:checked").val() == "设计"){ })
span_result += "，（包含设计费）"; if ($('input[name="kind"]:checked').val() == "少数量") {
} var span_result = '画册（自来稿件） - 封面:' + kind + ' - 内页:' + kind2 + ' - ' + kind3 + ' - ' + [craft] + ' - ' + size + ' CM -(同款内容)\n' + "封面P数 :4\n" + "内页P数 :" + pcount + '\n';
if(window.parent.system_isGai){ } else {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" var span_result = '画册 - 封面:' + kind + ' - 内页:' + kind2 + ' - ' + kind3 + ' - ' + size + ' CM -(同款内容)\n' + "封面P数 :4\n" + "内页P数 :" + pcount + '\n';
} }
addLog(span_result); if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "本，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "本，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '包邮（偏远地区需补邮费）';
if ($("input[name='craft']:checked").val() == "设计") {
span_result += "，（包含设计费）";
}
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = ""; var count = "";
if($(".less").css("display") == "none"){ if ($(".less").css("display") == "none") {
count = $("input[name='count']").val(); count = $("input[name='count']").val();
}else{ } else {
count = $("#count1").val(); count = $("#count1").val();
} }
var medol = $("input[name='kind2Value']:checked").attr("title"); var medol = $("input[name='kind2Value']:checked").attr("title");
medol = medol.replace("合版", ""); medol = medol.replace("合版", "");
kind = "250克铜版纸-"+pcount+"P封面覆哑膜" + medol + "内页骑马钉"; kind = "250克铜版纸-" + pcount + "P封面覆哑膜" + medol + "内页骑马钉";
getRemark("画册", size, count+"本", kind, number, "", ""); getRemark("画册", size, count + "本", kind, number, "", "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>
src/main/webapp/views/product/placeMat.jsp
+32 -3
View File
@@ -81,6 +81,12 @@
<input type="checkbox" name="craft" lay-filter="craft" value="直角裁切" title="直角裁切" checked> <input type="checkbox" name="craft" lay-filter="craft" value="直角裁切" title="直角裁切" checked>
<input type="checkbox" name="craft" lay-filter="craft" value="异形模切" title="异形模切"> <input type="checkbox" name="craft" lay-filter="craft" value="异形模切" title="异形模切">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -141,7 +147,26 @@
return false; return false;
} }
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindData = { var kindData = {
@@ -155,6 +180,10 @@
let craft_list = []; let craft_list = [];
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft_list.push($(this).val()); craft_list.push($(this).val());
} }
}); });
@@ -194,9 +223,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/plasticHandbag.jsp
+22 -3
View File
@@ -97,6 +97,12 @@
<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> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -194,6 +200,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -213,6 +228,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -253,9 +272,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/poster.jsp
+83 -18
View File
@@ -522,6 +522,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -718,7 +724,7 @@
} }
// 切换类目的时候清空轮播图 // 切换类目的时候清空轮播图
if (data.value == 5 || data.value == 6 || data.value == 7 || data.value == 8 || data.value == 9 || data.value == 10|| data.value == 12) { if (data.value == 5 || data.value == 6 || data.value == 7 || data.value == 8 || data.value == 9 || data.value == 10 || data.value == 12) {
// 轮播图 // 轮播图
var html = " "; var html = " ";
var remark = " "; var remark = " ";
@@ -1327,7 +1333,26 @@
} }
form.render(); form.render();
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var value = $('input[name="kindValue"]:checked').val(); var value = $('input[name="kindValue"]:checked').val();
@@ -1578,6 +1603,15 @@
return false; return false;
} }
var data = result.data.proList; var data = result.data.proList;
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
// !条幅 && !贡缎布 // !条幅 && !贡缎布
if (value != 6 && value != 7) { if (value != 6 && value != 7) {
if (value != 4 && value != 5) { if (value != 4 && value != 5) {
@@ -1608,7 +1642,6 @@
var craftList = ""; var craftList = "";
if (value == 0 || value == 12) { if (value == 0 || value == 12) {
if (kind2 != "背胶单裱3mmPVC(户内高清）") { if (kind2 != "背胶单裱3mmPVC(户内高清）") {
var arr = [];
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
@@ -1616,13 +1649,15 @@
arr.push($("input[name='zheye']").val() + "个" + $(this).val()); arr.push($("input[name='zheye']").val() + "个" + $(this).val());
} else if ($(this).val() == "伸缩支架") { } else if ($(this).val() == "伸缩支架") {
arr.push($("input[name='yaheng']").val() + "个" + $(this).val()); arr.push($("input[name='yaheng']").val() + "个" + $(this).val());
} else if ($(this).val() == "抠图") {
return;
} else { } else {
arr.push($(this).val()); arr.push($(this).val());
} }
} }
}); });
var craftBu = [$('input[name="craftBu"]:checked').val()]; var craftBu = [$('input[name="craftBu"]:checked').val()];
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n' + "工艺 :" + arr + "\n"; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
craftList = craftBu + arr; craftList = craftBu + arr;
} else { } else {
var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
@@ -1630,28 +1665,34 @@
} else if (value == 1) { //室内写真 } else if (value == 1) { //室内写真
if (kind2 == "pp纸(室内)") { if (kind2 == "pp纸(室内)") {
var craftBu = [$('input[name="craftPPZhi"]:checked').val()]; var craftBu = [$('input[name="craftPPZhi"]:checked').val()];
arr.push($('input[name="craftPPZhi"]:checked').val());
craftList = craftBu; craftList = craftBu;
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "直喷PVC") { } else if (kind2 == "直喷PVC") {
var craftBu = [$('input[name="craftPPZhi"]:checked').val()]; var craftBu = [$('input[name="craftPPZhi"]:checked').val()];
arr.push($('input[name="craftPPZhi"]:checked').val());
craftList = craftBu; craftList = craftBu;
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "软膜") { // 软膜 } else if (kind2 == "软膜") { // 软膜
var craftBu = [$('input[name="craftRuanMo"]:checked').val()]; var craftBu = [$('input[name="craftRuanMo"]:checked').val()];
arr.push($('input[name="craftRuanMo"]:checked').val());
craftList = craftBu craftList = craftBu
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "静电贴") { } else if (kind2 == "静电贴") {
var span_result = kindData[kind] + ' - ' + kind2 + ' - 模切 -' + $(".zdt_yin input:checked").val() + ' - ' + size + 'cm(同款内容)\n'; arr.push("模切");
arr.push($(".zdt_yin input:checked").val());
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else { } else {
var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} }
} else if (value == 2) { //户外写真 } else if (value == 2) { //户外写真
arr = [];
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "刮板") { if ($(this).val() == "刮板") {
arr.push($("input[name='pcount']").val() + "个" + $(this).val()); arr.push($("input[name='pcount']").val() + "个" + $(this).val());
} else if ($(this).val() == "抠图") {
return;
} else { } else {
arr.push($(this).val()); arr.push($(this).val());
} }
@@ -1667,39 +1708,46 @@
} else { } else {
var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} }
span_result += "工艺 :" + arr + "\n";
} else if (value == 3) { //布 } else if (value == 3) { //布
if (kind2 == "喷绘布") { if (kind2 == "喷绘布") {
var craftBu = [$('input[name="craftPenHuiBu"]:checked').val()]; var craftBu = [$('input[name="craftPenHuiBu"]:checked').val()];
arr.push($('input[name="craftPenHuiBu"]:checked').val());
craftList = craftBu; craftList = craftBu;
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "写真布") { } else if (kind2 == "写真布") {
var craftBu = [$('input[name="craftJingcai"]:checked').val()]; var craftBu = [$('input[name="craftJingcai"]:checked').val()];
arr.push($('input[name="craftJingcai"]:checked').val());
craftList = craftBu; craftList = craftBu;
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "双喷布") { } else if (kind2 == "双喷布") {
var craftBu = [$('input[name="craftBu"]:checked').val()]; var craftBu = [$('input[name="craftBu"]:checked').val()];
arr.push($('input[name="craftBu"]:checked').val());
craftList = craftBu; craftList = craftBu;
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "油画布") { } else if (kind2 == "油画布") {
var craftBu = [$('input[name="craftJingcai"]:checked').val()]; var craftBu = [$('input[name="craftJingcai"]:checked').val()];
arr.push($('input[name="craftJingcai"]:checked').val());
craftList = craftBu; craftList = craftBu;
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "旗帜布") { } else if (kind2 == "旗帜布") {
var craftBu = [$('input[name="craftqz"]:checked').val()]; var craftBu = [$('input[name="craftqz"]:checked').val()];
arr.push($('input[name="craftqz"]:checked').val());
craftList = craftBu; craftList = craftBu;
if ($("input[name='craftBu']:checked").val() == "双喷") { if ($("input[name='craftBu']:checked").val() == "双喷") {
craftBu += "双喷"; craftBu += "双喷";
arr.push("双喷");
} }
if ($("input[name='ui_qzb_qg']:checked").val() == "旗杆") { if ($("input[name='ui_qzb_qg']:checked").val() == "旗杆") {
craftBu += ",旗杆(" + $("input[name='zheye']").val() + "根)"; craftBu += ",旗杆(" + $("input[name='zheye']").val() + "根)";
arr.push("旗杆(" + $("input[name='zheye']").val() + "根)");
} }
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else if (kind2 == "桌布") { } else if (kind2 == "桌布") {
var craftBu = [$('input[name="craftZb"]:checked').val()]; var craftBu = [$('input[name="craftZb"]:checked').val()];
arr.push($('input[name="craftZb"]:checked').val());
kind2 = $("#zbKind option:checked").val() + kind2; kind2 = $("#zbKind option:checked").val() + kind2;
craftList = craftBu craftList = craftBu
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} else { } else {
var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n'; var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
} }
@@ -1732,13 +1780,19 @@
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
craft.push($(this).val()); craft.push($(this).val());
if ($(this).val() == "抠图") {
return;
} else {
arr.push($(this).val());
}
} }
}); });
if (craft == "封边" || craft == "打孔") { if (craft == "封边" || craft == "打孔") {
craft = craft + "绳子"; craft = craft + "绳子";
arr.push("绳子");
} }
span_result = kindData[kind] + '-' + fb_name + '-' + craft + ' - ' + size + 'cm(同款内容)\n'; span_result = kindData[kind] + '-' + fb_name + ' - ' + size + 'cm(同款内容)\n';
if ($("input[name='switchSize']:checked").val() != "on") { if ($("input[name='switchSize']:checked").val() != "on") {
span_result += "(特惠款)"; span_result += "(特惠款)";
} }
@@ -1750,7 +1804,9 @@
if (dengxType == 1 && value == 2 && kind2 == "摆摊软膜灯箱") { if (dengxType == 1 && value == 2 && kind2 == "摆摊软膜灯箱") {
unit = "套" unit = "套"
} }
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) { if (number > 1) {
if ($("#ui_des").css("display") != "none") { if ($("#ui_des").css("display") != "none") {
@@ -1774,9 +1830,10 @@
width = $("#diySizeCoupon").val() + "cm宽幅"; width = $("#diySizeCoupon").val() + "cm宽幅";
} }
var kind2 = $("#bannerKind option:checked").text(); var kind2 = $("#bannerKind option:checked").text();
var craftTiao = [$('input[name="craftTiao"]:checked').val()]; var craftTiao = "";
arr.push($('input[name="craftTiao"]:checked').val())
if ($("input[name='ui_tf_qg']:checked").val() == "旗杆") { if ($("input[name='ui_tf_qg']:checked").val() == "旗杆") {
craftTiao += ",旗杆(" + $("input[name='zheye']").val() + "根)" craftTiao += "旗杆(" + $("input[name='zheye']").val() + "根)"
} }
if (width == "50cm宽幅") { if (width == "50cm宽幅") {
if (size <= 300 && size > 200) { if (size <= 300 && size > 200) {
@@ -1785,7 +1842,11 @@
craftTiao += "（特惠款）"; craftTiao += "（特惠款）";
} }
} }
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm * ' + width + ' - ' + craftTiao + '\n'; arr.push(craftTiao)
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm * ' + width + '\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "条，共" + data[i].price + "元" + '\n'
@@ -1806,6 +1867,10 @@
kind2 += ",旗杆(" + $("input[name='yaheng']").val() + "根)" kind2 += ",旗杆(" + $("input[name='yaheng']").val() + "根)"
} }
var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm' + '\n'; var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm' + '\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "条，共" + data[i].price + "元" + '\n'
src/main/webapp/views/product/printedAcrylic.jsp
+20 -3
View File
@@ -96,6 +96,12 @@
<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> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -241,6 +247,15 @@
$(".dakong").find(":input").attr("disabled", true); $(".dakong").find(":input").attr("disabled", true);
} }
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -263,6 +278,8 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "打孔") { if ($(this).val() == "打孔") {
craft.push($(this).val() + $("input[name='pcount']").val()) craft.push($(this).val() + $("input[name='pcount']").val())
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
} else { } else {
craft.push($(this).val()); craft.push($(this).val());
} }
@@ -323,9 +340,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/programCard.jsp
+32 -1
View File
@@ -78,6 +78,12 @@
<div class="layui-input-block"> <div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="switch" value="双面覆哑膜" title="双面覆哑膜" checked> <input type="checkbox" name="craft" lay-filter="switch" value="双面覆哑膜" title="双面覆哑膜" checked>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -116,6 +122,28 @@ layui.use(['table','form','carousel'], function(){
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function(data) { form.on('submit(acount_btn)', function(data) {
@@ -136,10 +164,13 @@ layui.use(['table','form','carousel'], function(){
$("input:checkbox[name='craft']:checked").each(function(i) { $("input:checkbox[name='craft']:checked").each(function(i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if(!$(this).is(':disabled')){ if(!$(this).is(':disabled')){
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
console.log('-----选中的值-----', arr);
$.ajax({ $.ajax({
url : "${path}/getThanSum", url : "${path}/getThanSum",
type : "GET", type : "GET",
src/main/webapp/views/product/pvcCard.jsp
+47 -6
View File
@@ -100,6 +100,12 @@
<input type="radio" name="craftShua" value="双面" title="双面"> <input type="radio" name="craftShua" value="双面" title="双面">
<input type="checkbox" name="craftJiao" lay-filter="switch" value="背胶" title="背胶" lay-skin="primary"> <input type="checkbox" name="craftJiao" lay-filter="switch" value="背胶" title="背胶" lay-skin="primary">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -250,6 +256,27 @@
}); });
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
layer.msg("温馨提示：因工艺产品问题某些小尺寸可能报价会超过大尺寸，属于正常现象！", {offset: ['300px', '300px']}, function () { layer.msg("温馨提示：因工艺产品问题某些小尺寸可能报价会超过大尺寸，属于正常现象！", {offset: ['300px', '300px']}, function () {
@@ -261,19 +288,30 @@
4: "0.84PVC哑光异形卡片", 4: "0.84PVC哑光异形卡片",
5: "0.84PVC亮光异性卡片" 5: "0.84PVC亮光异性卡片"
}; };
var craft = $('input[name="craft"]:checked').val()
var craftShua = $('input[name="craftShua"]:checked').val() var craftShua = $('input[name="craftShua"]:checked').val()
var craftJiao = [$('input[name="craftJiao"]:checked').val()] var craftJiao = [$('input[name="craftJiao"]:checked').val()]
var kind = kindData[$('select[name="kindValue"] option:selected').val()]; var kind = kindData[$('select[name="kindValue"] option:selected').val()];
var number = $("#number").val(); var number = $("#number").val();
var switchSize = [$('input[name="switchSize"]:checked').val()]; var switchSize = [$('input[name="switchSize"]:checked').val()];
var size = ""; var size = "";
console.log(switchSize);
if (switchSize == "") { if (switchSize == "") {
size = $("#fixedSizeCoupon").val(); size = $("#fixedSizeCoupon").val();
} else { } else {
size = $("#diySizeCoupon").val(); size = $("#diySizeCoupon").val();
} }
let arr = []
arr.push(craftShua)
arr.push(craftJiao)
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
var count = $("#count").val(); var count = $("#count").val();
if (!size) { if (!size) {
layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () { layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
@@ -308,7 +346,10 @@
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = 'PVC异形卡片 - ' + kind + ' - ' + size + ' CM' + ' - ' + craft + ' - ' + craftShua + ' - ' + craftJiao + '\n'; var span_result = 'PVC异形卡片 - ' + kind + ' - ' + size + ' CM' + '\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "张，共" + data[i].price + "元" + '\n'
@@ -321,9 +362,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/pvcfigure.jsp
+34 -3
View File
@@ -103,6 +103,12 @@
</span> </span>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -302,6 +308,28 @@
} }
form.render(); form.render();
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindValue = $("#kindValue option:checked").text(); var kindValue = $("#kindValue option:checked").text();
@@ -324,6 +352,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "菜品夹") { if ($(this).val() == "菜品夹") {
craft_list.push($("input[name='stickNum']").val() + $(this).val()); craft_list.push($("input[name='stickNum']").val() + $(this).val());
} else if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft_list.push($(this).val()); craft_list.push($(this).val());
} }
@@ -396,9 +427,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/rollLabel.jsp
+6 -13
View File
@@ -57,23 +57,11 @@
</select> </select>
</div> </div>
<p>数量(个)</p> <p>数量(个)</p>
<div class="layui-form-item roll"> <div class="layui-form-item ">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="count" autocomplete="off" class="layui-input" placeholder="数量"> <input type="text" name="count" autocomplete="off" class="layui-input" placeholder="数量">
</div> </div>
</div> </div>
<div class="layui-form-item sealant">
<select name="count">
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
<option value="20000">20000</option>
<option value="50000">50000</option>
<option value="100000">100000</option>
</select>
</div>
<p>款数</p> <p>款数</p>
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
@@ -285,6 +273,11 @@
}); });
if (type == "封口贴") { if (type == "封口贴") {
size = $("select[name='size'] option:selected").val() size = $("select[name='size'] option:selected").val()
if (count % 500 != 0) {
layer.msg("封口贴数量只能是500的倍数", {offset: ['300px', '300px']}, function () {
});
return false;
}
} }
if (type == "卷标") { if (type == "卷标") {
if ((size.split("*")[0] > 42 || size.split("*")[1] > 38) && (size.split("*")[0] > 38 || size.split("*")[1] > 42)) { if ((size.split("*")[0] > 42 || size.split("*")[1] > 38) && (size.split("*")[0] > 38 || size.split("*")[1] > 42)) {
src/main/webapp/views/product/roomCard.jsp
+32
View File
@@ -50,6 +50,12 @@
工艺 工艺
</p> </p>
<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 class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
@@ -151,6 +157,28 @@ layui.use(['table','form','carousel'], function(){
$(".zdy").find(":input").attr("disabled", false); $(".zdy").find(":input").attr("disabled", false);
$(".cg").find(":input").attr("disabled", true); $(".cg").find(":input").attr("disabled", true);
} }
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function(data) { form.on('submit(acount_btn)', function(data) {
var number= $("#number").val(); var number= $("#number").val();
@@ -174,6 +202,10 @@ layui.use(['table','form','carousel'], function(){
$("input:checkbox[name='craft']:checked").each(function(i) { $("input:checkbox[name='craft']:checked").each(function(i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if(!$(this).is(':disabled')){ if(!$(this).is(':disabled')){
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val()); arr.push($(this).val());
} }
}); });
src/main/webapp/views/product/slq.jsp
+39 -6
View File
@@ -107,6 +107,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -220,11 +226,35 @@
}) })
form.on("checkbox(ui_craft)", function (data) { form.on("checkbox(ui_craft)", function (data) {
$(data.elem).prop("checked", true); let craft_list = [];
layer.msg("工艺无法取消", {offset: ['300px', '300px']}, function () { craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
}); });
let stickerKind = $("input[name='stickerKind']:checked").val();
if (stickerKind == "伸缩手拉旗") {
if (!craft_list.includes("单面印刷") || !craft_list.includes("手柄")) {
$(data.elem).prop("checked", true);
layer.msg("工艺无法取消", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
}
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render(); form.render();
return false;
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -259,6 +289,9 @@
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "手柄") { if ($(this).val() == "手柄") {
craft_list.push($("#ccolor option:selected").val() + $(this).val()); craft_list.push($("#ccolor option:selected").val() + $(this).val());
} else if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft_list.push($(this).val()); craft_list.push($(this).val());
} }
@@ -300,9 +333,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/specialCard2.jsp
+30 -1
View File
@@ -271,6 +271,12 @@
<input type="checkbox" name="craft" lay-filter="mianka" value="白墨" title="白墨"> <input type="checkbox" name="craft" lay-filter="mianka" value="白墨" title="白墨">
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<!--<input type="checkbox" name="craft" lay-filter="switch" value="烫金/" title="烫金" class="hasCraft ui_ls_craft"> <!--<input type="checkbox" name="craft" lay-filter="switch" value="烫金/" title="烫金" class="hasCraft ui_ls_craft">
<input type="checkbox" name="craft" lay-filter="switch" value="击凸" title="击凸" class="hasCraft"> <input type="checkbox" name="craft" lay-filter="switch" value="击凸" title="击凸" class="hasCraft">
<input type="checkbox" name="craft" lay-filter="switch" value="凹凸" title="凹凸" class="ui_ls_craft" disabled="disabled"> <input type="checkbox" name="craft" lay-filter="switch" value="凹凸" title="凹凸" class="ui_ls_craft" disabled="disabled">
@@ -831,6 +837,26 @@
} }
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
if ($('input[name="switchCardCount"]:checked').length != 0) { if ($('input[name="switchCardCount"]:checked').length != 0) {
@@ -905,7 +931,10 @@
} else if ($(this).val() == "压凹" || $(this).val() == "击凸") { } else if ($(this).val() == "压凹" || $(this).val() == "击凸") {
arrs.push($("#color_type select option:selected").val() + $(this).val()); arrs.push($("#color_type select option:selected").val() + $(this).val());
} else if ($(this).val() == "印刷颜色") { } else if ($(this).val() == "印刷颜色") {
arrs.push( $(".printColor select[name='co_number'] option:selected").text()); arrs.push($(".printColor select[name='co_number'] option:selected").text());
} else if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
arrs.push($(this).val()); arrs.push($(this).val());
} }
src/main/webapp/views/product/tablecolth.jsp
+41 -5
View File
@@ -59,6 +59,12 @@
<input type="radio" name="craft" value="花边" title="花边" lay-filter="craft"> <input type="radio" name="craft" value="花边" title="花边" lay-filter="craft">
<input type="radio" name="craft" value="直角" title="直角" lay-filter="craft"> <input type="radio" name="craft" value="直角" title="直角" lay-filter="craft">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -136,15 +142,42 @@
} }
} }
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
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();
var count = $("#count").val(); var count = $("#count").val();
var kind = $("#kindValue option:selected").text(); var kind = $("#kindValue option:selected").text();
var craft = $("input[name='craft']:checked").val(); let arr = [];
console.log(craft); $("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
if (!size) { if (!size) {
layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () { layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
}); });
@@ -177,6 +210,9 @@
var data = result.data.proList; var data = result.data.proList;
var span_result = '桌布 - ' + kind + '-' + size + ' CM (同款内容)\n'; var span_result = '桌布 - ' + kind + '-' + size + ' CM (同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.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 + "个，共" + data[i].price + "元" + '\n'
@@ -189,9 +225,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/tagClothes.jsp
+39 -4
View File
@@ -218,6 +218,12 @@
<div id="tag" style="display: none"> <div id="tag" style="display: none">
<%@include file="tag.jsp" %> <%@include file="tag.jsp" %>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -691,7 +697,26 @@
form.render(); form.render();
} }
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
/* var wangwang = $("#wangwang").val(); /* var wangwang = $("#wangwang").val();
@@ -766,6 +791,14 @@
4: "900克双胶纸", 4: "900克双胶纸",
6: "600克铜版纸", 6: "600克铜版纸",
}; };
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
$.ajax({ $.ajax({
url: "${path}/getThanSum", url: "${path}/getThanSum",
type: "GET", type: "GET",
@@ -866,6 +899,8 @@
shengku = true; shengku = true;
} else if ($(this).val() == "打孔") { } else if ($(this).val() == "打孔") {
arr.push($(this).val() + $(".wkong option:selected").val()); arr.push($(this).val() + $(".wkong option:selected").val());
} else if ($(this).val() == "抠图") {
return;
} else { } else {
arr.push($(this).val()); arr.push($(this).val());
@@ -920,8 +955,8 @@
} }
} }
span_result += '免费设计，全国包邮（偏远地区除外）\n' span_result += '免费设计，全国包邮（偏远地区除外）\n'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
// if (!craftSheng) { // if (!craftSheng) {
// span_result += '送通用吊绳' // span_result += '送通用吊绳'
@@ -960,8 +995,8 @@
// } // }
span_result += "\n9*5.4CM以内 （不限形状）\n"; span_result += "\n9*5.4CM以内 （不限形状）\n";
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
} }
src/main/webapp/views/product/tags.jsp
+469 -426
View File
@@ -1,448 +1,491 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Insert title here</title> <title>Insert title here</title>
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 吊牌 --> <!-- 吊牌 -->
<style> <style>
.layui-form-checkbox[lay-skin=primary] i{ .layui-form-checkbox[lay-skin=primary] i {
border-radius: 50px; border-radius: 50px;
width: 18px; width: 18px;
height: 18px; height: 18px;
line-height: 18px; line-height: 18px;
margin-top:3px; margin-top: 3px;
} }
.layui-form-checkbox[lay-skin=primary] span{
color:black; .layui-form-checkbox[lay-skin=primary] span {
margin-top:3px; color: black;
font-size: 14px; margin-top: 3px;
} font-size: 14px;
}
</style> </style>
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h2">吊牌</h1> <h1 class="h2">吊牌</h1>
<span style="color: red; font-weight: 700;"></span> <span style="color: red; font-weight: 700;"></span>
<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="吊牌">
<p>材质</p> <p>材质</p>
<div> <div>
<input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="300克铜版纸" checked> <input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="300克铜版纸" checked>
<input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="600克铜版纸"> <input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="600克铜版纸">
<!-- <input type="radio" name="kind3Value" lay-filter="kindValue3" value="5" title="800克铜版纸"> --> <!-- <input type="radio" name="kind3Value" lay-filter="kindValue3" value="5" title="800克铜版纸"> -->
</div> </div>
<div class="tagOther"> <div class="tagOther">
<p> <p>
尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span>
<span class="addOrCutTags"> <span class="addOrCutTags">
<%-- <button type="button" title="点击添加尺寸" class="layui-btn layui-btn-primary layui-btn-sm button" onclick="AddInputTags()"><i class="layui-icon">组合</i></button>--%> <%-- <button type="button" title="点击添加尺寸" class="layui-btn layui-btn-primary layui-btn-sm button" onclick="AddInputTags()"><i class="layui-icon">组合</i></button>--%>
<button type="button" title="点击移除尺寸" class="layui-btn layui-btn-primary layui-btn-sm button" onclick="CutInputTags()"><i class="layui-icon">单张</i></button> <button type="button" title="点击移除尺寸" class="layui-btn layui-btn-primary layui-btn-sm button" onclick="CutInputTags()"><i
class="layui-icon">单张</i></button>
</span> </span>
</p> </p>
<div class="qt"> <div class="qt">
<div class="layui-form-item" id="fatherDivTags"> <div class="layui-form-item" id="fatherDivTags">
<input type="text" name="size" placeholder="格式:长*宽" id="size" class="layui-input" autocomplete="off"> <input type="text" name="size" placeholder="格式:长*宽" id="size" class="layui-input" autocomplete="off">
</div> </div>
</div> </div>
<p> <p>
数量(张) <span class="switchCount"> 数量(张) <span class="switchCount">
<input type="checkbox" name="switchCount" class="Count" lay-filter="switchCount" title="自定义数量"></span> <input type="checkbox" name="switchCount" class="Count" lay-filter="switchCount" title="自定义数量"></span>
</p> </p>
<div class="count"> <div class="count">
<div class="layui-form-item"> <div class="layui-form-item">
<select name="count" id="zjCount" class="select"> <select name="count" id="zjCount" class="select">
<option value="200">200</option> <option value="200">200</option>
<option value="500">500</option> <option value="500">500</option>
<option value="1000">1000</option> <option value="1000">1000</option>
<option value="2000">2000</option> <option value="2000">2000</option>
<option value="3000">3000</option> <option value="3000">3000</option>
<option value="4000">4000</option> <option value="4000">4000</option>
<option value="5000">5000</option> <option value="5000">5000</option>
<option value="10000">10000</option> <option value="10000">10000</option>
</select> </select>
</div> </div>
</div> </div>
<div class="mqCount" style="display:none"> <div class="mqCount" style="display:none">
<div class="layui-form-item"> <div class="layui-form-item">
<select name="count" id="mqCount" class="select"> <select name="count" id="mqCount" class="select">
<option value="500">500</option> <option value="500">500</option>
<option value="1000">1000</option> <option value="1000">1000</option>
<option value="2000">2000</option> <option value="2000">2000</option>
<option value="3000">3000</option> <option value="3000">3000</option>
<option value="5000">5000</option> <option value="5000">5000</option>
<option value="10000">10000</option> <option value="10000">10000</option>
</select> </select>
</div> </div>
</div> </div>
<div class="diyCount" style="display: none"> <div class="diyCount" style="display: none">
<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">
</div> </div>
</div> </div>
<p>款数</p> <p>款数</p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" <input type="text" placeholder="请输入整数" autocomplete="off"
name="number" id="number" value="1" class="layui-input" lay-verify="number"> name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<p> <p>
工艺 工艺
</p> </p>
<div class="layui-input-block"> <div class="layui-input-block">
<input type="radio" name="craftQie" lay-filter="craftQie" la value="直角打孔" title="直角打孔" checked> <input type="radio" name="craftQie" lay-filter="craftQie" la value="直角打孔" title="直角打孔" checked>
<input type="radio" name="craftQie" lay-filter="craftQie" value="异形模切" title="异形模切"> <input type="radio" name="craftQie" lay-filter="craftQie" value="异形模切" title="异形模切">
|&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;
<input type="radio" name="craftMo" lay-filter="craftMo" la value="双面覆哑膜" title="双面覆哑膜" checked> <input type="radio" name="craftMo" lay-filter="craftMo" la value="双面覆哑膜" title="双面覆哑膜" checked>
<input type="radio" name="craftMo" lay-filter="craftMo" value="不覆膜" title="不覆膜"> <input type="radio" name="craftMo" lay-filter="craftMo" value="不覆膜" title="不覆膜">
|&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;
<input type="checkbox" class="tang" name="craftTang" lay-filter="switch" value="单面烫金" title="单面烫金" lay-skin="primary"> <input type="checkbox" class="tang" name="craftTang" lay-filter="switch" value="单面烫金" title="单面烫金" lay-skin="primary">
<input type="checkbox" class="tang" name="craftTang" lay-filter="switch" value="双面烫金" title="双面烫金" lay-skin="primary"> <input type="checkbox" class="tang" name="craftTang" lay-filter="switch" value="双面烫金" title="双面烫金" lay-skin="primary">
</div> </div>
</div> </div>
<div id="tag" style="display: none"> <div id="tag" style="display: none">
<%@include file="tag.jsp"%> <%@include file="tag.jsp" %>
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div> <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div"> <div>
<div class="layui-carousel" id="test1"> <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size: 20px; color: red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size: 20px; color: red"></div>
</div>
</div>
</div>
</body> </body>
<script src="../../js/carousel.js" charset="utf-8"></script> <script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
//用来判断是删除 还是增加按钮 以便count值进行计算 //用来判断是删除 还是增加按钮 以便count值进行计算
var countTags = 0; var countTags = 0;
function AddInputTags() {
if(countTags > 0){
return false;
}
countTags++;
var fatherDivTags = document.getElementById("fatherDivTags");
//创建input
var input = document.createElement("input");
input.type = "text";
input.setAttribute('class','layui-input');
input.name = "size" + countTags;
input.placeholder ="格式:长*宽";
input.autocomplete="off";
input.setAttribute('class','layui-input size2');
fatherDivTags.appendChild(input);
}
function CutInputTags() {
countTags = 0;
$(".size2").remove();
}
layui.use([ 'table', 'form' ], function() { function AddInputTags() {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 if (countTags > 0) {
var table = layui.table; return false;
}
form.on('checkbox(switch)', function(data) { countTags++;
// 压痕压点线只能选一个 var fatherDivTags = document.getElementById("fatherDivTags");
var tangLen = $(".tang:checked").length;
if (tangLen > 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;
}
})
// 默认禁用600克 //创建input
$("#tag").find(":input").attr("disabled", true); var input = document.createElement("input");
form.on('radio(kindValue)', function(kindValueData) { input.type = "text";
if (kindValueData.value == '3') { input.setAttribute('class', 'layui-input');
$(".switchCount").show(); input.name = "size" + countTags;
$(".count").show(); input.placeholder = "格式:长*宽";
$(".diyCount").hide(); input.autocomplete = "off";
$(".count").find(":input").attr("disabled", false); input.setAttribute('class', 'layui-input size2');
$(".diyCount").find(":input").attr("disabled", true); fatherDivTags.appendChild(input);
$("#selectCount").attr("disabled", false); }
$(".tagOther").show();
$(".tagOther").find(":input").attr("disabled", false);
$("#tag").hide();
$("#tag").find(":input").attr("disabled", true);
form.render();
} else {
$('input[class = Count]').prop('checked', false);
$(".switchCount").hide();
$(".diyCount").show();
$(".count").hide();
$(".diyCount").find(":input").attr("disabled", false);
$(".count").find(":input").attr("disabled", true);
$("#selectCount").attr("disabled", true);
$(".tagOther").hide();
$(".tagOther").find(":input").attr("disabled", true);
$("#tag").show();
$("#tag").find(":input").attr("disabled", false);
$(".craftSheng").hide();
form.render();
}
})
$("#mqCount").attr("disabled", true);
var craftQie ;
form.on('radio(craftQie)', function(data) {
// 选中工艺标识
craftQie = data.value;
// 自定义数量没选中
if(data.value == "直角打孔"){
if(!choose){
$(".mqCount").hide();
$(".count").show();
$("#mqCount").attr("disabled", true);
$("#zjCount").attr("disabled", false);
}
}else{
if(!choose){
$(".count").hide();
$(".mqCount").show();
$("#zjCount").attr("disabled", true);
$("#mqCount").attr("disabled", false);
}
}
form.render();
})
// 自定义数量是否选中标识 function CutInputTags() {
var choose ; countTags = 0;
// 自定义少数量 $(".size2").remove();
form.on('checkbox(switchCount)', function(data) { }
if (data.elem.checked) {
choose = true; layui.use(['table', 'form'], function () {
$(".diyCount").show(); var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
$(".count").hide(); var table = layui.table;
$(".mqCount").hide();
$(".diyCount").find(":input").attr("disabled", false); form.on('checkbox(switch)', function (data) {
$("#mqCount").attr("disabled", true); // 压痕压点线只能选一个
$("#zjCount").attr("disabled", true); var tangLen = $(".tang:checked").length;
} else { if (tangLen > 1) {
choose = false; $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
if(craftQie == "直角打孔"){ $(data.elem).prop("checked", false);
$(".count").show(); layer.msg('[单面 - 双面]不能同时选择！', {offset: ['300px', '300px']}, {icon: 5});
$("#zjCount").attr("disabled", false); return false;
}else{ }
$(".mqCount").show(); })
$("#mqCount").attr("disabled", false);
} // 默认禁用600克
$(".diyCount").hide(); $("#tag").find(":input").attr("disabled", true);
$(".diyCount").find(":input").attr("disabled", true); form.on('radio(kindValue)', function (kindValueData) {
// 恢复标准数量的时候会被禁用，加这个解决 if (kindValueData.value == '3') {
form.render(); $(".switchCount").show();
} $(".count").show();
}) $(".diyCount").hide();
$(".count").find(":input").attr("disabled", false);
// 点击计算，计算价格 $(".diyCount").find(":input").attr("disabled", true);
form.on('submit(acount_btn)', function(data) { $("#selectCount").attr("disabled", false);
/* var wangwang = $("#wangwang").val();
if(wangwang == ""){ $(".tagOther").show();
layer.msg("请填写客户旺旺号！",{offset:['300px','300px']},function(){}); $(".tagOther").find(":input").attr("disabled", false);
return false; $("#tag").hide();
} */ $("#tag").find(":input").attr("disabled", true);
// 选中‘自定义数量’
if($('input[name="switchCount"]:checked').length != 0){ form.render();
if ($("#count").val() < 10000 || $("#count").val()%1000 != 0) { } else {
layer.msg("自定义数量需要大于10000 且是1000的整数倍",{offset:['300px','300px']},function(){}); $('input[class = Count]').prop('checked', false);
return false; $(".switchCount").hide();
} $(".diyCount").show();
} $(".count").hide();
var kindValue = $('input[name="kindValue"]:checked').val(); $(".diyCount").find(":input").attr("disabled", false);
var craftQie = $('input[name="craftQie"]:checked').val(); $(".count").find(":input").attr("disabled", true);
var craftMo = $('input[name="craftMo"]:checked').val(); $("#selectCount").attr("disabled", true);
var craftTang = $('input[name="craftTang"]:checked').val();
var size = $("#size").val(); $(".tagOther").hide();
var arr = []; $(".tagOther").find(":input").attr("disabled", true);
arr.push(craftMo); $("#tag").show();
if(craftTang){ $("#tag").find(":input").attr("disabled", false);
arr.push(craftTang);
} $(".craftSheng").hide();
if((kindValue == 3 || kindValue == 0)){ form.render();
if(craftQie == "异形模切"){ }
if ((size.split("*")[0] > 21 || size.split("*")[1] > 21)) { })
layer.msg("【吊牌300克】尺寸不能超过21*21 cm",{offset:['300px','300px']},function(){});
return false; $("#mqCount").attr("disabled", true);
} var craftQie;
$("#proTypeValue").val("吊牌"); form.on('radio(craftQie)', function (data) {
$("input[name='kindValue']:checked").val(3); // 选中工艺标识
if ((size.split("*")[0] <= 9 && size.split("*")[1] <= 5.4) || (size.split("*")[0] <= 5.4 && size.split("*")[1] <= 9)) { craftQie = data.value;
if(craftTang){ // 自定义数量没选中
if(craftTang == "单面烫金"){ if (data.value == "直角打孔") {
$("#proTypeValue").val(3); if (!choose) {
} $(".mqCount").hide();
}else{ $(".count").show();
if ((size.split("*")[0] < 3 || size.split("*")[1] < 3)) { $("#mqCount").attr("disabled", true);
$("#proTypeValue").val(3); $("#zjCount").attr("disabled", false);
$("input[name='kindValue']:checked").val(0); }
} } else {
} if (!choose) {
form.render(); $(".count").hide();
} $(".mqCount").show();
}else if(craftQie == "直角打孔"){ $("#zjCount").attr("disabled", true);
$("#proTypeValue").val("吊牌"); $("#mqCount").attr("disabled", false);
$("input[name='kindValue']:checked").val(3); }
} }
}
var number = $("#number").val(); form.render();
kindValueData = { })
0 : "300克铜版纸",
3 : "300克铜版纸", // 自定义数量是否选中标识
4 : "600克铜版纸" var choose;
}; // 自定义少数量
$.ajax({ form.on('checkbox(switchCount)', function (data) {
url : "${path}/getThanSum", if (data.elem.checked) {
type : "GET", choose = true;
data : $(".big_box form").serialize(), $(".diyCount").show();
success : function(result) { $(".count").hide();
if (result.code == 100) { $(".mqCount").hide();
layer.msg(result.msg, {offset : [ '300px', '300px' ]}, function() {}); $(".diyCount").find(":input").attr("disabled", false);
return false; $("#mqCount").attr("disabled", true);
} $("#zjCount").attr("disabled", true);
var data = result.data.proList; } else {
var craftList = ""; choose = false;
if($('input[name="kindValue"]:checked').val() == "4"){ if (craftQie == "直角打孔") {
craftQie = "" $(".count").show();
var size1 = $(".size1").val(); $("#zjCount").attr("disabled", false);
size = $("#diySize").val(); } else {
if(size1){ $(".mqCount").show();
size = size + '厘米，' + size1 $("#mqCount").attr("disabled", false);
} }
if ((size.split("*")[0] < 3 || size.split("*")[1] < 3)) { $(".diyCount").hide();
layer.msg("[ 吊牌600克 ] 尺寸小于 3cm 请单独报价", {offset : [ '300px', '300px' ]}, function() {}); $(".diyCount").find(":input").attr("disabled", true);
return false; // 恢复标准数量的时候会被禁用，加这个解决
} form.render();
number = $("#numberTag").val(); }
arr = [] })
arr = $('input[name="kind2Value"]:checked').val(); form.on('checkbox(ui_craft)', function (data) {
} else if($('input[name="kindValue"]:checked').val() == "3"){ // && craftQie == "异形模切" let craft_list = [];
var size2 = $(".size2").val(); let kindValue = $('input[name="kindValue"]:checked').val();
size = $("#size").val(); craft_list.push($("select[name='craft'] option:selected").val());
if(size2){ $("input[name='craft']:checked").each(function () {
size = size + '厘米，' + size2 if (!$(this).is(':disabled')) {
} craft_list.push($(this).val());
} }
var span_result = '吊牌 - ' + kindValueData[kindValue] + ' - ' + size + '厘米\n' + "工艺： " + craftQie + ', ' + arr + "\n"; });
craftList += craftQie;
if (number > 1) { if (data.value == '抠图') {
for (let i = 0; i < data.length; i++) { $(".crop").hide();
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n' $(".crop").find("input").prop("disabled", true)
data[i].number = number; if (data.elem.checked) {
} $(".crop").show();
} else { $(".crop").find("input").prop("disabled", false)
for (let i = 0; i < data.length; i++) { }
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n' }
data[i].number = number; form.render();
} })
} // 点击计算，计算价格
span_result += '配送吊绳\n包邮，免费设计呢~（偏远地区需补邮费）' form.on('submit(acount_btn)', function (data) {
if(window.parent.system_isGai){ /* var wangwang = $("#wangwang").val();
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" if(wangwang == ""){
} layer.msg("请填写客户旺旺号！",{offset:['300px','300px']},function(){});
addLog(span_result); return false;
} */
// 选中‘自定义数量’
if ($('input[name="switchCount"]:checked').length != 0) {
if ($("#count").val() < 10000 || $("#count").val() % 1000 != 0) {
layer.msg("自定义数量需要大于10000 且是1000的整数倍", {offset: ['300px', '300px']}, function () {
});
return false;
}
}
var kindValue = $('input[name="kindValue"]:checked').val();
var craftQie = $('input[name="craftQie"]:checked').val();
var craftMo = $('input[name="craftMo"]:checked').val();
var craftTang = $('input[name="craftTang"]:checked').val();
var size = $("#size").val();
var arr = [];
arr.push(craftMo);
if (craftTang) {
arr.push(craftTang);
}
if ((kindValue == 3 || kindValue == 0)) {
if (craftQie == "异形模切") {
if ((size.split("*")[0] > 21 || size.split("*")[1] > 21)) {
layer.msg("【吊牌300克】尺寸不能超过21*21 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
$("#proTypeValue").val("吊牌");
$("input[name='kindValue']:checked").val(3);
if ((size.split("*")[0] <= 9 && size.split("*")[1] <= 5.4) || (size.split("*")[0] <= 5.4 && size.split("*")[1] <= 9)) {
if (craftTang) {
if (craftTang == "单面烫金") {
$("#proTypeValue").val(3);
}
} else {
if ((size.split("*")[0] < 3 || size.split("*")[1] < 3)) {
$("#proTypeValue").val(3);
$("input[name='kindValue']:checked").val(0);
}
}
form.render();
}
} else if (craftQie == "直角打孔") {
$("#proTypeValue").val("吊牌");
$("input[name='kindValue']:checked").val(3);
}
}
var number = $("#number").val();
kindValueData = {
0: "300克铜版纸",
3: "300克铜版纸",
4: "600克铜版纸"
};
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
}
})
$.ajax({
url: "${path}/getThanSum",
type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
var craftList = "";
if ($('input[name="kindValue"]:checked').val() == "4") {
craftQie = ""
var size1 = $(".size1").val();
size = $("#diySize").val();
if (size1) {
size = size + '厘米，' + size1
}
if ((size.split("*")[0] < 3 || size.split("*")[1] < 3)) {
layer.msg("[ 吊牌600克 ] 尺寸小于 3cm 请单独报价", {offset: ['300px', '300px']}, function () {
});
return false;
}
number = $("#numberTag").val();
arr = []
arr = $('input[name="kind2Value"]:checked').val();
} else if ($('input[name="kindValue"]:checked').val() == "3") { // && craftQie == "异形模切"
var size2 = $(".size2").val();
size = $("#size").val();
if (size2) {
size = size + '厘米，' + size2
}
}
var span_result = '吊牌 - ' + kindValueData[kindValue] + ' - ' + size + '厘米\n' + "工艺： " + craftQie + ', ' + arr + "\n";
craftList += craftQie;
if (number > 1) {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 各' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
} else {
for (let i = 0; i < data.length; i++) {
span_result += number + '款 ' + data[i].count + "个，共" + data[i].price + "元" + '\n'
data[i].number = number;
}
}
span_result += '配送吊绳\n包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
var count = "";
if($("input[name='switchCount']:checked").val() == undefined){
count = $("#zjCount option:selected").val();
}else{
count = $("#count").val();
}
craftList += arr;
if($("input[name='size1']").css("display") == "block"){
size = size.replace("厘米，");
}
getRemark($("#proTypeValue").val(), size, count+"个", kindValueData[kindValue], number, craftList, "");
//计算完自动复制文本
var e = document.getElementById("span_result");//对象是content
if (e.value != "") {
e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令
}
//生成表格 var count = "";
table.render({ if ($("input[name='switchCount']:checked").val() == undefined) {
elem : '#priceTable', count = $("#zjCount option:selected").val();
even : true, //隔行变色 } else {
data : data, // 赋值已知数据 count = $("#count").val();
width : 500, }
cols : [ [ { craftList += arr;
field : 'number', if ($("input[name='size1']").css("display") == "block") {
width : '12%', size = size.replace("厘米，");
align : "center", }
title : '款数' getRemark($("#proTypeValue").val(), size, count + "个", kindValueData[kindValue], number, craftList, "");
}, { //计算完自动复制文本
field : 'count', var e = document.getElementById("span_result");//对象是content
width : '16%', if (e.value != "") {
align : "center", e.select();//选择对象
title : '数量' document.execCommand("Copy");//执行浏览器复制命令
}, { }
field : 'price',
width : '16%', //生成表格
align : "center", table.render({
title : '报价' elem: '#priceTable',
}, { even: true, //隔行变色
field : 'wangwang', data: data, // 赋值已知数据
align : "center", width: 500,
width : '16%', cols: [[{
title : '折扣价' field: 'number',
}, { width: '12%',
field : 'wangwang', align: "center",
align : "center", title: '款数'
width : '19%', }, {
title : '跳楼价' field: 'count',
}, { width: '16%',
field : 'weight', align: "center",
width : '21%', title: '数量'
align : "center", }, {
title : '重量（kg）' field: 'price',
} ] ], width: '16%',
done : function() { align: "center",
} title: '报价'
}); }, {
} field: 'wangwang',
}); align: "center",
return false; width: '16%',
}); title: '折扣价'
}); }, {
field: 'wangwang',
align: "center",
width: '19%',
title: '跳楼价'
}, {
field: 'weight',
width: '21%',
align: "center",
title: '重量（kg）'
}]],
done: function () {
}
});
}
});
return false;
});
});
</script> </script>
</html> </html>
src/main/webapp/views/product/takeoutBox.jsp
+33 -13
View File
@@ -77,16 +77,21 @@
<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">
印面工艺： 印面工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked readonly> <input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
</div> </div>
<div class="layui-input-block"> <div class="layui-input-block">
印刷工艺： 印刷工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="彩色印刷" title="彩色印刷" checked <input type="checkbox" name="craft" lay-filter="ui_craft" value="彩色印刷" title="彩色印刷" checked>
readonly>
</div> </div>
<div class="layui-input-block"> <div class="layui-input-block">
内部工艺： 内部工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="淋膜" title="淋膜" checked readonly> <input type="checkbox" name="craft" lay-filter="ui_craft" value="淋膜" title="淋膜" checked>
</div>
</div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div> </div>
</div> </div>
<hr> <hr>
@@ -181,11 +186,7 @@
}) })
form.on('checkbox(ui_craft)', function (data) { form.on('checkbox(ui_craft)', function (data) {
let craft_list = []; let craft_list = [];
$(data.elem).prop("checked", true);
layer.msg("工艺不能取消", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
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')) {
@@ -193,6 +194,22 @@
} }
} }
); );
if (!craft_list.includes("单面") || !craft_list.includes("彩色印刷") || !craft_list.includes("淋膜")) {
$(data.elem).prop("checked", true);
layer.msg("工艺不能取消", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -210,7 +227,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -251,9 +271,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/tape.jsp
+23 -3
View File
@@ -108,6 +108,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -314,6 +321,15 @@
} else { } else {
$(".qiege").hide(); $(".qiege").hide();
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -329,6 +345,10 @@
if ($(this).val() == "切割机") { if ($(this).val() == "切割机") {
craft.push($(this).attr("title") + $("input[name='stickNum']").val() + "个"); craft.push($(this).attr("title") + $("input[name='stickNum']").val() + "个");
} }
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
} }
} }
); );
@@ -362,9 +382,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/tearingJoy.jsp
+18
View File
@@ -103,6 +103,12 @@
<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> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -227,6 +233,14 @@
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render(); form.render();
}) })
@@ -258,6 +272,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/wallPainting.jsp
+18 -1
View File
@@ -93,7 +93,12 @@
<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="钉钩"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="钉钩" title="钉钩">
</div> </div>
</div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div> </div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
@@ -227,6 +232,14 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render(); form.render();
}) })
@@ -248,6 +261,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/warmSticker.jsp
+32
View File
@@ -126,6 +126,12 @@
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -204,6 +210,28 @@
} }
form.render();//必须写 form.render();//必须写
}); });
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
kindValueData = { kindValueData = {
@@ -226,6 +254,10 @@
$("select[name='craft'] option:selected").each(function (i) { $("select[name='craft'] option:selected").each(function (i) {
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft_list.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft_list.push($(this).val()); craft_list.push($(this).val());
} }
}); });
src/main/webapp/views/product/waterGauge.jsp
+19 -1
View File
@@ -78,6 +78,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="异形模切" title="异形模切" checked> <input type="checkbox" name="craft" lay-filter="ui_craft" value="异形模切" title="异形模切" checked>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -191,7 +197,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -219,6 +233,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/weddingCard.jsp
+44 -4
View File
@@ -62,6 +62,12 @@
<input type="radio" name="craftMo" lay-filter="switch" value="直角" title="直角" checked> <input type="radio" name="craftMo" lay-filter="switch" value="直角" title="直角" checked>
<input type="radio" name="craftMo" lay-filter="switch" value="异形" title="异形"> <input type="radio" name="craftMo" lay-filter="switch" value="异形" title="异形">
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -191,6 +197,28 @@
} }
}) })
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
let kindValue = $('input[name="kindValue"]:checked').val();
craft_list.push($("select[name='craft'] option:selected").val());
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
});
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
})
// 点击计算，计算价格 // 点击计算，计算价格
form.on('submit(acount_btn)', function (data) { form.on('submit(acount_btn)', function (data) {
var kindData = { var kindData = {
@@ -207,6 +235,18 @@
}); });
return false; return false;
} }
let arr = []
arr.push(craftShua);
arr.push(craftMo);
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
$.ajax({ $.ajax({
url: "${path}/getThanSum", url: "${path}/getThanSum",
type: "GET", type: "GET",
@@ -219,7 +259,7 @@
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = "婚礼卡 - " + kindData[kindValue] + ' - ' + size + ' 厘米(同款内容)\n' + "工艺 : " + craftShua + '，' + craftMo + "\n"; var span_result = "婚礼卡 - " + kindData[kindValue] + ' - ' + size + ' 厘米(同款内容)\n' + "工艺 : " + arr.join(",") + "\n";
craft += craftShua + craftMo; craft += craftShua + craftMo;
if (number > 1) { if (number > 1) {
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
@@ -233,9 +273,9 @@
} }
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/wireTape.jsp
+23 -4
View File
@@ -77,6 +77,12 @@
<input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切" checked> <input type="checkbox" name="craft" lay-filter="ui_craft" value="模切" title="模切" checked>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -184,6 +190,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
@@ -212,6 +227,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
@@ -229,7 +248,7 @@
} }
var data = result.data.proList; var data = result.data.proList;
var span_result = kind + '电线胶 - ' + size + ' CM (同款内容)\n'; var span_result = kind + '电线胶 - ' + size + ' CM (同款内容)\n';
span_result += `工艺：` + craft.join(",") + '\n'; span_result += `工艺：` + craft.join(",") + '\n';
@@ -246,9 +265,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/wrappingPaper.jsp
+22 -5
View File
@@ -81,14 +81,20 @@
配件： 配件：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="双面胶" title="双面胶"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="双面胶" title="双面胶">
<div class="layui-inline shuang" style="width: 100px;display: none"> <div class="layui-inline shuang" style="width: 100px;display: none">
<input class="layui-input" name="maxian" placeholder="卷数" /> <input class="layui-input" name="maxian" placeholder="卷数"/>
</div> </div>
<input type="checkbox" name="craft" lay-filter="ui_craft" value="丝带" title="丝带"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="丝带" title="丝带">
<div class="layui-inline sidai" style="width: 100px;display: none"> <div class="layui-inline sidai" style="width: 100px;display: none">
<input class="layui-input" name="pcount" placeholder="卷数" /> <input class="layui-input" name="pcount" placeholder="卷数"/>
</div> </div>
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -229,6 +235,14 @@
} else { } else {
$(".sidai").hide(); $(".sidai").hide();
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render(); form.render();
}) })
@@ -247,6 +261,9 @@
craft.push($("input[name='maxian']").val() + "个" + $(this).val()); craft.push($("input[name='maxian']").val() + "个" + $(this).val());
} else if ($(this).val() == "丝带") { } else if ($(this).val() == "丝带") {
craft.push($("input[name='pcount']").val() + "个" + $(this).val()); craft.push($("input[name='pcount']").val() + "个" + $(this).val());
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft.push($(this).val()); craft.push($(this).val());
} }
@@ -282,9 +299,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/wristBand.jsp
+19
View File
@@ -100,6 +100,12 @@
<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> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -246,6 +252,15 @@
form.render(); form.render();
return false; return false;
} }
if (data.value == '抠图') {
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (data.elem.checked) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -261,6 +276,10 @@
$("input:checkbox[name='craft']:checked").each(function (i) { $("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中 // 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) { if (!$(this).is(':disabled')) {
if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
craft.push($(this).val()); craft.push($(this).val());
} }
}); });
src/main/webapp/views/product/yafen.jsp
+19 -3
View File
@@ -123,6 +123,12 @@
</div> </div>
</div> </div>
<div class="layui-input-block">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<div class="layui-inline crop" style="display:none;width: 80px">
<input class="layui-input" type="text" name="cropNumber">
</div>
</div>
<hr> <hr>
<div class="layui-form-item"> <div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
@@ -258,6 +264,8 @@
$(".yhselect").hide(); $(".yhselect").hide();
$(".ydxselect").hide(); $(".ydxselect").hide();
$(".zyselect").hide(); $(".zyselect").hide();
$(".crop").hide();
$(".crop").find("input").prop("disabled", true)
if (craft_list.includes("压痕")) { if (craft_list.includes("压痕")) {
$(".yhselect").show(); $(".yhselect").show();
} }
@@ -267,6 +275,11 @@
if (craft_list.includes("折页")) { if (craft_list.includes("折页")) {
$(".zyselect").show(); $(".zyselect").show();
} }
if (craft_list.includes("抠图")) {
$(".crop").show();
$(".crop").find("input").prop("disabled", false)
}
form.render();
}) })
// 点击计算，计算价格 // 点击计算，计算价格
@@ -294,6 +307,9 @@
} else if ($(this).val() == "折页") { } else if ($(this).val() == "折页") {
craft.push($(this).val()); craft.push($(this).val());
craft.push($(".zyselect select option:selected").val()); craft.push($(".zyselect select option:selected").val());
} else if ($(this).val() == "抠图") {
craft.push($(this).val() + $("input[name='cropNumber']").val());
return;
} else { } else {
craft.push($(this).val()); craft.push($(this).val());
} }
@@ -356,9 +372,9 @@
} }
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if(window.parent.system_isGai){ if (window.parent.system_isGai) {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
} }
addLog(span_result); addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
src/main/webapp/views/product/ykl.jsp
+295 -249
View File
@@ -1,265 +1,311 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<%@include file="/views/common.jsp"%> <%@include file="/views/common.jsp" %>
</head> </head>
<!-- 亚克力 --> <!-- 亚克力 -->
<body> <body>
<div class="big_box"> <div class="big_box">
<div class="left_div"> <div class="left_div">
<h1 class="h1">亚克力</h1> <span style="color:red;font-weight:700;"></span> <h1 class="h1">亚克力</h1> <span style="color:red;font-weight:700;"></span>
<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="亚克力">
<p> <p>
产品名称 产品名称
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<select name="kind2Value" id="kind2Value" lay-filter="kind2Value" class="select" lay-search> <select name="kind2Value" id="kind2Value" lay-filter="kind2Value" class="select" lay-search>
<option value="1">2mm透明亚克力</option> <option value="1">2mm透明亚克力</option>
<option value="2">3mm透明亚克力</option> <option value="2">3mm透明亚克力</option>
<option value="3">5mm透明亚克力</option> <option value="3">5mm透明亚克力</option>
<option value="4">2mm瓷白亚克力</option> <option value="4">2mm瓷白亚克力</option>
<option value="5">3mm瓷白亚克力</option> <option value="5">3mm瓷白亚克力</option>
</select> </select>
</div> </div>
<p> <p>
尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span> 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off"> <input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input" autocomplete="off">
</div> </div>
<p> <p>
数量(个) 数量(个)
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input"> <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input">
</div> </div>
<p> <p>
款数 款数
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number"> <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1" class="layui-input" lay-verify="number">
</div> </div>
<p> <p>
客户旺旺 客户旺旺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input"> <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang" class="layui-input">
</div> </div>
<p> <p>
工艺 工艺
</p> </p>
<div class="layui-form-item"> <div class="layui-form-item">
<input type="radio" name="craft" value="四角打孔" title="四角打孔" checked="checked"> <input type="radio" name="craft" value="四角打孔" title="四角打孔" checked="checked">
<span class="ui_split" style="display: none;"> <span class="ui_split" style="display: none;">
<input type="radio" name="craft" class="ui_craft" value="背胶" title="背胶"><br> <input type="radio" name="craft" class="ui_craft" value="背胶" title="背胶"><br>
<input type="radio" name="craftShua" value="单面印刷" title="单面印刷" checked> <input type="radio" name="craftShua" value="单面印刷" title="单面印刷" checked>
<input type="radio" name="craftShua" value="双面印刷" title="双面印刷"> <input type="radio" name="craftShua" value="双面印刷" title="双面印刷">
</span> </span>
</div> </div>
<hr> <div class="layui-input-block">
<div class="layui-form-item"> <input type="checkbox" name="craft" lay-filter="ui_craft" value="抠图" title="抠图">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button> <div class="layui-inline crop" style="display:none;width: 80px">
<button type="reset" class="layui-btn layui-btn-primary">重置</button> <input class="layui-input" type="text" name="cropNumber">
</div> </div>
<h2>计算结果-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button></h2> </div>
<div> <hr>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea> <div class="layui-form-item">
<%@include file="../acountExpressFee.jsp"%> <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
</div> <button type="reset" class="layui-btn layui-btn-primary">重置</button>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2> </div>
<div> <h2>计算结果-
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea> <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyResult()">点击复制</button>
</div>--> </h2>
<div > <div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table> <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
</div> <%@include file="../acountExpressFee.jsp" %>
</form> </div>
</div> <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div class="right_div" style="margin-left:50px;"> <div>
<div class="layui-carousel" id="test1" > <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
<div carousel-item id="carousel"></div> </div>-->
<br> <div>
<div id="remark" style="font-size:20px;color:red"></div> <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div> </div>
</div> </form>
</div> </div>
<div class="right_div" style="margin-left:50px;">
<div class="layui-carousel" id="test1">
<div carousel-item id="carousel"></div>
<br>
<div id="remark" style="font-size:20px;color:red"></div>
</div>
</div>
</div>
</body> </body>
<%@include file="/views/copyResult.jsp"%> <%@include file="/views/copyResult.jsp" %>
<script> <script>
layui.use(['table','form','carousel'], function(){ layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel; var carousel = layui.carousel;
var table = layui.table; var table = layui.table;
//建造实例 //建造实例
ins = carousel.render({}); ins = carousel.render({});
var html = " "; var html = " ";
var remark = " "; var remark = " ";
$("input[class='ui_craft']").attr("disabled", true); $("input[class='ui_craft']").attr("disabled", true);
// 清空轮播图 // 清空轮播图
$("#carousel").empty(); $("#carousel").empty();
$("#remark").empty(); $("#remark").empty();
$.ajax({ $.ajax({
url:"${pageContext.request.contextPath}/getImgs", url: "${pageContext.request.contextPath}/getImgs",
type:"GET", type: "GET",
data:{ data: {
proTypeValue : $("#proTypeValue").val(), proTypeValue: $("#proTypeValue").val(),
}, },
success : function(result) { success: function (result) {
for (let i = 0; i < result.length; i++) { for (let i = 0; i < result.length; i++) {
// 只留一个remark // 只留一个remark
remark = ""; remark = "";
html += '<div><img style="width:'+result[0].imgWidth+'px" src="' +result[i].imgUrl+ '"></div>'; html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
remark += '<div><span>' +result[i].remark+ '<span/></div>'; remark += '<div><span>' + result[i].remark + '<span/></div>';
} }
$("#carousel").append(html); $("#carousel").append(html);
// 如果没有说明，就不显示null // 如果没有说明，就不显示null
if(remark.indexOf("null") < 0){ if (remark.indexOf("null") < 0) {
$("#remark").append(remark); $("#remark").append(remark);
} }
// 如果没有轮播图就隐藏 // 如果没有轮播图就隐藏
if(result.length == 0){ if (result.length == 0) {
document.getElementById("test1").style.display = "none"; //隐藏 document.getElementById("test1").style.display = "none"; //隐藏
}else{ } else {
document.getElementById("test1").style.display = "block"; //显示 document.getElementById("test1").style.display = "block"; //显示
ins.reload({ ins.reload({
elem: '#test1', elem: '#test1',
width: result[0].imgWidth, //设置容器宽度 width: result[0].imgWidth, //设置容器宽度
height: result[0].imgHeight height: result[0].imgHeight
}); });
} }
} }
}); });
form.on('select(kind2Value)', function(data) { form.on('select(kind2Value)', function (data) {
if(data.value < 4){ if (data.value < 4) {
$(".ui_split").hide(); $(".ui_split").hide();
$(".ui_split").find(":input").attr("disabled", true); $(".ui_split").find(":input").attr("disabled", true);
}else{ } else {
$(".ui_split").show(); $(".ui_split").show();
$(".ui_split").find(":input").attr("disabled", false); $(".ui_split").find(":input").attr("disabled", false);
} }
form.render(); form.render();
}); });
// 点击计算，计算价格 form.on('checkbox(ui_craft)', function (data) {
form.on('submit(acount_btn)', function(data) { let craft_list = [];
var number= $("#number").val(); let kindValue = $('input[name="kindValue"]:checked').val();
var kindlabel = $("#kind2Value option:checked").text(); craft_list.push($("select[name='craft'] option:selected").val());
var craft = $("input[name='craft']:checked").val(); $("input[name='craft']:checked").each(function () {
var count = $("input[name='count']").val(); if (!$(this).is(':disabled')) {
var shua = $("input[name='craftShua']:checked").val(); craft_list.push($(this).val());
}
var size = $("#size").val(); });
if(!size){ if (data.value == '抠图') {
layer.msg("请填写尺寸！",{offset:['300px','300px']},function(){}); $(".crop").hide();
return false; $(".crop").find("input").prop("disabled", true)
} if (data.elem.checked) {
$(".crop").show();
if(size.split("*")[0] < 3 || size.split("*")[1] < 3){ $(".crop").find("input").prop("disabled", false)
layer.msg("最小尺寸3*3！",{offset:['300px','300px']},function(){}); }
return false; }
} form.render();
})
if((size.split("*")[0] > 118 || size.split("*")[1] > 238)&&(size.split("*")[0] > 118 && size.split("*")[1] > 238)){
layer.msg("最大尺寸118*238cm！",{offset:['300px','300px']},function(){}); // 点击计算，计算价格
return false; form.on('submit(acount_btn)', function (data) {
} var number = $("#number").val();
var kindlabel = $("#kind2Value option:checked").text();
if(craft == undefined){ var craft = $("input[name='craft']:checked").val();
layer.msg("请选择工艺!",{offset:['300px','300px']},function(){}); var count = $("input[name='count']").val();
return false; var shua = $("input[name='craftShua']:checked").val();
}
var size = $("#size").val();
$.ajax({
url : "${path}/getThanSum", if (!size) {
type : "GET", layer.msg("请填写尺寸！", {offset: ['300px', '300px']}, function () {
data : $(".big_box form").serialize(), });
success : function(result) { return false;
if(result.code == 100){ }
layer.msg(result.msg,{offset:['300px','300px']},function(){});
return false; if (size.split("*")[0] < 3 || size.split("*")[1] < 3) {
} layer.msg("最小尺寸3*3！", {offset: ['300px', '300px']}, function () {
var data = result.data.proList; });
if(kindlabel.indexOf("透明") < 0){ return false;
craft += shua; }
}
var span_result =kindlabel + ' - ' + craft +' - '+ size +'厘米 -(同款内容)' + [data[0].msg] + '\n'; if ((size.split("*")[0] > 118 || size.split("*")[1] > 238) && (size.split("*")[0] > 118 && size.split("*")[1] > 238)) {
if(number > 1){ layer.msg("最大尺寸118*238cm！", {offset: ['300px', '300px']}, function () {
span_result += number + '款 各' + count + "个，共" + data[0].price + "元" + '\n' });
}else{ return false;
span_result += number + '款 ' + count + "个，共" + data[0].price + "元" + '\n' }
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）' if (craft == undefined) {
if(window.parent.system_isGai){ layer.msg("请选择工艺!", {offset: ['300px', '300px']}, function () {
span_result +="\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!" });
} return false;
addLog(span_result); }
let arr = []
$("input[name='craft']:checked").each(function () {
if (!$(this).is("disabled")) {
if ($(this).val() == "抠图") {
arr.push($(this).val() + $("input[name='cropNumber']").val());
return;
}
arr.push($(this).val())
}
})
$.ajax({
url: "${path}/getThanSum",
type: "GET",
data: $(".big_box form").serialize(),
success: function (result) {
if (result.code == 100) {
layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
});
return false;
}
var data = result.data.proList;
if (kindlabel.indexOf("透明") < 0) {
craft += shua;
}
var span_result = kindlabel + ' - ' + craft + ' - ' + size + '厘米 -(同款内容)\n';
if (arr.length > 0) {
span_result += "工艺：" + arr.join(",") + '\n';
}
if (number > 1) {
span_result += number + '款 各' + count + "个，共" + data[0].price + "元" + '\n'
} else {
span_result += number + '款 ' + count + "个，共" + data[0].price + "元" + '\n'
}
span_result += '包邮，免费设计呢~（偏远地区需补邮费）'
if (window.parent.system_isGai) {
span_result += "\n\n亲 现在下单可以参加淘宝活动8.5折折扣哦!"
}
addLog(span_result);
$("#span_result").val(span_result); $("#span_result").val(span_result);
kindlabel = kindlabel.substring(0, 3); kindlabel = kindlabel.substring(0, 3);
getRemark($("#proTypeValue").val(), size, count+"张", kindlabel, number, craft, ""); getRemark($("#proTypeValue").val(), size, count + "张", kindlabel, number, craft, "");
//计算完自动复制文本 //计算完自动复制文本
var e=document.getElementById("span_result");//对象是content var e = document.getElementById("span_result");//对象是content
if (e.value != "") { if (e.value != "") {
e.select();//选择对象 e.select();//选择对象
document.execCommand("Copy");//执行浏览器复制命令 document.execCommand("Copy");//执行浏览器复制命令
} }
//生成表格 //生成表格
table.render({ table.render({
elem : '#priceTable', elem: '#priceTable',
even : true, //隔行变色 even: true, //隔行变色
data : data, // 赋值已知数据 data: data, // 赋值已知数据
width : 500, width: 500,
cols : [ [ cols: [[
{ {
field : 'number', field: 'number',
width : '12%', width: '12%',
align : "center", align: "center",
title : '款数' title: '款数'
},{ }, {
field : 'count', field: 'count',
width : '16%', width: '16%',
align : "center", align: "center",
title : '数量' title: '数量'
},{ }, {
field : 'price', field: 'price',
width : '16%', width: '16%',
align : "center", align: "center",
title : '报价' title: '报价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '16%', width: '16%',
title : '折扣价' title: '折扣价'
},{ }, {
field : 'wangwang', field: 'wangwang',
align : "center", align: "center",
width : '19%', width: '19%',
title : '跳楼价' title: '跳楼价'
},{ }, {
field : 'weight', field: 'weight',
width : '21%', width: '21%',
align : "center", align: "center",
title : '重量（kg）' title: '重量（kg）'
} }
] ], ]],
done: function () { done: function () {
} }
}); });
} }
}); });
return false; return false;
}); });
}); });
</script> </script>
</html> </html>