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.

2506 lines
104 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="index.aspx.cs" Inherits="ERPOMS.index" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>宁波业远跨境电商ERP系统</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/highmapsnew.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 UserId = "<%=Session["UserId"]%>";
var CType = 1;
var iszk = 0;
var iscz = 0;
$(function () {
ajaxInit(null);
GetMenu();
addTab("首页", "indexOMS.aspx", false,101);
$("#btn_Save").click(function () {
SavePassWord();
});
$("#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;
}
});
$("#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 {
$("#div_sy").show();
$("#div_cd").hide();
window.open(url);
}
}
$("#tab1").bind("click", function () {
if (iscz == 0&&tget == "1") {
iscz = 1;
$("#ifm1").attr("src", "Default_New.aspx")
}
// $("#div_sy").show();
// $("#div_cd").hide();
});
});
$("#sp_name,#a_name").html(name);
$("#a_mmxg").bind("click", function () {
ShowFancybox();
});
$("#sp5").bind("click", function () {
window.open("Huowu/HW_KCPostion.aspx");
});
$("#a_2").bind("click", function () {
window.open("SysManage/ShopData.aspx?checkstate=4");
});
$("#a_22").bind("click", function () {
//window.open("DingDan/DD_GoodsCodeInput.aspx");
window.open("Huowu/HW_GoodsPlan.aspx");
});
// $("#a_8").bind("click", function () {
//window.open("Huowu/HW_GoodsPlanCount.aspx");
// });
$("#Mytab").on("click", "img[mno]", function () {
var mno = $(this).attr("mno");
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
});
$("#ul_mess").on("click", "li", function () {
var sid = -1;
if (UserId == 132)
sid = 6;
if (UserId == 176)
sid = 11;
var mno = "907";
var mname = "Second-hand sales List";
$("#li_ym").show();
var url = "HuoWu/HW_PersonBuyList.aspx?sid=" + sid;
$("#div_sy").hide();
$("#div_cd").show();
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
$("#ifm1").attr("src", "Default_New.aspx");
$("#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
//addTab("Second-hand sales List", "HwoWu/HW_PersonBuyList.aspx?sid="+sid, true);
// window.open("CaiGou/CG_ChaseHWCList.aspx");
});
});
function GetCGLeftKC() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "HuoWuServiceNew.asmx/GetGoodsKCTJNum",
data: "{}",
dataType: "json",
success: function (data) {
if (data.d != null) {
$("#div_sykc").html(data.d);
}
},
error: function (xhr, status) {
if (status != "success")
{ }
}
});
}
function GetOpenMess() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "HuoWuServiceNew.asmx/GetGoodsOutMess",
data: "{}",
dataType: "json",
success: function (data) {
if (data.d != null&&data.d>0) {
$("#sp_mess").html(data.d);
$("#ul_mess").html( ' <li class="" id="li_mess"><a href="#" class="notification-success"><div class="notification-icon"><i class="fa fa-check fa-fw"></i></div><div class="notification-content"><strong>Order Message:</strong>There is '+data.d+' second-hand UnShipped orders to be processed</div><div class="notification-time"></div></a> </li>');
}
},
error: function (xhr, status) {
if (status != "success")
{ }
}
});
}
//获取temu商品需要审核价格的数量
function GetTemuGoodPriceCheckQty() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "HuoWuServiceNew.asmx/GetTemuShopGoodCheckingQty",
data: "{}",
dataType: "json",
success: function (data) {
if (data.d != null && data.d > 0) {
alert("有" + data.d + "个TEMU店铺的商品价格等待审批");
}
},
error: function (xhr, status) {
if (status != "success") { }
}
});
}
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,mno) {
var tget = "1";
$("#li_ym").show();
$("#li_ym").show();
$("#div_sy").hide();
$("#div_cd").show();
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
$("#ifm1").attr("src", "Default_New.aspx");
$("#Mytab").append('<li role="presentation" mno="' + mno + '"><a href="#mu_' + mno + '" role="tab" data-toggle="tab" id="tab5">' + name + '<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
}
//#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: "SysManageServiceNew.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 + "】FBA【" + data.d.Num18 + "】");
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.Num19 + ")】西【" + data.d.Num16 + "(" + data.d.Num20+ ")】东【" + data.d.Num17 + "(" + data.d.Num21 + ")】");
else
$("#sp_Num3").html("【" + data.d.Num3 + "(" + data.d.Num19 + ")】");
$("#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",
url: "SysManageServiceNew.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_New",
// 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_New",
// 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 cate11 = null;
var _cate11 = null;
var datas11 = null;
function getData11() {
//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("(" + datas11 + ")");//转换成json对象
return dataJsonobj;
}
function GetLabelCountForDays() {
var param = new Object();
param.Days = 15;
$.ajax({
url: "SysManageServiceNew.asmx/GetLablesCount",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
dataType: "json",
async: true,
success: function (data) {
if (data.d != null) {
cate11 = data.d.categories;
datas11 = data.d.Data;
_cate11 = data.d.categories2;
SetChart11();
}
}
});
}
function SetChart11() {
$('#container11').highcharts({
chart: {
type: 'column'
},
title: {
text: '最近15天每日发货面单数',
align: 'left'
},
xAxis: {
categories: cate11
},
yAxis: {
allowDecimals: false,
min: 0,
title: {
text: 'Count Labels'
}
},
tooltip: {
formatter: function () {
return '<b>' + this.x + '</b><br/>' +
this.series.name + ': ' + this.y + '<br/>' +
'总量: ' + this.point.stackTotal;
}
},
plotOptions: {
column: {
stacking: 'normal'
},
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
var param = new Object();
param.date = _cate11[this.index];
param.wareHouse = this.series.userOptions.stack;
$.ajax({
url: "../PostGoodServiceNew.asmx/GetWareHouseUnPrintedDatasIndex",
data: Sys.Serialization.JavaScriptSerializer.serialize(param),
success: function (data) {
if (data.d.Code == 1) {
$("#NoPrintedTB").empty();
var tHtml = "";
for (var i = 0; i < data.d.Datas.length; i++) {
tHtml += "<tr name='DataGridRow' class='DataGridRowStyle'><td>" + data.d.Datas[i]["TrackCode"] + "</td><td>" + data.d.Datas[i]["SKU"] + "</td></tr>";
}
$("#NoPrintedTB").append(tHtml);
}
else {
alert("error:" + data.Message);
}
}
});
}
}
}
}
},
series:getData11()
});
}
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: "SysManageServiceNew.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 = "login.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 GetTotalRate() {
$.ajax({
url: "../SysManageServiceNew.asmx/GetLastDayFinanceFundTotalData",
dataType: "json",
success: function (data) {
$("#sp12").text("财务必填:【¥" + data.d.toLocaleString() + "】");
}
});
}
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">1</span></a>
<div class="dropdown-menu taskprogresses arrow">
<div class="dd-header">
<%-- <span>Tasks</span>
<span><a href="#">Settings</a></span>--%>
</div>
<ul class="scrollthis">
<li>
<a href="#">
<div class="contextual-progress">
<div class="clearfix">
<div class="progress-title">剩余立方:</div>
<div class="progress-percentage" id="div_sykc"></div>
</div>
</div>
</a>
</li>
<%-- <li>
<a href="#">
<div class="contextual-progress">
<div class="clearfix">
<div class="progress-title">App Development</div>
<div class="progress-percentage">3/9</div>
</div>
<div class="progress progress-lg progress-striped active">
<div class="progress-bar progress-bar-success" style="width: 33%"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="contextual-progress">
<div class="clearfix">
<div class="progress-title">App Interface</div>
<div class="progress-percentage">15%</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-danger" style="width: 15%"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="contextual-progress">
<div class="clearfix">
<div class="progress-title">Documentation</div>
<div class="progress-percentage">4/5</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-primary" style="width: 80%"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="contextual-progress">
<div class="clearfix">
<div class="progress-title">eCommerce</div>
<div class="progress-percentage">6/10</div>
</div>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" style="width: 60%"></div>
</div>
</div>
</a>
</li>--%>
</ul>
<div class="dd-footer">
<%-- <a href="#">View all tasks</a>--%>
</div>
</div>
</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" id="sp_mess"></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" id="ul_mess">
<%-- <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>Order Message:</strong>There is a second-hand order to be processed</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">
</ul>
<!-- 面板区 -->
<div class="tab-content" id="div_tab">
<div role="tabpanel" class="tab-pane active" id="home">
<iframe 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>