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.

2176 lines
91 KiB
Plaintext

2 months ago
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Indexerpbook.aspx.cs" Inherits="TradeManageNew.Indexerpbook" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>宁波业远产品电子相册管理系统</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="description" content="ERP系统">
<meta name="author" content="ERP系统">
<%-- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,700' rel='stylesheet' type='text/css'>--%>
<!--[if lt IE 10]>
<script src="cmcss/assets/js/media.match.min.js"></script>
<script src="cmcss/assets/js/placeholder.min.js"></script>
<![endif]-->
<link href="cmcss/assets/fonts/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link href="cmcss/assets/css/styles.css?a=1065" type="text/css" rel="stylesheet">
<link href="cmcss/assets/plugins/jstree/dist/themes/avalon/style.min.css" type="text/css" rel="stylesheet">
<link href="cmcss/assets/plugins/codeprettifier/prettify.css" type="text/css" rel="stylesheet">
<link href="cmcss/assets/plugins/iCheck/skins/minimal/blue.css" type="text/css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries. Placeholdr.js enables the placeholder attribute -->
<!--[if lt IE 9]>
<link href="cmcss/assets/css/ie8.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<script type="text/javascript" src="cmcss/assets/plugins/charts-flot/excanvas.min.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The following CSS are included as plugins and can be removed if unused-->
<link href="cmcss/assets/plugins/form-daterangepicker/daterangepicker-bs3.css" type="text/css" rel="stylesheet">
<!-- DateRangePicker -->
<link href="cmcss/assets/plugins/switchery/switchery.css" type="text/css" rel="stylesheet">
<!-- Switchery -->
<link href="cmcss/assets/plugins/fullcalendar/fullcalendar.css" type="text/css" rel="stylesheet">
<!-- FullCalendar -->
<script src="cmcss/assets/js/jquery-1.10.2.min.js"></script>
<!-- Load jQuery -->
<script src="cmcss/assets/js/jqueryui-1.9.2.min.js"></script>
<!-- Load jQueryUI -->
<script src="cmcss/assets/js/bootstrap.min.js"></script>
<!-- Load Bootstrap -->
<script src="cmcss/assets/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
<!-- Slimscroll for custom scrolls -->
<script src="cmcss/assets/plugins/sparklines/jquery.sparklines.min.js"></script>
<!-- Sparkline -->
<script src="cmcss/assets/plugins/jstree/dist/jstree.min.js"></script>
<!-- jsTree -->
<script src="cmcss/assets/plugins/codeprettifier/prettify.js"></script>
<!-- Code Prettifier -->
<script src="cmcss/assets/plugins/bootstrap-switch/bootstrap-switch.js"></script>
<!-- Swith/Toggle Button -->
<script src="cmcss/assets/plugins/bootstrap-tabdrop/js/bootstrap-tabdrop.js"></script>
<!-- Bootstrap Tabdrop -->
<script src="cmcss/assets/plugins/iCheck/icheck.min.js"></script>
<!-- iCheck -->
<script src="cmcss/assets/js/enquire.min.js"></script>
<!-- Enquire for Responsiveness -->
<script src="cmcss/assets/plugins/bootbox/bootbox.js"></script>
<!-- BOOTBOX -->
<script src="cmcss/assets/js/application.js"></script>
<%-- <script src="cmcss/assets/demo/demo.js"></script>
<script src="cmcss/assets/demo/demo-switcher.js"></script>--%>
<!-- End loading site level scripts -->
<!-- Load page level scripts-->
<script src="cmcss/assets/plugins/form-daterangepicker/daterangepicker.js"></script>
<!-- Date Range Picker -->
<script src="cmcss/assets/plugins/form-daterangepicker/moment.min.js"></script>
<!-- Moment.js for Date Range Picker -->
<script src="cmcss/assets/plugins/easypiechart/jquery.easypiechart.js"></script>
<!-- EasyPieChart -->
<script src="cmcss/assets/plugins/powerwidgets/js/powerwidgets.js"></script>
<!-- PowerWidgets -->
<script src="cmcss/assets/plugins/switchery/switchery.js"></script>
<!-- Switchery -->
<script src="cmcss/assets/plugins/fullcalendar/fullcalendar.min.js"></script>
<!-- FullCalendar -->
<script type="text/javascript" src="code/highmaps.js"></script>
<script type="text/javascript" src="code/modules/data.js"></script>
<script type="text/javascript" src="code/exporting.js"></script>
<%-- <script type="text/javascript" src="code/themes/gray.src.js"></script>--%>
<script type="text/javascript" src="code/us-all.js?a=14"></script>
<script src="Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="Scripts/Global.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/highcharts.js"></script>
<link rel="stylesheet" type="text/css" href="Scripts/fancybox/jquery.fancybox-1.3.4.css"
media="screen" />
<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>
<!-- End loading page level scripts-->
<script>
var UserName = "<%=Session["UserName"]%>";
var name = "<%=Session["Name"]%>";
var KTSKU = "<%=Session["KTSKU"]%>";
var UserId = "<%=Session["UserId"]%>";
var CType = 1;
var iszk = 0;
var iscz = 0;
$(function () {
ajaxInit(null);
GetMenu();
$("#leftmenu-trigger").click(function () {
if (iszk == 0) {
$("#bd_1").removeClass('infobar-offcanvas');
$("#bd_1").addClass('infobar-offcanvas sidebar-collapsed');
iszk = 1;
}
else if (iszk == 1) {
$("#bd_1").removeClass('infobar-offcanvas sidebar-collapsed');
$("#bd_1").addClass('infobar-offcanvas');
iszk = 0;
}
});
$("#Mytab").on("click", "img[mno]", function () {
var mno = $(this).attr("mno");
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
});
$("#ul_menu").on("click", "a", function () {
var url = $(this).attr("murl");
var tget = $(this).attr("tget");
$("#li_ym").show();
if (url != null && url != "") {
$("#div_sy").hide();
$("#div_cd").show();
var mno = $(this).attr("mno");
var mname = $(this).attr("mname");
// SaveMenuLOG(mno, mname);
if (tget == "1") {
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
$("#Mytab").append('<li role="presentation" mno="' + mno + '"><a href="#mu_' + mno + '" role="tab" data-toggle="tab" id="tab5">' + mname + '<img src="css2/icons/clear.png" mno="' + mno + '" /></a></li>');
$("#div_tab").append('<div role="tabpane5" class="tab-pane" id="mu_' + mno + '" mno="' + mno + '"> <iframe src="' + url + '" width="100%" style="height:900px" frameborder="0" scrolling="yes"></iframe></div>');
$('#Mytab a:last').tab('show');//初始化显示哪个tab
}
else
window.open(url);
}
});
$("#sp_name,#a_name").html(name);
addTab("产品相册", "ebook/ebooklist.aspx", true);
});
var ismess = 0;
//#endregion
var messlist = new Array();
function wopen() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "UserServiceNew2.asmx/GetListWindowMess4",
data: "{}",
dataType: "json",
async: false,
success: function (data) {
if (data.d!=null) {
$("#div_mess").html(data.d[0].Content);
$('#myModal').modal("show");
}
},
error: function (xhr, status) {
if (status != "success")
{ }
}
});
}
function wopen2() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "UserServiceNew2.asmx/GetListWindowMess4",
data: "{}",
dataType: "json",
async: false,
success: function (data) {
if (data.d != null) {
alert(data.d[0].Content);
$("#div_content").html(data.d[0].Content);
fopen();
}
},
error: function (xhr, status) {
if (status != "success")
{ }
}
});
}
function ReadMess()
{
if (messlist[0].Content.length > 0) {
//$.messager.show({
// title: '',
// width: 350,
// height: 150,
// msg: '<table width="100%" height="100%" style="border-collapse: collapse; background-color:lightyellow"><tr><td>' + messlist[0].Content + '</td></tr><tr><td><a onclick="messclose('+messlist[0].Id+')" style="cursor: pointer; text-decoration: underline; color: blue;">已读关闭</a></td></tr></table>',
// timeout: 0,
// showType: 'fade'
//});
}
Array.removeAt(messlist, 0);
// ismess = 1;
}
function messclose(id)
{
var param = new Object();
param.Id = id;
$.ajax({
url: "SysManage/SysManageService.asmx/MessRead",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
cache: false,
success: function (data) {
}
});
ismess = 0;
$(".messager-body").window('close');
wopen();
}
function GetLeftSolid() {
if (UserId > 1)
return;
var fee1 = 0;
var fee2 = 0;
$.ajax({
url: "../SysManageServiceNew.asmx/GetStoreFeeCount",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
if (data.d != null) {
fee1 = data.d.Rate1;
fee2 = data.d.Rate2;
}
}
});
$.ajax({
url: "BaseData.asmx/GetLeftSolid",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
$(data.d).each(function () {
if (this.StoreName == "RANCHO")
$("#ck_lf").append('<span class="sp_1" sname=' + this.StoreName + '>' + this.StoreName + '剩余</span><span class="sp_1" sname=' + this.StoreName + '>【' + this.LeftSolid + '立方】库存价值:【' + fee1.toFixed(0) + '$】</span><br/>');
else if (this.StoreName == "E仓east)")
$("#ck_lf").append('<span class="sp_1" sname=' + this.StoreName + '>' + this.StoreName + '剩余</span><span class="sp_1" sname=' + this.StoreName + '>【' + this.LeftSolid + '立方】库存价值:【' + fee2.toFixed(0) + '$】</span><br/>');
else
$("#ck_lf").append('<span class="sp_1" sname=' + this.StoreName + '>' + this.StoreName + '剩余</span><span class="sp_1" sname=' + this.StoreName + '>【' + this.LeftSolid + '立方】</span><br/>');
});
}
}
});
}
function addTab(name, url, flag) {
var url = url;
var tget = "1";
// $("#li_ym").show();
if (url != null && url != "") {
$("#div_sy").hide();
$("#div_cd").show();
var mno = name;
var mname = name;
// SaveMenuLOG(mno, mname);
if (tget == "1") {
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
$("#Mytab").append('<li role="presentation" mno="' + mno + '"><a href="#mu_' + mno + '" role="tab" data-toggle="tab" id="tab5">' + mname + '<img src="css2/icons/clear.png" mno="' + mno + '" /></a></li>');
$("#div_tab").append('<div role="tabpane5" class="tab-pane" id="mu_' + mno + '" mno="' + mno + '"> <iframe src="' + url + '" width="100%" style="height:900px" frameborder="0" scrolling="yes"></iframe></div>');
$('#Mytab a:last').tab('show');//初始化显示哪个tab
}
else
window.open(url);
}
}
//#region 保存
function SavePassWord() {
var param = new Object();
param.UserName = $("#txt_UserName").val();
param.OldPassword = $("#txt_OldPassWord").val();
param.NewPassWord = $("#txt_PassWord").val();
var NewPassWord2 = $("#txt_PassWordSure").val();
if (param.UserName == "") { alert("请填写用户名"); return; }
if (param.OldPassword == "") { alert("请填写原密码"); return; }
if (param.NewPassWord == "") { alert("请填写新密码"); return; }
//var regu = /\w*[0-9]+\w*$/;
//var regu2 = /\w*[a-zA-Z]+\w*$/;
//if (!regu.test(param.NewPassWord) || !regu2.test(param.NewPassWord)) {
// alert("密码必须大于6位且必须包含字母和数字");
// return;
//}
if (param.NewPassWord != NewPassWord2) { alert("二次新密码不一样"); return; }
$.ajax({
url: "UserService.asmx/UpdatePassWord",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
cache: false,
success: function (data) {
if (data.d == 1) {
alert("修改成功");
$.fancybox.close();
}
else if (data.d == 0) {
alert("原密码错误");
}
else if (data.d == -1) {
alert("该用户名已经存在");
}
}
});
}
//#endregion
function ShowFancybox() {
$("#txt_UserName").val(UserName);
$("#txt_OldPassWord").val("");
$("#txt_PassWord").val("");
$("#txt_PassWordSure").val("");
$.fancybox({
'scrolling': 'no',
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'href': '#test33',
'onClosed': function () {
}
}, 0);
}
function GetDefaultData2() {
if (UserId > 1)
return;
var param = new Object();
$.ajax({
url: "../BaseDataNew.asmx/GetDefaultDataForTM3",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
$("#sp_Num101").html("【" + data.d.TSoild1 + "方】【" + data.d.Price1 + "¥】");
// $("#sp_Num102").html("【立方:" + data.d.TSoild6+"】");
// $("#sp_Num103").html("【立方:" + data.d.TSoild2+"】");
$("#sp_Num104").html("【" + data.d.TSoild3 + "方】【" + data.d.Price3 + "¥】");
// $("#sp_Num105").html("【立方:" + data.d.TSoild4+"】");
// $("#sp_Num106").html("【立方:" + data.d.TSoild5+"】");
}
}
});
}
function GetDefaultDataGoodsCode2() {
$("#sp_Num18").empty();
var param = new Object();
param.Days = -1;
$.ajax({
url: "HuoWuServiceNew.asmx/GetDefaultDataForGoodsCode22",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
$("#sp_Num18").html(data.d);
}
}
});
}
function GetDefaultDataGoodsCode() {
var param = new Object();
param.Days = -1;
$.ajax({
url: "HuoWuServiceNew.asmx/GetDefaultDataForGoodsCode11",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
$("#sp_Num19").html(data.d);
}
}
});
}
function GetDefaultDataGoodsCode3() {
var param = new Object();
param.Days = 0;
$.ajax({
url: "HuoWuServiceNew.asmx/GetDefaultDataForGoodsCode22",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
$("#sp_Num20").html(data.d);
}
}
});
}
function GetDefaultDataGoodsCode4() {
var param = new Object();
param.Days = 0;
$.ajax({
url: "HuoWuServiceNew.asmx/GetDefaultDataForGoodsCode11",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
$("#sp_Num21").html(data.d);
}
}
});
}
function GetDefaultData() {
var param = new Object();
var st = new Date();
param.st = st;//'2015-04-10';
param.MRate = 0.4;
$.ajax({
url: "SysManageServiceNew.asmx/GetDefaultDataForTM2",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
if (data.d.Num12 > 0 || data.d.Num13 > 0)
$("#sp_Num").html("" + data.d.Num + "西【" + data.d.Num12 + "】东【" + data.d.Num13 + "】");
else
$("#sp_Num").html("" + data.d.Num + "");
$("#sp_TotalPriceUSD").html(data.d.TotalPriceUSD.toFixed(0) + "$今:" + data.d.TotalPriceUSD2.toFixed(0) + "$");
$("#sp_SiglePriceUSD").html(data.d.SiglePriceUSD.toFixed(0) + "$ " + data.d.SiglePrice.toFixed(0) + "¥");
if (data.d.Num14 > 0 || data.d.Num15 > 0)
$("#sp_Num2").html("" + data.d.Num2 + "西【" + data.d.Num14 + "】东【" + data.d.Num15 + "】");
else
$("#sp_Num2").html("" + data.d.Num2 + "");
if (data.d.Num16 > 0 || data.d.Num17 > 0)
$("#sp_Num3").html("【" + data.d.Num3 + "】西【" + data.d.Num16 + "】东【" + data.d.Num17 + "】");
else
$("#sp_Num3").html("【" + data.d.Num3 + "】");
$("#sp_Num4").html("发货金额:【" + data.d.Num4.toFixed(0) + "¥】");
$("#sp_Num5").html("【" + data.d.Num5.toFixed(0) + "】");
$("#sp_Num6").html("【" + data.d.Num6.toFixed(0) + "】");
$("#sp_Num7").html("【" + data.d.Num7.toFixed(0) + "】");
// $("#sp_Num8").html(data.d.Num8);
$("#sp_Num9").html(data.d.Num9);
$("#sp_Num10").html("【" + data.d.Num10 + "】");
$("#sp_Num11").html("【" + data.d.Num11 + "单 $" + data.d.BackPrice + "】");
//$("#sp_AddPrice").html(data.d.AddPrice);
}
}
});
}
function GetBasePlat() {
var param = new Object();
param.CompanyID = 0;
param.KeyName = "ptlx";
$.ajax({
url: "UserServiceNew2.asmx/GetPlatBaseCode",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
listshop = data.d;
title = "单量";
GetOrderNumCount(1);
}
}
});
}
function GetShopList() {
var param = new Object();
param.PlatType = 0;
title3 = '';
$.ajax({
url: "BaseDataNew.asmx/GetShopAllList",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
listshop = data.d;
if (CType == 3)
title = "销售额";
else
title = "单量";
if (CType == 3)
GetOrderNumCount(3);
else
GetOrderNumCount(2);
}
}
});
}
var cate = new Array();
var datas = "";
var days = 10;
var listshop = new Array();
function GetOrderNumCount(Type) {
var param = new Object();
var list = new Array();
if (listshop == null || listshop.length == 0) {
var md = new Object();
md.Id = 0;
md.Name = "";
Array.add(list, md);
}
else if (Type == 1) {
$(listshop).each(function () {
var md = new Object();
md.Id = this.SortNo;
md.Name = this.Name;
Array.add(list, md);
});
}
else if (Type == 2 || Type == 3) {
$(listshop).each(function () {
var md = new Object();
md.Id = this.ShopId;
md.Name = this.ShopName;
Array.add(list, md);
});
}
param.listshop = list;
//days = $("#select_day").val();
param.Days = days;
param.Type = Type;
$.ajax({
url: "TongJi/TJ_CountServer.asmx/GetDefaultOrderCount1",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
cate = data.d.categories;
datas = data.d.Data;
SetChart();
}
}
});
}
function GetShopList2() {
var param = new Object();
param.PlatType = 0;
title3 = '最近12个月';
$.ajax({
url: "BaseDataNew.asmx/GetShopAllList",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
listshop = data.d;
if (CType == 5)
title = "销售额(USD)";
else
title = "单量";
if (CType == 4)
GetOrderNumCountMonth(1);
else
GetOrderNumCountMonth(2);
}
}
});
}
function GetOrderNumCountMonth(Type) {
var param = new Object();
var list = new Array();
if (listshop == null || listshop.length == 0) {
var md = new Object();
md.Id = 0;
md.Name = "";
Array.add(list, md);
}
else {
$(listshop).each(function () {
var md = new Object();
md.Id = this.ShopId;
md.Name = this.ShopName;
Array.add(list, md);
});
}
param.listshop = list;
param.Type = Type;
$.ajax({
url: "SysManageServiceNew.asmx/GetDefaultOrderCountMonth",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
cate = data.d.categories;
datas = data.d.Data;
SetChart();
}
}
});
}
function GetOrderNumCountMonthPT(Type) {
var param = new Object();
var list = new Array();
var md = new Object();
md.Id = 1;
md.Name = "速卖通";
Array.add(list, md);
md = new Object();
md.Id = 2;
md.Name = "亚马逊";
Array.add(list, md);
md = new Object();
md.Id = 3;
md.Name = "Ebay";
Array.add(list, md);
md = new Object();
md.Id = 4;
md.Name = "Wish";
Array.add(list, md);
md = new Object();
md.Id = 6;
md.Name = "Walmart";
Array.add(list, md);
param.listshop = list;
param.Type = Type;
title3 = '最近12个月';
$.ajax({
url: "SysManageServiceNew.asmx/GetDefaultOrderCountMonth2",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
cate = data.d.categories;
datas = data.d.Data;
SetChart();
}
}
});
}
function GetOrderCountGoodsSoildDay() {
title = "立方";
$.ajax({
url: "SysManageServiceNew.asmx/GetOrderCountGoodsSoildDay",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
cate = data.d.categories;
datas = data.d.Data;
SetChart();
}
}
});
}
function GetOrderCountGoodsSoildMonth() {
title = "立方";
title3 = '最近12个月';
$.ajax({
url: "SysManageServiceNew.asmx/GetOrderCountGoodsSoildMonth",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
cate = data.d.categories;
datas = data.d.Data;
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 title3 = '';
function SetChart() {
var title2 = '最近' + days + '天' + title + '走势图';
if (title3 != "")
title2 = title3 + title + '走势图';
$('#container').highcharts({
title: {
text: title2,
x: -20 //center
},
subtitle: {
text: '' + title + '走势',
x: -20
},
xAxis: {
categories: cate
},
yAxis: {
minPadding: 0,
startOnTick: false,
title: {
text: '' + title + ''
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: ''
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: getData()
});
$(".highcharts-container").css("z-index", "999999");
}
var iszy = 0;
function checknumber(String) {
var reg = /^[0-9]+.?[0-9]*$/
if (reg.test(String)) {
return true
}
return false
}
var pawd = "";
function GetPWD2() {
var param = new Object();
$.ajax({
url: "UserService.asmx/GetPWD",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
pawd = data.d;
}
});
}
function GetMenu() {
var param = new Object();
$.ajax({
url: "UserServiceNew2.asmx/GetListMenuErp",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
if (data.d != null) {
var shtml = new Sys.StringBuilder();
var lay = 0;
$(data.d).each(function () {
var tget = "0";
if (this.target == "1")
tget = "1";
// alert(this.layer);
if (this.layer == 1) {
if (lay == 4) {
shtml.append('</ul></li></ul></li></ul></li>');
}
else
if (lay == 3)
shtml.append('</ul></li></ul></li>');
else if (lay == 2)
shtml.append('</ul></li>');
else if (lay == 1)
shtml.append('</li>');
shtml.append('<li class="hasChild"><a href="javascript:;" mname="' + this.menu_name + '" mno="' + this.menu_no + '" murl="' + this.menu_url + '" tget="' + tget + '"><i class="' + this.css_name + '"></i><span>' + this.menu_name + '</span></a><ul class="acc-menu">');//<span class="badge badge-success">99</span>
}
if (this.layer == 2 && lay != 2) {
if (lay == 2)
shtml.append('</li>');
else if (lay == 3)
shtml.append('</ul></li>');
else if (lay == 4)
shtml.append('</ul></li></ul></li>');
//shtml.append('<ul class="acc-menu">');
}
if (this.layer == 2) {
var childcss = "";
if (this.has_child == 1)
childcss = " class='hasChild' ";
if (this.menu_url != null && this.menu_url != "")
shtml.append('<li' + childcss + '><a murl="' + this.menu_url + '" mname="' + this.menu_name + '" mno="' + this.menu_no + '" tget="' + tget + '">' + this.menu_name + '</a>');
else
shtml.append('<li' + childcss + '><a>' + this.menu_name + '</a><ul class="acc-menu">');
}
if (this.layer == 3 && lay != 3) {
if (lay == 4) {
shtml.append('</ul></li>');
}
}
if (this.layer == 3) {
var childcss2 = "";
if (this.has_child == 1)
childcss2 = " class='hasChild' ";
if (this.menu_url != null && this.menu_url != "")
shtml.append('<li' + childcss2 + '><a murl="' + this.menu_url + '" mname="' + this.menu_name + '" mno="' + this.menu_no + '" tget="' + tget + '">' + this.menu_name + '</a></li>');
else
shtml.append('<li' + childcss2 + '><a>' + this.menu_name + '</a><ul class="acc-menu">');
}
if (this.layer == 4) {
var childcss2 = "";
if (this.has_child == 1)
childcss2 = " class='hasChild' ";
if (this.menu_url != null && this.menu_url != "")
shtml.append('<li' + childcss2 + '><a murl="' + this.menu_url + '" mname="' + this.menu_name + '" mno="' + this.menu_no + '" tget="' + tget + '">' + this.menu_name + '</a></li>');
else
shtml.append('<li' + childcss2 + '><a>' + this.menu_name + '</a></li>');
}
lay = this.layer;
// alert(lay);
// alert(shtml.toString());
});
if (lay == 4)
shtml.append('</ul></li></ul></li></ul></li>');
else
if (lay == 3)
shtml.append('</ul></li></ul></li>');
else if (lay == 2)
shtml.append('</ul></li>');
else
shtml.append('</li>');
//alert(shtml.toString());
$("#ul_menu").html(shtml.toString());
}
}
});
}
var NoticeId = 0;
function GetNotice() {
var param = new Object();
$.ajax({
url: "UserService.asmx/GetListNotice",
// data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: false,
success: function (data) {
if (data.d != null) {
NoticeId = data.d.Id;
$("#a_title,#a_title2").html(data.d.Title);
$("#div_content,#div_content2").html(data.d.NoticeContent);
if (data.d.IsNew == 1) {
fopen2();
}
else fopen();
}
else {
$.fancybox.close();
}
}
});
}
//#region 保存
function SaveNotice() {
var param = new Object();
param.NoticeId = NoticeId;
$.ajax({
url: "UserService.asmx/Save_UserRead",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
async: false,
success: function (data) {
GetNotice();
}
});
}
//#endregion
function fopen() {
$.fancybox({
'scrolling': 'no',
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'href': '#test',
'onClosed': function () {
}
}, 0);
}
function fopen2() {
$.fancybox({
'scrolling': 'no',
'autoScale': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'href': '#test2',
'onClosed': function () {
}
}, 0);
}
function logout() {
window.location.href = "loginnew.aspx";
}
//function setIframeHeight(iframe) {
// if (iframe) {
// var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
// if (iframeWin.document.body) {
// iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
// }
// }
//};
//window.onload = function () {
// setIframeHeight(document.getElementById('ifm1'));
//};
//infobar-offcanvas sidebar-collapsed
//#endregion
var newdate = null;
function GetOrder() {
var param = new Object();
param.Sdate = '2020-08-10';
$.ajax({
url: "map.asmx/IsNewOrder",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d != null) {
newdate = data.d;
GetListUSMap();
}
},
error: function (xhr, status) {
if (status != "success")
{ }
}
});
}
var datas2 = "";
//#region 读取机构
function GetListUSMap() {
var param = new Object();
param.GoodsCode = "";
param.Sdate = '2020-08-10';;
param.edate = '2020-08-13';;
var shtml = new Sys.StringBuilder();
$.ajax({
url: "SysManageServiceNew.asmx/GetListUSMap2",
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
// async: false,
success: function (data) {
datas2 = data.d;
GetChart2();
}
});
}
function getData2() {
//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("(" + datas2 + ")"); //转换成json对象
return dataJsonobj;
}
function GetChart2() {
// Instanciate the map
$('#container2').highcharts('Map', {
chart: {
borderWidth: 1
},
title: {
text: '美国区域订单销量图'
},
legend: {
layout: 'horizontal',
borderWidth: 0,
backgroundColor: 'rgba(255,255,255,0.85)',
floating: true,
verticalAlign: 'top',
y: 25
},
mapNavigation: {
enabled: true
},
colorAxis: {
min: 1,
type: 'logarithmic',
minColor: '#FFFFFF',
maxColor: '#FF0000',
stops: [
[0, '#FFFFFF'],
[0.1, '#FFFFCC'],
[0.3, '#FFCCFF'],
[0.5, '#FF0099'],
[0.7, '#FF0066'],
[0.9, '#FF0033'],
[1, '#FF0000']
]
},
series: [{
animation: {
duration: 4000
},
data: getData2(),
mapData: Highcharts.maps['countries/us/us-all'],
joinBy: ['postal-code', 'code'],
dataLabels: {
enabled: true,
color: 'black',
style: { 'fontSize': '15px' },
format: '<br/>{point.statename}<br/>【{point.Num}】'
},
name: '订单销量',
tooltip: {
pointFormat: '{point.statename}<br/>单量:{point.Num}金额:【{point.Price}$】'
}
}]
});
}
</script>
<style type="text/css">
.sp_1 {
font-size:12pt;
}
</style>
</head>
<body class="infobar-offcanvas" id="bd_1">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="div_mess">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<div style="display: none">
<div id="test33" title="用户名密码" style="width: 400px; height: 200px;">
<table width="95%" class="tableAll" border="1" ellspacing="0" cellpadding="2">
<tr>
<td style="width:120px" class="f1">
<font color="red" style="font-weight:bolder">*</font> 用户名:
</td>
<td>
<input id="txt_UserName" class="editTextbox" type="text" style="width:200px;" />
</td>
</tr>
<tr>
<td style="width:120px" class="f1">
<font color="red" style="font-weight:bolder">*</font>原密码:</td>
<td> <input id="txt_OldPassWord" class="editTextbox" type="password" style="width:200px;" />
</td>
</tr>
<tr>
<td style="width:120px" class="f1">
<font color="red" style="font-weight:bolder">*</font>新密码:</td>
<td> <input id="txt_PassWord" class="editTextbox" type="password" style="width:200px;" />
</td>
</tr>
<tr>
<td style="width:120px" class="f1">
<font color="red" style="font-weight:bolder">*</font>新密码确认:</td>
<td> <input id="txt_PassWordSure" class="editTextbox" type="password" style="width:200px;" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input id="btn_Save" type="button" value="确 定" class="btnClass btnClassSave" />&nbsp;&nbsp;&nbsp;&nbsp;<input
id="btn_Cancel" type="button" value="取 消" class="btnClass btnClassClose" />
</td>
</tr>
</table>
</div>
</div>
<div style="display: none">
<div id="test" title="" style="width: 600px; height: 350px;">
<table width="95%" style="padding-left: 20px" border="1" ellspacing="0" cellpadding="2">
<tr>
<td>
<div id="div_content" style="height: 300px; overflow: auto">
</div>
</td>
</tr>
<tr>
<td style="text-align: center">
<input id="btn_Sure" style="background-color: #2878b9; color: #ffffff;" type="button" value="我已阅读" onclick="SaveNotice();" />
</td>
</tr>
</table>
</div>
<div id="test2" title="" style="width: 1200px; height: 950px;">
<table width="95%" style="padding-left: 20px" border="1" ellspacing="0" cellpadding="2">
<tr>
<td style="text-align: center">
<input id="btn_Sure2" style="background-color: #2878b9; color: #ffffff;" type="button" value="我已阅读" onclick="SaveNotice();" />
</td>
</tr>
<tr>
<td style="text-align: center">
<a id="a_title2" style="font-size: 15pt; font-weight: bolder"></a>
</td>
</tr>
<tr>
<td>
<div id="div_content2" style="height:900px; overflow: auto">
</div>
</td>
</tr>
</table>
</div>
</div>
<div id="headerbar">
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-sm-2">
<a href="#" class="shortcut-tiles tiles-brown">
<div class="tiles-body">
<div class="pull-left"><i class="fa fa-pencil"></i></div>
</div>
<div class="tiles-footer">
Create Post
</div>
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a href="#" class="shortcut-tiles tiles-grape">
<div class="tiles-body">
<div class="pull-left"><i class="fa fa-group"></i></div>
<div class="pull-right"><span class="badge">2</span></div>
</div>
<div class="tiles-footer">
Contacts
</div>
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a href="#" class="shortcut-tiles tiles-primary">
<div class="tiles-body">
<div class="pull-left"><i class="fa fa-envelope-o"></i></div>
<div class="pull-right"><span class="badge">10</span></div>
</div>
<div class="tiles-footer">
Messages
</div>
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a href="#" class="shortcut-tiles tiles-inverse">
<div class="tiles-body">
<div class="pull-left"><i class="fa fa-camera"></i></div>
<div class="pull-right"><span class="badge">3</span></div>
</div>
<div class="tiles-footer">
Gallery
</div>
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a href="#" class="shortcut-tiles tiles-midnightblue">
<div class="tiles-body">
<div class="pull-left"><i class="fa fa-cog"></i></div>
</div>
<div class="tiles-footer">
Settings
</div>
</a>
</div>
<div class="col-xs-6 col-sm-2">
<a href="#" class="shortcut-tiles tiles-orange">
<div class="tiles-body">
<div class="pull-left"><i class="fa fa-wrench"></i></div>
</div>
<div class="tiles-footer">
Plugins
</div>
</a>
</div>
</div>
</div>
</div>
<header id="topnav" class="navbar navbar-inverse navbar-fixed-top clearfix" role="banner">
<a id="leftmenu-trigger" class="" data-toggle="tooltip" data-placement="right" title="Toggle Sidebar"></a>
<a class="navbar-brand" href="#"></a>
<div class="yamm navbar-left navbar-collapse collapse">
<ul class="nav navbar-nav">
</ul>
</div>
<ul class="nav navbar-nav toolbar pull-right">
<li class="dropdown">
<a href="#" id="navbar-links-toggle" data-toggle="collapse" data-target="header>.navbar-collapse">&nbsp;</a>
</li>
<li class="toolbar-icon-bg demo-headerdrop-hidden">
<a href="#" onclick="logout();" id="headerbardropdown" title="退出"><span class="icon-bg"><i class="fa fa-fw fa-level-down"></i></span></i></a>
</li>
<li class="dropdown toolbar-icon-bg hidden-xs">
<a href="#" class="hasnotifications dropdown-toggle" data-toggle='dropdown' id="a_open"><span class="icon-bg"><i class="fa fa-fw fa-tasks"></i></span><span class="badge badge-warning"></span></a>
</li>
<li class="dropdown toolbar-icon-bg">
<a id="a_tz" target="_blank" class="hasnotifications dropdown-toggle" data-toggle='dropdown'><%--<span class="icon-bg"><i class="fa fa-fw fa-bell"></i></span><span class="badge badge-alizarin">New</span>--%></a>
<%-- <div class="dropdown-menu notifications arrow">
<div class="dd-header">
<span>Notifications</span>
<span><a href="#">Settings</a></span>
</div>
<ul class="scrollthis">
<li class="">
<a href="#" class="notification-success">
<div class="notification-icon"><i class="fa fa-check fa-fw"></i></div>
<div class="notification-content"><strong>Lorem ipsum</strong> dolor sit amet consectetur adipisicing elit!</div>
<div class="notification-time">40m</div>
</a>
</li>
<li class="">
<a href="#" class="notification-danger">
<div class="notification-icon"><i class="fa fa-times fa-fw"></i></div>
<div class="notification-content">Etiam porta sem malesuada</div>
<div class="notification-time">5h</div>
</a>
</li>
<li class="">
<a href="#" class="notification-inverse">
<div class="notification-icon"><i class="fa fa-cloud fa-fw"></i></div>
<div class="notification-content"><strong>Nesciunt</strong> reprehenderit provident distinctio eveniet cupiditate atque</div>
<div class="notification-time">16h</div>
</a>
</li>
<li class="">
<a href="#" class="notification-warning">
<div class="notification-icon"><i class="fa fa-warning fa-fw"></i></div>
<div class="notification-content">Aperiam accusamus modi ipsum officia quas nisi!</div>
<div class="notification-time">1d</div>
</a>
</li>
<li class="">
<a href="#" class="notification-info">
<div class="notification-icon"><i class="fa fa-shopping-cart fa-fw"></i></div>
<div class="notification-content">Libero distinctio eveniet</div>
<div class="notification-time">5d</div>
</a>
</li>
<li class="">
<a href="#" class="notification-primary">
<div class="notification-icon"><i class="fa fa-comment fa-fw"></i></div>
<div class="notification-content">Officiis modi ipsum officia ad dolor sit amet consectetur sit voluptatem accusantium doloremque laudantium totam rem aperiam</div>
<div class="notification-time">8d</div>
</a>
</li>
</ul>
<div class="dd-footer">
<a href="#">View all notifications</a>
</div>
</div>--%>
</li>
<li class="dropdown toolbar-icon-bg hidden-xs">
<a href="#" class="hasnotifications dropdown-toggle" data-toggle='dropdown'><span class="icon-bg"><i class="fa fa-fw fa-envelope"></i></span><span class="badge badge-info"></span></a>
<%-- <div class="dropdown-menu messages arrow">
<div class="dd-header">
<span>Messages</span>
<span><a href="#">Settings</a></span>
</div>
<ul class="scrollthis">
<li class="">
<a href="#">
<img class="msg-avatar" src="cmcss/assets/demo/avatar/avatar_09.png" alt="avatar" />
<div class="msg-content">
<span class="name">Steven Shipe</span>
<span class="msg">Nonummy nibh epismod lorem ipsum</span>
</div>
<span class="msg-time">30s</span>
</a>
</li>
<li>
<a href="#">
<img class="msg-avatar" src="cmcss/assets/demo/avatar/avatar_01.png" alt="avatar" />
<div class="msg-content">
<span class="name">Roxann Hollingworth <i class="fa fa-paperclip attachment"></i></span>
<span class="msg">Lorem ipsum dolor sit amet consectetur adipisicing elit</span>
</div>
<span class="msg-time">5m</span>
</a>
</li>
<li>
<a href="#">
<img class="msg-avatar" src="cmcss/assets/demo/avatar/avatar_05.png" alt="avatar" />
<div class="msg-content">
<span class="name">Diamond Harlands</span>
<span class="msg">:)</span>
</div>
<span class="msg-time">3h</span>
</a>
</li>
<li>
<a href="#">
<img class="msg-avatar" src="cmcss/assets/demo/avatar/avatar_02.png" alt="avatar" />
<div class="msg-content">
<span class="name">Michael Serio <i class="fa fa-paperclip attachment"></i></span>
<span class="msg">Sed distinctio dolores fuga molestiae modi?</span>
</div>
<span class="msg-time">12h</span>
</a>
</li>
<li>
<a href="#">
<img class="msg-avatar" src="cmcss/assets/demo/avatar/avatar_03.png" alt="avatar" />
<div class="msg-content">
<span class="name">Matt Jones</span>
<span class="msg">Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et mole</span>
</div>
<span class="msg-time">2d</span>
</a>
</li>
<li>
<a href="#">
<img class="msg-avatar" src="cmcss/assets/demo/avatar/avatar_07.png" alt="avatar" />
<div class="msg-content">
<span class="name">John Doe</span>
<span class="msg">Neque porro quisquam est qui dolorem</span>
</div>
<span class="msg-time">7d</span>
</a>
</li>
</ul>
<div class="dd-footer"><a href="#">View all messages</a></div>
</div>--%>
</li>
<li class="dropdown toolbar-icon-bg demo-search-hidden mr5">
<a href="#" class="dropdown-toggle tooltips" data-toggle="dropdown"><span class="icon-bg"><i class="fa fa-fw fa-search"></i></span></a>
<div class="dropdown-menu arrow search dropdown-menu-form">
<div class="dd-header">
<span>Search</span>
<span><a href="#">Advanced search</a></span>
</div>
<div class="input-group">
<input type="text" class="form-control" placeholder="">
<span class="input-group-btn">
<a class="btn btn-primary" href="#">Search</a>
</span>
</div>
</div>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle username" data-toggle="dropdown">
<span class="hidden-xs" id="sp_name"></span>
<img class="img-circle" src="cmcss/assets/demo/avatar/avatar_010.png" alt="Dangerfield" />
</a>
<ul class="dropdown-menu userinfo">
<%-- <li><a href="#"><span class="pull-left">Edit Profile</span> <i class="pull-right fa fa-pencil"></i></a></li>
<li><a href="#"><span class="pull-left">Account Settings</span> <i class="pull-right fa fa-cogs"></i></a></li>
<li><a href="#"><span class="pull-left">Help</span> <i class="pull-right fa fa-question-circle"></i></a></li>
<li class="divider"></li>
<li><a href="#"><span class="pull-left">Earnings</span> <i class="pull-right fa fa-money"></i></a></li>
<li><a href="#"><span class="pull-left">Statement</span> <i class="pull-right fa fa-file-o"></i></a></li>
<li><a href="#"><span class="pull-left">Withdrawals</span> <i class="pull-right fa fa-credit-card"></i></a></li>
<li class="divider"></li>--%>
<%-- <li><a id="a_grxx"><span class="pull-left">个人信息</span> <i class="pull-right fa fa-pencil"></i></a></li>--%>
<li><a id="a_mmxg"><span class="pull-left">密码修改</span> <i class="pull-right fa fa-cogs"></i></a></li>
<li><a onclick="logout();"><span class="pull-left">退出</span> <i class="pull-right fa fa-sign-out"></i></a></li>
</ul>
</li>
</ul>
</header>
<div id="wrapper">
<div id="layout-static">
<div class="static-sidebar-wrapper sidebar-default">
<div class="static-sidebar">
<div class="sidebar">
<div class="widget stay-on-collapse">
<div class="widget-body welcome-box tabular">
<div class="tabular-row">
<div class="tabular-cell welcome-avatar">
<a href="#">
<img src="cmcss/assets/demo/avatar/avatar_010.png" class="avatar"></a>
</div>
<div class="tabular-cell welcome-options">
<span class="welcome-text">Welcome,</span>
<a href="#" class="name" id="a_name"></a>
</div>
</div>
</div>
</div>
<div class="widget stay-on-collapse" id="widget-sidebar">
<nav role="navigation" class="widget-body">
<ul class="acc-menu" id="ul_menu">
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="static-content-wrapper" id="div_cd" style="display:none">
<ul class="nav nav-tabs" role="tablist" id="Mytab">
<%-- <li role="presentation" class="active" id="li_sy"><a href="#home" role="tab" data-toggle="tab" id="tab1">首页</a></li>
--%>
</ul>
<!-- 面板区 -->
<div class="tab-content" id="div_tab">
<div role="tabpanel" class="tab-pane active" id="home">
<iframe src="#" width="100%" style="height:1500px" frameborder="0" scrolling="yes" id="ifm1"></iframe>
</div>
</div>
<div class="page-content">
</div>
<%-- <footer role="contentinfo">
<div class="clearfix">
<ul class="list-unstyled list-inline pull-left">
<li>
<h6 style="margin: 0;">&copy; 2020 宁波跨境电商平台</h6>
</li>
</ul>
<button class="pull-right btn btn-link btn-xs hidden-print" id="back-to-top"><i class="fa fa-arrow-up"></i></button>
</div>
</footer>--%>
</div>
</div>
</div>
<div class="infobar-wrapper">
<div class="infobar">
<div class="infobar-options">
<h2>Infobar</h2>
</div>
<div id="widgetarea">
<div class="widget" id="widget-sparkline">
<div class="widget-heading">
<a href="javascript:;" data-toggle="collapse" data-target="#sparklinestats">
<h4>Sparkline Stats</h4>
</a>
</div>
<div class="widget-body collapse in" id="sparklinestats">
<ul class="sparklinestats">
<li>
<div class="pull-left">
<h5 class="title">Total Revenue</h5>
<h3>$241,750 <span class="badge badge-success">+13.6%</span></h3>
</div>
<div class="pull-right">
<div class="sparkline" id="infobar-revenuestats"></div>
</div>
</li>
<li>
<div class="pull-left">
<h5 class="title">Products Sold</h5>
<h3>11,562 <span class="badge badge-success">+19.2%</span></h3>
</div>
<div class="pull-right">
<div class="sparkline" id="infobar-unitssold"></div>
</div>
</li>
<li>
<div class="pull-left">
<h5 class="title">Total Orders</h5>
<h3>1,249 <span class="badge badge-danger">-10.5%</span></h3>
</div>
<div class="pull-right">
<div class="sparkline" id="infobar-orders"></div>
</div>
</li>
</ul>
</div>
</div>
<div class="widget" id="widget-weather">
<div class="widget-heading">
<a href="javascript:;" data-toggle="collapse" data-target="#weatherwidget">
<h4>Weather</h4>
</a>
</div>
<div class="widget-body collapse in" id="weatherwidget">
<div class="weather-container">
<div class="weather-widget"></div>
</div>
</div>
</div>
<div class="widget">
<div class="widget-heading">
<a href="javascript:;" data-toggle="collapse" data-target="#recentactivity">
<h4>Recent Activity</h4>
</a>
</div>
<div class="widget-body collapse in" id="recentactivity">
<ul class="recent-activities">
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_11.png" class="img-responsive img-circle">
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Jean Alanis</a> invited 3 unconfirmed members to <a href="#">Sed ut perspiciatis unde</a></span>
<span class="time">Sep 16, 2014 at 10:06 AM</span>
</div>
</li>
<li>
<div class="activityicon activity-success">
<i class="fa fa-cloud"></i>
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Stacy Villani</a> and <a href="#" class="person">Leroy Greenlee</a> added new files to <a href="#">Dicta sunt explicabo</a></span>
<span class="time">Sep 12, 2014 at 11:06 PM</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_07.png" class="img-responsive img-circle">
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Shannon Schmucker</a> is now following <a href="#" class="person">Anthony Ware</a></span>
<span class="time">Sep 06, 2014 at 1:46 AM</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_01.png" class="img-responsive img-circle">
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Roxann Hollingworth</a> commented on <a href="#">Natus error sit voluptatem</a></span>
<span class="time">Sep 02, 2014 at 7:50 PM</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_04.png" class="img-responsive img-circle">
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Mitchell Kosak</a> added <a href="#" class="person">Bruce Ory</a> to <a href="#">Accusantium doloremque laudantium</a></span>
<span class="time">Sep 02, 2014 at 8:35 AM</span>
</div>
</li>
<li>
<div class="activityicon activity-inverse">
<i class="fa fa-user"></i>
</div>
<div class="content">
<span class="msg"><a href="#">4 new users</a> requested to join group</span>
<span class="time">Aug 29, 2014 at 05:34 PM</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_09.png" class="img-responsive img-circle">
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Rodney Moody</a> created new thread <a href="#">Vero eos et accusamus</a></span>
<span class="time">Aug 13, 2014 at 1:23 PM</span>
</div>
</li>
<li>
<div class="activityicon activity-info">
<i class="fa fa-comment-o"></i>
</div>
<div class="content">
<span class="msg">Anonymous user commented on <a href="#">Totam rem aperiam</a></span>
<span class="time">Aug 11, 2014 at 12:01 PM</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_05.png" class="img-responsive img-circle">
</div>
<div class="content">
<span class="msg"><a href="#" class="person">Pricilla Panella</a> is now following <a href="#" class="person">Ricky Marengo</a></span>
<span class="time">Jul 25, 2014 at 3:11 PM</span>
</div>
</li>
<li class="seeall">
<a href="#" class="pull-right">See all activities</a>
</li>
</ul>
</div>
</div>
<!-- <div class="widget">
<div class="widget-heading">
<a href="javascript:;" data-toggle="collapse" data-target="#storagespace"><h4>Storage Space</h4></a>
</div>
<div class="widget-body collapse in" id="storagespace">
<div class="" style="padding: 20px 0">
<div class="clearfix">
<div class="progress-title pull-left">1.31 GB used</div>
<div class="progress-percentage pull-right">87.3%</div>
</div>
<div class="progress progress-lg">
<div class="progress-bar progress-bar-success" style="width: 50%"></div>
<div class="progress-bar progress-bar-warning" style="width: 25%"></div>
<div class="progress-bar progress-bar-danger" style="width: 12.3%"></div>
</div>
</div>
</div>
</div> -->
<!-- <div class="widget">
<div class="widget-heading">
<a href="javascript:;" data-toggle="collapse" data-target="#contactdetails"><h4>Contact Details</h4></a>
</div>
<div class="widget-body collapse in" id="contactdetails">
<div class="contactdetails">
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_11.png" class="img-responsive img-circle">
</div>
<span class="contact-name">Joseph Vasquez</span>
<span class="contact-status">Client Representative</span>
<ul class="details">
<li><a href="#"><i class="fa fa-fw fa-envelope-o"></i>&nbsp;p.bateman@gmail.com</a></li>
<li><i class="fa fa-fw fa-phone"></i>&nbsp;+1 234 567 890</li>
<li><i class="fa fa-fw fa-map-marker"></i>&nbsp;Hollywood Hills, California</li>
</ul>
</div>
</div> -->
<!-- <div class="widget">
<div class="widget-heading">
<a href="javascript:;" data-toggle="collapse" data-target="#contact-list"><h4>Contact List</h4></a>
</div>
<div class="widget-body collapse in" id="contact-list">
<ul class="contact-list">
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_06.png" class="img-responsive img-circle" />
</div>
<div class="details">
<div class="clearfix">
<a href="#" class="contact-name pull-left">Jessie Pinkman</a>
<div class="contact-profiles">
<a href="javascript:;" class="dropdown-toggle profile-list" data-toggle="dropdown">
<i class="fa fa-ellipsis-h"></i>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa pull-right fa-envelope-o" style="color: #cccccc;"></i>Email</a></li>
<li><a href="#"><i class="fa pull-right fa-skype" style="color: #12a5f4;"></i>Skype</a></li>
<li><a href="#"><i class="fa pull-right fa-twitter" style="color: #00aced;"></i>Twitter</a></li>
<li><a href="#"><i class="fa pull-right fa-linkedin" style="color: #007bb6;"></i>LinkedIn</a></li>
</ul>
</div>
</div>
<span class="contact-details">Senior Developer</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_01.png" class="img-responsive img-circle" />
</div>
<div class="details">
<div class="clearfix">
<a href="#" class="contact-name pull-left">Emma Watson</a>
<div class="contact-profiles">
<a href="javascript:;" class="dropdown-toggle profile-list" data-toggle="dropdown">
<i class="fa fa-ellipsis-h"></i>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa pull-right fa-envelope-o" style="color: #cccccc;"></i>Email</a></li>
<li><a href="#"><i class="fa pull-right fa-skype" style="color: #12a5f4;"></i>Skype</a></li>
<li><a href="#"><i class="fa pull-right fa-twitter" style="color: #00aced;"></i>Twitter</a></li>
<li><a href="#"><i class="fa pull-right fa-linkedin" style="color: #007bb6;"></i>LinkedIn</a></li>
</ul>
</div>
</div>
<span class="contact-details">Graphic Designer</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_09.png" class="img-responsive img-circle" />
</div>
<div class="details">
<div class="clearfix">
<a href="#" class="contact-name pull-left">David Luke</a>
<div class="contact-profiles">
<a href="javascript:;" class="dropdown-toggle profile-list" data-toggle="dropdown">
<i class="fa fa-ellipsis-h"></i>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa pull-right fa-envelope-o" style="color: #cccccc;"></i>Email</a></li>
<li><a href="#"><i class="fa pull-right fa-skype" style="color: #12a5f4;"></i>Skype</a></li>
<li><a href="#"><i class="fa pull-right fa-twitter" style="color: #00aced;"></i>Twitter</a></li>
<li><a href="#"><i class="fa pull-right fa-linkedin" style="color: #007bb6;"></i>LinkedIn</a></li>
</ul>
</div>
</div>
<span class="contact-details">Client Representative</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_11.png" class="img-responsive img-circle" />
</div>
<div class="details">
<div class="clearfix">
<a href="#" class="contact-name pull-left">John Arren</a>
<div class="contact-profiles">
<a href="javascript:;" class="dropdown-toggle profile-list" data-toggle="dropdown">
<i class="fa fa-ellipsis-h"></i>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa pull-right fa-envelope-o" style="color: #cccccc;"></i>Email</a></li>
<li><a href="#"><i class="fa pull-right fa-skype" style="color: #12a5f4;"></i>Skype</a></li>
<li><a href="#"><i class="fa pull-right fa-twitter" style="color: #00aced;"></i>Twitter</a></li>
<li><a href="#"><i class="fa pull-right fa-linkedin" style="color: #007bb6;"></i>LinkedIn</a></li>
</ul>
</div>
</div>
<span class="contact-details">Project Manager</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_05.png" class="img-responsive img-circle" />
</div>
<div class="details">
<div class="clearfix">
<a href="#" class="contact-name pull-left">Ben Stiller</a>
<div class="contact-profiles">
<a href="javascript:;" class="dropdown-toggle profile-list" data-toggle="dropdown">
<i class="fa fa-ellipsis-h"></i>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa pull-right fa-envelope-o" style="color: #cccccc;"></i>Email</a></li>
<li><a href="#"><i class="fa pull-right fa-skype" style="color: #12a5f4;"></i>Skype</a></li>
<li><a href="#"><i class="fa pull-right fa-twitter" style="color: #00aced;"></i>Twitter</a></li>
<li><a href="#"><i class="fa pull-right fa-linkedin" style="color: #007bb6;"></i>LinkedIn</a></li>
</ul>
</div>
</div>
<span class="contact-details">Senior Designer</span>
</div>
</li>
<li>
<div class="avatar">
<img src="cmcss/assets/demo/avatar/avatar_08.png" class="img-responsive img-circle" />
</div>
<div class="details">
<div class="clearfix">
<a href="#" class="contact-name pull-left">Jeofry Thompson</a>
<div class="contact-profiles">
<a href="javascript:;" class="dropdown-toggle profile-list" data-toggle="dropdown">
<i class="fa fa-ellipsis-h"></i>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa pull-right fa-envelope-o" style="color: #cccccc;"></i>Email</a></li>
<li><a href="#"><i class="fa pull-right fa-skype" style="color: #12a5f4;"></i>Skype</a></li>
<li><a href="#"><i class="fa pull-right fa-twitter" style="color: #00aced;"></i>Twitter</a></li>
<li><a href="#"><i class="fa pull-right fa-linkedin" style="color: #007bb6;"></i>LinkedIn</a></li>
</ul>
</div>
</div>
<span class="contact-details">Developer</span>
</div>
</li>
</ul>
</div>
</div> -->
</div>
</div>
</div>
<!-- Switcher -->
<div class="demo-options">
<div class="demo-options-icon"><i class="fa fa-spin fa-fw fa-smile-o"></i></div>
<div class="demo-heading">色调设置</div>
<div class="demo-body">
<div class="tabular">
<div class="tabular-row">
<div class="tabular-cell">顶部固定</div>
<div class="tabular-cell demo-switches">
<input class="bootstrap-switch" type="checkbox" checked data-size="mini" data-on-color="success" data-off-color="default" name="demo-fixedheader" data-on-text="I" data-off-text="O">
</div>
</div>
<div class="tabular-row">
<div class="tabular-cell">居中</div>
<div class="tabular-cell demo-switches">
<input class="bootstrap-switch" type="checkbox" data-size="mini" data-on-color="success" data-off-color="default" name="demo-boxedlayout" data-on-text="I" data-off-text="O">
</div>
</div>
<div class="tabular-row">
<div class="tabular-cell">左边菜单缩进</div>
<div class="tabular-cell demo-switches">
<input class="bootstrap-switch" type="checkbox" data-size="mini" data-on-color="success" data-off-color="default" name="demo-collapseleftbar" data-on-text="I" data-off-text="O">
</div>
</div>
<%-- <div class="tabular-row">
<div class="tabular-cell">Collapse Rightbar</div>
<div class="tabular-cell demo-switches">
<input class="bootstrap-switch" type="checkbox" checked data-size="mini" data-on-color="success" data-off-color="default" name="demo-collapserightbar" data-on-text="I" data-off-text="O">
</div>
</div>--%>
<div class="tabular-row hide" id="demo-horizicon">
<div class="tabular-cell">Horizontal Icons</div>
<div class="tabular-cell demo-switches">
<input class="bootstrap-switch" type="checkbox" checked data-size="mini" data-on-color="primary" data-off-color="warning" data-on-text="S" data-off-text="L" name="demo-horizicons">
</div>
</div>
</div>
</div>
<div class="demo-body">
<div class="option-title">头部颜色</div>
<ul id="demo-header-color" class="demo-color-list">
<li><span class="demo-white"></span></li>
<li><span class="demo-black"></span></li>
<li><span class="demo-midnightblue"></span></li>
<li><span class="demo-primary"></span></li>
<li><span class="demo-info"></span></li>
<li><span class="demo-alizarin"></span></li>
<li><span class="demo-grape"></span></li>
<li><span class="demo-violet"></span></li>
<li><span class="demo-indigo"></span></li>
</ul>
</div>
<div class="demo-body">
<div class="option-title">菜单颜色</div>
<ul id="demo-sidebar-color" class="demo-color-list">
<li><span class="demo-white"></span></li>
<li><span class="demo-black"></span></li>
<li><span class="demo-midnightblue"></span></li>
<li><span class="demo-primary"></span></li>
<li><span class="demo-info"></span></li>
<li><span class="demo-alizarin"></span></li>
<li><span class="demo-grape"></span></li>
<li><span class="demo-violet"></span></li>
<li><span class="demo-indigo"></span></li>
</ul>
</div>
<div class="demo-body hide" id="demo-boxes">
<div class="option-title">Boxed Layout Options</div>
<ul id="demo-boxed-bg" class="demo-color-list">
<li><span class="pattern-brickwall"></span></li>
<li><span class="pattern-dark-stripes"></span></li>
<li><span class="pattern-rockywall"></span></li>
<li><span class="pattern-subtle-carbon"></span></li>
<li><span class="pattern-tweed"></span></li>
<li><span class="pattern-vertical-cloth"></span></li>
<li><span class="pattern-grey_wash_wall"></span></li>
<li><span class="pattern-pw_maze_black"></span></li>
<li><span class="patther-wild_oliva"></span></li>
<li><span class="pattern-stressed_linen"></span></li>
<li><span class="pattern-sos"></span></li>
</ul>
</div>
</div>
<!-- /Switcher -->
<!-- Load site level scripts -->
</body>
</html>