view.html
3.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Yoho!Buy运营平台</title>
<script src="/ufoPlatform/js/include.js"></script>
<style>
.sub-info th{
font-size: 16px;
text-align: right;
width: 30%;
}
.sub-info td{
font-size: 16px;
width: 70%;
}
</style>
</head>
<body class="easyui-layout">
<div region="north" style="height:90px;">
<script>
document.write(addHead('商品管理', '卖家自主货号申请'));
</script>
</div>
<div id="businessDiv" region="center">
<table id="businessTable" class="sub-info" frame="void" width="80%" cellpadding="16" align="center">
<tr>
<th>品牌<font color="red">*</font></th>
<td id="brandValue"></td>
</tr>
<tr>
<th>商品名称<font color="red">*</font></th>
<td id="productNameValue"></td>
</tr>
<tr>
<th>发售价</th>
<td id="priceValue"></td>
</tr>
<tr>
<th>发售时间</th>
<td id="saleTimeValue"></td>
</tr>
<tr>
<th>货号<font color="red">*</font></th>
<td id="productCodeValue"></td>
</tr>
<tr>
<th>单品封面图<font color="red">*</font></th>
<td id="imageListTd"></td>
</tr>
</table>
<br>
<br>
</div>
<div style="display: none">
<div id="dlg" class="datagrid-toolbar" style="padding:5px;">
<img id="simg" src="" alt="" width="800">
</div>
</div>
<script>
$(function() {
var param=window.location.search;
var id = getQueryString(param, "id");
getDetailInfo(id);
//放大图片预览
$(".pimg").click(function(){
var _this = $(this);//将当前的pimg元素作为_this传入函数
var src = _this.attr("src");
//var index = src.indexOf("?");
//src = src.substring(0, index);
//window.open(src);
download(src);
});
});
function download(url) {
$('#dlg').dialog({
title: '预览',
width: 800,
height: 600,
resizable: false,
closed: false,
cache: false,
modal: true
});
$("#simg").attr("src", url);
}
function getDetailInfo(id){
var form = new FormData();
form.append("id", id);
//发送请求
$.ajax({
type: "POST",
url: contextPath + '/selfShelves/getDetailById',
data: form,
async: false,
cache: false,
contentType: false,
processData: false,
dataType: 'json',
success: function (result) {
if(result.code == 200) {
$("#brandValue").html(result.data.brand.replace(/</ig, '<').replace(/>/ig, '>'));
$("#productNameValue").html(result.data.productName.replace(/</ig, '<').replace(/>/ig, '>'));
$("#priceValue").html(result.data.price);
$("#saleTimeValue").html(result.data.saleTime);
$("#productCodeValue").html(result.data.productCode.replace(/</ig, '<').replace(/>/ig, '>'));
var imageStr = "";
for (var i=0;i<result.data.imageList.length;i++){
imageStr += "<img height='132px;' width='211px;' class='pimg' src='"+result.data.imageList[i]+"'/>";
if(i%3==0 && i!=0) {
imageStr += "<br/>"
}
}
$("#imageListTd").html(imageStr);
$.parser.parse($("#imageListTd").parent());
}
else {
$.messager.alert("失败", result.message, "error");
}
}
});
}
function getQueryString(paraPart,name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = paraPart.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
</script>
</body>
</html>