You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1631 lines
72 KiB
Plaintext

2 months ago
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DD_OrderLookNew.aspx.cs" Inherits="TradeManage.DingDan.DD_OrderLookNew" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
<title>订单修改</title>
<link rel="stylesheet" type="text/css" href="../themes/New.css" />
<link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../themes/DataGrid.css" />
<link rel="stylesheet" type="text/css" href="../themes/uploadify.css" />
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../Scripts/DataGrid.js" type="text/javascript"></script>
<script src="../Scripts/DataPager.js" type="text/javascript"></script>
<script src="../Scripts/DateBox.js" type="text/javascript"></script>
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>
<script src="../Scripts/Global.js" type="text/javascript"></script>
<script type="text/javascript" src="../Scripts/uploadify/jquery.uploadify.js"></script>
<script src="../Scripts/ajaxfileupload.js" type="text/javascript"></script>
<script src="../Scripts/jquery.url.js" type="text/javascript"></script>
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
<script src="../Scripts/jquery.cookies.min.js" type="text/javascript"></script>
<script src="../Scripts/DatePicker/WdatePicker.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../Scripts/fancybox/jquery.fancybox-1.3.4.css"
media="screen" />
<script src="../Scripts/MaskedTextBox.js" type="text/javascript"></script>
<script type="text/javascript" src="../Scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="../Scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="../Scripts/kindeditor/kindeditor-min.js" type="text/javascript"></script>
<script src="../Scripts/kindeditor/lang/zh_CN.js" type="text/javascript"></script>
<script src="../Scripts/Global.js" type="text/javascript"></script>
<script type="text/javascript">
var datagrid1 = new nblf.ui.DataGrid("DataGrid1");
var datagrid2 = new nblf.ui.DataGrid("DataGrid2");
var name = "<%=Session["Name"]%>";
var OrderId = 0;
var ShopId = 0;
var index = -1;
var DetailId = 0;
var Title = "订单信息";
var WindowLoadModel = new WindowLoad();
$(document).ready(function () {
WindowLoadModel.ApplicationPath = "../";
WindowLoadModel.ControlID = "WindowLoad";
WindowLoadModel.Isbgiframe = true;
WindowLoadModel.Load();
ajaxInit(null);
OrderId = $.url.param("OrderId");
if (OrderId == undefined) {
OrderId = 0;
}
Title = $.url.param("Title");
if (Title == undefined) {
Title = "订单信息";
}
CreateRichTextBox();
// GetExpress();
$("#txt_num").MaskedTextBox();
$("#" + datagrid1.TableID + " input[CommandName='cmdEdit']").live("click", function () {
var RowIndex = $(this).parentsUntil("tr").parent().attr("index");
index = RowIndex;
var model = datagrid1.Get_Model(RowIndex);
$("#a_sku").html(model.GoodsSKU);
$("#a_name").html(model.GoodsName);
GetMateGoods(model.Id);
fopen();
});
$("#btn_Cancel").bind("click", $.fancybox.close);
CreateDataGrid();
CreateDataGrid2();
if (OrderId > 0) {
GetOrderModel();
GetOrderGoods();
GetLeaveWord();
}
$("#cmdBack").bind("click", function () {
//history.back(-1);
//window.parent.addTab("11111", "DingDan/DD_OrderLook.aspx", true);
window.parent.CloseTab("订单查看", Title);
});
$("#cmdEdit").bind("click", function () {
window.location.href = "DD_OrderGoodsMate.aspx?Title1=订单查看&Title=" + Title + "&OrderId=" + OrderId;
});
$("#btn_link").bind("click", function () {
window.open("http://trade.aliexpress.com/order_detail.htm?orderId=" + $("#txtPlatOrderCode").html());
});
$("a[image-name]").click(function () {
//$("#txtContent").val('<img src="../images/AliFace/26fixed.png" />');
KE.insertHtml($(this).html(), 'txtContent');
});
GetTempList();
$("#select_temp").bind("change", function () {
GetTempModel();
});
});
function GetTempModel() {
if ($("#select_temp").val() == "0") {
$("#btn_DelTemp").hide();
$("#txt_TempName").val("");
$("#txtContent").val("");
return;
}
$("#btn_DelTemp").show();
var param = new Object();
param.Id = $("#select_temp").val();
$.ajax({
url: "../BaseData.asmx/GetLY_Templete",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
if (data.d != null) {
$("#txt_TempName").val(data.d.TempName);
//$("#txtContent").val(data.d.TempContent);
KE.html(data.d.TempContent);
}
}
});
}
function DelTemp() {
if ($("#select_temp").val() == "0") {
return;
}
var param = new Object();
param.Id = $("#select_temp").val();
$.ajax({
url: "../BaseData.asmx/DeleteLY_Templete",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
alert("删除成功");
GetTempList();
$("#btn_DelTemp").hide();
}
});
}
function SaveTemp() {
if ($("#txt_TempName").val() == "") {
alert("请输入模板名称");
return;
}
if ($("#txtContent").val() == "") {
alert("请输入模板内容");
return;
}
var param = new Object();
var md = new Object();
md.TempName = $("#txt_TempName").val();
md.TempContent = KE.html(data.d.TempContent);// $("#txtContent").val();
param.model = md;
$.ajax({
url: "../BaseData.asmx/SaveLY_Templete",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
alert("保存成功");
GetTempList();
$("#btn_DelTemp").hide();
}
});
}
function GetTempList() {
$("#select_temp").empty();
$("#select_temp").append("<option value='0'>-选择-</option>");
$.ajax({
url: "../BaseData.asmx/GetTempleteList",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
if (data.d != null) {
$(data.d).each(function () {
$("#select_temp").append("<option value='" + this.Id + "'>" + this.TempName + "</option>");
});
}
}
});
}
function UpdateReadStateOne(ordercode) {
var param = new Object();
param.ordercode = ordercode;
$.ajax({
url: "DD_OrderService.asmx/UpdateLeavewordStateForOrder",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
}
});
}
var KE;
//#region 创建富文本框
function CreateRichTextBox() {
KindEditor.ready(function (K) {
KE = K.create('#txtContent', {
fileManagerJson: '../GlobalAshx/file_manager_json.ashx',
uploadJson: '../GlobalAshx/KindeditorUpload.ashx',
items: '[]',
allowFileManager: false
});
});
}
function fopen() {
$.fancybox({
'width': '40%',
'height': '40%',
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'href': '#test',
'onComplete': function () {
}
});
}
function GetExpress() {
$("#txtPost").append("<option value='0'>-选择-</option>");
// var param = new Object();
//param.OrderId = OrderId;
WindowLoadModel.Show();
$.ajax({
url: "../BaseData.asmx/GetExpressPostList",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
WindowLoadModel.Hide();
if (data.d != null) {
$(data.d).each(function () {
$("#txtPost").append("<option value='" + this.ExpressID + "'>" + this.Name + "</option>");
})
}
}
});
}
var GoodsList = new Array();
function GetOrderGoods() {
var param = new Object();
param.OrderId = OrderId;
WindowLoadModel.Show();
$.ajax({
url: "DD_OrderService.asmx/GetOrderGoodsListNew",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
GoodsList = data.d;
datagrid1.DataBind(data.d);
}
});
}
function GetMateGoods(Id) {
var param = new Object();
param.Id = Id;
WindowLoadModel.Show();
$.ajax({
url: "DD_OrderService.asmx/GetMateGoodsDetail",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
datagrid2.DataBind(data.d);
}
});
}
function GetOrderModel() {
var param = new Object();
param.OrderId = OrderId;
WindowLoadModel.Show();
$.ajax({
url: "DD_OrderService.asmx/GetOrderModelLook",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
WindowLoadModel.Hide();
if (data.d != null) {
ShopId = data.d.ShopId;
if (data.d.PlatId == 1)
$("#btn_link").show();
$("#txtShopName").html(data.d.ShopName);
$("#txtPlatOrderCode").html(data.d.PlatOrderCode);
if (Title == "未读留言")
UpdateReadStateOne(data.d.PlatOrderCode);
if (data.d.IsJoin == 1)
$("#sp_hb").html("【合】");
$("#txtTotalPrice").html(data.d.TotalPrice);
if (data.d.OrderDate != null)
$("#txtOrderDate").html(data.d.OrderDate.localeFormat("yyyy-MM-dd"));
if (data.d.InDate != null)
$("#txtInDate").html(data.d.InDate.localeFormat("yyyy-MM-dd"));
$("#txtRevName").html(data.d.RevName);
$("#txtRevCountry").html(data.d.RevCountry + "[" + data.d.CountryName + "]");
$("#txtRevAddr").html(data.d.RevAddr);
$("#txtRevPhone").html(data.d.RevPhone);
$("#txtRevMobile").html(data.d.RevMoblie);
$("#txtEmail").html(data.d.RevMail);
$("#txtRevPostCode").html(data.d.RevPostCode);
$("#txtPTPost").html(data.d.PostInfo);
$("#txtPost").html(data.d.FactPostInfo);
$("#txtOrderLevel").html(data.d.OrderLevel);
$("#txtTrackCode").html(data.d.TrackCode);
var error = "";
if (data.d.ErrorInfo != null)
error = data.d.ErrorInfo;
if (data.d.PostError != null && data.d.PostError != "")
error += error + data.d.PostError;
$("#txtErrorInfo").html(error);
if (data.d.State == 3)
$("#txtPostState").html("已取消订单");
else
if (data.d.PostState == 1)
$("#txtPostState").html("已发货");
else
$("#txtPostState").html("未发货");
if (data.d.PostDate != null)
$("#txtPostDate").html(data.d.PostDate.localeFormat("yyyy-MM-dd HH:mm"));
if (data.d.PrintState == 1)
$("#txtPrintState").html("已打印");
else
$("#txtPrintState").html("未打印");
if (data.d.PrintDate != null)
$("#txtPrintDate").html(data.d.PrintDate.localeFormat("yyyy-MM-dd HH:mm"));
if (data.d.PostState == 0)
$("#txtState").html("未发货");
else if (data.d.PostState == 1)
$("#txtState").html("已发货");
else if (data.d.PostState == 2)
$("#txtState").html("不允许发货");
$("#txtBuyRemark").html(data.d.BuyRemark);
//$("#txtLeaveWord").html(data.d.LeaveWord);
if (data.d.TotalWeight != null)
$("#txtTotalWeight").html(data.d.TotalWeight);
$("#txtRevProvince").html(data.d.RevProvince);
$("#txtRevCity").html(data.d.RevCity);
$("#txtRevArea").html(data.d.RevArea);
if (data.d.NoBuy == 1)
$("#chk_NoBuy").attr("checked", "checked");
}
else {
alert("找不到该订单");
$("#cmdEdit").hide();
$("#DataGrid1").hide();
}
}
});
}
function CreateDataGrid() {
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "货物名称";
col.CellTemplate = "<a>{Bind GoodsName}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "货物SKU";
col.CellTemplate = "<a>{Bind GoodsSKU}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "购买数量";
col.Width = "60px";
col.CellTemplate = "<a>{Bind GoodsNum}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "对应本地sku";
col.CellTemplate = "<a>{Bind SKUState}</a>";
Array.add(datagrid1.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "库存分配数量";
col.CellTemplate = "<a>{Bind LockNum}</a>";
Array.add(datagrid1.Columns, col);
//col = new nblf.ui.DataGridColumn();
//col.HeaderText = "操作";
//col.Width = "120px";
//col.CellTemplate = "<input CommandName='cmdEdit' class='btnClass dgbtnView' type='button' value='查看匹配信息'></input>";
//Array.add(datagrid1.Columns, col);
datagrid1.IsFixHeader = false;
datagrid1.ShowIndexColumn = false;
datagrid1.AllowPaging = false;
//datagrid1.Height = "260px";
datagrid1.SelectMode = nblf.ui.SelectMode.None;
datagrid1.Init();
}
function CreateDataGrid2() {
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "分配货物采购单号";
col.CellTemplate = "<a>{Bind ChaseCode}</a>";
col.Width = "120px";
Array.add(datagrid2.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "分配货物数量";
col.CellTemplate = "<a>{Bind LockNum}</a>";
Array.add(datagrid2.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "分配货物采购单价";
col.CellTemplate = "<a>{Bind Price}</a>";
Array.add(datagrid2.Columns, col);
col = new nblf.ui.DataGridColumn();
col.HeaderText = "实际出库数量";
col.CellTemplate = "<a>{Bind OutNum}</a>";
Array.add(datagrid2.Columns, col);
datagrid2.IsFixHeader = false;
datagrid2.ShowIndexColumn = false;
datagrid2.AllowPaging = false;
//datagrid1.Height = "260px";
datagrid2.SelectMode = nblf.ui.SelectMode.None;
datagrid2.Init();
}
function FindGoods() {
if ($("#txt_sku").val() == "") {
alert("请输入货物sku");
return;
}
var param = new Object();
param.SKU = $("#txt_sku").val();
WindowLoadModel.Show();
$.ajax({
url: "DD_OrderService.asmx/GetGoodsModelFromSku",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
if (data.d != null) {
DetailId = data.d.DetailId;
$("#a_goodsname").html(data.d.GoodsName);
$("#a_typecode").html(data.d.TypeDesc);
}
else {
alert("该sku对应货物不存在");
}
}
});
}
function UpdateGoods() {
if (DetailId == 0) {
alert("sku没有对应货物请修改sku对应好货物");
return;
}
if ($("#txt_num").val() == "") {
alert("请填写购买数量");
return;
}
if (index >= 0 && GoodsList != null) {
GoodsList[index].DetailId = DetailId
GoodsList[index].GoodsNum = $("#txt_num").val();
GoodsList[index].GoodsSKU = $("#txt_sku").val();
GoodsList[index].GoodsName = $("#a_goodsname").html();
}
datagrid1.DataBind(GoodsList);
$.fancybox.close();
}
function UpdateOrderInfo() {
var param = new Object();
var Model = new Object();
Model.OrderId = OrderId;
Model.OrderLevel = $("#txtOrderLevel").val();
Model.TotalPrice = $("#txtTotalPrice").val();
Model.TotalWeight = $("#txtTotalWeight").val();
Model.RevName = $("#txtRevName").val();
Model.RevCountry = $("#txtRevCountry").val();
Model.RevAddr = $("#txtRevAddr").val();
Model.RevPhone = $("#txtRevPhone").val();
Model.RevPostCode = $("#txtRevPostCode").val();
Model.SendInfo = $("#txtSendInfo").val();
Model.ErrorInfo = $("#txtErrorInfo").val();
Model.Post = $("#txtPost").val();
Model.PostFee = $("#txtPostFee").val();
Model.TrackCode = $("#txtTrackCode").val();
param.Model = Model;
param.GoodsList = GoodsList;
WindowLoadModel.Show();
$.ajax({
url: "DD_OrderService.asmx/UpdateOrderInfo",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
alert("修改成功");
}
});
}
function BackWord() {
if (jQuery.trim(KE.html()) == "")
{
alert("请输入回复内容");
return;
}
var param = new Object();
var list = new Array();
var md = new Object();
md.OrderCode = $("#txtPlatOrderCode").html();
md.OrderId = OrderId;
md.ShopId = ShopId;
md.BackContent = KE.html();
Array.add(list, md);
param.list = list;
$.ajax({
url: "../BaseData.asmx/SaveLY_Content2",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
alert("回复完成");
}
});
}
function GetLeaveWord() {
$("#tbly").empty();
var param = new Object();
param.OrderCode = $("#txtPlatOrderCode").html();
$.ajax({
url: "DD_OrderService.asmx/GetLeavewordFromOrder",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
success: function (data) {
if (data.d != null)
{
$(data.d).each(function () {
var shtml = '<tr><td width="15%" class="f1">' + this.senderLoginId + '<br />【' + this.wordCreateCN.localeFormat("yyyy-MM-dd HH:mm") + '】</td>';
shtml += '<td><div class="article">' + this.wordContent + '</div></td></tr>';
$("#tbly").append(shtml);
});
}
}
});
}
</script>
<style>
.td1 {
background-color: #C0C0C0;
font-size: xx-large;
font-family: 宋体;
font-weight: bolder;
color: #FFFFFF;
text-align: center;
}
.expression_list {
list-style: none;
padding: 0;
}
.expression_list li {
float: left;
}
.expression_list li a {
display: inline-block;
cursor: pointer;
float: left;
border: 1px solid #eaedf1;
overflow: hidden;
padding: 1px;
margin: -1px 0 0 -1px;
text-align: center;
}
.bubble {
margin: 0px auto;
width: 320px;
}
.demo {
margin-bottom: 20px;
padding-left: 50px;
position: relative;
}
.triangle {
position: absolute;
top: 50%;
margin-top: -8px;
left: 42px;
display: block;
width: 0;
height: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
border-bottom: 8px solid #FFF;
border-top: 8px solid #FFF;
border-left: none;
border-right: 8px solid #3079ED;
}
.article {
width: 400px;
float: left;
color: #FFF;
display: inline-block;
*display: inline;
zoom: 1;
padding: 5px 10px;
border: 1px solid #C0C0C0;
background: #eee;
border-radius: 5px;
background-color: #9999FF;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
}
.fr {
padding-left: 0px;
padding-right: 50px;
}
.fr .triangle {
left: auto;
right: 42px;
border-bottom: 8px solid #FFF;
border-top: 8px solid #FFF;
border-right: none;
border-left: 8px solid #3079ED;
}
.fr .article {
float: right;
}
.wrap {
width: 1000px;
margin: 0 auto;
padding: 90px 0;
}
</style>
</head>
<body class="headbody">
<div style="display: none">
<div id="test" title="货物匹配明细" style="width: 550px; height: 350px;">
<table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
<tr>
<td style="width: 15%;" class="f1">货物名称:
</td>
<td align="left">
<a id="a_name"></a>
</td>
</tr>
<tr>
<td style="width: 15%;" class="f1">货物SKU
</td>
<td align="left">
<a id="a_sku"></a>
</td>
</tr>
<tr>
<td colspan="2">
<div id="DataGrid2" class="DataGridStyle"></div>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input
id="btn_Cancel" type="button" class="btnClass btnClassClose" value="关 闭" />
</td>
</tr>
</table>
</div>
</div>
<div class="title_ico">
订单信息
</div>
<table border="1" cellpadding="0" cellspacing="0" style="width: 99%;" align="center" class="tableAll">
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0" style="width: 95%;" align="center" class="tableAll">
<tr>
<td class="td1" colspan="4">基本信息</td>
</tr>
<tr>
<td style="width: 120px" class="f1">订单号: </td>
<td width="35%">
<a id="txtPlatOrderCode"></a><span id="sp_hb"></span><a id="btn_link"
class="linka" style="display: none">跳转到速卖通订单</a>
</td>
<td style="width: 120px" class="f1">平台店铺:
</td>
<td width="35%">
<a id="txtShopName"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">订单日期:</td>
<td>
<a id="txtOrderDate"></a></td>
<td style="width: 120px" class="f1">导入日期:
</td>
<td>
<a id="txtInDate"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">订单总金额:</td>
<td>
<a id="txtTotalPrice"></a></td>
<td style="width: 120px" class="f1">订单状态:</td>
<td>
<a id="txtState"></a>
<input id="chk_NoBuy" type="checkbox" disabled="disabled" />暂不采购</td>
</tr>
<tr>
<td style="width: 120px" class="f1">物流方式:</td>
<td colspan="3">平台要求:<a id="txtPTPost"></a>实际选择:<a id="txtPost"></a></td>
</tr>
<tr>
<td style="width: 120px" class="f1">发货状态:</td>
<td>
<a id="txtPostState"></a></td>
<td style="width: 120px" class="f1">发货时间:</td>
<td>
<a id="txtPostDate"></a></td>
</tr>
<tr>
<td style="width: 120px" class="f1">是否打印:</td>
<td>
<a id="txtPrintState"></a></td>
<td style="width: 120px" class="f1">打印时间:</td>
<td>
<a id="txtPrintDate"></a></td>
</tr>
<tr>
<td style="width: 120px" class="f1">发货等级:</td>
<td><a id="txtOrderLevel"></a>
</td>
<td style="width: 120px" class="f1">跟踪码:</td>
<td><a id="txtTrackCode"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">货物重量(g)</td>
<td><a id="txtTotalWeight"></a>
</td>
<td style="width: 120px" class="f1">运费:</td>
<td><a id="txtPostFee"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">购买备注:</td>
<td colspan="3">
<div id="txtBuyRemark" style="width: 95%"></div>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">异常备注:</td>
<td colspan="3">
<div id="txtErrorInfo" style="width: 90%"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0" style="width: 95%;" align="center" class="tableAll">
<tr>
<td class="td1" colspan="4">买家信息</td>
</tr>
<tr>
<td style="width: 120px" class="f1">购买国家:</td>
<td width="35%"><a id="txtRevCountry"></a></td>
<td style="width: 120px" class="f1">收件人省:</td>
<td width="35%"><a id="txtRevProvince"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">收件人市:</td>
<td><a id="txtRevCity"></a></td>
<td style="width: 120px" class="f1">收件人区:</td>
<td><a id="txtRevArea"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">收件详细地址:</td>
<td colspan="3"><a id="txtRevAddr"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">收件人:</td>
<td>
<a id="txtRevName"></a>
</td>
<td style="width: 120px" class="f1">电话/手机:</td>
<td><a id="txtRevPhone"></a>&nbsp;&nbsp;<a id="txtRevMobile"></a>
</td>
</tr>
<tr>
<td style="width: 120px" class="f1">邮箱:</td>
<td>
<a id="txtEmail"></a></td>
<td style="width: 120px" class="f1">邮编:</td>
<td><a id="txtRevPostCode"></a></td>
</tr>
<tr>
<td style="width: 120px" class="f1">购买商品:</td>
<td colspan="3">
<div id="DataGrid1" class="DataGridStyle"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0" style="width: 95%;" align="center" class="tableAll">
<tr>
<td class="td1" colspan="4">留言信息</td>
</tr>
<tr>
<td colspan="2">
<table border="1" cellpadding="0" cellspacing="0" style="width: 80%;" align="center" class="tableAll" id="tbly">
<tr>
<td width="15%" class="f1">anna an<br />
【2015-08-07 15:30】</td>
<td>
<div class="article">我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了</div>
</td>
</tr>
<tr>
<td width="15%" class="f1">anna an<br />
2015-08-07 15:30</td>
<td>
<div class="article">我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了</div>
</td>
</tr>
<tr>
<td width="15%" class="f1">anna an<br />
2015-08-07 15:30</td>
<td>
<div class="article">我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了</div>
</td>
</tr>
<tr>
<td width="15%" class="f1">anna an<br />
2015-08-07 15:30</td>
<td>
<div class="article">我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了我发短信给你了</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="f1" width="15%">留言模板:</td>
<td><select id="select_temp" class="selectClass" style="width:120px" name="D1">
</select> <input id="btn_DelTemp" type="button" class="btnClass btnClassDel" value="删除模板" onclick="DelTemp()" style="display:none"/> <input id="txt_TempName" class="editTextbox" style="width:120px;" type="text" /><input id="btn_SaveTemp" type="button" class="btnClass btnClassSave" value="保存成新模板" onclick="SaveTemp();" />
</td>
</tr>
<tr>
<td class="f1" width="15%">回复:</td>
<td>
<div style="width: 67%; float: left">
<textarea id="txtContent" style="width: 100%; height: 300px;"></textarea>
</div>
<div class="col-md-4" style="width: 33%; float: left">
<ul class="expression_list" style="list-style: none; padding: 0">
<li>
<a href="javascript:void(0);" data-original-title="Smile" data-toggle="tooltip" image-name="0">
<img src="../images/AliFace/0fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Shy" data-toggle="tooltip" image-name="1">
<img src="../images/AliFace/1fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Tongue" data-toggle="tooltip" image-name="2">
<img src="../images/AliFace/2fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Titter" data-toggle="tooltip" image-name="3">
<img src="../images/AliFace/3fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Admire" data-toggle="tooltip" image-name="4">
<img src="../images/AliFace/4fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Risus" data-toggle="tooltip" image-name="5">
<img src="../images/AliFace/5fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Dance" data-toggle="tooltip" image-name="6">
<img src="../images/AliFace/6fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Blow a Kiss" data-toggle="tooltip" image-name="7">
<img src="../images/AliFace/7fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Comfort" data-toggle="tooltip" image-name="8">
<img src="../images/AliFace/8fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Hug" data-toggle="tooltip" image-name="9">
<img src="../images/AliFace/9fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Put on steam" data-toggle="tooltip" image-name="10">
<img src="../images/AliFace/10fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Victory" data-toggle="tooltip" image-name="11">
<img src="../images/AliFace/11fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Strong" data-toggle="tooltip" image-name="12">
<img src="../images/AliFace/12fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Kiss" data-toggle="tooltip" image-name="13">
<img src="../images/AliFace/13fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Anthomaniac" data-toggle="tooltip" image-name="14">
<img src="../images/AliFace/14fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Grin" data-toggle="tooltip" image-name="15">
<img src="../images/AliFace/15fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Seek" data-toggle="tooltip" image-name="16">
<img src="../images/AliFace/16fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Call out" data-toggle="tooltip" image-name="17">
<img src="../images/AliFace/17fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Cast accounts" data-toggle="tooltip" image-name="18">
<img src="../images/AliFace/18fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Miser" data-toggle="tooltip" image-name="19">
<img src="../images/AliFace/19fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Good idea" data-toggle="tooltip" image-name="20">
<img src="../images/AliFace/20fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Grimace" data-toggle="tooltip" image-name="21">
<img src="../images/AliFace/21fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Angel" data-toggle="tooltip" image-name="22">
<img src="../images/AliFace/22fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Good bye" data-toggle="tooltip" image-name="23">
<img src="../images/AliFace/23fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Drool" data-toggle="tooltip" image-name="24">
<img src="../images/AliFace/24fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Enjoy" data-toggle="tooltip" image-name="25">
<img src="../images/AliFace/25fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Erotomania" data-toggle="tooltip" image-name="26">
<img src="../images/AliFace/26fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Dumbstruck" data-toggle="tooltip" image-name="27">
<img src="../images/AliFace/27fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Thinking" data-toggle="tooltip" image-name="28">
<img src="../images/AliFace/28fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Puzzle" data-toggle="tooltip" image-name="29">
<img src="../images/AliFace/29fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Query" data-toggle="tooltip" image-name="30">
<img src="../images/AliFace/30fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="No money" data-toggle="tooltip" image-name="31">
<img src="../images/AliFace/31fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Bored" data-toggle="tooltip" image-name="32">
<img src="../images/AliFace/32fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Suspect" data-toggle="tooltip" image-name="33">
<img src="../images/AliFace/33fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Hush" data-toggle="tooltip" image-name="34">
<img src="../images/AliFace/34fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Complacent" data-toggle="tooltip" image-name="35">
<img src="../images/AliFace/35fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Shake head" data-toggle="tooltip" image-name="36">
<img src="../images/AliFace/36fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Cold" data-toggle="tooltip" image-name="37">
<img src="../images/AliFace/37fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Awkward" data-toggle="tooltip" image-name="38">
<img src="../images/AliFace/38fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Smirk" data-toggle="tooltip" image-name="39">
<img src="../images/AliFace/39fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Amazed" data-toggle="tooltip" image-name="40">
<img src="../images/AliFace/40fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="However" data-toggle="tooltip" image-name="41">
<img src="../images/AliFace/41fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Sweat" data-toggle="tooltip" image-name="42">
<img src="../images/AliFace/42fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Loneliness" data-toggle="tooltip" image-name="43">
<img src="../images/AliFace/43fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Sleepy" data-toggle="tooltip" image-name="44">
<img src="../images/AliFace/44fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Faint" data-toggle="tooltip" image-name="45">
<img src="../images/AliFace/45fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Distressed" data-toggle="tooltip" image-name="46">
<img src="../images/AliFace/46fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Grievance" data-toggle="tooltip" image-name="47">
<img src="../images/AliFace/47fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Sob" data-toggle="tooltip" image-name="48">
<img src="../images/AliFace/48fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Cry" data-toggle="tooltip" image-name="49">
<img src="../images/AliFace/49fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Wail" data-toggle="tooltip" image-name="50">
<img src="../images/AliFace/50fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Obey" data-toggle="tooltip" image-name="51">
<img src="../images/AliFace/51fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Sorry" data-toggle="tooltip" image-name="52">
<img src="../images/AliFace/52fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Bye" data-toggle="tooltip" image-name="53">
<img src="../images/AliFace/53fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Frown" data-toggle="tooltip" image-name="54">
<img src="../images/AliFace/54fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="So tired" data-toggle="tooltip" image-name="55">
<img src="../images/AliFace/55fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Fall ill" data-toggle="tooltip" image-name="56">
<img src="../images/AliFace/56fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Vomit" data-toggle="tooltip" image-name="57">
<img src="../images/AliFace/57fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Fall on evil days" data-toggle="tooltip" image-name="58">
<img src="../images/AliFace/58fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Surprised" data-toggle="tooltip" image-name="59">
<img src="../images/AliFace/59fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Stunned" data-toggle="tooltip" image-name="60">
<img src="../images/AliFace/60fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Shut up" data-toggle="tooltip" image-name="61">
<img src="../images/AliFace/61fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Due to flat" data-toggle="tooltip" image-name="62">
<img src="../images/AliFace/62fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Despise you" data-toggle="tooltip" image-name="63">
<img src="../images/AliFace/63fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Rage" data-toggle="tooltip" image-name="64">
<img src="../images/AliFace/64fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Angry" data-toggle="tooltip" image-name="65">
<img src="../images/AliFace/65fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Mammon" data-toggle="tooltip" image-name="66">
<img src="../images/AliFace/66fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Learn from lei feng" data-toggle="tooltip" image-name="67">
<img src="../images/AliFace/67fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Wishing you prosperity" data-toggle="tooltip" image-name="68">
<img src="../images/AliFace/68fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Waiter" data-toggle="tooltip" image-name="69">
<img src="../images/AliFace/69fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Boss" data-toggle="tooltip" image-name="70">
<img src="../images/AliFace/70fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Evil" data-toggle="tooltip" image-name="71">
<img src="../images/AliFace/71fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Challenge" data-toggle="tooltip" image-name="72">
<img src="../images/AliFace/72fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="CS" data-toggle="tooltip" image-name="73">
<img src="../images/AliFace/73fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Invisible man" data-toggle="tooltip" image-name="74">
<img src="../images/AliFace/74fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Bomb" data-toggle="tooltip" image-name="75">
<img src="../images/AliFace/75fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Scream" data-toggle="tooltip" image-name="76">
<img src="../images/AliFace/76fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Beautiful girl" data-toggle="tooltip" image-name="77">
<img src="../images/AliFace/77fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Handsome boy" data-toggle="tooltip" image-name="78">
<img src="../images/AliFace/78fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Fortune cat" data-toggle="tooltip" image-name="79">
<img src="../images/AliFace/79fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Deal" data-toggle="tooltip" image-name="80">
<img src="../images/AliFace/80fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Handclap" data-toggle="tooltip" image-name="81">
<img src="../images/AliFace/81fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Handshake" data-toggle="tooltip" image-name="82">
<img src="../images/AliFace/82fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Lips" data-toggle="tooltip" image-name="83">
<img src="../images/AliFace/83fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Rose" data-toggle="tooltip" image-name="84">
<img src="../images/AliFace/84fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Wither" data-toggle="tooltip" image-name="85">
<img src="../images/AliFace/85fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Heart" data-toggle="tooltip" image-name="86">
<img src="../images/AliFace/86fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Heartbreak" data-toggle="tooltip" image-name="87">
<img src="../images/AliFace/87fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Money" data-toggle="tooltip" image-name="88">
<img src="../images/AliFace/88fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Shopping" data-toggle="tooltip" image-name="89">
<img src="../images/AliFace/89fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Gift" data-toggle="tooltip" image-name="90">
<img src="../images/AliFace/90fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Email" data-toggle="tooltip" image-name="91">
<img src="../images/AliFace/91fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Phone" data-toggle="tooltip" image-name="92">
<img src="../images/AliFace/92fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Cheers" data-toggle="tooltip" image-name="93">
<img src="../images/AliFace/93fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Clock" data-toggle="tooltip" image-name="94">
<img src="../images/AliFace/94fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Waiting" data-toggle="tooltip" image-name="95">
<img src="../images/AliFace/95fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Late" data-toggle="tooltip" image-name="96">
<img src="../images/AliFace/96fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Plane" data-toggle="tooltip" image-name="97">
<img src="../images/AliFace/97fixed.png" />
</a>
</li>
<li>
<a href="javascript:void(0);" data-original-title="Alipay" data-toggle="tooltip" image-name="98">
<img src="../images/AliFace/98fixed.png" />
</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input id="cmdSave" type="button" value="保存留言" class="btnClass btnClassSave" onclick="BackWord();" /></td>
</tr>
</table>
<div id="txtLeaveWord" style="width: 95%"></div>
</td>
</tr>
<tr>
<td align="center">
<input id="cmdBack" type="button" value="返 回" class="btnClass btnClassBack" />&nbsp;
<input id="cmdEdit" type="button" value="编辑订单" class="btnClass btnClassEdit" /></td>
</tr>
</table>
</body>
</html>