<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="/images/pdd_icon.png" rel="icon">
<title>首页</title>
<link rel="stylesheet" href="/css/layui.css"/>
<link rel="stylesheet" href="/css/admin_style.css"/>
<link rel="stylesheet" href="/css/common.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{literal}
<style>
</style>
{/literal}
</head>
<body>
<div class="layui-layout layui-layout-admin admin-container-outer">
{include file="include/admin_header.html"}
{include file="include/admin_leftmenu.html"}
<div class="layui-body admin-layui-body layui-anim layui-anim-fadein">
<div class="layui-row layui-col-space12">
<div class="layui-col-lg3 admin-layui-col-top-left">
<div class="admin-index-top-item">
<div class="admin-index-top-item-title">今日动态</div>
<div class="admin-index-top-item-title-line"></div>
<div class="admin-index-top-item-list-title">发货动态</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="admin-index-top-item-list-item">
<div class="admin-index-top-item-list-item-child">
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red admin-index-top-item-list-item-child-dot1"></i> <span class="icon-- admin-index-top-item-list-item-child-icon1"></span>催发订单：</div>
<div class="fr">{$today_data.urge_order_count}</div>
<div class="clear"></div>
</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="admin-index-top-item-list-item-child">
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red"></i><span class="icon-uniE900 admin-index-top-item-list-item-child-icon2"></span>倒计时订单：</div>
<div class="fr">{$today_data.countdown_order_count}</div>
<div class="clear"></div>
</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="admin-index-top-item-list-item-child">
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon--1 admin-index-top-item-list-item-child-icon3"></span>待发货订单：</div>
<div class="fr">{$today_data.wait_deliver_goods_count}</div>
<div class="clear"></div>
</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
</div>
<div class="admin-index-top-item-list-title">售后动态</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="admin-index-top-item-list-item">
<div class="admin-index-top-item-list-item-child">
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red"></i><span class="icon-uniE9001 admin-index-top-item-list-item-child-icon4"></span>平台介入中：</div>
<div class="fr">{$today_data.platform_processing_count}</div>
<div class="clear"></div>
</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="admin-index-top-item-list-item-child">
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon-11 admin-index-top-item-list-item-child-icon4"></span>待售后订单：</div>
<div class="fr">{$today_data.wait_after_sale_count}</div>
<div class="clear"></div>
</div>
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
</div>
</div>
</div>
<div class="layui-col-lg7 admin-layui-col-top-right">
<div class="admin-index-top-item">
<div class="admin-index-top-item-header">
<ul class="admin-index-top-item-header-left">
<li class="active">销售额</li>
<li>退货订单数</li>
</ul>
<ul class="admin-index-top-item-header-right">
<li>本周</li>
<li>本月</li>
<li class="active">全年</li>
</ul>
</div>
<div class="admin-index-top-item-header-line"></div>
<div id="admin-map-container"></div>
</div>
</div>
</div>
<div class="layui-row layui-col-space20 bottom-layui-row">
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总) <span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_urge_order_count}<span> 单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div>
</div>
</div>
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">倒计时订单(总) <span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_countdown_order_count}<span> 单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单还有12h超时！</div>
</div>
</div>
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">待发货订单(总) <span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_wait_deliver_goods_count}<span> 单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>有新增的订单啦</div>
</div>
</div>
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">平台介入中订单(总) <span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_platform_processing_count}<span> 单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单官方客服已介入</div>
</div>
</div>
<div class="layui-col-lg2 admin-layui-col-bottom-list admin-layui-col-bottom-list-last">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">待售后订单(总) <span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_wait_after_sale_count}<span> 单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-21"></span></div>
<div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客想要退款</div>
</div>
</div>
</div>
</div>
<!-- <div class="layui-footer">
底部固定区域
</div> -->
</div>
<script src="/js/layui.js"></script>
<script src="/js/echarts_5.5.3.min.js"></script>
{literal}
<script>
layui.use(['element', 'layer', 'util'], function(){
var element = layui.element
,layer = layui.layer
,util = layui.util
,$ = layui.$;
util.event('lay-header-event', {
menuLeft: function(othis){
layer.msg('展开左侧菜单的操作', {icon: 0});
}
,menuRight: function(){
layer.open({
type: 1
,title: '更多'
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt'
,anim: 5
,shadeClose: true
,scrollbar: false
});
}
});
});
var myChart = echarts.init(document.getElementById('admin-map-container'));
var monthList = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
var option = {
title: {
text: ' 销售额趋势',
textStyle:{
color: 'rgba(0,0,0,0.85)',
fontFamily:'PingFangSC-Medium',
fontSize: 14,
lineHeight:55,
},
},
grid:{
left:55,
top:74,
width:'90%',
height:226,
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
data: monthList,
axisLabel:{
show:true,
color:'rgba(0,0,0,0.65)',
fontSize:12,
fontFamily: 'HelveticaNeue'
},
axisLine:{
show:true,
lineStyle:{
color:'#D9D9D9',
}
},
axisTick:{
show:true,
alignWithLabel:true,
length:5,
}
},
yAxis: {
splitLine:{
show:true,
lineStyle:{
color:['rgba(232, 232, 232, 1)'],
type:'dashed'
}
}
},
series: [
{
name: '销量',
type: 'bar',
data: [100, 1000, 256, 488, 588, 189, 110, 100, 556, 188, 888, 289],
itemStyle:{
color:'rgba(24, 144, 255)',
opacity:0.85
}
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
{/literal}
</body>
</html>