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.

3475 lines
160 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="IndexErp.aspx.cs" Inherits="TradeManageNew.IndexErp" %>
<!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 KTSKU = "<%=Session["KTSKU"]%>";
var UserId = "<%=Session["UserId"]%>";
var CType = 1;
var iszk = 0;
var iscz = 0;
$(function () {
console.log("我这是首页");
ajaxInit(null);
GetMenu();
if (UserId == 1) {
GetTemuGoodPriceCheckQty();
}
$("#sp21").bind("click", function(){
window.open("HT_CustomList.aspx");
});
if (UserId!=1&&UserId!=51)
$("#div_1,#div_3,#div_21,#div_22,#div_23,#div_24").hide();
$("#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);
if (UserId == 1 || UserId == 53)
$("#tr_ck,#tr_ck2,#a_33,#a_333,#a_grxs2,#sp_Num8,#sp_Num88,#sp12,#sp15,#sp21").show();
if (UserId == 51 || UserId == 114 || UserId == 190)
$("#sp_Num8").show();
if (UserId == 225) {
$("#sp15").show();
$("#sp_Num8").show();
$("#sp_Num88").show();
}
if (UserId == 241) {
$("#sp_Num8").show();
$("#sp12").show();
}
$("#sp1").bind("click", function () {
if (UserId == 1)
window.open("DingDan/DD_OrderListForTM2.aspx");
});
$("#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");
// });
$("#a_9").bind("click", function () {
window.open("Huowu/HW_GoodsPlan.aspx");
});
$("#a_ck").bind("click", function () {
window.open("CangKu/CK_DayDataList.aspx");
});
$("#sp7").bind("click", function () {
window.open("XP_GoodsSelect.aspx");
//window.open("XP_GoodsSelect.aspx");
});
$("#sp8").bind("click", function () {
window.open("SysManage/DD_BackMoneyApply3.aspx");
$("#sp8").html("订单赔款申请");
//window.open("XP_GoodsSelect.aspx");
});
$("#sp15").bind("click", function () {
window.open("TongJi/PeopleDaySaleDatasNew.aspx");
$("#sp15").html("人员销售数据");
});
$("#sp16").bind("click", function () {
window.open("TongJi/ShopADAnalysisData.aspx");
$("#sp16").html("广告分析");
});
$("#sp17").bind("click", function () {
window.open("DingDan/DD_ShopifyOrders.aspx");
$("#sp17").html("Shopify订单");
});
$("#sp18").bind("click", function () {
window.open("TongJi/ShopClaimCaseData.aspx");
$("#sp18").html("店铺索赔");
});
$("#sp19").bind("click", function () {
window.open("TongJi/ShopEmailDatas.aspx");
$("#sp19").html("店铺邮件");
});
$("#sp20").bind("click", function () {
window.open("TongJi/UserOrderSale.aspx");
$("#sp20").html("人员订单销售数据");
});
$("#sp9").bind("click", function () {
window.open("DingDan/DD_OrderScanForTM2.aspx");
//window.open("XP_GoodsSelect.aspx");
});
$("#sp10").bind("click", function () {
window.open("StoreAcos/StoreGoodWeekAcos.aspx");
});
$("#sp11").bind("click", function () {
window.open("StoreAcos/PeopleAcosCount.aspx");
});
$("#sp12").bind("click", function () {
window.open("CaiWu/CaiWuBiTian.aspx");
});
$("#sp4").bind("click", function () {
window.open("HuoWu/HW_GoodsInfoForTM2_EN.aspx");
});
$("#sp6").bind("click", function () {
addTab("海外仓出运", "CaiGou/CG_ChaseHWCList.aspx", true,442);
// window.open("CaiGou/CG_ChaseHWCList.aspx");
});
$("#sp_Num8").bind("click", function () {
window.open("TongJi/Report18.aspx");
});
$("#sp_Num88").bind("click", function () {
window.open("TongJi/HW_PMCount.aspx");
});
$("#a_33").bind("click", function () {
window.open("TongJi/Report41.aspx");
});
$("#a_grxs").bind("click", function () {
window.open("TongJi/Report401.aspx");
});
$("#a_grxs2").bind("click", function () {
window.open("TongJi/Report403.aspx");
});
$("#a_cpkf").bind("click", function () {
window.open("TongJi/Report402.aspx");
});
$("#a_333").bind("click", function () {
window.open("TongJi/Report182.aspx");
});
$("#btn_qh1").bind("click", function () {
CType = 1;
GetShopList();
});
$("#btn_qh2").bind("click", function () {
CType = 2;
GetBasePlat();
});
$("#btn_qh3").bind("click", function () {
CType = 3;
GetShopList();
});
$("#btn_qh4").bind("click", function () {
CType = 4;
GetShopList2();
});
$("#btn_qh5").bind("click", function () {
CType = 5;
GetShopList2();
});
$("#btn_qh6").bind("click", function () {
title = "单量";
GetOrderNumCountMonthPT(1);
});
$("#btn_qh7").bind("click", function () {
title = "销售额(USD)";
GetOrderNumCountMonthPT(2);
});
$("#btn_qh8").bind("click", function () {
title = "立方";
GetOrderCountGoodsSoildDay(2);
});
$("#btn_qh9").bind("click", function () {
title = "立方";
GetOrderCountGoodsSoildMonth(2);
});
$("#btn_Save").click(function () {
SavePassWord();
});
$("#Mytab").on("click", "img[mno]", function () {
var mno = $(this).attr("mno");
$("li[mno='" + mno + "']").remove();
$("div[mno='" + mno + "']").remove();
});
$("#div_ck").on("click", "span[sname]", function () {
var sname = $(this).attr("sname");
if (sname != "")
window.open("Huowu/HW_GoodsNumCount.aspx?storename=" + sname);
});
GetDefaultData();
GetDefaultData2();
GetLeftSolid();
GetDefaultDataGoodsCode2();
GetDefaultDataGoodsCode();
GetDefaultDataGoodsCode3();
GetDefaultDataGoodsCode4();
GetShopList();
GetListUSMap();
GetTotalRate();
GetLabelCountForDays();
// wopen();
GetOpenMess();
setInterval("wopen()", 20000);
setInterval("GetOpenMess()", 30000);
//$("#a_open").bind("click", function () {
// wopen();
// $('#myModal').modal("show");
//});
if (UserId == 1)
GetCGLeftKC();
$("#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");
});
$("#sp_Num18").on("click", "td[sgcode]", function () {
var mno = "352";
var mname = "订单查询2";
var SGCode = $(this).attr("sgcode");
addTab("订单查询2", "DingDan/DD_OrderListForTM2.aspx?IsToday=0&SGCode="+SGCode, 352);
// window.open("CaiGou/CG_ChaseHWCList.aspx");
});
if (UserId == 1) {
$("#sp_Num19").on("click", "td[sgcode]", function () {
var mno = "352";
var mname = "订单查询2";
var SGCode = $(this).attr("sgcode");
addTab("订单查询2", "DingDan/DD_OrderListForTM2.aspx?IsToday=0&SGCode=" + SGCode, 352);
// window.open("CaiGou/CG_ChaseHWCList.aspx");
});
$("#sp_Num20").on("click", "td[sgcode]", function () {
var mno = "352";
var mname = "订单查询2";
var SGCode = $(this).attr("sgcode");
addTab("订单查询2", "DingDan/DD_OrderListForTM2.aspx?IsToday=1&SGCode=" + SGCode, 352);
// window.open("CaiGou/CG_ChaseHWCList.aspx");
});
$("#sp_Num21").on("click", "td[sgcode]", function () {
var mno = "352";
var mname = "订单查询2";
var SGCode = $(this).attr("sgcode");
addTab("订单查询2", "DingDan/DD_OrderListForTM2.aspx?IsToday=1&SGCode=" + SGCode, 352);
// 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: "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 + "】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: "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 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">
<%-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-random mr5"></i>首页<span class="caret"></span></a>
<ul class="dropdown-menu" style="width: 900px;">
<li>
<div class="yamm-content container-sm-height">
<div class="row row-sm-height yamm-col-bordered">
<div class="col-sm-3 col-sm-height yamm-col">
<h3 class="yamm-category">订单</h3>
<ul class="list-unstyled mb20">
<li><a href="layout-fixed-sidebars.html">Stretch Sidebars</a></li>
<li><a href="layout-sidebar-scroll.html">Scroll Sidebar</a></li>
<li><a href="layout-static-leftbar.html">Static Sidebar</a></li>
<li><a href="layout-leftbar-widgets.html">Sidebar Widgets</a></li>
</ul>
<h3 class="yamm-category">产品</h3>
<ul class="list-unstyled">
<li><a href="layout-infobar-offcanvas.html">Offcanvas Infobar</a></li>
<li><a href="layout-infobar-overlay.html">Overlay Infobar</a></li>
<li><a href="layout-chatbar-overlay.html">Chatbar</a></li>
<li><a href="layout-rightbar-widgets.html">Infobar Widgets</a></li>
</ul>
</div>
<div class="col-sm-3 col-sm-height yamm-col">
<h3 class="yamm-category">采购</h3>
<ul class="list-unstyled mb20">
<li><a href="layout-breadcrumb-top.html">Breadcrumbs on Top</a></li>
<li><a href="layout-page-tabs.html">Page Tabs</a></li>
<li><a href="layout-fullheight-panel.html">Full-Height Panel</a></li>
<li><a href="layout-fullheight-content.html">Full-Height Content</a></li>
</ul>
<h3 class="yamm-category">仓库</h3>
<ul class="list-unstyled">
<li><a href="layout-topnav-options.html">Topnav Options</a></li>
<li><a href="layout-horizontal-small.html">Horizontal Small</a></li>
<li><a href="layout-horizontal-large.html">Horizontal Large</a></li>
<li><a href="layout-boxed.html">Boxed</a></li>
</ul>
</div>
<div class="col-sm-3 col-sm-height yamm-col">
<h3 class="yamm-category">Analytics</h3>
<ul class="list-unstyled mb20">
<li><a href="charts-flot.html">Flot</a></li>
<li><a href="charts-sparklines.html">Sparklines</a></li>
<li><a href="charts-morris.html">Morris</a></li>
<li><a href="charts-easypiechart.html">Easy Pie Charts</a></li>
</ul>
<h3 class="yamm-category">Components</h3>
<ul class="list-unstyled">
<li><a href="ui-tiles.html">Tiles</a></li>
<li><a href="custom-knob.html">jQuery Knob</a></li>
<li><a href="custom-jqueryui.html">jQuery Slider</a></li>
<li><a href="custom-ionrange.html">Ion Range Slider</a></li>
</ul>
</div>
<div class="col-sm-3 col-sm-height yamm-col">
<h3 class="yamm-category">Rem</h3>
<img src="cmcss/assets/demo/stockphoto/communication_12_carousel.jpg" class="mb20 img-responsive" style="width: 100%;">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown" id="widget-classicmenu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">订单<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>--%>
</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_sy">
<div class="static-content">
<div class="page-content">
<div class="page-heading">
<h1>首页</h1>
<div class="options">
<div class="btn-toolbar">
<a href="#" class="btn btn-default"><i class="fa fa-fw fa-cog"></i></a>
</div>
</div>
</div>
<!-- <ol class="breadcrumb">
<li class="active"><a href="index.html">Home</a></li>
</ol> -->
<div class="container-fluid">
<div id="panel-advancedoptions">
<div class="row" id="div_1">
<div class="col-md-3">
<a class="info-tiles tiles-inverse has-footer" href="#">
<div class="tiles-heading">
<div class="pull-left">昨日单量</div>
<div class="pull-right">
<div id="tileorders" class="sparkline-block"><canvas width="39" height="13" style="display: inline-block; width: 39px; height: 13px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="tiles-body">
<div class="text-center" id="sp_Num" style="font-size:14pt"></div>
</div>
<div class="tiles-footer">
<div class="pull-left">manage orders</div>
<div class="pull-right percent-change"></div>
</div>
</a>
</div>
<div class="col-md-3">
<a class="info-tiles tiles-green has-footer" href="#">
<div class="tiles-heading">
<div class="pull-left">昨日\今日销售额</div>
<div class="pull-right">
<div id="tilerevenues" class="sparkline-block"><canvas width="40" height="13" style="display: inline-block; width: 40px; height: 13px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="tiles-body">
<div class="text-center" id="sp_TotalPriceUSD" style="font-size:14pt"></div>
</div>
<div class="tiles-footer">
<div class="pull-left">go to accounts</div>
<div class="pull-right percent-change"></div>
</div>
</a>
</div>
<div class="col-md-3">
<a class="info-tiles tiles-blue has-footer" href="#">
<div class="tiles-heading">
<div class="pull-left">昨日订单客单价</div>
<div class="pull-right">
<div id="tiletickets" class="sparkline-block"><canvas width="13" height="13" style="display: inline-block; width: 13px; height: 13px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="tiles-body">
<div class="text-center" id="sp_SiglePriceUSD" style="font-size:14pt"></div>
</div>
<div class="tiles-footer">
<div class="pull-left">see all tickets</div>
<div class="pull-right percent-change"></div>
</div>
</a>
</div>
<div class="col-md-3">
<a class="info-tiles tiles-midnightblue has-footer" href="#">
<div class="tiles-heading">
<div class="pull-left">今日导入</div>
<div class="pull-right">
<div id="tilemembers" class="sparkline-block"><canvas width="39" height="13" style="display: inline-block; width: 39px; height: 13px; vertical-align: top;"></canvas></div>
</div>
</div>
<div class="tiles-body">
<div class="text-center" id="sp_Num2" style="font-size:14pt"></div>
</div>
<div class="tiles-footer">
<div class="pull-left">manage members</div>
<div class="pull-right percent-change"></div>
</div>
</a>
</div>
</div>
<div class="row" >
<div class="col-md-6 bs-grid sortable-grid ui-sortable">
<div class="row" >
<div class="col-md-12 bs-grid sortable-grid ui-sortable" id="div_21">
<div class="panel panel-default panel-btn-focused demo-new-members panel-sortable" role="widget">
<div class="panel-heading">
<h2>昨日销售额前三编号</h2><div class="panel-ctrls"> </div>
<span class="panel-loader"></span></div>
<div class="panel-editbox" style="display: none">
<div class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body panel-no-padding" role="content">
<div class="tabel-responsive">
<table class="table table-hover mb0">
<thead>
<tr>
<th >排名</th>
<th>编号</th>
<th>销售额</th>
</tr>
</thead>
<tbody id="sp_Num18">
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-md-12 bs-grid sortable-grid ui-sortable" id="div_22">
<div class="panel panel-default panel-btn-focused demo-new-members panel-sortable" role="widget">
<div class="panel-heading">
<h2>昨日销量前三编号</h2><div class="panel-ctrls"> </div>
<span class="panel-loader"></span></div>
<div class="panel-editbox" style="display: none">
<div class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body panel-no-padding" role="content">
<div class="tabel-responsive">
<table class="table table-hover mb0">
<thead>
<tr>
<th >排名</th>
<th>编号</th>
<th>销量</th>
</tr>
</thead>
<tbody id="sp_Num19">
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-md-12 bs-grid sortable-grid ui-sortable">
<div class="panel panel-default panel-btn-focused panel-sortable" role="widget">
<div class="panel-heading">
<h2>昨日各州订单销量</h2><div class="panel-ctrls"> </div>
<span class="panel-loader"></span></div>
<div class="panel-editbox" style="display: none">
<div class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body bg-gray" role="content">
<div class="map-world">
<div id="container2" style="height: 600px; min-width: 600px; max-width: 1200px; margin: 0 auto">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 bs-grid sortable-grid ui-sortable">
<div class="row">
<div class="col-md-12 bs-grid sortable-grid ui-sortable">
<div class="row">
<div class="col-md-12">
<div class="col-md-12 bs-grid sortable-grid ui-sortable" id="div_23">
<div class="panel panel-default panel-btn-focused demo-new-members panel-sortable" role="widget">
<div class="panel-heading">
<h2>今日销售额前三编号</h2><div class="panel-ctrls"> </a></div>
<span class="panel-loader"></span></div>
<div class="panel-editbox" style="display: none">
<div class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body panel-no-padding" role="content">
<div class="tabel-responsive">
<table class="table table-hover mb0">
<thead>
<tr>
<th >排名</th>
<th>编号</th>
<th>销售额</th>
</tr>
</thead>
<tbody id="sp_Num20">
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-md-12 bs-grid sortable-grid ui-sortable" id="div_24">
<div class="panel panel-default panel-btn-focused demo-new-members panel-sortable" id="p3" role="widget">
<div class="panel-heading">
<h2>今日销量前三编号</h2><div class="panel-ctrls"> </a></div>
<span class="panel-loader"></span></div>
<div class="panel-editbox" style="display: none">
<div class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body panel-no-padding" role="content">
<div class="tabel-responsive">
<table class="table table-hover mb0">
<thead>
<tr>
<th >排名</th>
<th>编号</th>
<th>销量</th>
</tr>
</thead>
<tbody id="sp_Num21">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<a href="#" class="info-tiles tiles-midnightblue">
<div class="tiles-heading">
Quick navigation
</div>
<div class="tiles-body">
<div>
<span class="sp_1" id="sp1">订单查询</span><br />
<span class="sp_1" id="sp_Num8" style="display:none" >每日利润</span><br />
<%-- <span class="sp_1" id="sp_Num88" style="display:none" >货号排名</span><br />
<span class="sp_1" id="a_grxs">个人销售额统计</span><br />
<span class="sp_1" id="a_cpkf">产品开发销售额统计</span><br />
<span class="sp_1" id="a_grxs2" style="display:none">个人销售额统计(每天)</span><br />
<span class="sp_1" id="a_333">销售额统计带仓储费</span><br />
<span class="sp_1" id="a_33" style="display:none">编号销量</span><br />
<span class="sp_1" id="sp5">库存查询</span><br />--%>
<span class="sp_1" id="sp6">*海外仓发货*</span><br />
<%-- <span class="sp_1" id="sp9">发货扫描(不称重)</span><br />--%>
<span class="sp_1" id="a_2">每日必填</span><br />
<%-- <span class="sp_1" id="a_8">货号信息填写</span><br />--%>
<span class="sp_1" id="a_9">货号分配填写</span><br />
<span class="sp_1" id="a_ck">美国仓填写</span><br />
<span class="sp_1" id="a_22">重点编号数据必填</span><br />
<span class="sp_1" id="sp8" >订单赔款申请</span><br />
<span class="sp_1" id="sp15" >人员销售数据</span><br />
<span class="sp_1" id="sp16" >广告分析</span><br />
<span class="sp_1" id="sp17" >Shopify订单</span><br />
<span class="sp_1" id="sp18" >店铺索赔</span><br />
<span class="sp_1" id="sp20" >人员订单销售数据</span><br />
<%-- <span class="sp_1" id="sp19" >店铺邮件</span><br />--%>
<span class="sp_1" id="sp21" style="display:none;color:red">借款合同填写</span><br />
<canvas height="20" width="80"></canvas></div>
</div>
</a>
</div>
<div class="col-sm-4" id="div_ck">
<a href="#" class="info-tiles tiles-primary">
<div class="tiles-heading">
Quick navigation
</div>
<div class="tiles-body">
<div>
<div id="ck_lf">
</div>
<canvas height="20" width="80"></canvas></div>
</div>
</a>
</div>
<div class="col-sm-4">
<a href="#" class="info-tiles tiles-grape">
<div class="tiles-heading">
Quick navigation
</div>
<div class="tiles-body">
<div>
<span class="sp_1">昨天发货:</span> <span class="sp_1" id="sp_Num3"></span> <span class="sp_1" id="sp_Num33"></span> <br /> <span class="sp_1" id="sp_Num4"></span>
<br/> <span class="sp_1">剩余库存金额:</span><span class="sp_1" id="sp_Num7"></span> <br />
<span class="sp_1">昨天采购金额:</span> <span class="sp_1" id="sp_Num5"> </span><br /><span class="sp_1"
>昨天入库金额:</span><span class="sp_1" id="sp_Num6"></span>
<br /> <span class="sp_1">生产中:</span><span class="sp_1" id="sp_Num101"></span> <br /> <span class="sp_1">在途:</span><span class="sp_1" id="sp_Num104"></span><br />
<span class="sp_1" id="sp10">商品周ACOS</span><br />
<span class="sp_1" id="sp11">负责人ACOS</span><br />
<span class="sp_1" id="sp12" style="display:none;font-size: 16pt;color: red;">财务必填:</span><br />
<canvas height="20" width="80"></canvas></div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="div_33">
<div class="col-md-12 bs-grid sortable-grid ui-sortable" style="width:85%;">
<div class="panel panel-default panel-btn-focused panel-sortable" id="p11" data-widget-editbutton="false" role="widget">
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body" role="content">
<div class="tab-content">
<div class="clearfix">
<%--<button class="btn btn-default pull-left" id="daterangepicker2">
<i class="fa fa-calendar visible-xs"></i>
<span class="hidden-xs" style="text-transform: uppercase;">June 13, 2021 - July 12, 2021</span> <b class="caret"></b>
</button>--%>
<div class="btn-toolbar pull-right">
</div>
</div>
<div id="tab-visitor11" class="tab-pane active">
<div id="visitors-stats11" style="height: 250px; padding: 0px; position: relative;" class="demo-graph graph-1"><div id="container11" style="height: 310px; width: 100%;z-index:999999">
</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 bs-grid sortable-grid ui-sortable" style="width:15%;">
<div class="panel panel-default panel-btn-focused demo-new-members panel-sortable">
<div class="panel-heading">
<h2>未打印面单</h2><div class="panel-ctrls"> </div>
<span class="panel-loader"></span></div>
<div class="panel-editbox" style="display: none">
<div class="form-horizontal">
<div class="form-group">
<div class="col-sm-12">
<input type="text" class="form-control">
</div>
</div>
</div>
</div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body panel-no-padding" role="content">
<div class="tabel-responsive">
<table class="table table-hover mb0">
<thead>
<tr>
<th>面单号</th>
<th>SKU</th>
</tr>
</thead>
<tbody id="NoPrintedTB">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="div_3">
<div class="col-md-12 bs-grid sortable-grid ui-sortable">
<div class="panel panel-default panel-btn-focused panel-sortable" id="p1" data-widget-editbutton="false" role="widget">
<div class="panel-heading">
<h2>
<ul class="nav nav-tabs"><li class="dropdown pull-right tabdrop hide"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-angle-down"></i> </a><ul class="dropdown-menu"></ul></li>
<li class="active"><a data-toggle="tab" id="btn_qh1"><i class="fa fa-user visible-xs"></i><span class="hidden-xs">订单趋势按店铺 </span></a></li>
<li><a data-toggle="tab" id="btn_qh3"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">销售额趋势按店铺</span></a></li>
<li><a data-toggle="tab" id="btn_qh2"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">订单趋势按平台</span></a></li>
<li><a data-toggle="tab" id="btn_qh4"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">订单量月度按店铺</span></a></li>
<li><a data-toggle="tab" id="btn_qh5"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">销售额月度按店铺 </span></a></li>
<li><a data-toggle="tab" id="btn_qh6"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">订单量月度按平台</span></a></li>
<li><a data-toggle="tab" id="btn_qh7"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">销售额月度按平台</span></a></li>
<li><a data-toggle="tab" id="btn_qh8"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">立方按天</span></a></li>
<li><a data-toggle="tab" id="btn_qh9"><i class="fa fa-bar-chart-o visible-xs"></i><span class="hidden-xs">立方按月</span></a></li>
</ul>
</h2><div class="panel-ctrls"></div>
<span class="panel-loader"></span></div>
<div class="panel-colorbox" style="display: none">
<ul class="list-unstyled list-inline panel-color-list">
<li><span data-widget-setstyle="panel-default"></span></li>
<li><span data-widget-setstyle="panel-inverse"></span></li>
<li><span data-widget-setstyle="panel-primary"></span></li>
<li><span data-widget-setstyle="panel-success"></span></li>
<li><span data-widget-setstyle="panel-warning"></span></li>
<li><span data-widget-setstyle="panel-danger"></span></li>
<li><span data-widget-setstyle="panel-info"></span></li>
<li><span data-widget-setstyle="panel-brown"></span></li>
<li><span data-widget-setstyle="panel-indigo"></span></li>
<li><span data-widget-setstyle="panel-orange"></span></li>
<li><span data-widget-setstyle="panel-midnightblue"></span></li>
<li><span data-widget-setstyle="panel-sky"></span></li>
<li><span data-widget-setstyle="panel-magenta"></span></li>
<li><span data-widget-setstyle="panel-purple"></span></li>
<li><span data-widget-setstyle="panel-green"></span></li>
<li><span data-widget-setstyle="panel-grape"></span></li>
</ul>
</div>
<div class="panel-body" role="content">
<div class="tab-content">
<div class="clearfix">
<%--<button class="btn btn-default pull-left" id="daterangepicker2">
<i class="fa fa-calendar visible-xs"></i>
<span class="hidden-xs" style="text-transform: uppercase;">June 13, 2021 - July 12, 2021</span> <b class="caret"></b>
</button>--%>
<div class="btn-toolbar pull-right">
</div>
</div>
<div id="tab-visitor" class="tab-pane active">
<div id="visitors-stats" style="height: 250px; padding: 0px; position: relative;" class="demo-graph graph-1"><div id="container" style="height: 310px; width: 100%;z-index:999999">
</div><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);">
<div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 31px; text-align: center;">0</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 129px; text-align: center;">2</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 227px; text-align: center;">4</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 324px; text-align: center;">6</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 422px; text-align: center;">8</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 516px; text-align: center;">10</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 614px; text-align: center;">12</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 712px; text-align: center;">14</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 810px; text-align: center;">16</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 908px; text-align: center;">18</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1006px; text-align: center;">20</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1103px; text-align: center;">22</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1201px; text-align: center;">24</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1299px; text-align: center;">26</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1397px; text-align: center;">28</div><div style="position: absolute; max-width: 84px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1495px; text-align: center;">30</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; top: 222px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 13px; text-align: right;">0</div><div style="position: absolute; top: 178px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 6px; text-align: right;">50</div><div style="position: absolute; top: 134px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">100</div><div style="position: absolute; top: 89px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">150</div><div style="position: absolute; top: 45px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">200</div><div style="position: absolute; top: 1px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">250</div></div></div> <div class="legend"><div style="position: absolute; width: 85px; height: 51px; top: 12px; right: 12px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:12px;right:12px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(208,210,214);overflow:hidden"></div></div></td><td class="legendLabel">Page Views</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(52,73,94);overflow:hidden"></div></div></td><td class="legendLabel"></td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(180,196,212);overflow:hidden"></div></div></td><td class="legendLabel"></td></tr></tbody></table></div></div>
</div>
<div id="tab-revenues" class="tab-pane">
<div id="revenues-stats" style="height: 250px; padding: 0px;" class="demo-graph graph-2"><canvas class="flot-base" width="1513" height="250" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 1513px; height: 250px;"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 111px; text-align: center;">Jan</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 228px; text-align: center;">Feb</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 345px; text-align: center;">Mar</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 464px; text-align: center;">Apr</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 580px; text-align: center;">May</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 700px; text-align: center;">Jun</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 821px; text-align: center;">Jul</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 935px; text-align: center;">Aug</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1054px; text-align: center;">Sep</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1172px; text-align: center;">Oct</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1289px; text-align: center;">Nov</div><div style="position: absolute; max-width: 126px; top: 238px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 1408px; text-align: center;">Dec</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; top: 222px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 6px; text-align: right;">$0K</div><div style="position: absolute; top: 178px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">$10K</div><div style="position: absolute; top: 134px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">$20K</div><div style="position: absolute; top: 90px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">$30K</div><div style="position: absolute; top: 46px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">$40K</div><div style="position: absolute; top: 2px; font: 400 11px / 12.65px &quot;Source Sans Pro&quot;, &quot;Segoe UI&quot;, &quot;Droid Sans&quot;, Tahoma, Arial, sans-serif; color: rgba(0, 0, 0, 0.4); left: 0px; text-align: right;">$50K</div></div></div><canvas class="flot-overlay" width="1513" height="250" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 1513px; height: 250px;"></canvas><div class="legend"><div style="position: absolute; width: 68px; height: 34px; top: 13px; right: 17px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:13px;right:17px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(170,170,170);overflow:hidden"></div></div></td><td class="legendLabel">Budgeted</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid rgb(52,73,94);overflow:hidden"></div></div></td><td class="legendLabel">Actual</td></tr></tbody></table></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- .container-fluid -->
</div> <!-- #page-content -->
</div>
<footer role="contentinfo">
<div class="clearfix">
<ul class="list-unstyled list-inline pull-left">
<li><h6 style="margin: 0;"> © 2014 Avalon</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 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 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>