|
|
|
|
|
|
|
<!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>
|
|
|
|
.admin-index-top-item{
|
|
|
|
width: 100%;
|
|
|
|
height: 373px;
|
|
|
|
background: #FFFFFF;
|
|
|
|
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
.admin-layui-body{
|
|
|
|
padding:12px;
|
|
|
|
}
|
|
|
|
.admin-index-bottom-item{
|
|
|
|
width: 100%;
|
|
|
|
height: 260px;
|
|
|
|
background: #FFFFFF;
|
|
|
|
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
|
|
|
|
border-radius: 3px;
|
|
|
|
padding-bottom: 22px;
|
|
|
|
}
|
|
|
|
.bottom-layui-row{
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-title{
|
|
|
|
width: 100%;
|
|
|
|
height: 46px;
|
|
|
|
line-height: 46px;
|
|
|
|
padding-left: 18px;
|
|
|
|
color: rgba(0, 0, 0, 0.65);
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
text-align: left;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-title-line{
|
|
|
|
width: 100%;
|
|
|
|
height: 1px;
|
|
|
|
background-color: rgba(232, 232, 232, 1);
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-title{
|
|
|
|
width: 56px;
|
|
|
|
height: 22px;
|
|
|
|
color: rgba(0, 0, 0, 0.85);
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: PingFangSC-Medium;
|
|
|
|
text-align: left;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 22px;
|
|
|
|
margin: 18px 0 0 18px;
|
|
|
|
}
|
|
|
|
.admin-dashed-line{
|
|
|
|
width: 100%;
|
|
|
|
height: 1px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child{
|
|
|
|
line-height: 1px;
|
|
|
|
padding-left: 18px;
|
|
|
|
}
|
|
|
|
.fl{
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.fr{
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
.clear{
|
|
|
|
clear: both;
|
|
|
|
width: 0px;
|
|
|
|
height: 0px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child div:first-child{
|
|
|
|
width: 70px;
|
|
|
|
height: 22px;
|
|
|
|
color: rgba(99, 108, 120, 1);
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
text-align: left;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 25px;
|
|
|
|
margin-left: 4px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child div:nth-child(2){
|
|
|
|
height: 22px;
|
|
|
|
color: rgba(105, 113, 125, 1);
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
text-align: left;
|
|
|
|
white-space: nowrap;
|
|
|
|
line-height: 25px;
|
|
|
|
margin-left: 51px;
|
|
|
|
padding-right: 28px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-icon1,.admin-index-top-item-list-item-child-icon2,.admin-index-top-item-list-item-child-icon3,.admin-index-top-item-list-item-child-icon4,.admin-index-top-item-list-item-child-icon5{
|
|
|
|
font-size: 16px;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-dot-red,.admin-index-top-item-list-item-child-dot-grey{
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-dot1{
|
|
|
|
margin-right: 0px !important;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-dot-grey::after{
|
|
|
|
content: '';
|
|
|
|
display: inline-block;
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
background: #C3C6CB;
|
|
|
|
border-radius: 50%;
|
|
|
|
position: relative;
|
|
|
|
top: -4px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-dot-red::after{
|
|
|
|
content: '';
|
|
|
|
display: inline-block;
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
background: #F21019;
|
|
|
|
border-radius: 50%;
|
|
|
|
position: relative;
|
|
|
|
top: -4px;
|
|
|
|
}
|
|
|
|
.admin-card-text-1{
|
|
|
|
width: 100%;
|
|
|
|
height: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
color: #636C78;
|
|
|
|
margin-top: 21px;
|
|
|
|
}
|
|
|
|
.admin-card-text-2{
|
|
|
|
height: 28px;
|
|
|
|
font-size: 28px;
|
|
|
|
font-family: DINAlternate-Bold;
|
|
|
|
color: #000000;
|
|
|
|
margin-top: 39px;
|
|
|
|
}
|
|
|
|
.admin-card-text-2 span{
|
|
|
|
width: 14px;
|
|
|
|
height: 14px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
color: #636C78;
|
|
|
|
line-height: 14px;
|
|
|
|
}
|
|
|
|
.admin-card-text-3{
|
|
|
|
height: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
color: #5F5F5F;
|
|
|
|
margin-top: 39px;
|
|
|
|
}
|
|
|
|
.admin-card-text-4{
|
|
|
|
height: 12px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
color: #5F5F5F;
|
|
|
|
margin-top: 21px;
|
|
|
|
}
|
|
|
|
.admin-card-text-5{
|
|
|
|
max-height: 55px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
color: #F21019;
|
|
|
|
margin-top: 25px;
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
.admin-index-bottom-item{
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.admin-index-bottom-item div{
|
|
|
|
padding-left: 22px;
|
|
|
|
padding-right: 6px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-dot-red2{
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
.admin-index-top-item-list-item-child-dot-red2::after{
|
|
|
|
content: '';
|
|
|
|
display: inline-block;
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
background: #F21019;
|
|
|
|
border-radius: 50%;
|
|
|
|
position: relative;
|
|
|
|
top: -2px;
|
|
|
|
}
|
|
|
|
.admin-card-text-3 span,.admin-card-text-4 span{
|
|
|
|
font-size: 11px;
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
.primary-msg{
|
|
|
|
color: #69717D;
|
|
|
|
}
|
|
|
|
@media screen and (min-width:1270px) and (max-width:1440px){
|
|
|
|
|
|
|
|
.admin-layui-col-top-right{
|
|
|
|
min-width: 788px;
|
|
|
|
}
|
|
|
|
.admin-layui-col-top-left{
|
|
|
|
min-width: 259px;
|
|
|
|
}
|
|
|
|
.admin-menu-layui-side-scroll{
|
|
|
|
width: 188px !important;
|
|
|
|
}
|
|
|
|
.admin-menu-list .layui-nav-tree{
|
|
|
|
width: 188px !important;
|
|
|
|
}
|
|
|
|
.admin-menu-list.layui-side{
|
|
|
|
width: 188px !important;
|
|
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child dd.layui-this::after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 8;
|
|
|
|
left: 184px !important;
|
|
|
|
background-color: rgba(24, 144, 255, 1) !important;
|
|
|
|
border-radius: 4px !important;
|
|
|
|
width: 4px !important;
|
|
|
|
height: 29px !important;
|
|
|
|
margin-top: 5.5px !important;
|
|
|
|
top: 0px;
|
|
|
|
}
|
|
|
|
.admin-menu-list .layui-nav-bar{
|
|
|
|
top: 184px !important;
|
|
|
|
}
|
|
|
|
.admin-layui-body{
|
|
|
|
padding: 12px 12px 12px 0px;
|
|
|
|
}
|
|
|
|
.admin-layui-col-bottom-list{
|
|
|
|
min-width: 217px;
|
|
|
|
}
|
|
|
|
.admin-layui-col-bottom-list-last{
|
|
|
|
padding-right: 0px !important;
|
|
|
|
min-width: 207px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:1200px) and (max-width:1260px){
|
|
|
|
.admin-layui-col-top-right{
|
|
|
|
max-width: 724px !important;
|
|
|
|
}
|
|
|
|
.admin-layui-col-top-left{
|
|
|
|
min-width: 259px;
|
|
|
|
}
|
|
|
|
.admin-menu-layui-side-scroll{
|
|
|
|
width: 188px !important;
|
|
|
|
}
|
|
|
|
.admin-menu-list .layui-nav-tree{
|
|
|
|
width: 188px !important;
|
|
|
|
}
|
|
|
|
.admin-menu-list.layui-side{
|
|
|
|
width: 188px !important;
|
|
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child dd.layui-this::after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 8;
|
|
|
|
left: 184px !important;
|
|
|
|
background-color: rgba(24, 144, 255, 1) !important;
|
|
|
|
border-radius: 4px !important;
|
|
|
|
width: 4px !important;
|
|
|
|
height: 29px !important;
|
|
|
|
margin-top: 5.5px !important;
|
|
|
|
top: 0px;
|
|
|
|
}
|
|
|
|
.admin-menu-list .layui-nav-bar{
|
|
|
|
top: 184px !important;
|
|
|
|
}
|
|
|
|
.admin-layui-body{
|
|
|
|
padding: 12px 12px 12px 0px;
|
|
|
|
}
|
|
|
|
.admin-layui-col-bottom-list{
|
|
|
|
min-width: 217px;
|
|
|
|
}
|
|
|
|
.admin-layui-col-bottom-list-last{
|
|
|
|
padding-right: 0px !important;
|
|
|
|
min-width: 207px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</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">323,234</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">234</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">809,1</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">809,1</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-icon4"></span>待售后订单:</div>
|
|
|
|
<div class="fr">891</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-lg9 admin-layui-col-top-right">
|
|
|
|
<div class="admin-index-top-item">2</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">催发货订单(总) ></div>
|
|
|
|
<div class="admin-card-text-2">888<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-2"></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">倒计时订单(总) ></div>
|
|
|
|
<div class="admin-card-text-2">888<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-2"></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">待发货订单(总) ></div>
|
|
|
|
<div class="admin-card-text-2">888<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-2"></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">平台介入中订单(总) ></div>
|
|
|
|
<div class="admin-card-text-2">888<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-2"></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">待售后订单(总) ></div>
|
|
|
|
<div class="admin-card-text-2">888<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-2"></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>
|
|
|
|
{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
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
{/literal}
|
|
|
|
</body>
|
|
|
|
</html>
|