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
2025-06-17 17:20:57 +08:00
parent bde2a4efa5
commit d188743f49
8 changed files with 1132 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/webapp/views/main.jsp
+4 -2
View File
@@ -355,6 +355,9 @@
left: 650px;
top: 250px;
}
.swiper-slide{
text-align: center;
}
</style>
</head>
<script id="happinessiInfo" type="text/html">
@@ -428,8 +431,7 @@
<!--向上轮播-->
<div class="swiper" style="height: 100%;width: 800px;">
<div class="swiper-wrapper">
<div class="swiper-slide" data-swiper-autoplay="5000">【新增】不干胶新增划线工艺 客户需要划线工艺的 划线工艺必选</div>
<div class="swiper-slide" data-swiper-autoplay="5000">【新增】专版报价需要配件的要勾选相对应的配件报价</div>
<div class="swiper-slide" data-swiper-autoplay="5000">【新增】特种纸新增打码 烫金工艺 注意!!!雅柔纸打码烫金的工艺材质会比报价系统的材质偏黄点 接单的时候要跟客户沟通清楚 以免造成不必要的售后</div>
</div>
</div>
</div>
src/main/webapp/views/product/landa.jsp
+320
View File
@@ -0,0 +1,320 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<%@include file="/views/common.jsp" %>
</head>
<body>
<div class="big_box">
<div class="left_div">
<h1 class="h1">澜达海报</h1> <span style="color:red;font-weight:700;"></span>
<hr>
<form class="layui-form">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="澜达海报"/>
<p>
材质
</p>
<div class="layui-form-item">
<select name="ui_bq_name" id="ui_bq_name" lay-filter="ui_fb_name" class="select" lay-search>
<option value="1">铜版纸200g</option>
<option value="2">铜版纸不干胶</option>
<option value="3">pp纸（不带胶）</option>
</select>
</div>
<p>
尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span>
</p>
<div class="layui-form-item" id="ui_size">
<input type="text" name="size" id="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
</div>
<p>
数量(个)
</p>
<div class="layui-form-item">
<select name="count" class="select">
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="500">500</option>
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="5000">5000</option>
</select>
</div>
<p>
款数
</p>
<div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
class="layui-input" lay-verify="number">
</div>
<p>
客户旺旺
</p>
<div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
class="layui-input">
</div>
<p>
工艺
</p>
<div class="layui-form-item">
<div class="layui-input-block" style="display:inline-block;">
印面：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
</div>
<div class="layui-input-block" style="display:inline-block;">
印色：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="彩色印刷" title="彩色印刷">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="专色" title="专色">
</div>
<div class="layui-input-block" style="display:inline-block;">
裁切工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="直角裁切" title="直角裁切" checked>
</div>
<div class="layui-input-block" style="display:inline-block;">
覆膜工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="覆光油" title="覆光油" checked>
</div>
</div>
<hr>
<div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
<h2>计算结果-
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
onclick="copyResult()">点击复制
</button>
</h2>
<div>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
<%@include file="../acountExpressFee.jsp" %>
</div>
<div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</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>
<%@include file="/views/copyResult.jsp" %>
<script>
layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel;
var table = layui.table;
//建造实例
ins = carousel.render({});
var html = " ";
var remark = " ";
// 清空轮播图
$("#carousel").empty();
$("#remark").empty();
$(".ui_feb").show();
$(".ui_feb select").attr("disabled", false);
$.ajax({
url: "${pageContext.request.contextPath}/getImgs",
type: "GET",
data: {
proTypeValue: $("#proTypeValue").val(),
kindValue: $('input[name="kindValue"]').val()
},
success: function (result) {
for (let i = 0; i < result.length; i++) {
// 只留一个remark
remark = "";
html += '<div><img style="width:' + 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
});
}
}
});
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
}
);
if (craft_list.indexOf("单面") == -1) {
$(data.elem).prop("checked", true);
layer.msg("印面不能取消选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
if (craft_list.indexOf("直角裁切") == -1) {
$(data.elem).prop("checked", true);
layer.msg("裁切不能取消选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
if (craft_list.indexOf("覆光油") == -1) {
$(data.elem).prop("checked", true);
layer.msg("覆膜不能取消选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
const carft_list1 = ["四色印刷", "专色"];
const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
if (carft1.length > 1) {
$(data.elem).prop("checked", false);
layer.msg("印色工艺不能同时选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
})
// 点击计算，计算价格
form.on('submit(acount_btn)', function (data) {
var number = $("#number").val();
var size = $("#size").val();
var count = $("#count").val();
var kind = $("#ui_bq_name option:selected").text();
var craft = [];
if (size == "") {
layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size.split("*")[0] < 42 || size.split("*")[1] < 28.5) && (size.split("*")[0] < 28.5 || size.split("*")[1] < 42)) {
layer.msg("【澜达海报】尺寸不能小于42*28.5 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size.split("*")[0] > 98 || size.split("*")[1] > 70) && (size.split("*")[0] > 70 || size.split("*")[1] > 98)) {
layer.msg("【澜达海报】尺寸不能大于70*98 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
$("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) {
craft.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;
var span_result = '澜达海报 - ' + kind + ' - ' + size + ' CM (同款内容)\n';
span_result += `工艺：` + craft.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 += '包邮，免费设计呢~（偏远地区需补邮费）'
$("#span_result").val(span_result);
//计算完自动复制文本
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>
</html>
src/main/webapp/views/product/metal.jsp
+5
View File
@@ -183,6 +183,11 @@
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
</span>
src/main/webapp/views/product/pet.jsp
+317
View File
@@ -0,0 +1,317 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<%@include file="/views/common.jsp" %>
</head>
<body>
<div class="big_box">
<div class="left_div">
<h1 class="h1">透卡</h1> <span style="color:red;font-weight:700;"></span>
<hr>
<form class="layui-form">
<input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="透卡"/>
<p>
材质
</p>
<div class="layui-form-item">
<select name="ui_bq_name" id="ui_bq_name" lay-filter="ui_fb_name" class="select" lay-search>
<option value="1">PET透卡</option>
</select>
</div>
<p>
尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span>
</p>
<div class="layui-form-item" id="ui_size">
<input type="text" name="size" id="size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
</div>
<p>
数量(个)
</p>
<div class="layui-form-item">
<select name="count" class="select">
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="800">800</option>
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="5000">5000</option>
<option value="10000">10000</option>
</select>
</div>
<p>
款数
</p>
<div class="layui-form-item">
<input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
class="layui-input" lay-verify="number">
</div>
<p>
客户旺旺
</p>
<div class="layui-form-item">
<input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
class="layui-input">
</div>
<p>
工艺
</p>
<div class="layui-form-item">
<div class="layui-input-block" style="display:inline-block;">
印面：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="单面" title="单面" checked>
</div>
<div class="layui-input-block" style="display:inline-block;">
常见工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="彩色印刷" title="彩色印刷">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="白墨" title="白墨">
</div>
<div class="layui-input-block" style="display:inline-block;">
裁切工艺：
<input type="checkbox" name="craft" lay-filter="ui_craft" value="直角裁切" title="直角裁切" checked>
<input type="checkbox" name="craft" lay-filter="ui_craft" value="异形模切" title="异形模切">
<input type="checkbox" name="craft" lay-filter="ui_craft" value="圆角" title="圆角">
</div>
</div>
<hr>
<div class="layui-form-item">
<button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
<h2>计算结果-
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
onclick="copyResult()">点击复制
</button>
</h2>
<div>
<textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
<%@include file="../acountExpressFee.jsp" %>
</div>
<div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</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>
<%@include file="/views/copyResult.jsp" %>
<script>
layui.use(['table', 'form', 'carousel'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var carousel = layui.carousel;
var table = layui.table;
//建造实例
ins = carousel.render({});
var html = " ";
var remark = " ";
// 清空轮播图
$("#carousel").empty();
$("#remark").empty();
$(".ui_feb").show();
$(".ui_feb select").attr("disabled", false);
$.ajax({
url: "${pageContext.request.contextPath}/getImgs",
type: "GET",
data: {
proTypeValue: $("#proTypeValue").val(),
kindValue: $('input[name="kindValue"]').val()
},
success: function (result) {
for (let i = 0; i < result.length; i++) {
// 只留一个remark
remark = "";
html += '<div><img style="width:' + 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
});
}
}
});
form.on('checkbox(ui_craft)', function (data) {
let craft_list = [];
$("input[name='craft']:checked").each(function () {
if (!$(this).is(':disabled')) {
craft_list.push($(this).val());
}
}
);
if (craft_list.indexOf("单面") == -1) {
$(data.elem).prop("checked", true);
layer.msg("印面不能取消选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
const carft_list1 = ["四色印刷", "白墨"];
const carft1 = carft_list1.filter(craft => craft_list.includes(craft));
if (carft1.length > 1) {
$(data.elem).prop("checked", false);
layer.msg("常见工艺不能同时选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
const carft_list2 = ["直角裁切", "异形模切", "圆角"];
const carft2 = carft_list2.filter(craft => craft_list.includes(craft));
if (carft2.length > 1) {
$(data.elem).prop("checked", false);
layer.msg("裁切工艺不能同时选择", {offset: ['300px', '300px']}, function () {
});
form.render();
return false;
}
})
// 点击计算，计算价格
form.on('submit(acount_btn)', function (data) {
var number = $("#number").val();
var size = $("#size").val();
var count = $("#count").val();
var kind = $("#ui_bq_name option:selected").text();
var craft = [];
if (size == "") {
layer.msg('请填写尺寸！', {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size.split("*")[0] < 5 || size.split("*")[1] < 4.5) && (size.split("*")[0] < 4.5 || size.split("*")[1] < 5)) {
layer.msg("【PET透卡】尺寸不能小于5*4.5 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
if ((size.split("*")[0] > 10 || size.split("*")[1] > 15) && (size.split("*")[0] > 15 || size.split("*")[1] > 10)) {
layer.msg("【PET透卡】尺寸不能大于10*15 cm", {offset: ['300px', '300px']}, function () {
});
return false;
}
$("input:checkbox[name='craft']:checked").each(function (i) {
// 没有被禁用的工艺加到arr中
if (!$(this).is(':disabled')) {
craft.push($(this).val());
}
});
const carft_list2 = ["直角裁切", "异形模切", "圆角"];
const carft2 = carft_list2.filter(item => craft.includes(item));
if (carft2.length == 0) {
layer.msg("请选择裁切工艺", {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 = 'PET透卡 - ' + kind + ' - ' + size + ' CM (同款内容)\n';
span_result += `工艺：` + craft.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 += '包邮，免费设计呢~（偏远地区需补邮费）'
$("#span_result").val(span_result);
//计算完自动复制文本
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>
</html>
src/main/webapp/views/product/specialCard2.jsp
+33 -4
View File
@@ -479,6 +479,13 @@
});
return false;
}
if (craft_list.indexOf("打码") > -1 && craft_list.indexOf("异形模切") > -1) {
$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
$(data.elem).prop("checked", false);
layer.msg("打码 - 异形模切不能同时选择", {offset: ['300px', '300px']}, function () {
});
return false;
}
if (craft_list.indexOf("击凸") > -1 || craft_list.indexOf("压凹") > -1) {
$("#color_type").show();
$("#color_type").find("select").attr("disabled", false);
@@ -513,6 +520,13 @@
}
}
);
if (craft_list.indexOf("打码") > -1 && craft_list.indexOf("异形模切") > -1) {
$(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
$(data.elem).prop("checked", false);
layer.msg("打码 - 异形模切不能同时选择", {offset: ['300px', '300px']}, function () {
});
return false;
}
$("#dakong").removeAttr('disabled');
$("#craft_mo").removeAttr('disabled');
$(".newCraft").children().removeAttr('disabled');
@@ -651,22 +665,37 @@
}
}
var arr = []
let ma_num = $("select[name='maxian'] option:selected").val();
let is_dama = false;
$("input:checkbox[name='craft']:checked").each(function (i) {
if (!$(this).is(':disabled')) {
if ($(this).val() != "双面覆哑膜") {
if ($(this).val() == "单面烫金" || $(this).val() == "双面烫金") {
let tangColor = $("#tang_type select[name='craft'] option:selected").val();
arr.push($(this).val() + tangColor);
}
else if ($(this).val() == "打码") {
let ma_num = $("select[name='maxian'] option:selected").val();
} else if ($(this).val() == "打码") {
is_dama = true;
arr.push($(this).val() + ma_num + "个");
}else {
} else {
arr.push($(this).val());
}
}
}
});
if (is_dama) {
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 (ma_num > 1) {
if ((size.split("*")[0] < 13 || size.split("*")[1] < 4.5) && (size.split("*")[0] < 4.5 || size.split("*")[1] < 13)) {
layer.msg("打码尺寸小于13*4.5 cm不能打多个码", {offset: ['300px', '300px']}, function () {
});
return false;
}
}
}
if (kindValueSelect == '素芸') {
let color = $("select[name='craft']:not(:disabled) option:selected").val()
if (color) {