123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386 |
- <%@ page language="java" contentType="text/html; charset=utf-8"
- pageEncoding="utf-8"%>
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
- <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="renderer" content="webkit|ie-comp|ie-stand">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <link href="${pageContext.request.contextPath }/common/admin/css/H-ui.min.css" rel="stylesheet" type="text/css" />
- <link href="${pageContext.request.contextPath }/common/admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
- <link href="${pageContext.request.contextPath }/common/admin/css/style.css" rel="stylesheet" type="text/css" />
- <link href="${pageContext.request.contextPath }/common/admin/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
- <title>添加商品</title>
- </head>
- <body>
- <div class="pd-20">
- <form action="${pageContext.request.contextPath }/admin/goods/addGoodsUI" class="form form-horizontal" id="form-addGoods" method="POST" enctype="multipart/form-data">
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品名称:</label>
- <div class="formControls col-10">
- <input id="goodsInfoGoodname" name="goodsInfoGoodname" type="text" class="input-text" value="" placeholder="" >
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品简称:</label>
- <div class="formControls col-10">
- <input id="goodsInfoDescname" name="goodsInfoDescname" type="text" class="input-text" value="" placeholder="">
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品类型:</label>
- <div class="formControls col-2"> <span class="select-box">
- <select id="goodstype" name="goodsInfoType" class="select" onchange="showHidden();">
- <option value="1">销售产品</option>
- <option value="2">积分产品</option>
- </select>
- </span>
- </div>
- <label id="integralLabel" class="form-label col-2" style="display: none">所需积分:</label>
- <div id="integralDiv" class="formControls col-2" style="display: none">
- <input id="integral" name="goodsInfoIntegralNum" type="text" class="input-text" value="" placeholder="" >
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>所属分类:</label>
- <div class="formControls col-2"> <span class="select-box">
- <select id="goodsInfoTId" name="goodsInfoTId" class="select" >
- <c:forEach items="${typeNameList }" var="infolist">
- <option value="${infolist.goodTypeId }">${infolist.goodTypename }</option>
- </c:forEach>
- </select>
- </span>
- </div>
- <label class="form-label col-2"><span class="c-red">*</span>商品重量:</label>
- <div class="formControls col-4">
- <input id="goodsInfoWeight" type="text" name="goodsInfoWeight" placeholder="" value="" class="input-text" style="width:90%">kg</div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品原价:</label>
- <div class="formControls col-2">
- <input id="goodsInfoPrice" type="text" name="goodsInfoPrice" id="" placeholder="" value="" class="input-text" style="width:90%">元</div>
- <label class="form-label col-2"><span class="c-red">*</span>商品优惠价:</label>
- <div class="formControls col-2">
- <input id="goodsInfoDiscount" type="text" name="goodsInfoDiscount" id="" placeholder="" value="" class="input-text" style="width:90%">元</div>
- </div>
- <div class="row cl">
- <label id="integralLabel" class="form-label col-2"><span class="c-red">*</span>品牌:</label>
- <div id="integralDiv" class="formControls col-2">
- <input id="goodsInfoBrand" name="goodsInfoBrand" type="text" class="input-text" value="水时代" placeholder="">
- </div>
- <label id="integralLabel" class="form-label col-2"><span class="c-red">*</span>商品原料:</label>
- <div id="integralDiv" class="formControls col-2">
- <input id="goodsInfoIngredients" name="goodsInfoIngredients" type="text" class="input-text" value="" placeholder="">
- </div>
- </div>
- <div class="row cl">
- <!-- <label id="integralLabel" class="form-label col-2">是否推荐上首页:</label>
- <div class="formControls col-2"> <span class="select-box">
- <select id="goodsInfoIndex" name="goodsInfoIndex" class="select">
- <option value="1">推荐到首页</option>
- <option value="2">不推荐到首页</option>
- </select>
- </span>
- </div> -->
- <label class="form-label col-2"><span class="c-red">*</span>产地:</label>
- <div class="formControls col-2">
- <input id="goodsInfoOrigin" name="goodsInfoOrigin" type="text" class="input-text" value="" placeholder="">
- </div>
- </div>
- <div class="row cl">
- <label id="integralLabel" class="form-label col-2"><span class="c-red">*</span>安装方式:</label>
- <div class="formControls col-2">
- <input id="goodsInfoInstallation" name="goodsInfoInstallation" type="text" class="input-text" value="" placeholder="">
- </div>
- <label class="form-label col-2"><span class="c-red">*</span>寿命:</label>
- <div class="formControls col-2">
- <input id="goodsInfoLife" name="goodsInfoLife" type="text" class="input-text" value="" placeholder="">
- </div>
- </div>
- <div class="row cl">
- <label id="integralLabel" class="form-label col-2"><span class="c-red">*</span>是否属于净水机:</label>
- <div class="formControls col-2"> <span class="select-box">
- <select id="goodsInfoIs" name="goodsInfoIs" class="select">
- <option value="1">属于净水机</option>
- <option value="2">滤芯</option>
- <option value="3">其他</option>
- </select>
- </span>
- </div>
- </div>
- <div class="row cl">
- <label id="integralLabel" class="form-label col-2"><span class="c-red">*</span>保质期:</label>
- <div id="integralDiv" class="formControls col-2">
- <input id="goodsInfoShelf" name="goodsInfoShelf" type="text" class="input-text" value="" placeholder="" style="width:90%">天</div>
- <label id="integralLabel" class="form-label col-2">备注:</label>
- <div id="integralDiv" class="formControls col-2">
- <textarea id="" name="goodsInfoNote" class="textarea-text" placeholder="" style="width:200px;height:60px;"></textarea>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>包装类型:</label>
- <div id="integralDiv" class="formControls col-2">
- <input id="goodsInfoPackagingType" name="goodsInfoPackagingType" type="text" class="input-text" value="" placeholder="">
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品介绍:</label>
- <div class="formControls col-5">
- <textarea id="goodsInfoGooddesc" name="goodsInfoGooddesc" cols="" rows="" class="textarea"></textarea>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品封面图:</label>
- <div class="col-10 ">
- <input type="file" name="file" size="50">
- </div>
- </div>
- <div class="row cl">
- </div>
-
- <div id="introductionFigure" class="row cl">
- <label class="form-label col-2"><span class="c-red">*</span>商品介绍图:</label>
- <input name="goodsimages" class="urlClass1" type="text" id="url1" value="" /> <i class="Hui-iconfont"></i> <input type="button" class="addImagesClass btn btn-primary radius upload-btn" id="imageFile1" value="选择图片" /> <input type="button" class="addImagesClass btn btn-primary radius upload-btn" onclick="preview();" id="previewFigure" value="预览介绍图" />
- </div>
- <div id="spots" class="row cl">
- <label class="form-label col-2"></label>
- <input id="addimages" class="btn btn-primary radius upload-btn" type="button" value="新增介绍图" />
- </div>
- <div class="row cl">
- <div class="col-10 col-offset-2">
- <button onClick="return admin_addGoods();" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 保存</button>
- </div>
- </div>
- <!-- 已售数量 -->
- <input type="hidden" name="goodsInfoSalesnum" value="0">
- <!-- 浏览量 -->
- <input type="hidden" name="goodsInfoAccessnum" value="0">
-
- </form>
- </div>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/jquery/1.9.1/jquery.min.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/lib/layer/1.9.3/layer.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/H-ui.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/H-ui.admin.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/tips.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/ueditor.all.min.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/admin/js/ueditor.config.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/js/utils/tools.js"></script>
- <script type="text/javascript" src="${pageContext.request.contextPath }/common/js/utils/jquery-1.9.1.min.js"></script>
- <script charset="utf-8" src="/ratfw/common/other/kingedit/kindeditor-min.js"></script>
- <script charset="utf-8" src="/ratfw/common/other/kingedit/lang/zh_CN.js"></script>
- <!-- 注册文本编辑器 -->
- <script type="text/javascript">
- KindEditor.ready(function(K) {
- window.editor = K.create('#goodsInfoGooddesc',{
- fileManagerJson : '/ratfw/common/other/kingedit/jsp/file_manager_json.jsp',
- uploadJson : '/ratfw/common/other/kingedit/jsp/upload_json.jsp',
- allowFileManager : true,
- afterBlur: function(){this.sync();},
- /*items:[], */
- width : '920px'
- });
- });
- </script>
- <script type="text/javascript">
- //鼠标经过放大介绍图
- function bigger(obj){
- obj.style.width = '70px';
- obj.style.height = '70px';
- }
- function smaller(obj){
- obj.style.width = '50px';
- obj.style.height = '50px';
- }
- //预览介绍图
- function preview(){
- var url = $("input[name='goodsimages']");
- var previewName = $("img[name='previewName']");
- //清空预览图片
- for (var i=0;i<previewName.length;i++)
- {
- previewName[i].remove();
- }
- //显示已上传图片
- for (var i=0;i<url.length;i++)
- {
- if(url[i].value != ""){
- $('div#introductionFigure').before(
- '<img name="previewName" onmouseover="bigger(this)" onmouseout="smaller(this)" style="border:2px solid #0A6999;width:50px;height:50px" src='+url[i].value+'></img>'
- );
- }
- }
- $("#previewFigure").val("刷新预览");
- }
- $(document).ready(function(){
- showHidden();
- addBtnEvent(1);
- var spotMax = 10;
- var ids = document.getElementsByName('goodsimages').length;
- if(ids >= spotMax) {
- ("#addimages").hide();
- }
- $("input#addimages").click(function(){
- addSpot(this, spotMax);
- });
- });
- function addSpot(obj, sm) {
- var goodsimagess = document.getElementsByName('goodsimages').length;
- var ids = "imageFile"+(goodsimagess+1);
- var urls = "url"+(goodsimagess+1);
- var imagesClass = "urlClass"+(goodsimagess+1);
- $('div#spots').before(
- '<div class="row cl">'+
- '<label class="form-label col-2"></label>'+
- '<input name="goodsimages" class='+imagesClass+' type="text" id='+urls+'/>'+
- ' <i class="Hui-iconfont"></i> '+
- '<input type="button" class="addImagesClass btn btn-primary radius upload-btn" id='+ids+' value="选择图片" />' +
- ' <input type="button" class="remove btn btn-primary radius upload-btn" onclick="removes(this)" value="删除" /></div>')
- if((goodsimagess-1) >= sm) {
- $("#addimages").hide();
- }
- //给新增的按钮绑定事件
- addBtnEvent((goodsimagess+1));
- };
- //删除新增的上传组件
- function removes(obj){
- $(obj).parent().remove();
- $("#addimages").show();
- preview();
- }
- //
- function addBtnEvent(goodsimagess){
- KindEditor.ready(function(K) {
- var editor = K.editor({
- fileManagerJson : '/ratfw/common/other/kingedit/jsp/file_manager_json.jsp',
- uploadJson : '/ratfw/common/other/kingedit/jsp/upload_json.jsp',
- allowFileManager : true
- });
- K('#imageFile'+goodsimagess).click(function() {
- var imgid = $(this).attr("id");//获取当前ID
- var imagesClass = "urlClass"+imgid.substr(imgid.length-1,1);
- editor.loadPlugin('image', function() {
- editor.plugin.imageDialog({
- showRemote : false,
- imageUrl : K('.'+imagesClass).val(),
- clickFn : function(url, title, width, height, border, align) {
- K('.'+imagesClass).val(url);
- editor.hideDialog();
- return false;
- }
- });
- });
- });
-
- });
- }
- //控制所需积分显示或隐藏
- function showHidden(){
- var showhidden = $("#goodstype").val();
- if(showhidden == "2"){
- document.getElementById("integralDiv").style.display="";//隐藏
- document.getElementById("integralLabel").style.display="";//隐藏
- $("#integral").val("");//清空所需积分的值
- }else if((showhidden == "1")){
- document.getElementById("integralDiv").style.display="none";//显示
- document.getElementById("integralLabel").style.display="none";//显示
- }
- }
- function admin_addGoods(){
- //商品名称数据验证
- if(!commonLengthJdg('goodsInfoGoodname',1,60,null,true)){
- layer.msg("商品名称长度为1-30位",{icon: 2,time:2000});
- return false;
- }
- //商品简称数据验证
- if(!commonLengthJdg('goodsInfoDescname',1,20,null,true)){
- layer.msg("商品简称长度为1-10位",{icon: 2,time:2000});
- return false;
- }
- if($("#goodstype").val() == 2){
- //所需积分数据验证
- if(!commonLengthJdg('integral',1,9,null,true)){
- layer.msg("所需积分长度为1-9位",{icon: 2,time:2000});
- return false;
- }
- if(!commonTypeJdg('integral','money',null,true)){
- layer.msg("积分不能为空或格式错误",{icon: 2,time:2000});
- return false;
- }
- }
- //商品重量数据验证
- if(!commonLengthJdg('goodsInfoWeight',1,100,null,true)){
- layer.msg("商品重量长度为1-100位",{icon: 2,time:2000});
- return false;
- }
- //商品原价数据验证
- if(!commonTypeJdg('goodsInfoPrice','money',null,true)){
- layer.msg("商品原价须为金钱格式",{icon: 2,time:2000});
- return false;
- }
- if(!commonLengthJdg('goodsInfoPrice',1,9,null,true)){
- layer.msg("商品原价长度为1-9位",{icon: 2,time:2000});
- return false;
- }
- //商品优惠价数据验证
- if(!commonTypeJdg('goodsInfoDiscount','money',null,true)){
- layer.msg("商品优惠价须为金钱格式",{icon: 2,time:2000});
- return false;
- }
- if(!commonLengthJdg('goodsInfoDiscount',1,9,null,true)){
- layer.msg("商品优惠价长度为1-9位",{icon: 2,time:2000});
- return false;
- }
- //品牌数据验证
- if(!commonLengthJdg('goodsInfoBrand',1,100,null,true)){
- layer.msg("品牌长度为1-50位",{icon: 2,time:2000});
- return false;
- }
- //商品原料数据验证
- if(!commonLengthJdg('goodsInfoIngredients',1,500,null,true)){
- layer.msg("商品原料长度为1-250位",{icon: 2,time:2000});
- return false;
- }
- //保质期数据验证
- if(!commonLengthJdg('goodsInfoShelf',1,10,null,true)){
- layer.msg("保质期长度为1-5位",{icon: 2,time:2000});
- return false;
- }
- //商品包装数据验证
- if(!commonLengthJdg('goodsInfoPackagingType',1,10,null,true)){
- layer.msg("商品包装长度为1-5位",{icon: 2,time:2000});
- return false;
- }
- //场地数据验证
- if(!commonLengthJdg('goodsInfoOrigin',1,10,null,true)){
- layer.msg("场地长度为1-5位",{icon: 2,time:2000});
- return false;
- }
- //安装方式数据验证
- if(!commonLengthJdg('goodsInfoInstallation',1,10,null,true)){
- layer.msg("安装方式长度为1-5位",{icon: 2,time:2000});
- return false;
- }
- //寿命数据验证
- if(!commonLengthJdg('goodsInfoLife',1,10,null,true)){
- layer.msg("寿命长度为1-5位",{icon: 2,time:2000});
- return false;
- }
- }
- </script>
- </body>
- </html>
|