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.

431 lines
14 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TJ_OrderLoan.aspx.cs" Inherits="TradeManage.TongJi.TJ_OrderLoan" %>
<!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/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../themes/New.css" />
<link rel="stylesheet" type="text/css" href="../themes/DataGrid.css" />
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../Scripts/highcharts.js"></script>
<script type="text/javascript" src="../Scripts/exporting.js"></script>
<script src="../Scripts/MicrosoftAjax.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/jquery.url.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 src="../Scripts/WindowLoad.js" type="text/javascript"></script>
<script src="../Scripts/DatePicker/WdatePicker.js" type="text/javascript"></script>
<script type="text/javascript">
var CompareId = 0;
var WindowLoadModel = new WindowLoad();
$(document).ready(function () {
ajaxInit(WindowLoadModel);
CompareId = $.url.param("Id");
if (CompareId == undefined) {
CompareId = 0;
}
//$("#txt_SDate").val("2015-07-01");
//$("#txt_EDate").val("2015-07-30");
$("#div1").empty();
GetProductDetail();
$("#btn_sch").bind("click", function () {
GetProductCount();
});
$("#chk_all").live("click", function () {
if ($(this).is(":checked") == true)
$("#div_product input").attr("checked", "checked");
else
$("#div_product input").removeAttr("checked");
});
$("#select_chart").bind("change",function () {
GetProductCountChart();
});
});
function GetProductDetail() {
var param = new Object();
param.CompareId = CompareId;
WindowLoadModel.Show();
$.ajax({
url: "HuoWuService.asmx/GetCompareDetailList",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
WindowLoadModel.Hide();
if (data.d != null) {
$("#div_product").append("<input type='checkbox' id='chk_all' />全选<br/>");
$(data.d).each(function () {
$("#div_product").append("<input type='checkbox' no='" + this.Id + "'/><span>" + this.ProductDesc + "[" + this.ProductId+ "]</span>");
});
}
}
});
}
var itemlist = new Array();
function GetOrderCountItem() {
var param = new Object();
param.PlatType = $("#select_plat").val();
param.SDate = $("#txt_SDate").val();
param.EDate = $("#txt_EDate").val();
$.ajax({
url: "TJ_CountServer.asmx/GetOrderCountItem",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
if (data.d != null) {
itemlist = data.d;
CreateDataGrid();
}
}
});
}
var cate = new Array();
var datas = "";
var arr1 = new Array();
function GetProductCount() {
var param = new Object();
var list = new Array();
$("#div_product input[no]:checked").each(function () {
var md = new Object();
md.Id = $(this).attr("no");
md.ProductDesc = $(this).next("span").html();
Array.add(list, md);
});
if (list.length <= 0) {
alert("请选择要比较分析的产品");
return;
}
if ($("#txt_SDate").val() == "" || $("#txt_EDate").val() == "") {
alert("请填写要分析的日期范围");
return;
}
param.list = list;
param.SDate = $("#txt_SDate").val();
param.EDate = $("#txt_EDate").val();
$.ajax({
url: "HuoWuService.asmx/GetProductCount",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
if (data.d == "-1")
{
alert("结束日期不能答应开始日期");
return;
}
else if (data.d == "-2")
{
alert("日期范围不能超过1个月");
return;
}
$("#div1").html(data.d);
GetProductCountChart();
}
}
});
}
var DgData = new Array();
function GetProductCountChart() {
var param = new Object();
var list = new Array();
$("#div_product input[no]:checked").each(function () {
var md = new Object();
md.Id = $(this).attr("no");
md.ProductDesc = $(this).next("span").html();
Array.add(list, md);
});
if (list.length <= 0) {
alert("请选择要比较分析的产品");
return;
}
if ($("#txt_SDate").val() == "" || $("#txt_EDate").val() == "") {
alert("请填写要分析的日期范围");
return;
}
param.list = list;
param.SDate = $("#txt_SDate").val();
param.EDate = $("#txt_EDate").val();
param.ChartType = $("#select_chart").val();
$.ajax({
url: "HuoWuService.asmx/GetProductCountChart",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
if (data.d != null) {
cate = data.d.categories;
if ($("#select_chart").val() == "1")
Unit = "(件)";
else
Unit = "(美元)";
datas = data.d.Data;
subTitle = $("#txt_SDate").val() + "--" + $("#txt_EDate").val();
//DgData = data.d.listData;
SetChart();
}
}
});
}
function getData() {
//var data = "[{name: '速卖通',data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]}, {name: '亚马逊',data: [5, 5.5, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]}, {name: 'EBay',data: [3, 3, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]}, {name: 'Wish',data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]}]";
var dataJsonobj = eval("(" + datas + ")");//转换成json对象
return dataJsonobj;
}
var Title = "产品对比数据分析";
var subTitle = "2015年04月15日--2015年04月20日";
var secondTitle = "产品数据比较";
var Unit = "(件)";
function SetChart() {
$('#container').highcharts({
title: {
text: Title,
x: -20 //center
},
subtitle: {
text: subTitle,
x: -20
},
xAxis: {
categories: cate
},
yAxis: {
minPadding: 0,
startOnTick: false,
title: {
text: secondTitle
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: Unit
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: getData()
});
}
function CreateDataGrid() {
Array.clear(datagrid1.Columns);
var col = new nblf.ui.DataGridColumn();
col.HeaderText = "店铺平台";
col.CellTemplate = "<a>{Bind ShopName}</a>";
Array.add(datagrid1.Columns, col);
$(itemlist).each(function () {
col = new nblf.ui.DataGridColumn();
col.HeaderText = this.name;
col.CellTemplate = "<span>{Bind " + this.dataname + "}</span>";
Array.add(datagrid1.Columns, col);
});
datagrid1.IsFixHeader = false;
datagrid1.ShowIndexColumn = false;
datagrid1.AllowPaging = false;
datagrid1.Width = "100%";
datagrid1.SelectMode = nblf.ui.SelectMode.None;
datagrid1.Init();
}
</script>
<style type="text/css">
.auto-style1 {
height: 17px;
}
</style>
</head>
<body class="headbody">
<div class="title_ico">
放款统计分析
</div>
<table border="1" cellpadding="0" cellspacing="0" style="width: 99%;" align="center" class="tableAll">
<tr>
<td class="f1" width="13%">&nbsp;</td>
<td>
&nbsp;</td>
<td>
&nbsp;</td>
</tr>
<tr>
<td class="f1" width="13%">日期范围:</td>
<td>
<div id="div_date">
<input id="txt_SDate" class="editTextbox" onfocus="WdatePicker()" style="width: 120px;" type="text" />-<input id="txt_EDate" class="editTextbox" onfocus="WdatePicker()" style="width: 120px;" type="text" />
</div>
</td>
<td>
<input id="btn_sch" class="btnClass btnClassFind" type="button" value="查询" /></td>
</tr>
<tr>
<td class="f1" width="13%">店铺:</td>
<td>
<div id="div_product"></div>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td valign="top" colspan="3">
<div id="div1">
<table border="1" cellpadding="0" cellspacing="0" style="width: 99%;" align="center" class="DataGridTableStyle">
<tr class="HeaderStyle">
<th rowspan="2">日期范围/金额</th>
<th colspan="4" class="auto-style1">已放款</th>
<th colspan="4" rowspan="2" class="auto-style1">冻结款</th>
</tr>
<tr class="HeaderStyle">
<th>总金额</th>
<th>平台佣金</th>
<th>其它费用</th>
<th>实际到账</th>
</tr>
<tr class="DataGridRowStyle">
<td>2015-07-24</td>
<td>16</td>
<td>美元:$1200,人民币¥2000</td>
<td>$12.5</td>
<td>$12.5</td>
<td>18</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td></tr>
<tr class="DataGridRowStyle">
<td>2015-07-24</td>
<td>16</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td>
<td>18</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td></tr>
<tr class="DataGridRowStyle">
<td>2015-07-24</td>
<td>16</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td>
<td>18</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td></tr>
<tr class="DataGridRowStyle">
<td>2015-07-24</td>
<td>16</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td>
<td>18</td>
<td>$12.5</td>
<td>$12.5</td>
<td>$12.5</td></tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>