|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8"/>
|
|
|
|
<title>Yoho!Buy运营平台</title>
|
|
|
|
<script src="/ufoPlatform/js/include.js?version=6.9.3"></script>
|
|
|
|
</head>
|
|
|
|
<body class="easyui-layout" fit="true">
|
|
|
|
<div region="north" style="height:230px;">
|
|
|
|
<script>
|
|
|
|
document.write(addHead('订单管理', '扫描快递单截屏'));
|
|
|
|
</script>
|
|
|
|
<div style="margin-left: 10px;margin-top: 30px">
|
|
|
|
<div style="border:1px solid #ddd;border-radius:5px 5px 5px 5px;">
|
|
|
|
<div style="margin-left: 10px;margin-top: 20px;margin-bottom: 20px">
|
|
|
|
<input id="waybillCode" name="waybillCode" />
|
|
|
|
<a id="searchBtn" class="btn-info">筛选</a>
|
|
|
|
<a id="clearBtn" class="btn-success">清除筛选</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="screenshotsDiv" region="center">
|
|
|
|
<table id="screenshotsTable">
|
|
|
|
</table>
|
|
|
|
</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() {
|
|
|
|
$("#waybillCode").textbox({
|
|
|
|
prompt: "卖家物流单号"
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#searchBtn").linkbutton({
|
|
|
|
iconCls : "icon-search",
|
|
|
|
onClick: function () {
|
|
|
|
var param = {};
|
|
|
|
param.waybillCode = $('#waybillCode').val();
|
|
|
|
$("#screenshotsTable").myDatagrid("load", param);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// 清除筛选
|
|
|
|
$("#clearBtn").linkbutton({
|
|
|
|
iconCls : "icon-search",
|
|
|
|
onClick: function () {
|
|
|
|
$('#waybillCode').textbox('setValue', '');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
loadMainList();
|
|
|
|
|
|
|
|
//放大图片预览
|
|
|
|
$(".pimg").click(function(){
|
|
|
|
alert("****");
|
|
|
|
var _this = $(this);//将当前的pimg元素作为_this传入函数
|
|
|
|
var src = _this.attr("src");
|
|
|
|
alert(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 loadMainList(){
|
|
|
|
$("#screenshotsTable").myDatagrid({
|
|
|
|
fit: true,
|
|
|
|
fitColumns: true,
|
|
|
|
striped: true,
|
|
|
|
url: contextPath + "/expressScreenshots/queryByWaybillCode",
|
|
|
|
method: 'POST',
|
|
|
|
loadFilter: function (data) {
|
|
|
|
var temp = defaultLoadFilter(data);
|
|
|
|
temp=null==temp?[]:temp;
|
|
|
|
temp.rows = temp.list;
|
|
|
|
return temp;
|
|
|
|
},
|
|
|
|
columns: [[{
|
|
|
|
title: "卖家物流单号",
|
|
|
|
field: "waybillCode",
|
|
|
|
width: 20,
|
|
|
|
align: "center"
|
|
|
|
}, {
|
|
|
|
title: "截屏",
|
|
|
|
field: "picList",
|
|
|
|
width: 80,
|
|
|
|
align: "center",
|
|
|
|
formatter: function (value, rowData, rowIndex) {
|
|
|
|
var imageStr = "<table><tbody><tr>";
|
|
|
|
if(value != null){
|
|
|
|
for (var i = 0 ;i < value.length; i++){
|
|
|
|
imageStr += "<td><img height='200px;' width='150px;' class='pimg' src='"+value[i].url+"'/>";
|
|
|
|
//imageStr += "<br>创建时间："+value[i].createTimeStr+"<br>操作人："+value[i].createUserName;
|
|
|
|
imageStr += "</td>";
|
|
|
|
if((i+1) % 5 == 0 && 0 != i && i != (value.length - 1)) {
|
|
|
|
imageStr += "</tr><tr>";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
imageStr = imageStr + "</tr></tbody></table>";
|
|
|
|
|
|
|
|
return imageStr;
|
|
|
|
}
|
|
|
|
}]],
|
|
|
|
cache: false,
|
|
|
|
pagination: true,
|
|
|
|
pageSize: 10,
|
|
|
|
idField: "id",
|
|
|
|
singleSelect: true,
|
|
|
|
onLoadSuccess: function (data) {
|
|
|
|
if (data.total == 0) {
|
|
|
|
$(this).datagrid('appendRow', { waybillCode: '<div style="text-align:center;color:red">无数据！</div>' }).datagrid('mergeCells', { index: 0, field: 'waybillCode', colspan: 2 })
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|
