@ -0,0 +1,129 @@ |
|||
<?php |
|||
/** |
|||
* |
|||
*/ |
|||
|
|||
include_once(dirname(dirname(__FILE__))."/library/publicBase.php"); |
|||
|
|||
class tpl extends publicBase { |
|||
|
|||
/** |
|||
* 首页 |
|||
* @return void |
|||
*/ |
|||
public function home() { |
|||
$this->view['menu_page'] = 'home'; |
|||
} |
|||
|
|||
/** |
|||
* 发货提醒 |
|||
*/ |
|||
public function deliver_remind() { |
|||
$this->view['menu_page'] = 'deliver_remind'; |
|||
} |
|||
|
|||
public function ajax_get_deliver_remind_list() { |
|||
$data = array(); |
|||
$page = $this->get('page')+0; |
|||
$limit = $this->get('limit')+0; |
|||
for($i=0;$i < 10;$i++){ |
|||
$vals = array( |
|||
"goods_name" => "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系", |
|||
"tid" => "43565765786867898".$i, |
|||
"count_down" => "倒计时:10:09:23", |
|||
'sale_date' => date('Y-m-d H:i:s', time()+($i*8)), |
|||
'remained_time' => date('Y-m-d H:i:s', time()+($i*88)), |
|||
"income" => "999.09", |
|||
"status" => "1" |
|||
); |
|||
if($i % 2 == 0) { |
|||
$vals['count_down'] = date('Y-m-d H:i:s', time()+$i); |
|||
$vals['status'] = 0; |
|||
} |
|||
|
|||
$data[] = $vals; |
|||
} |
|||
|
|||
$reture_data['data'] = $data; |
|||
$reture_data['total'] = 300000; |
|||
|
|||
$this->ajax_json(true, '', $reture_data); |
|||
} |
|||
|
|||
/** |
|||
* 订单列表 |
|||
*/ |
|||
public function order_list() { |
|||
$this->view['menu_page'] = 'order_list'; |
|||
} |
|||
|
|||
public function ajax_get_order_list() { |
|||
$data = array(); |
|||
$page = $this->get('page')+0; |
|||
$limit = $this->get('limit')+0; |
|||
for($i=0;$i < 10;$i++){ |
|||
$vals = array( |
|||
"goods_name" => "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系", |
|||
"tid" => "43565765786867898".$i, |
|||
"sale_date" => date('Y-m-d H:i:s', time()+($i*8)), |
|||
"income" => "999.09", |
|||
"order_status" => 0, |
|||
"sale_status" => 0, |
|||
); |
|||
if($i % 2 == 0) { |
|||
$vals['order_status'] = 1; |
|||
$vals['sale_status'] = 1; |
|||
} |
|||
|
|||
if($i % 3 == 0) { |
|||
$vals['order_status'] = 0; |
|||
$vals['sale_status'] = 2; |
|||
} |
|||
$data[] = $vals; |
|||
} |
|||
|
|||
$reture_data['data'] = $data; |
|||
$reture_data['total'] = 300000; |
|||
|
|||
$this->ajax_json(true, '', $reture_data); |
|||
} |
|||
|
|||
/** |
|||
* 售后监控 |
|||
*/ |
|||
public function sale_monitor() { |
|||
$this->view['menu_page'] = 'sale_monitor'; |
|||
} |
|||
|
|||
public function ajax_sale_monitor_list() { |
|||
$data = array(); |
|||
$page = $this->get('page')+0; |
|||
$limit = $this->get('limit')+0; |
|||
for($i=0;$i < 10;$i++){ |
|||
$vals = array( |
|||
"goods_name" => "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系", |
|||
"tid" => "43565765786867898".$i, |
|||
"sale_date" => date('Y-m-d H:i:s', time()+($i*8)), |
|||
"income" => "999.09", |
|||
"order_status" => 0, |
|||
"status" => 0, |
|||
); |
|||
if($i % 3 == 0) { |
|||
$vals['order_status'] = 1; |
|||
} |
|||
if($i % 5 == 0) { |
|||
$vals['order_status'] = 2; |
|||
} |
|||
$vals['status'] = $i % 5; |
|||
$data[] = $vals; |
|||
} |
|||
|
|||
$reture_data['data'] = $data; |
|||
$reture_data['total'] = 300000; |
|||
|
|||
$this->ajax_json(true, '', $reture_data); |
|||
} |
|||
|
|||
|
|||
|
|||
} |
@ -0,0 +1,781 @@ |
|||
@media screen and (max-width: 768px) { |
|||
.layui-layout-admin .layui-layout-left, |
|||
.layui-layout-admin .layui-body, |
|||
.layui-layout-admin .layui-footer{left: 0;} |
|||
.layui-layout-admin .layui-side{left: -300px;} |
|||
} |
|||
body{ |
|||
background: #F0F2F5; |
|||
font: 14px PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei !important; |
|||
} |
|||
.admin-container-outer .admin-layui-header{ |
|||
background-color: #1890FF !important; |
|||
} |
|||
.admin_logout_img{ |
|||
width: 20px !important; |
|||
border-radius:unset !important; |
|||
height: auto !important; |
|||
} |
|||
.admin-container-outer .admin-layui-nav-tree{ |
|||
background-color:#FFFFFF !important; |
|||
color: #000000 !important; |
|||
} |
|||
.admin-menu-list .layui-this a,.layui-nav-tree .layui-nav-child dd.layui-this{ |
|||
background-color:rgba(24, 144, 255, 0.13) !important; |
|||
color: rgba(24, 144, 255, 1) !important; |
|||
} |
|||
.admin-layui-nav-item-a-child{ |
|||
background-color: #FFFFFF !important; |
|||
} |
|||
.admin-menu-list .layui-nav-itemed>.layui-nav-child{ |
|||
background-color: #FFFFFF !important; |
|||
} |
|||
.admin-menu-list .layui-icon-down:before{ |
|||
content: ""; |
|||
} |
|||
.admin-menu-list .layui-nav-bar{ |
|||
left:196px !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:55px; |
|||
} |
|||
.admin-layui-nav-item-a-child-img{ |
|||
width: 16px; |
|||
height: auto; |
|||
} |
|||
.admin-select{ |
|||
display: none; |
|||
} |
|||
.admin-menu-list .layui-this .admin-select{ |
|||
display: inline-block !important; |
|||
} |
|||
.admin-menu-list .layui-this .admin-no-select{ |
|||
display: none !important; |
|||
} |
|||
.layui-nav-tree .layui-nav-child dd.layui-this::after{ |
|||
content: ""; |
|||
display: block; |
|||
position: absolute; |
|||
z-index: 8; |
|||
left:196px !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_line{ |
|||
height: 1px; |
|||
width: 62px; |
|||
margin-left: 20px; |
|||
margin-top: 5px; |
|||
} |
|||
.admin_menu_line img{ |
|||
width: 100%; |
|||
height: 1px; |
|||
vertical-align: top; |
|||
} |
|||
.admin-layui-nav-child{ |
|||
color:red !important; |
|||
} |
|||
.admin-layui-nav-item-a-child{ |
|||
font-family: PingFangSC-Medium; |
|||
color: rgba(99, 108, 120, 1) !important; |
|||
} |
|||
.admin-layui-nav-item-title-a > span{ |
|||
font-family: PingFangSC-Medium; |
|||
color: rgba(0, 0, 0, 1) !important; |
|||
} |
|||
*{ |
|||
-webkit-tap-highlight-color:unset !important; |
|||
} |
|||
.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; |
|||
} |
|||
.admin-right-arrow{ |
|||
font-size: 14px; |
|||
position: relative; |
|||
top: 1px; |
|||
} |
|||
.menu-left-icon-img{ |
|||
font-size: 14px; |
|||
} |
|||
.menu-left-icon-img-16.admin-select{ |
|||
display: none !important; |
|||
} |
|||
.menu-left-icon-img-16{ |
|||
font-size: 18px !important; |
|||
margin-right: -4px; |
|||
margin-top: -1px; |
|||
display: inline-block; |
|||
position: relative; |
|||
top: 3px; |
|||
right: 1px; |
|||
} |
|||
.menu-left-icon-img-15{ |
|||
font-size: 15px !important; |
|||
} |
|||
@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: 208px; |
|||
} |
|||
.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: 208px; |
|||
} |
|||
.admin-layui-col-bottom-list-last{ |
|||
padding-right: 0px !important; |
|||
min-width: 207px !important; |
|||
} |
|||
} |
|||
.admin-index-top-item-header{ |
|||
width: 100%; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
color: rgba(0, 0, 0, 0.65); |
|||
font-size: 16px; |
|||
font-family: PingFangSC-Regular; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
box-sizing: border-box; |
|||
} |
|||
.admin-index-top-item-header-line{ |
|||
width: 100%; |
|||
height: 1px; |
|||
background-color: rgba(232, 232, 232, 1); |
|||
} |
|||
.admin-index-top-item-header-left{ |
|||
display: block; |
|||
float: left; |
|||
height: 100%; |
|||
width: auto; |
|||
} |
|||
.admin-index-top-item-header-left li{ |
|||
display: inline-block; |
|||
float: left; |
|||
font-size: 16px; |
|||
font-family: PingFangSC-Regular; |
|||
color: rgba(0,0,0,0.65); |
|||
margin-right: 64px; |
|||
cursor: pointer; |
|||
} |
|||
.admin-index-top-item-header-left li.active{ |
|||
font-family: PingFangSC-Medium !important; |
|||
color: #1890FF !important; |
|||
position: relative; |
|||
} |
|||
.admin-index-top-item-header-left li.active::after{ |
|||
content: ''; |
|||
width: 100%; |
|||
height: 2px; |
|||
border-radius: 1px; |
|||
background: #1890FF; |
|||
display: block; |
|||
} |
|||
.admin-index-top-item-header-right{ |
|||
display: block; |
|||
float: right; |
|||
height: 100%; |
|||
width: auto; |
|||
} |
|||
.admin-index-top-item-header-right li{ |
|||
display: inline-block; |
|||
float: left; |
|||
margin-left: 24px; |
|||
line-height: 55px; |
|||
font-size: 14px; |
|||
font-family: PingFangSC-Regular; |
|||
color: #595959; |
|||
cursor: pointer; |
|||
} |
|||
.admin-index-top-item-header-right li.active{ |
|||
color: #1890FF !important; |
|||
} |
|||
#admin-map-container{ |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
height: 325px; |
|||
overflow: hidden; |
|||
} |
|||
.admin-container-outer .layui-table{ |
|||
width: 100% !important; |
|||
} |
|||
.deliver_remind_table .layui-table-main tr,.deliver_remind_table .layui-table th{ |
|||
height: 53px !important; |
|||
} |
|||
.deliver_remind_table .layui-table-main tr{ |
|||
font-size: 14px; |
|||
font-family: PingFangSC-Regular; |
|||
color: rgba(0,0,0,0.65); |
|||
} |
|||
.deliver_remind_table .layui-table tbody tr:hover{ |
|||
background-color: #FAFAFA; |
|||
} |
|||
.deliver-remind-body-right{ |
|||
padding: 0px 11px 11px 11px; |
|||
background-color: #FFFFFF; |
|||
} |
|||
|
|||
.deliver_remind_table .layui-table-view{ |
|||
margin-top:0px !important; |
|||
} |
|||
.deliver_remind_table .layui-table-header{ |
|||
border-radius: 4px 4px 0px 0px !important; |
|||
} |
|||
.deliver_remind_table .layui-table-header th{ |
|||
border: none !important; |
|||
font-size: 14px !important; |
|||
font-family: PingFangSC-Medium; |
|||
color: rgba(0,0,0) !important; |
|||
} |
|||
.deliver_remind_table .layui-table-view{ |
|||
border-radius: 4px 4px 0px 0px !important; |
|||
border: none !important; |
|||
} |
|||
.admin-table-list-header{ |
|||
width: 100%; |
|||
height: 52px; |
|||
overflow: hidden; |
|||
box-sizing: border-box; |
|||
padding-left: 19px; |
|||
padding-right: 10px; |
|||
} |
|||
.admin-table-list-header div{ |
|||
display: inline-block; |
|||
height: 100%; |
|||
line-height: 52px; |
|||
} |
|||
.admin-table-body{ |
|||
border-radius: 8px 8px 0px 0px; |
|||
} |
|||
.admin-table-list-header div:first-child span{ |
|||
font-size: 12px; |
|||
font-family: PingFangSC-Regular; |
|||
color: rgba(0,0,0, 0.65); |
|||
} |
|||
.admin-table-list-header div:nth-child(2) span{ |
|||
font-size: 16px; |
|||
font-family: PingFangSC-Medium; |
|||
color: rgba(0,0,0); |
|||
} |
|||
.admin-table-list-header div:nth-child(3){ |
|||
width: auto; |
|||
height: 32px; |
|||
padding: 0px 13px; |
|||
background: #1890FF; |
|||
border-radius: 2px; |
|||
line-height: 32px; |
|||
float: right; |
|||
margin-top:10px; |
|||
cursor: pointer; |
|||
} |
|||
.admin-table-list-header div:nth-child(3) span{ |
|||
font-size: 14px; |
|||
font-family: PingFangSC-Regular; |
|||
color: #FFFFFF; |
|||
} |
|||
.admin-table-td-outter{ |
|||
display: inline-block; |
|||
width: 100%; |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
position: absolute; |
|||
left: 0px; |
|||
top: 0px; |
|||
line-height: 53px; |
|||
padding-left: 15px; |
|||
cursor: pointer; |
|||
} |
|||
.deliver_remind_table .layui-table-cell{ |
|||
position: relative !important; |
|||
} |
|||
div[lay-id=deliver_remind_list] .layui-table-main tr td:nth-child(2) .layui-table-cell{ |
|||
padding: 0px !important; |
|||
height: 53px !important; |
|||
} |
|||
.deliver_remind_list_table_class .layui-table-main tr:hover > td:nth-child(-n+2){ |
|||
color:#1890FF !important; |
|||
} |
|||
.count_down_wait{ |
|||
color: #F21019; |
|||
position: relative; |
|||
cursor: pointer; |
|||
} |
|||
.count-down-class .layui-layer-content{ |
|||
width: 123px !important; |
|||
height: 34px !important; |
|||
font-size: 12px !important; |
|||
font-family: PingFangSC-Regular !important; |
|||
color: rgba(0,0,0,0.33) !important; |
|||
line-height: 17px !important; |
|||
text-align: center !important; |
|||
} |
|||
.remained_status{ |
|||
font-size: 14px; |
|||
font-family: PingFangSC-Regular; |
|||
color: #FC5057; |
|||
width: 100%; |
|||
height: 100%; |
|||
display: inline-block; |
|||
cursor: pointer; |
|||
} |
|||
.remained_status_wait{ |
|||
color: rgba(89, 89, 89, 1); |
|||
} |
|||
.admin-table-td-outter-font{ |
|||
display: none; |
|||
} |
|||
.deliver_remind_list_table_class .layui-table-main tr:hover .admin-table-td-outter-font{ |
|||
display: inline; |
|||
} |
|||
.admin-container-outer .layui-laypage-prev{ |
|||
min-width: 8px !important; |
|||
height: 32px !important; |
|||
background: #FFFFFF !important; |
|||
border-radius: 2px !important; |
|||
border: 1px solid #D9D9D9 !important; |
|||
position: relative; |
|||
margin-right: 8px; |
|||
padding: 0px 12px !important; |
|||
font-size: 14px !important; |
|||
} |
|||
.admin-container-outer .layui-table-pageview{ |
|||
float: right; |
|||
margin-top: 16px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-spr{ |
|||
margin-right: 8px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-curr{ |
|||
min-width: 8px !important; |
|||
height: 32px !important; |
|||
background: #1890FF !important; |
|||
border-radius: 2px !important; |
|||
margin-right: 8px !important; |
|||
line-height: 32px !important; |
|||
font-size: 14px !important; |
|||
} |
|||
.admin-container-outer .layui-table-pageview a{ |
|||
display: inline-block; |
|||
min-width: 8px !important; |
|||
height: 32px !important; |
|||
line-height: 32px !important; |
|||
background: #FFFFFF !important; |
|||
border-radius: 2px !important; |
|||
border: 1px solid #D9D9D9 !important; |
|||
margin-right: 8px !important; |
|||
font-size: 14px !important; |
|||
font-family: PingFangSC-Regular !important; |
|||
color: rgba(0,0,0,0.65) !important; |
|||
padding: 0px !important; |
|||
text-align: center; |
|||
padding: 0px 12px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-prev .layui-icon{ |
|||
position: absolute; |
|||
left: 8px; |
|||
top: 1px; |
|||
} |
|||
.admin-container-outer .layui-laypage-limits{ |
|||
width: 82px !important; |
|||
height: 32px !important; |
|||
background: #FFFFFF !important; |
|||
border-radius: 2px !important; |
|||
border: 1px solid #D9D9D9 !important; |
|||
box-sizing: border-box !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-limits select{ |
|||
height: 100% !important; |
|||
width: 100% !important; |
|||
box-sizing: border-box; |
|||
pointer-events: none; |
|||
appearance:none; |
|||
width: 82px !important; |
|||
box-sizing: border-box !important; |
|||
padding-left: 12px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-skip{ |
|||
height: 32px !important; |
|||
box-sizing: border-box; |
|||
line-height: 32px !important; |
|||
font-size: 14px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-skip *{ |
|||
font-size: 14px !important; |
|||
font-family: PingFangSC-Regular !important; |
|||
color: rgba(0,0,0,0.65) !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-skip .layui-input{ |
|||
height: 32px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-btn{ |
|||
height: 32px !important; |
|||
box-sizing: border-box; |
|||
line-height: 32px !important; |
|||
} |
|||
.admin-container-outer .layui-laypage-count{ |
|||
height: 32px !important; |
|||
box-sizing: border-box; |
|||
line-height: 32px !important; |
|||
font-size: 14px !important; |
|||
} |
|||
.admin-container-outer .layui-table-page{ |
|||
padding-right: 27px !important; |
|||
} |
|||
.list_status_grey01{ |
|||
color: rgba(0, 0, 0, 0.65); |
|||
font-size: 14px; |
|||
} |
|||
.list_status_yellow01{ |
|||
color: rgba(251, 131, 4, 1); |
|||
font-size: 14px; |
|||
} |
|||
.list_status_red01{ |
|||
color: rgba(249, 40, 39, 1); |
|||
font-size: 14px; |
|||
} |
|||
.list_status_green01{ |
|||
color: rgba(49, 185, 39, 1); |
|||
font-size: 14px; |
|||
} |
|||
.list_status_grey02{ |
|||
color: rgba(89, 89, 89, 1); |
|||
font-size: 14px; |
|||
} |
|||
.admin-container-outer .layui-laypage .layui-laypage-curr .layui-laypage-em{ |
|||
background-color: rgba(24, 144, 255, 1) !important; |
|||
} |
|||
.admin-menuleft-footer{ |
|||
position: absolute; |
|||
left: 0px; |
|||
bottom: 0px; |
|||
width: 200px; |
|||
height: 86px; |
|||
margin: 0 auto; |
|||
box-sizing: border-box; |
|||
overflow: hidden; |
|||
} |
|||
.admin-menuleft-footer img{ |
|||
width: 156px; |
|||
height: 1px; |
|||
display:block; |
|||
margin:0 auto; |
|||
} |
|||
.admin-menuleft-footer div{ |
|||
width: 100%; |
|||
font-size: 12px; |
|||
text-align: center; |
|||
} |
|||
.admin-menuleft-footer div:nth-child(2){ |
|||
height: 15px; |
|||
font-family: PingFang-SC-Light; |
|||
color: rgba(0,0,0,0.33); |
|||
line-height: 15px; |
|||
margin-top: 9px; |
|||
} |
|||
.admin-menuleft-footer div:nth-child(3){ |
|||
height: 19px; |
|||
font-family: PingFang-SC-Light; |
|||
color: rgba(0,0,0,0.33); |
|||
line-height: 19px; |
|||
margin-top: 2px; |
|||
} |
|||
.admin-menuleft-footer div:nth-child(4){ |
|||
height: 19px; |
|||
font-family: PingFangSC-Regular; |
|||
color: #3D7FFF; |
|||
line-height: 19px; |
|||
margin-top: 2px; |
|||
} |
|||
.admin-tip-order-nums{ |
|||
display: inline-block; |
|||
background-color: rgba(242, 16, 25, 1); |
|||
border-radius: 6px 6px 6px 0px; |
|||
height: 15px; |
|||
line-height: 15px; |
|||
width: 30px; |
|||
text-align: center; |
|||
position: relative; |
|||
left: 10px; |
|||
box-sizing: border-box; |
|||
} |
|||
.admin-tip-order-nums span{ |
|||
display: inline-block; |
|||
height: 12px; |
|||
line-height: 12px; |
|||
width: 22px; |
|||
color: rgba(255, 255, 255, 1); |
|||
font-size: 12px; |
|||
font-family: DINAlternate-Bold; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
position: relative; |
|||
top: -1px; |
|||
} |
@ -0,0 +1,107 @@ |
|||
@font-face { |
|||
font-family: 'icomoon'; |
|||
src: url('/font/icomoon.eot?j9lv8n'); |
|||
src: url('/font/icomoon.eot?j9lv8n#iefix') format('embedded-opentype'), |
|||
url('/font/icomoon.ttf?j9lv8n') format('truetype'), |
|||
url('/font/icomoon.woff?j9lv8n') format('woff'), |
|||
url('/font/icomoon.svg?j9lv8n#icomoon') format('svg'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
font-display: block; |
|||
} |
|||
|
|||
[class^="icon-"], [class*=" icon-"] { |
|||
/* use !important to prevent issues with browser extensions that change fonts */ |
|||
font-family: 'icomoon' !important; |
|||
speak: never; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
font-variant: normal; |
|||
text-transform: none; |
|||
line-height: 1; |
|||
|
|||
/* Better Font Rendering =========== */ |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon--6:before { |
|||
content: "\e900"; |
|||
color: #636c78; |
|||
} |
|||
.icon--6-2:before { |
|||
content: "\e908"; |
|||
color: #1890ff; |
|||
} |
|||
.icon--8:before { |
|||
content: "\e912"; |
|||
color: #fff; |
|||
} |
|||
.icon-1-2:before { |
|||
content: "\e909"; |
|||
color: #636c78; |
|||
} |
|||
.icon-uniE90A:before { |
|||
content: "\e90a"; |
|||
color: #636c78; |
|||
} |
|||
.icon-1:before { |
|||
content: "\e90b"; |
|||
color: #1890ff; |
|||
} |
|||
.icon-2:before { |
|||
content: "\e90c"; |
|||
color: #636c78; |
|||
} |
|||
.icon-3:before { |
|||
content: "\e90d"; |
|||
color: #1890ff; |
|||
} |
|||
.icon-dingd:before { |
|||
content: "\e90f"; |
|||
color: #636c78; |
|||
} |
|||
.icon-dingd1:before { |
|||
content: "\e910"; |
|||
color: #1890ff; |
|||
} |
|||
.icon-LOGO:before { |
|||
content: "\e911"; |
|||
color: #fff; |
|||
} |
|||
.icon-uniE90E:before { |
|||
content: "\e90e"; |
|||
color: #1890ff; |
|||
} |
|||
.icon--3:before { |
|||
content: "\e913"; |
|||
color: #f21019; |
|||
} |
|||
.icon-uniE9001:before { |
|||
content: "\e907"; |
|||
color: #c4c7cc; |
|||
} |
|||
.icon--:before { |
|||
content: "\e906"; |
|||
color: #c4c7cc; |
|||
} |
|||
.icon--1:before { |
|||
content: "\e902"; |
|||
color: #c4c7cc; |
|||
} |
|||
.icon-11:before { |
|||
content: "\e903"; |
|||
color: #c4c7cc; |
|||
} |
|||
.icon--2:before { |
|||
content: "\e904"; |
|||
color: #31b927; |
|||
} |
|||
.icon-21:before { |
|||
content: "\e905"; |
|||
color: #f21019; |
|||
} |
|||
.icon-uniE900:before { |
|||
content: "\e901"; |
|||
color: #c4c7cc; |
|||
} |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 299 KiB |
After Width: | Height: | Size: 184 B |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 175 B |
After Width: | Height: | Size: 9.7 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 933 B |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 175 B |
After Width: | Height: | Size: 450 KiB |
After Width: | Height: | Size: 443 B |
@ -0,0 +1 @@ |
|||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-view{display:block;position:relative;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#fafafa;color:#333;font-family:Courier New;font-size:13px}.layui-code-title{position:relative;padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee;font-size:12px}.layui-code-title>.layui-code-about{position:absolute;right:10px;top:0;color:#b7b7b7}.layui-code-about>a{padding-left:10px}.layui-code-view>.layui-code-ol,.layui-code-view>.layui-code-ul{position:relative;overflow:auto}.layui-code-view>.layui-code-ol>li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view>.layui-code-ol>li:first-child,.layui-code-view>.layui-code-ul>li:first-child{padding-top:10px}.layui-code-view>.layui-code-ol>li:last-child,.layui-code-view>.layui-code-ul>li:last-child{padding-bottom:10px}.layui-code-view>.layui-code-ul>li{position:relative;line-height:20px;padding:0 10px;list-style-type:none;*list-style-type:none;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-dark{border:1px solid #0c0c0c;border-left-color:#3f3f3f;background-color:#0c0c0c;color:#c2be9e}.layui-code-dark>.layui-code-title{border-bottom:none}.layui-code-dark>.layui-code-ol>li,.layui-code-dark>.layui-code-ul>li{background-color:#3f3f3f;border-left:none}.layui-code-dark>.layui-code-ul>li{margin-left:6px}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none} |
After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 701 B |
After Width: | Height: | Size: 1.7 KiB |
@ -0,0 +1,68 @@ |
|||
{ |
|||
"status": 200 |
|||
,"info": "请求成功哈哈" |
|||
,"total": 10 |
|||
,"data": { |
|||
"item": [{ |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "1" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "0" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "2022-10-31 23:12:00" |
|||
,"income": "999.09" |
|||
,"status": "1" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "1" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "1" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "2022-10-31 23:12:00" |
|||
,"income": "999.09" |
|||
,"status": "0" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "2022-10-31 23:12:00" |
|||
,"income": "999.09" |
|||
,"status": "0" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "0" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "1" |
|||
}, { |
|||
"goods_name": "万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系万方查重毕业论文检测大学生文章专科本科系" |
|||
,"tid": "435657657868678989" |
|||
,"count_down": "倒计时:10:09:23" |
|||
,"income": "999.09" |
|||
,"status": "1" |
|||
}] |
|||
} |
|||
} |
@ -0,0 +1,52 @@ |
|||
<div class="layui-header admin-layui-header layui-anim layui-anim-up"> |
|||
<div class="layui-logo layui-hide-xs layui-bg-black" style="box-shadow: unset !important;background-color: #1890FF !important;width: 105px;margin-left: 31px;"> |
|||
<img src="/images/admin_logo.svg" alt="" style="width: 105px;vertical-align: middle;"> |
|||
</div> |
|||
<!-- 头部区域(可配合layui 已有的水平导航) --> |
|||
<ul class="layui-nav layui-layout-left"> |
|||
<!-- 移动端显示 --> |
|||
<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft"> |
|||
<i class="layui-icon layui-icon-spread-left"></i> |
|||
</li> |
|||
|
|||
<!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li> |
|||
<li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li> |
|||
<li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li> |
|||
<li class="layui-nav-item"> |
|||
<a href="javascript:;">nav groups</a> |
|||
<dl class="layui-nav-child"> |
|||
<dd><a href="">menu 11</a></dd> |
|||
<dd><a href="">menu 22</a></dd> |
|||
<dd><a href="">menu 33</a></dd> |
|||
</dl> |
|||
</li> --> |
|||
|
|||
|
|||
</ul> |
|||
<ul class="layui-nav layui-layout-right header_user_info"> |
|||
<li class="layui-nav-item layui-hide layui-show-md-inline-block"> |
|||
<a href="javascript:;" style="color:#ffffff !important;" class="admin-header-user-info"> |
|||
<img src="/images/header_user_logo.png" class="layui-nav-img admin-layui-nav-img"> |
|||
ID:88900006543 |
|||
</a> |
|||
|
|||
<!-- <dl class="layui-nav-child"> |
|||
<dd><a href="">Your Profile</a></dd> |
|||
<dd><a href="">Settings</a></dd> |
|||
<dd><a href="">Sign out</a></dd> |
|||
</dl> --> |
|||
</li> |
|||
|
|||
<li class="layui-nav-item layui-hide layui-show-md-inline-block" style="margin-left: 39px !important;"> |
|||
<a href="javascript:;" style="color:rgba(255,255,255,0.8) !important;padding: 0px !important;margin-left: 0px !important;"> |
|||
<img src="/images/logout.svg" class="layui-nav-img admin_logout_img"> |
|||
退出 |
|||
</a> |
|||
</li> |
|||
<!-- <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>left_menu_bule_1.png |
|||
<a href="javascript:;"> |
|||
<i class="layui-icon layui-icon-more-vertical"></i> |
|||
</a> |
|||
</li> --> |
|||
</ul> |
|||
</div> |
@ -0,0 +1,65 @@ |
|||
<div class="layui-side layui-bg-black admin-menu-list layui-anim layui-anim-up" style="background-color: #FFFFFF !important;color:#000000 !important;"> |
|||
<div class="layui-side-scroll admin-menu-layui-side-scroll"> |
|||
<ul class="layui-nav layui-nav-tree admin-layui-nav-tree" lay-filter="test" lay-bar="disabled"> |
|||
<li class="layui-nav-item layui-nav-itemed layui-menu-item-down"> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-title-a"> |
|||
<span>首页</span> |
|||
</a> |
|||
<dl class="layui-nav-child admin-layui-nav-child"> |
|||
<dd class="{if $menu_page == 'home' || !$menu_page}layui-this{/if}"> |
|||
<a href="{if $menu_page != 'home' || !$menu_page}/tpl{else}javascript:;{/if}" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<span class="icon-2 admin-no-select menu-left-icon-img menu-left-icon-img-15"></span> |
|||
<span class="icon-3 admin-select menu-left-icon-img menu-left-icon-img-15"></span> |
|||
首页 |
|||
</a> |
|||
</dd> |
|||
</dl> |
|||
</li> |
|||
|
|||
<li class="admin_menu_line"> |
|||
<img src="/images/admin_menu_left_line.png"> |
|||
</li> |
|||
|
|||
<li class="layui-nav-item layui-menu-item-down layui-nav-itemed"> |
|||
<a href="javascript:;" class="admin-layui-nav-item-a admin-layui-nav-item-title-a"> |
|||
<span>常用功能</span> |
|||
</a> |
|||
<dl class="layui-nav-child admin-layui-nav-child"> |
|||
<dd class="{if $menu_page == 'deliver_remind'}layui-this{/if}"> |
|||
<a href="{if $menu_page != 'deliver_remind'}/tpl/deliver_remind{else}javascript:;{/if}" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<span class="icon-uniE90A admin-no-select menu-left-icon-img menu-left-icon-img-15"></span> |
|||
<span class="icon-1 admin-select menu-left-icon-img menu-left-icon-img-15"></span> |
|||
发货提醒 |
|||
<div class="admin-tip-order-nums" > |
|||
<span>99+</span> |
|||
</div> |
|||
</a> |
|||
</dd> |
|||
<dd class="{if $menu_page == 'sale_monitor'}layui-this{/if}"> |
|||
<a href="{if $menu_page == 'sale_monitor'}javascript:;{else}/tpl/sale_monitor{/if}" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<span class="icon--6 admin-no-select menu-left-icon-img menu-left-icon-img-16"></span> |
|||
<span class="icon--6-2 admin-select menu-left-icon-img menu-left-icon-img-16"></span> |
|||
售后监控 |
|||
<div class="admin-tip-order-nums" > |
|||
<span>99+</span> |
|||
</div> |
|||
</a> |
|||
</dd> |
|||
<dd class="{if $menu_page == 'order_list'}layui-this{/if}"> |
|||
<a href="{if $menu_page == 'order_list'}javascript:;{else}/tpl/order_list{/if}" class="admin-layui-nav-item-a admin-layui-nav-item-a-child"> |
|||
<span class="icon-dingd admin-no-select menu-left-icon-img"></span> |
|||
<span class="icon-dingd1 admin-select menu-left-icon-img"></span> |
|||
订单列表 |
|||
</a> |
|||
</dd> |
|||
</dl> |
|||
</li> |
|||
</ul> |
|||
<div class="admin-menuleft-footer"> |
|||
<img src="/images/menuleft_bottom_line.png" alt=""> |
|||
<div>快乐分销v3.0</div> |
|||
<div>© Inc.All rights res erved.</div> |
|||
<div>鲁ICP备14002313号-1</div> |
|||
</div> |
|||
</div> |
|||
</div> |
@ -0,0 +1,160 @@ |
|||
|
|||
<!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"/> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<!--[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 deliver_remind_table"> |
|||
{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"> |
|||
<div class="layui-col-md12 deliver-remind-body-right admin-table-body"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>发货提醒/</span></div> |
|||
<div><span>发货列表</span></div> |
|||
<div><span>导出列表</span></div> |
|||
</div> |
|||
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/clipboard.min.js"></script> |
|||
{literal} |
|||
<script> |
|||
layui.use(['element', 'layer', 'util', 'table'], function(){ |
|||
var element = layui.element |
|||
,layer = layui.layer |
|||
,util = layui.util |
|||
,table = layui.table |
|||
,$ = 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 showTips = null; |
|||
table.render({ |
|||
elem: '#deliver_remind_list' |
|||
,url:'/tpl/ajax_get_deliver_remind_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{field:'goods_name', title:'商品名称'} |
|||
,{field:'tid', title:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.tid+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.tid+'">'+ d.tid +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.tid+'"></span></span>'; |
|||
}} |
|||
,{field:'count_down', title:'销售时间/倒计时' |
|||
,templet: function(d){ |
|||
if(d.count_down.indexOf('倒计时') > -1) return '<label id="count_down_wait_'+d.tid+'" content="'+d.sale_date+'" class="count_down_wait">'+d.count_down+'</label>'; |
|||
return '<span>'+d.count_down+'</span>'; |
|||
}} |
|||
,{field:'income', title:'收入'} |
|||
,{field:'status', title:'顾客催发' |
|||
,templet: function(d){ |
|||
if(d.status == 1) return '<span class="remained_status" content="'+d.remained_time+'" id="remind_time_'+d.tid+'"><span class="icon--3"></span> 已催</span>'; |
|||
return '<span class="icon--"></span> <span class="remained_status_wait">未催</span>'; |
|||
}} |
|||
]] |
|||
,page: true |
|||
,response: { |
|||
statusCode: 200 //重新规定成功的状态码为 200,table 组件默认为 0 |
|||
} |
|||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据 |
|||
return { |
|||
"code": 200, //解析接口状态 |
|||
"msg": res.info, //解析提示文本 |
|||
"count": res.data.total, //解析数据长度 |
|||
"data": res.data.data //解析数据列表 |
|||
}; |
|||
}, |
|||
done: function(res, curr, count){ |
|||
var data = res.data; |
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].tid; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
}); |
|||
|
|||
if(data[i].count_down.indexOf('倒计时') > -1){ |
|||
$('#count_down_wait_'+data[i].tid).hover(function(){ |
|||
var hid = $(this).attr('id'); |
|||
var hcontent = $(this).attr('content'); |
|||
showTips = layer.tips('销售时间<br>'+hcontent, '#'+hid, { |
|||
area: ['131px', '42px'], |
|||
tips:[3,'#FAF8EB'],//显示方向以及背景颜色(1.上 2右 3下 4左) |
|||
time:3000,//4秒后销毁 |
|||
skin:'count-down-class' |
|||
}); |
|||
},function(){ |
|||
layer.close(showTips); |
|||
}); |
|||
} |
|||
|
|||
|
|||
if(data[i].status == 1){ |
|||
$('#remind_time_'+data[i].tid).hover(function(){ |
|||
var hcontent = $(this).attr('content'); |
|||
var hid = $(this).attr('id'); |
|||
showTips = layer.tips('催促时间<br>'+hcontent, '#'+hid, { |
|||
area: ['131px', '42px'], |
|||
tips:[3,'#FAF8EB'],//显示方向以及背景颜色(1.上 2右 3下 4左) |
|||
time:3000,//4秒后销毁 |
|||
skin:'count-down-class' |
|||
}); |
|||
},function(){ |
|||
layer.close(showTips); |
|||
}); |
|||
} |
|||
|
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
@ -0,0 +1,257 @@ |
|||
|
|||
<!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">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-11 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-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">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-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">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-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">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-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">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-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">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-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> |
@ -0,0 +1,133 @@ |
|||
|
|||
<!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"/> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<!--[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 deliver_remind_table"> |
|||
{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"> |
|||
<div class="layui-col-md12 deliver-remind-body-right admin-table-body"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>订单列表/</span></div> |
|||
<div><span>订单列表</span></div> |
|||
<div><span>导出列表</span></div> |
|||
</div> |
|||
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/clipboard.min.js"></script> |
|||
{literal} |
|||
<script> |
|||
layui.use(['element', 'layer', 'util', 'table'], function(){ |
|||
var element = layui.element |
|||
,layer = layui.layer |
|||
,util = layui.util |
|||
,table = layui.table |
|||
,$ = 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 showTips = null; |
|||
table.render({ |
|||
elem: '#deliver_remind_list' |
|||
,url:'/tpl/ajax_get_order_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{field:'goods_name', title:'商品名称'} |
|||
,{field:'tid', title:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.tid+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.tid+'">'+ d.tid +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.tid+'"></span></span>'; |
|||
}} |
|||
,{field:'count_down', title:'售后时间' |
|||
,templet: function(d){ |
|||
return '<span>'+d.sale_date+'</span>'; |
|||
}} |
|||
,{field:'income', title:'收入(元)'} |
|||
,{field:'order_status', title:'订单状态' |
|||
,templet: function(d){ |
|||
if(d.order_status == 1) return '<span class="list_status_grey01">已签收</span>'; |
|||
return '<span class="list_status_yellow01">待签收</span>'; |
|||
}} |
|||
,{field:'sale_status', title:'售后状态' |
|||
,templet: function(d){ |
|||
if(d.sale_status == 1) return '<span class="list_status_red01">退款中</span>'; |
|||
if(d.sale_status == 2) return '<span class="list_status_green01">退款成功</span>'; |
|||
return '<span class="list_status_grey02">无售后</span>'; |
|||
}} |
|||
]] |
|||
,page: true |
|||
,response: { |
|||
statusCode: 200 //重新规定成功的状态码为 200,table 组件默认为 0 |
|||
} |
|||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据 |
|||
return { |
|||
"code": 200, //解析接口状态 |
|||
"msg": res.info, //解析提示文本 |
|||
"count": res.data.total, //解析数据长度 |
|||
"data": res.data.data //解析数据列表 |
|||
}; |
|||
}, |
|||
done: function(res, curr, count){ |
|||
var data = res.data; |
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].tid; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |
@ -0,0 +1,141 @@ |
|||
|
|||
<!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"/> |
|||
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script> |
|||
<!--[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 deliver_remind_table"> |
|||
{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"> |
|||
<div class="layui-col-md12 deliver-remind-body-right admin-table-body"> |
|||
<div class="admin-table-list-header"> |
|||
<div><span>售后监控/</span></div> |
|||
<div><span>售后列表</span></div> |
|||
<div><span>导出列表</span></div> |
|||
</div> |
|||
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<script src="/js/layui.js"></script> |
|||
<script src="/js/clipboard.min.js"></script> |
|||
{literal} |
|||
<script> |
|||
layui.use(['element', 'layer', 'util', 'table'], function(){ |
|||
var element = layui.element |
|||
,layer = layui.layer |
|||
,util = layui.util |
|||
,table = layui.table |
|||
,$ = 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 showTips = null; |
|||
table.render({ |
|||
elem: '#deliver_remind_list' |
|||
,url:'/tpl/ajax_sale_monitor_list' |
|||
,toolbar: false |
|||
,title: '用户数据表' |
|||
,totalRow: false |
|||
,className:'deliver_remind_list_table_class' |
|||
,cols: [[ |
|||
{field:'goods_name', title:'商品名称'} |
|||
,{field:'tid', title:'订单号' |
|||
,templet: function(d){ |
|||
return '<span data-clipboard-text="'+d.tid+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.tid+'">'+ d.tid +' <span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.tid+'"></span></span>'; |
|||
}} |
|||
,{field:'count_down', title:'售后时间' |
|||
,templet: function(d){ |
|||
return '<span>'+d.sale_date+'</span>'; |
|||
}} |
|||
,{field:'income', title:'收入(元)'} |
|||
,{field:'order_status', title:'订单状态' |
|||
,templet: function(d){ |
|||
if(d.order_status == 1) return '<span class="list_status_grey01">待发货</span>'; |
|||
if(d.order_status == 2) return '<span class="list_status_yellow01">已签收</span>'; |
|||
return '<span class="list_status_red01">待签收</span>'; |
|||
}} |
|||
,{field:'status', title:'状态' |
|||
,templet: function(d){ |
|||
if(d.status == 1) return '<span class="list_status_grey02">退款中</span>'; |
|||
if(d.status == 2) return '<span class="list_status_grey02">补寄中</span>'; |
|||
if(d.status == 3) return '<span class="list_status_grey02">待补寄</span>'; |
|||
if(d.status == 4) return '<span class="list_status_grey02">待签收</span>'; |
|||
if(d.status == 5) return '<span class="list_status_grey02">平台…</span>'; |
|||
return '<span class="list_status_yellow01">待处理</span>'; |
|||
}} |
|||
,{field:'option', title:'操作' |
|||
,templet: function(d){ |
|||
return '<span style="color:rgba(61, 127, 255, 1);font-size: 14px;cursor: pointer;">处理</span>'; |
|||
}} |
|||
]] |
|||
,page: true |
|||
,response: { |
|||
statusCode: 200 //重新规定成功的状态码为 200,table 组件默认为 0 |
|||
} |
|||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据 |
|||
return { |
|||
"code": 200, //解析接口状态 |
|||
"msg": res.info, //解析提示文本 |
|||
"count": res.data.total, //解析数据长度 |
|||
"data": res.data.data //解析数据列表 |
|||
}; |
|||
}, |
|||
done: function(res, curr, count){ |
|||
var data = res.data; |
|||
for(var i=0; i<data.length; i++){ |
|||
|
|||
var tid = data[i].tid; |
|||
var clipboard = new ClipboardJS('.admin-table-td-outter-'+tid); |
|||
clipboard.on('success', function(e) { |
|||
layer.msg('复制成功', {time:1500}); |
|||
clipboard.destroy(); |
|||
e.clearSelection(); |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
|
|||
</script> |
|||
{/literal} |
|||
</body> |
|||
</html> |