18237870573
/
youxi
forked from ps2hc5nfx/youxi
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ADD file via upload

Browse Source
master
18237870573 2 years ago
parent 7d30f0afd7
commit abfbffb17e
1 changed files with 174 additions and 0 deletions
Show Stats Download Patch File Download Diff File

174
src/main/webapp/WEB-INF/views/product/edit.jsp
Unescape View File

@ -0,0 +1,174 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@include file="../common/header.jsp"%>
<div class="easyui-panel" title="编辑商品" style="width:1200px;height:800px;">
<div style="padding:0px">
<form id="edit-form" method="post">
<input type="hidden" name="id" value="${product.id }">
<table cellspacing="15">
<tr>
<td width="60" align="right">商品分类:</td>
<td >
<select id="edit-categoryId" name="productCategoryId" idField="id" treeField="name" class="easyui-combotree easyui-validatebox" data-options="required:true, missingMessage:'请选择所属分类'" url="tree_list" panelHeight="256px" style="width:268px">
</select>
</td>
</tr>
<tr>
<td width="60" align="right">商品标题:</td>
<td ><input type="text" name="name" value="${product.name }" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写商品标题'" /></td>
</tr>
<tr>
<td width="60" align="right">商品主图:</td>
<td>
<input readonly="readonly" value="${product.imageUrl }" type="text" id="add-imageUrl" name="imageUrl" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请上传图片'" />
<a href="javascript:uploadPhoto()" id="upload-btn" class="easyui-linkbutton" iconCls="icon-upload">上传图片</a>
<a href="javascript:previewPhoto()" id="view-btn" class="easyui-linkbutton" iconCls="icon-eye">预览图片</a>
</td>
</tr>
<tr>
<td width="60" align="right">商品价格:</td>
<td><input type="text" name="price" value="${product.price }" class="wu-text easyui-numberbox easyui-validatebox" data-options="required:true,min:0,precision:2, missingMessage:'请填写商品价格'" /></td>
</tr>
<tr>
<td width="60" align="right">商品库存:</td>
<td ><input type="text" name="stock" value="${product.stock }" class="wu-text easyui-numberbox easyui-validatebox" data-options="required:true,min:0,precision:0, missingMessage:'请填写商品库存'" /></td>
</tr>
<tr>
<td align="right">详情描述:</td>
<td style="border:0px;"><textarea id="edit-content" name="content" style="width:600px;height:200px;">${product.content }</textarea></td>
</tr>
<tr>
<td align="right"></td>
<td style="border:0px;">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="submitForm()">提交</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-back" onclick="back()">返回</a>
</td>
</tr>
</table>
</form>
</div>
</div>
<div id="preview-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:420px;">
<table>
<tr>
<td>
<img src="${product.imageUrl }" id="preview-photo" width="400px">
</td>
</tr>
</table>
</div>
<div id="process-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-upload',title:'正在上传图片'" style="width:450px; padding:10px;">
<div id="p" class="easyui-progressbar" style="width:400px;" data-options="text:'正在上传中...'"></div>
</div>
<input type="file" id="photo-file" style="display:none;" onchange="upload()">
<%@include file="../common/footer.jsp"%>
<!-- 配置文件 -->
<script type="text/javascript" src="../../resources/admin/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="../../resources/admin/ueditor/ueditor.all.js"></script>
<!-- End of easyui-dialog -->
<script type="text/javascript">
var ue = UE.getEditor('edit-content');
//上传图片
function start(){
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}else{
$('#p').progressbar('setValue',0)
}
};
function upload(){
if($("#photo-file").val() == '')return;
var formData = new FormData();
formData.append('photo',document.getElementById('photo-file').files[0]);
$("#process-dialog").dialog('open');
var interval = setInterval(start,200);
$.ajax({
url:'../user/upload_photo',
type:'post',
data:formData,
contentType:false,
processData:false,
success:function(data){
clearInterval(interval);
$("#process-dialog").dialog('close');
if(data.type == 'success'){
$("#preview-photo").attr('src',data.filepath);
$("#add-imageUrl").val(data.filepath);
}else{
$.messager.alert("消息提醒",data.msg,"warning");
}
},
error:function(data){
clearInterval(interval);
$("#process-dialog").dialog('close');
$.messager.alert("消息提醒","上传失败!","warning");
}
});
}
function uploadPhoto(){
$("#photo-file").click();
}
function previewPhoto(){
$('#preview-dialog').dialog({
closed: false,
modal:true,
title: "预览商品主图",
buttons: [{
text: '确定',
iconCls: 'icon-ok',
handler: function(){
$('#preview-dialog').dialog('close');
}
}, {
text: '取消',
iconCls: 'icon-cancel',
handler: function () {
$('#preview-dialog').dialog('close');
}
}]
});
}
function submitForm(){
edit();
}
function back(){
window.history.go(-1);
}
/**
* 添加记录
*/
function edit(){
var validate = $("#edit-form").form("validate");
if(!validate){
$.messager.alert("消息提醒","请检查你输入的数据!","warning");
return;
}
var data = $("#edit-form").serialize();
$.ajax({
url:'edit',
dataType:'json',
type:'post',
data:data,
success:function(data){
if(data.type == 'success'){
$.messager.alert('信息提示','添加成功！','info');
window.history.go(-1);
}else{
$.messager.alert('信息提示',data.msg,'warning');
}
}
});
}
setTimeout(function(){
$("#edit-categoryId").combotree('setValue','${product.productCategoryId}');
},500);
</script>
Write Preview
Loading…
Cancel
Save