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/productImg/addImgUpload.jsp
+176
View File
@@ -0,0 +1,176 @@
<%@ 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-input,.layui-input-inline{
width:350px
}
.layui-upload-img{
height:100px;
width: 100px
}
.edge .layui-edge{
right:-50px;
}
.layui-input{
width:135%;
}
</style>
<body>
<div class="big_box">
<form class="layui-form">
<div class="layui-input-block">
<div class="layui-form-item">
<label class="layui-form-label">品种：</label>
<div class="layui-input-inline edge">
<select id="proTypeValue" name="proTypeValue" lay-filter="proTypeValue">
<option></option>
</select>
</div>
</div>
<br>
<div class="layui-form-item">
<label class="layui-form-label">种类1：</label>
<div class="layui-input-inline edge">
<select id="kindValue" name="kindValue" lay-filter="kindValue">
</select>
</div>
</div>
<br>
<div class="layui-form-item">
<label class="layui-form-label">种类2：</label>
<div class="layui-input-inline edge">
<select id="kind2Value" name="kind2Value" lay-filter="kind2Value">
</select>
</div>
</div>
<br>
<div class="layui-form-item">
<label class="layui-form-label">产品说明：</label>
<textarea rows="5" cols="60" id="remark"></textarea>
</div>
<button type="button" class="layui-btn" id="test2">多图片上传</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图：
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
</form>
</div>
</body>
<script>
layui.use(['form','upload'], function() {
var form = layui.form,
upload = layui.upload; // 只有执行了这一步，部分表单元素才会自动修饰成功
//一访问页面就调用
$.ajax({
url:"${pageContext.request.contextPath}/productList",
type : "GET",
dataType : "json",
success : function(result) {
var data = result.data.proMap
$.each(data,function(index,item){
$('#proTypeValue').append(new Option(item,index));//往下拉菜单里添加元素
});
layui.form.render("select");
}
});
var pro = ''
form.on('select(proTypeValue)', function(data) {
pro = data.value
$("#kindValue").empty();
form.render("select");
$.ajax({
url:"${pageContext.request.contextPath}/getKindsByPro",
type : "GET",
dataType : "json",
data:{
proTypeValue:data.value
},
success : function(result) {
$.each(result,function(index,item){
$('#kindValue').append(new Option(item,index));//往下拉菜单里添加元素
});
layui.form.render("select");
}
});
});
form.on('select(kindValue)', function(data) {
$("#kind2Value").empty();
form.render("select");
$.ajax({
url:"${pageContext.request.contextPath}/getKind2sByKind",
type : "GET",
dataType : "json",
data:{
proTypeValue:pro,
kindValue:data.value
},
success : function(result) {
console.log(result)
$.each(result,function(index,item){
$('#kind2Value').append(new Option(item,index));//往下拉菜单里添加元素
});
layui.form.render("select");
}
});
});
//多图片上传
upload.render({
elem: '#test2',
url: '${pageContext.request.contextPath}/productUpload', //改成您自己的上传接口
multiple: true,
data: {
proTypeValue: function(){
return $('#proTypeValue').val();
},
kindValue :function(){
return $('#kindValue').val();
},
kind2Value :function(){
return $('#kind2Value').val();
},
remark :function(){
return $('#remark').val();
},
},
// 上传之前
before: function(obj){
//预读本地文件示例，不支持ie8
obj.preview(function(index, file, result){
$('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'"class="layui-upload-img">')
});
},
done: function(res){
if (res.code == 200) {
layer.msg('操作成功！', {
icon : 6,
offset : "auto",
time : 2000
});//提示框
setTimeout(function(){
var index = parent.layer.getFrameIndex(window.name);//获取窗口索引
parent.layer.close(index);//关闭弹出层
parent.layui.table.reload("imgTableAll"); //重新加载页面表格
}, 2100);
}else {
layer.msg('上传出错了！', {
icon : 5,
offset : "auto",
time : 2000
});//提示框
}
}
});
});
</script>
</html>
src/main/webapp/views/productImg/imgUpload.jsp
+73
View File
@@ -0,0 +1,73 @@
<%@ 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>用户列表</title>
<%@include file="/views/common.jsp"%>
<style type="text/css">
.layui-table-cell{
height:32px;
line-height:32px;
}
.layui-table td, .layui-table th,.layui-table-header, .layui-table-page,.layui-table-tool, .layui-table-total, .layui-table-view{
border-color:#6666;
font-size:16px;
}
.ztree *{
font-size: 20px;
}
</style>
</head>
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container demoTable">
<button class="layui-btn layui-btn-sm" lay-event="mulAdd" ><i class="layui-icon layui-icon-add-circle-fine" style="font-size:20px;font-weight:bold"></i>上传图片</button>
</div>
</script>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"style="color:white;font-size:20px"></i>编辑</a>
</script>
<body>
<div class="layui-tab">
<ul class="layui-tab-title ">
<li><a href="${path}/views/readme.jsp">首页</a></li>
<li class="layui-this">产品图片上传</li>
</ul>
</div>
<form class="layui-form" action="">
<div class="layui-inline">
<label class="layui-form-label">产品种类</label>
<div class="layui-input-inline">
<input type="text" name="proTypeLabel" id="proTypeLabel" placeholder="请输入产品种类"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<button class="layui-btn" id="searchBtn" lay-submit lay-filter="formDemo" style="margin-left: 15px">
<i class="layui-icon layui-icon-search"></i> 查询
</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
<div class="layui-fluid">
<div class="layui-row">
<table class="layui-hide" id="imgTable"lay-data="imgTable" lay-filter="imgTable"></table>
<div class="layui-col-md12" id="editPers" style="display:none;">
<h3>角色权限</h3>
<hr>
<ul id="treeDemo" class="ztree"></ul>
<hr>
<button onclick="assignPers();" class="layui-btn layui-btn-fluid">授权</button>
</div>
</div>
</div>
<script src="${path}/js/imgUpload.js" charset="utf-8"></script>
</body>
</html>
src/main/webapp/views/productImg/updateImgUpload.jsp
+111
View File
@@ -0,0 +1,111 @@
<%@ 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-input {
width: 135%;
}
.btn_groups{
position: absolute;
bottom:-80px;
right:350px;
}
</style>
<body>
<div class="big_box">
<form class="layui-form">
<input id="id" type="hidden" name="id" />
<div class="layui-input-block">
<div class="layui-form-item">
<label class="layui-form-label">产品品种：</label>
<div class="layui-input-inline">
<input type="text" id="proTypeLabel" name="proTypeLabel" class="layui-input" readonly>
</div>
</div>
<br>
<div class="layui-form-item">
<label class="layui-form-label">种类1：</label>
<div class="layui-input-inline">
<input type="text" id="kindLabel" name="kindLabel" class="layui-input" readonly>
</div>
</div>
<br>
<div class="layui-form-item">
<label class="layui-form-label">种类2：</label>
<div class="layui-input-inline">
<input type="text" id="kind2Label" name="kind2Label" class="layui-input" readonly>
</div>
</div>
<br>
<div class="layui-form-item">
<label class="layui-form-label">产品说明：</label>
<!-- <textarea rows="5" cols="60" id="remark"></textarea> -->
<textarea id="remark" name="remark" lay-verify="remark" style="display: none;"></textarea>
</div>
<div class="layui-input-block btn_groups">
<button class="layui-btn" lay-submit="" lay-filter="formSub">立即提交</button>
</div>
</div>
</form>
</div>
</body>
<script>
layui.use([ 'form', 'upload', 'layedit' ], function() {
var form = layui.form, upload = layui.upload; // 只有执行了这一步，部分表单元素才会自动修饰成功
var layedit = layui.layedit;
//建立编辑器
var remark = layedit.build('remark', {
height : 200, //设置编辑器高度
width : 300
});
form.verify({
remark : function(value) {
return layedit.sync(remark);
}
});
layui.form.render();
//监听提交
form.on('submit(formSub)', function(data) {
$.ajax({
url : '${path}/updateImgUploadRemark',
dataType : 'json',
data : {
'id' : $("#id").val(),
'remark' : $("#remark").val()
},
type : 'post',
success : function(data) {
if (data.code == 200) {
layer.msg('修改成功！', {
icon : 6,
offset : "auto",
time : 1000
});//提示框
} else {
layer.msg('修改失败！', {
icon : 5,
offset : "auto",
time : 1000
});//提示框
}
setTimeout(function() {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);//关闭弹出层
parent.layui.table.reload('imgTableAll');//重新加载父页面表格
}, 1100);
}
});
return false;
});
});
</script>
</html>