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

first commit

Browse Source
This commit is contained in:
zhuyiyi
2025-02-20 15:14:38 +08:00
commit 70e3764011
1113 changed files with 107789 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/webapp/views/product/coaster.jsp
+314
View File
@@ -0,0 +1,314 @@
<%@ 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>
<!-- 杯垫 -->
<style>
.layui-form-checkbox[lay-skin=primary] i {
border-radius: 50px;
width: 18px;
height: 18px;
line-height: 18px;
margin-top: 3px;
}
.layui-form-checkbox[lay-skin=primary] span {
color: black;
margin-top: 3px;
font-size: 14px;
}
</style>
<body>
<div class="big_box">
<div class="left_div">
<h1 class="h2">杯垫</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>
<!--<input type="radio" name="kindValue" lay-filter="kindValue" value="3" title="350克铜版纸" checked>-->
<input type="radio" name="kindValue" lay-filter="kindValue" value="6" title="600克铜版纸" checked>
<input type="radio" name="kindValue" lay-filter="kindValue" value="4" title="900克双胶纸" checked>
</div>
<div class="tagOther">
<p>
尺寸(CM/厘米) <span style="font-size: 14px; color: red">输入格式: 长 * 宽</span>
</p>
<div class="layui-form-item">
<input type="text" name="size" placeholder="格式:长*宽" id="size" class="layui-input"
autocomplete="off">
</div>
<p>
数量(张)
</p>
<div class="layui-form-item">
<select name="count" class="select">
<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-input-block">
<input type="radio" name="craftQie" lay-filter="craftQie" value="异形模切" title="异形模切" checked>
|&nbsp;&nbsp;&nbsp;
<span>
<input type="radio" id="non" name="craftMo" lay-filter="craftMo" la value="不覆膜" title="不覆膜"
checked>
</span>
<span style="display: none">
<input type="radio" id="double" name="craftMo" lay-filter="craftMo" la value="双面覆哑膜"
title="双面覆哑膜">
</span>
|&nbsp;&nbsp;&nbsp;
<!--<span class="ui_gy_1">
<input type="radio" name="craftTang" lay-filter="switch" value="无" title="无">
<input type="radio" name="craftTang" lay-filter="switch" value="单面烫金" title="单面烫金">
<input type="radio" name="craftTang" lay-filter="switch" value="双面烫金" title="双面烫金">
</span>-->
<input type="radio" name="kind2Value" value="无" title="无" checked>
<input type="radio" name="kind2Value" value="单面烫黄金" title="单面烫黄金">
<input type="radio" name="kind2Value" value="单面凹凸" title="单面凹凸">
<input type="radio" name="kind2Value" 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>
<!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
<div>
<textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
</div>-->
<div>
<table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
</div>
</form>
</div>
<div class="right_div">
<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>
<script src="../../js/carousel.js" charset="utf-8"></script>
<%@include file="/views/copyResult.jsp" %>
<script>
layui.use(['table', 'form'], function () {
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
var table = layui.table;
/*form.on('checkbox(switch)', function(data) {
// 压痕压点线只能选一个
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;
}
}) */
form.on('radio(kindValue)', function (kindValueData) {
if (kindValueData.value == '3') {
$(".ui_gy_1").show();
$(".ui_gy_2").hide();
} else {
$(".ui_gy_1").hide();
$(".ui_gy_2").show();
if (kindValueData.value == '4') {
$('#double').prop('checked', false);
$('#non').prop('checked', true);
$("#double").parent('span').hide();
$('#non').parent('span').show();
}
if (kindValueData.value == '6') {
$('#double').prop('checked', true);
$('#non').prop('checked', false);
$('#non').parent('span').hide();
$("#double").parent('span').show();
}
}
form.render();
})
// 点击计算，计算价格
form.on('submit(acount_btn)', function (data) {
/* var wangwang = $("#wangwang").val();
if(wangwang == ""){
layer.msg("请填写客户旺旺号！",{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 size = $("#size").val();
var count = $("select[name='count'] option:selected").text();
var craftTang = $('input[name="craftTang"]:checked').val();
var arr = [];
arr.push(craftMo);
if (!kindValue) {
layer.msg("请选择材质", {offset: ['300px', '300px']}, function () {
});
return false;
}
if (kindValue == 4) {
if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {
layer.msg("【杯垫900克】尺寸不能低于4*4 cm!", {offset: ['300px', '300px']}, function () {
});
return false;
}
}
$("#proTypeValue").val("杯垫");
if ((kindValue == 3)) {
if (craftQie == "异形模切") {
if ((size.split("*")[0] > 21 || size.split("*")[1] > 21)) {
layer.msg("【900克双胶纸】尺寸不能小于21*21 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)) {
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);
} else {
$("#proTypeValue").val("杯垫");
}
}
form.render();
}
}
}
var number = $("#number").val();
kindValueData = {
3: "350克铜版纸",
6: "600克铜版纸",
4: "900克双胶纸"
};
$.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 = '杯垫 - ' + kindValueData[kindValue] + ' - ' + size + '厘米\n' + "工艺： " + craftQie + ', ' + 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 += '包邮，免费设计呢~（偏远地区需补邮费）'
$("#span_result").val(span_result);
var craft = craftQie + arr;
getRemark("杯垫", size, count + "张", kindValueData[kindValue], 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>
</html>