application
/
kuaileorder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

页面嵌套

pull/9/head
liuyu 3 years ago
parent
1ea974e8af
commit
4a88d43270
7 changed files with 1362 additions and 624 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 44
      control/index.php
  2. 141
      view/templates/index/after_sale_list.html
  3. 591
      view/templates/index/home.html
  4. 420
      view/templates/index/home2.html
  5. 333
      view/templates/index/order_list.html
  6. 237
      view/templates/index/order_list2.html
  7. 160
      view/templates/index/wait_deliver_list.html

44
control/index.php
View File

@ -33,6 +33,50 @@ class index extends publicBase {
$this->ajax_json(true, 'succ', $list);
}
public function ajax_get_order_list() {
$shopinfo = $this->get_shopinfo();
$page = $this->get('page')+0;
$pagesize = $this->get('limit')+0;
$obj = new mOrder();
$list = $obj->getOrderList($shopinfo['uid'], $shopinfo['id'], 0, 0, $page, $pagesize);
if (empty($list)) $this->ajax_json(false, 'empty list');
$goods_ids = array_unique(array_column($list, 'goods_id'));
$gobj = new mGoods();
$goods_list = $gobj->getGoodsByGoodsids($goods_ids);
if (empty($goods_list)) return true;
$goodsid2skuid2info = array();
foreach ($goods_list as $goods) {
$goodsid2skuid2info[$goods['goods_id']][$goods['sku_id']] = $goods;
}
$nlist = array();
foreach ($list as $info) {
$ninfo = array();
$ninfo['order_sn'] = $info['order_sn'];
$ninfo['pay_time'] = $info['pay_time'];
$ninfo['pay_amount'] = $info['pay_amount'];
$ninfo['order_status_desc'] = $GLOBALS['order_status'][$info['order_status']];
$ninfo['refund_status_desc'] = $GLOBALS['refund_status'][$info['refund_status']];
$ninfo['goods_name'] = $goodsid2skuid2info[$info['goods_id']][$info['sku_id']]['goods_name'].' '.$goodsid2skuid2info[$info['goods_id']][$info['sku_id']]['sku_name'];
$ninfo['goods_id'] = $info['goods_id'];
$ninfo['sku_id'] = $info['sku_id'];
$ninfo['is_wait_deliver_goods'] = $info['order_status']==ORDER_STATUS_WAIT_DELIVER_GOODS ? true : false;
$ninfo['is_refund'] = $info['refund_status']==REFUND_STATUS_NO_AFTER_SALES ? false : true;
$nlist['data'][] = $ninfo;
}
$nlist['total'] = $obj->getOrdersCount($shopinfo['uid'], $shopinfo['id'])+0;
$this->ajax_json(true, 'succ', $nlist);
}
public function order_list() {
$url = '/index/order_list';

141
view/templates/index/after_sale_list.html
View File

@ -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 +'&nbsp;<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>

591
view/templates/index/home.html
View File

@ -1,420 +1,257 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>订单统计</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script>
<link href="/css/global.css" media="screen" rel="stylesheet" type="text/css">
{literal}
<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 type="text/javascript">
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp
// html5shiv @rem remysharp.com/html5-enabling-script
// Dual licensed under the MIT or GPL Version 2 licenses
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
</script>
<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>
.header {
display: flex;
flex-direction: column;
}
.title-left {
opacity: 0.8;
font-size: 14pt;
font-weight: bold;
}
.contents {
display: flex;
/* justify-content: space-between; */
justify-content: space-evenly;
margin: 30px 0px;
width:80%;
}
.content-item {
margin: 20px 60px 20px 60px;
}
.item-top {
font-size: 12pt;
opacity: 0.8;
}
.item-bottom {
opacity: 0.9;
font-size: 18pt;
font-weight: bold;
line-height: 40px;
}
</style>
{/literal}
</head>
<body>
<!-- Topbar
================================================== -->
{include file="include/header.html"}
<!-- Page
================================================== -->
<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 id="page">
<div class="container">
<aside id="sidebar" class="sidebar">
<div id="filter" class="filter module">
<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>
<div id="search" class="domain-search module">
{include file="include/leftmenu.html"}
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
</div>
</aside>
<section id="main">
<div class="alert-message block-message info" id="tempalte-tips">
<div class="row" style="text-align:center">首次使用该软件，同步历史订单可能需要一段时间，请耐心等待</div>
<div class="row" style="text-align:center">待发货订单数：<span style="color:red">{$wait_deliver_goods_count}</span></div>
<div class="row" style="text-align:center">退款订单数：<span style="color:red">{$refund_count}</span></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>
<div id="main-content">
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png">
<div class="modal-body">
<div id="container" style="height: 400px"></div>
<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>
</section>
<!--end of main section-->
<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">催发货订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_urge_order_count}<span>&nbsp;单</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">倒计时订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_countdown_order_count}<span>&nbsp;单</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">待发货订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_wait_deliver_goods_count}<span>&nbsp;单</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>
<!--end of container-->
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">平台介入中订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_platform_processing_count}<span>&nbsp;单</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>
<!--end of #page-->
<!-- footer
================================================== -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script type="text/javascript" src="/js/control.index.js?v={$smarty.const.CSS_JS_VERSION}"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
{include file="include/footer.html"}
<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">待售后订单(总)&nbsp;&nbsp;<span class="icon-1-2 admin-right-arrow"></span></div>
<div class="admin-card-text-2">{$total_data.total_wait_after_sale_count}<span>&nbsp;单</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>
{literal}
<style>
#feedback {
position: fixed;
right: 20px;
top: 92%;
height: 30px;
width: 100px;
color: #333;
font-size: 12px;
line-height: 20px;
background-color: #fff;
border: 1px solid #e2e2e2;
text-align: center;
}
</div>
#feedback:hover {
background-color: #e2e2e2;
<!-- <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});
}
#feedback a {
line-height: 30px;
text-decoration: none;
color: #333;
,menuRight: function(){
layer.open({
type: 1
,title: '更多'
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt'
,anim: 5
,shadeClose: true
,scrollbar: false
});
}
</style>
{/literal}
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 -->
{literal}
<script type="text/javascript">
var dom = document.getElementById('container');
var myChart = echarts.init(dom, null, {
renderer: 'canvas',
useDirtyRect: false
});
});
var app = {};
var option;
option = {
title: {
text: '订单统计'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['订单数量']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: {/literal}{$json_dates}{literal}
},
yAxis: {
type: 'value'
},
series: [
{
name: '订单数量',
type: 'line',
stack: 'Total',
data: {/literal}{$json_counts}{literal}
}
]
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
window.addEventListener('resize', myChart.resize);
</script>
<!--[if lt IE 7]>
<![endif]-->
<!--
<script type="text/javascript">
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
var IE6UPDATE_OPTIONS = {
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/",
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。",
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/"
}
</script>
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script>
-->
<!--[if lt IE 7]>
<![endif]-->
<style id="__huaban_Style">
#__huaban_Container {
font-family: 'helvetica neue', arial, sans-serif;
position: absolute;
padding-top: 37px;
z-index: 100000002;
top: 0;
left: 0;
background-color: transparent;
opacity: 1;
}
#__huaban_Overlay {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #f2f2f2;
opacity: .95;
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'
}
#__huaban_Control {
position: relative;
z-index: 100000;
float: left;
background-color: #fcf9f9;
border: solid #ccc;
border-width: 0 1px 1px 0;
height: 200px;
width: 200px;
opacity: 1;
},
xAxis: {
data: monthList,
axisLabel:{
show:true,
color:'rgba(0,0,0,0.65)',
fontSize:12,
fontFamily: 'HelveticaNeue'
},
axisLine:{
show:true,
lineStyle:{
color:'#D9D9D9',
}
#__huaban_Control img {
position: relative;
padding: 0;
display: block;
margin: 82px auto 0;
-ms-interpolation-mode: bicubic;
},
axisTick:{
show:true,
alignWithLabel:true,
length:5,
}
#__huaban_Control a {
position: fixed;
z-index: 10001;
right: 0;
top: 0;
left: 0;
height: 24px;
padding: 12px 0 0;
text-align: center;
font-size: 14px;
line-height: 1em;
text-shadow: 0 1px #fff;
color: #211922;
font-weight: bold;
text-decoration: none;
background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x;
border-bottom: 1px solid #ccc;
-mox-box-shadow: 0 0 2px #d7d7d7;
-webkit-box-shadow: 0 0 2px #d7d7d7;
},
yAxis: {
splitLine:{
show:true,
lineStyle:{
color:['rgba(232, 232, 232, 1)'],
type:'dashed'
}
#__huaban_Control a:hover {
color: #fff;
text-decoration: none;
background-color: #1389e5;
border-color: #1389e5;
text-shadow: 0 -1px #46A0E6;
}
#__huaban_Control a:active {
height: 23px;
padding-top: 13px;
background-color: #211922;
border-color: #211922;
background-image: url(http://huaban.com/img/fullGradient07Inverted.png);
text-shadow: 0 -1px #211922;
},
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
}
.__huabanImagePreview {
position: relative;
padding: 0;
margin: 0;
float: left;
background-color: #fff;
border: solid #e7e7e7;
border-width: 0 1px 1px 0;
height: 200px;
width: 200px;
opacity: 1;
z-index: 10002;
text-align: center;
}
.__huabanImagePreview .__huabanVideoIcon {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(http://huaban.com/img/media_video.png) center center no-repeat;
}
.__huabanImagePreview .__huabanImg {
border: none;
height: 200px;
width: 200px;
opacity: 1;
padding: 0;
}
.__huabanImagePreview .__huabanImg a {
margin: 0;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
text-align: center;
z-index: 1;
}
.__huabanImagePreview .__huabanImg a:hover {
background-color: #fcf9f9;
border: none;
}
.__huabanImagePreview .__huabanImg .ImageToPin {
max-height: 200px;
max-width: 200px;
width: auto !important;
height: auto !important;
}
.__huabanImagePreview img.__huaban_PinIt {
border: none;
position: absolute;
top: 82px;
left: 42px;
display: none;
padding: 0;
background-color: transparent;
z-index: 100;
}
.__huabanImagePreview img.__huaban_vidind {
border: none;
position: absolute;
top: 75px;
left: 75px;
padding: 0;
background-color: transparent;
z-index: 99;
}
.__huabanDimensions {
color: #000;
position: relative;
margin-top: 180px;
text-align: center;
font-size: 10px;
z-index: 10003;
display: inline-block;
background: white;
border-radius: 4px;
padding: 0 2px;
}
#__huaban_Button {
display: block;
position: absolute;
z-index: 999999999;
color: #211922;
background: #fff;
text-shadow: 0 1px #eaeaea;
border-radius: 5px;
box-shadow: 0 0 2px #555;
font: 12px/1 arial;
text-align: center;
padding: 5px 8px;
cursor: pointer;
}
]
};
#__huaban_Button:hover {
background-image: -webkit-linear-gradient(top, #fefeff, #efefef);
background-image: -moz-linear-gradient(top, #fefeff, #efefef);
}
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
.__huaban_Button_share {
background: url(http://huaban.com/img/sharebutton.png) no-repeat !important;
text-indent: -9999px;
width: 70px;
}
</style>
{/literal}
</script>
{/literal}
</body>
</html>

420
view/templates/index/home2.html
View File

@ -0,0 +1,420 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>订单统计</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script>
<link href="/css/global.css" media="screen" rel="stylesheet" type="text/css">
{literal}
<!--[if lt IE 9]>
<script type="text/javascript">
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp
// html5shiv @rem remysharp.com/html5-enabling-script
// Dual licensed under the MIT or GPL Version 2 licenses
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
</script>
<![endif]-->
<style>
.header {
display: flex;
flex-direction: column;
}
.title-left {
opacity: 0.8;
font-size: 14pt;
font-weight: bold;
}
.contents {
display: flex;
/* justify-content: space-between; */
justify-content: space-evenly;
margin: 30px 0px;
width:80%;
}
.content-item {
margin: 20px 60px 20px 60px;
}
.item-top {
font-size: 12pt;
opacity: 0.8;
}
.item-bottom {
opacity: 0.9;
font-size: 18pt;
font-weight: bold;
line-height: 40px;
}
</style>
{/literal}
</head>
<body>
<!-- Topbar
================================================== -->
{include file="include/header.html"}
<!-- Page
================================================== -->
<div id="page">
<div class="container">
<aside id="sidebar" class="sidebar">
<div id="filter" class="filter module">
</div>
<div id="search" class="domain-search module">
{include file="include/leftmenu.html"}
</div>
</aside>
<section id="main">
<div class="alert-message block-message info" id="tempalte-tips">
<div class="row" style="text-align:center">首次使用该软件，同步历史订单可能需要一段时间，请耐心等待</div>
<div class="row" style="text-align:center">待发货订单数：<span style="color:red">{$wait_deliver_goods_count}</span></div>
<div class="row" style="text-align:center">退款订单数：<span style="color:red">{$refund_count}</span></div>
</div>
<div id="main-content">
<div class="modal-body">
<div id="container" style="height: 400px"></div>
</div>
</div>
</div>
</section>
<!--end of main section-->
</div>
<!--end of container-->
</div>
<!--end of #page-->
<!-- footer
================================================== -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script type="text/javascript" src="/js/control.index.js?v={$smarty.const.CSS_JS_VERSION}"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
{include file="include/footer.html"}
{literal}
<style>
#feedback {
position: fixed;
right: 20px;
top: 92%;
height: 30px;
width: 100px;
color: #333;
font-size: 12px;
line-height: 20px;
background-color: #fff;
border: 1px solid #e2e2e2;
text-align: center;
}
#feedback:hover {
background-color: #e2e2e2;
}
#feedback a {
line-height: 30px;
text-decoration: none;
color: #333;
}
</style>
{/literal}
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 -->
{literal}
<script type="text/javascript">
var dom = document.getElementById('container');
var myChart = echarts.init(dom, null, {
renderer: 'canvas',
useDirtyRect: false
});
var app = {};
var option;
option = {
title: {
text: '订单统计'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['订单数量']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: {/literal}{$json_dates}{literal}
},
yAxis: {
type: 'value'
},
series: [
{
name: '订单数量',
type: 'line',
stack: 'Total',
data: {/literal}{$json_counts}{literal}
}
]
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
window.addEventListener('resize', myChart.resize);
</script>
<!--[if lt IE 7]>
<![endif]-->
<!--
<script type="text/javascript">
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
var IE6UPDATE_OPTIONS = {
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/",
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。",
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/"
}
</script>
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script>
-->
<!--[if lt IE 7]>
<![endif]-->
<style id="__huaban_Style">
#__huaban_Container {
font-family: 'helvetica neue', arial, sans-serif;
position: absolute;
padding-top: 37px;
z-index: 100000002;
top: 0;
left: 0;
background-color: transparent;
opacity: 1;
}
#__huaban_Overlay {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #f2f2f2;
opacity: .95;
}
#__huaban_Control {
position: relative;
z-index: 100000;
float: left;
background-color: #fcf9f9;
border: solid #ccc;
border-width: 0 1px 1px 0;
height: 200px;
width: 200px;
opacity: 1;
}
#__huaban_Control img {
position: relative;
padding: 0;
display: block;
margin: 82px auto 0;
-ms-interpolation-mode: bicubic;
}
#__huaban_Control a {
position: fixed;
z-index: 10001;
right: 0;
top: 0;
left: 0;
height: 24px;
padding: 12px 0 0;
text-align: center;
font-size: 14px;
line-height: 1em;
text-shadow: 0 1px #fff;
color: #211922;
font-weight: bold;
text-decoration: none;
background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x;
border-bottom: 1px solid #ccc;
-mox-box-shadow: 0 0 2px #d7d7d7;
-webkit-box-shadow: 0 0 2px #d7d7d7;
}
#__huaban_Control a:hover {
color: #fff;
text-decoration: none;
background-color: #1389e5;
border-color: #1389e5;
text-shadow: 0 -1px #46A0E6;
}
#__huaban_Control a:active {
height: 23px;
padding-top: 13px;
background-color: #211922;
border-color: #211922;
background-image: url(http://huaban.com/img/fullGradient07Inverted.png);
text-shadow: 0 -1px #211922;
}
.__huabanImagePreview {
position: relative;
padding: 0;
margin: 0;
float: left;
background-color: #fff;
border: solid #e7e7e7;
border-width: 0 1px 1px 0;
height: 200px;
width: 200px;
opacity: 1;
z-index: 10002;
text-align: center;
}
.__huabanImagePreview .__huabanVideoIcon {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(http://huaban.com/img/media_video.png) center center no-repeat;
}
.__huabanImagePreview .__huabanImg {
border: none;
height: 200px;
width: 200px;
opacity: 1;
padding: 0;
}
.__huabanImagePreview .__huabanImg a {
margin: 0;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
text-align: center;
z-index: 1;
}
.__huabanImagePreview .__huabanImg a:hover {
background-color: #fcf9f9;
border: none;
}
.__huabanImagePreview .__huabanImg .ImageToPin {
max-height: 200px;
max-width: 200px;
width: auto !important;
height: auto !important;
}
.__huabanImagePreview img.__huaban_PinIt {
border: none;
position: absolute;
top: 82px;
left: 42px;
display: none;
padding: 0;
background-color: transparent;
z-index: 100;
}
.__huabanImagePreview img.__huaban_vidind {
border: none;
position: absolute;
top: 75px;
left: 75px;
padding: 0;
background-color: transparent;
z-index: 99;
}
.__huabanDimensions {
color: #000;
position: relative;
margin-top: 180px;
text-align: center;
font-size: 10px;
z-index: 10003;
display: inline-block;
background: white;
border-radius: 4px;
padding: 0 2px;
}
#__huaban_Button {
display: block;
position: absolute;
z-index: 999999999;
color: #211922;
background: #fff;
text-shadow: 0 1px #eaeaea;
border-radius: 5px;
box-shadow: 0 0 2px #555;
font: 12px/1 arial;
text-align: center;
padding: 5px 8px;
cursor: pointer;
}
#__huaban_Button:hover {
background-image: -webkit-linear-gradient(top, #fefeff, #efefef);
background-image: -moz-linear-gradient(top, #fefeff, #efefef);
}
.__huaban_Button_share {
background: url(http://huaban.com/img/sharebutton.png) no-repeat !important;
text-indent: -9999px;
width: 70px;
}
</style>
{/literal}
</body>
</html>

333
view/templates/index/order_list.html
View File

@ -1,237 +1,136 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <script type="text/javascript" src="/js/echarts.min.js"></script> -->
<!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> -->
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script src="/js/lightBox.js" type="text/javascript"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}售后监控{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/global.css?v={$smarty.const.CSS_JS_VERSION}" media="screen" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/bootstrap-datetimepicker.min.css">
{literal}
<!--[if lt IE 9]>
<script type="text/javascript">
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp
// html5shiv @rem remysharp.com/html5-enabling-script
// Dual licensed under the MIT or GPL Version 2 licenses
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
</script>
<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}
{literal}
<style>
</style>
{/literal}
</head>
<body>
<!-- Topbar
================================================== -->
{include file="include/header.html"}
<!-- Page
================================================== -->
<div id="page">
<div class="container">
<aside id="sidebar" class="sidebar">
<div id="filter" class="filter module">
<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>
<div id="search" class="domain-search module">
{include file="include/leftmenu.html"}
<table class="layui-hide" id="deliver_remind_list" lay-filter="deliver-remind-table"></table>
</div>
</aside>
<section id="main">
<div id="main-content">
<div class="record-control">
<div class="header">
<span style="font-size:14px;padding:5px">{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}退款/投诉{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</span>
<div class="flash-message"></div>
<ul class="tabs">
</ul>
</div>
</div>
{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}
<div class="entry">
<div class="modal-body">
<table class="table table-striped table-bordered table-condensed">
<tbody class='js-bundle-record-list'>
<tr>
<td>
<!-- &nbsp;选择店铺：
<select name="shop_tb_pay_id" id="shop_tb_pay_id" style="width: 192px;">
<option value="0">请选择要查询的店铺</option>
{foreach from=$tb_pay_methods item=item key=key}
<option value="{$key}" {if $smarty.get.shopid == $key}selected{/if}>{$item.appid}</option>
{/foreach}
</select>
&nbsp;状态：
<select name="status" id="status" style="width: 192px;">
<option value="0">请选择状态</option>
{foreach from=$tb_status_desc item=status_desc key=status}
<option value="{$status}" {if $smarty.get.status == $status}selected{/if}>{$status_desc}</option>
{/foreach}
</select>
&nbsp;时间：
<input class="span2" style='width:80px' type="text" id="start_date" name="stime" value="{$smarty.get.start_date}" />
-
<input class="span2" style='width:80px' type="text" id="end_date" name="etime" value="{$smarty.get.end_date}"/>
<button class="button primary next" onclick="search()">搜索</button>
-->
<button onclick="exportPddOrders();" class="button primary next" style="background-color: red;background-image: -webkit-linear-gradient(top, red, red);border: 1px solid red;float:right">导出拼多多批量发货列表</button>
</td>
</tr>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}
<div class="modal-body">
<!-- <div id="container" style="height: 400px"></div> -->
<div class="modal-body">
<!-- <div id="container" style="height: 400px"></div> -->
<div class="modal-body">
{if count($page_list) > 1}
{if isset($prev_page)}
<a href="{$prev_page}">上一页</a>
{/if}
{foreach from=$page_list key=key item=item}
<a href="{$item.url}">{if $key+1 eq $curpage}<b>{/if}{$item.page}{if $key+1 eq $curpage}</b>{/if}</a>
{/foreach}
{if isset($post_page)}
<a href="{$post_page}">下一页</a>
{/if}
{/if}
</div>
<div class="entry">
<div class="record-control">
</div>
<div class="modal-body">
<table class="table table-bordered table-condensed">
<thead>
<tr>
<th>商品名称</th>
<th>订单号</th>
<th>收入</th>
<th>销售时间</th>
<th>订单状态</th>
<th>售后状态</th>
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}
<th>操作</th>
{/if}
</tr>
</thead>
<tbody class='js-bundle-record-list'>
{foreach from=$list key=key item=item}
<tr>
<td class='td-valign'><a href="https://mobile.yangkeduo.com/goods.html?goods_id={$item.goods_id}&sku_id={$item.sku_id}" target="_blank">{$goodsid2skuid2info[$item.goods_id][$item.sku_id].goods_name}【{$goodsid2skuid2info[$item.goods_id][$item.sku_id].sku_name}】</a></td>
<td class='td-valign'>{$item.order_sn}</td>
<td class='td-valign'>{$item.pay_amount}</td>
<td class='td-valign'>{$item.pay_time}</td>
<td class='td-valign'>{$order_status[$item.order_status]}</td>
<td class='td-valign'>{$refund_status[$item.refund_status]}</td>
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}
<td class='td-valign'><a href="https://mms.pinduoduo.com/aftersales/aftersale_list" target="_blank">立即处理</a></td>
{/if}
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div></section><!--end of main section-->
</div><!--end of container-->
</div><!--end of #page-->
<!-- footer
================================================== -->
<iframe width=0 height=0 name="mframe" id="mframe"></iframe>
<script src="/js/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/js/echarts.min.js"></script>
</div>
<script src="/js/layui.js"></script>
<script src="/js/clipboard.min.js"></script>
{literal}
<script type="text/javascript">
function exportPddOrders() {
location.href = '/index/export_wait_deliver_goods_tids';
}
</script>
{/literal}
{include file="include/footer.html"}
{literal}
<style>
#feedback {
position:fixed;
right:20px;
top:92%;
height:30px;
width:100px;
color:#333;
font-size:12px;
line-height: 20px;
background-color:#fff;
border:1px solid #e2e2e2;
text-align: center;
<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});
}
#feedback:hover {
background-color:#e2e2e2;
,menuRight: function(){
layer.open({
type: 1
,title: '更多'
,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
,area: ['260px', '100%']
,offset: 'rt'
,anim: 5
,shadeClose: true
,scrollbar: false
});
}
#feedback a{
line-height:30px;
text-decoration:none;
color:#333;
});
var showTips = null;
table.render({
elem: '#deliver_remind_list'
,url:'/index/ajax_get_order_list'
,toolbar: false
,title: '用户数据表'
,totalRow: false
,className:'deliver_remind_list_table_class'
,cols: [[
{field:'goods_name', title:'商品名称',
templet: function(d){
return '<a href="https://mobile.yangkeduo.com/goods.html?goods_id='+d.goods_id+'&sku_id='+d.sku_id+'" target="_blank">'+d.goods_name+'</a>';
}}
,{field:'order_sn', title:'订单号'
,templet: function(d){
return '<span data-clipboard-text="'+d.order_sn+'" title="点击复制" class="admin-table-td-outter admin-table-td-outter-'+d.order_sn+'">'+ d.order_sn +'&nbsp;<span class="icon-uniE90E admin-table-td-outter-font admin-table-td-outter-font-'+d.order_sn+'"></span></span>';
}}
,{field:'pay_time', title:'支付时间'
,templet: function(d){
return '<span>'+d.pay_time+'</span>';
}}
,{field:'pay_amount', title:'支付金额(元)'}
,{field:'order_status_desc', title:'订单状态'
,templet: function(d){
if(d.is_wait_deliver_goods == false) return '<span class="list_status_grey01">'+d.order_status_desc+'</span>';
return '<span class="list_status_yellow01">'+d.order_status_desc+'</span>';
}}
,{field:'refund_status_desc', 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
}
</style>
{/literal}
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 -->
{literal}
<!--[if lt IE 7]>
<![endif]-->
<!--
<script type="text/javascript">
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
var IE6UPDATE_OPTIONS = {
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/",
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。",
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/"
,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>
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script>
-->
<!--[if lt IE 7]>
<![endif]-->
}
});
});
<style id="__huaban_Style">
#__huaban_Container {font-family: 'helvetica neue', arial, sans-serif; position: absolute; padding-top: 37px; z-index: 100000002; top: 0; left: 0; background-color: transparent; opacity: 1;}#__huaban_Overlay {position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2f2f2; opacity: .95;}#__huaban_Control {position:relative; z-index: 100000; float: left; background-color: #fcf9f9; border: solid #ccc; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1;}#__huaban_Control img {position: relative; padding: 0; display: block; margin: 82px auto 0; -ms-interpolation-mode: bicubic;}#__huaban_Control a {position: fixed; z-index: 10001; right: 0; top: 0; left: 0; height: 24px; padding: 12px 0 0; text-align: center; font-size: 14px; line-height: 1em; text-shadow: 0 1px #fff; color: #211922; font-weight: bold; text-decoration: none; background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x; border-bottom: 1px solid #ccc; -mox-box-shadow: 0 0 2px #d7d7d7; -webkit-box-shadow: 0 0 2px #d7d7d7;}#__huaban_Control a:hover {color: #fff; text-decoration: none; background-color: #1389e5; border-color: #1389e5; text-shadow: 0 -1px #46A0E6;}#__huaban_Control a:active {height: 23px; padding-top: 13px; background-color: #211922; border-color: #211922; background-image: url(http://huaban.com/img/fullGradient07Inverted.png); text-shadow: 0 -1px #211922;}.__huabanImagePreview {position: relative; padding: 0; margin: 0; float: left; background-color: #fff; border: solid #e7e7e7; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1; z-index: 10002; text-align: center;}.__huabanImagePreview .__huabanVideoIcon {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(http://huaban.com/img/media_video.png) center center no-repeat;}.__huabanImagePreview .__huabanImg {border: none; height: 200px; width: 200px; opacity: 1; padding: 0;}.__huabanImagePreview .__huabanImg a {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; text-align: center; z-index: 1;}.__huabanImagePreview .__huabanImg a:hover {background-color: #fcf9f9; border: none;}.__huabanImagePreview .__huabanImg .ImageToPin {max-height: 200px; max-width: 200px; width: auto !important; height: auto !important;}.__huabanImagePreview img.__huaban_PinIt {border: none; position: absolute; top: 82px; left: 42px; display: none; padding: 0; background-color: transparent; z-index: 100;}.__huabanImagePreview img.__huaban_vidind {border: none; position: absolute; top: 75px; left: 75px; padding: 0; background-color: transparent; z-index: 99;}.__huabanDimensions { color: #000; position: relative; margin-top: 180px; text-align: center; font-size: 10px; z-index:10003; display: inline-block; background: white; border-radius: 4px; padding: 0 2px;}#__huaban_Button { display: block; position: absolute; z-index: 999999999; color: #211922; background: #fff; text-shadow: 0 1px #eaeaea; border-radius: 5px; box-shadow: 0 0 2px #555; font: 12px/1 arial; text-align: center; padding: 5px 8px; cursor: pointer; }#__huaban_Button:hover { background-image: -webkit-linear-gradient(top, #fefeff, #efefef); background-image: -moz-linear-gradient(top, #fefeff, #efefef); }.__huaban_Button_share {background: url(http://huaban.com/img/sharebutton.png) no-repeat !important; text-indent: -9999px; width: 70px;}
</style>
</script>
{/literal}
</body>
</html>

237
view/templates/index/order_list2.html
View File

@ -0,0 +1,237 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh_CN"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="zh_CN"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="zh_CN"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zh-CN">
<!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <script type="text/javascript" src="/js/echarts.min.js"></script> -->
<!-- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script> -->
<script type="text/javascript" src="/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="/js/jquery.form.js"></script>
<script src="/js/lightBox.js" type="text/javascript"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}售后监控{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/css/global.css?v={$smarty.const.CSS_JS_VERSION}" media="screen" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/bootstrap-datetimepicker.min.css">
{literal}
<!--[if lt IE 9]>
<script type="text/javascript">
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp
// html5shiv @rem remysharp.com/html5-enabling-script
// Dual licensed under the MIT or GPL Version 2 licenses
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
</script>
<![endif]-->
{/literal}
</head>
<body>
<!-- Topbar
================================================== -->
{include file="include/header.html"}
<!-- Page
================================================== -->
<div id="page">
<div class="container">
<aside id="sidebar" class="sidebar">
<div id="filter" class="filter module">
</div>
<div id="search" class="domain-search module">
{include file="include/leftmenu.html"}
</div>
</aside>
<section id="main">
<div id="main-content">
<div class="record-control">
<div class="header">
<span style="font-size:14px;padding:5px">{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}退款/投诉{/if}{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}发货提醒{/if}</span>
<div class="flash-message"></div>
<ul class="tabs">
</ul>
</div>
</div>
{if $smarty.get.order_status == $smarty.const.ORDER_STATUS_WAIT_DELIVER_GOODS}
<div class="entry">
<div class="modal-body">
<table class="table table-striped table-bordered table-condensed">
<tbody class='js-bundle-record-list'>
<tr>
<td>
<!-- &nbsp;选择店铺：
<select name="shop_tb_pay_id" id="shop_tb_pay_id" style="width: 192px;">
<option value="0">请选择要查询的店铺</option>
{foreach from=$tb_pay_methods item=item key=key}
<option value="{$key}" {if $smarty.get.shopid == $key}selected{/if}>{$item.appid}</option>
{/foreach}
</select>
&nbsp;状态：
<select name="status" id="status" style="width: 192px;">
<option value="0">请选择状态</option>
{foreach from=$tb_status_desc item=status_desc key=status}
<option value="{$status}" {if $smarty.get.status == $status}selected{/if}>{$status_desc}</option>
{/foreach}
</select>
&nbsp;时间：
<input class="span2" style='width:80px' type="text" id="start_date" name="stime" value="{$smarty.get.start_date}" />
-
<input class="span2" style='width:80px' type="text" id="end_date" name="etime" value="{$smarty.get.end_date}"/>
<button class="button primary next" onclick="search()">搜索</button>
-->
<button onclick="exportPddOrders();" class="button primary next" style="background-color: red;background-image: -webkit-linear-gradient(top, red, red);border: 1px solid red;float:right">导出拼多多批量发货列表</button>
</td>
</tr>
</td>
</tr>
</tbody>
</table>
</div>
</div>
{/if}
<div class="modal-body">
<!-- <div id="container" style="height: 400px"></div> -->
<div class="modal-body">
<!-- <div id="container" style="height: 400px"></div> -->
<div class="modal-body">
{if count($page_list) > 1}
{if isset($prev_page)}
<a href="{$prev_page}">上一页</a>
{/if}
{foreach from=$page_list key=key item=item}
<a href="{$item.url}">{if $key+1 eq $curpage}<b>{/if}{$item.page}{if $key+1 eq $curpage}</b>{/if}</a>
{/foreach}
{if isset($post_page)}
<a href="{$post_page}">下一页</a>
{/if}
{/if}
</div>
<div class="entry">
<div class="record-control">
</div>
<div class="modal-body">
<table class="table table-bordered table-condensed">
<thead>
<tr>
<th>商品名称</th>
<th>订单号</th>
<th>收入</th>
<th>销售时间</th>
<th>订单状态</th>
<th>售后状态</th>
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}
<th>操作</th>
{/if}
</tr>
</thead>
<tbody class='js-bundle-record-list'>
{foreach from=$list key=key item=item}
<tr>
<td class='td-valign'><a href="https://mobile.yangkeduo.com/goods.html?goods_id={$item.goods_id}&sku_id={$item.sku_id}" target="_blank">{$goodsid2skuid2info[$item.goods_id][$item.sku_id].goods_name}【{$goodsid2skuid2info[$item.goods_id][$item.sku_id].sku_name}】</a></td>
<td class='td-valign'>{$item.order_sn}</td>
<td class='td-valign'>{$item.pay_amount}</td>
<td class='td-valign'>{$item.pay_time}</td>
<td class='td-valign'>{$order_status[$item.order_status]}</td>
<td class='td-valign'>{$refund_status[$item.refund_status]}</td>
{if $smarty.get.refund_status == $smarty.const.REFUND_STATUS_AFTER_SALE_ING}
<td class='td-valign'><a href="https://mms.pinduoduo.com/aftersales/aftersale_list" target="_blank">立即处理</a></td>
{/if}
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div></section><!--end of main section-->
</div><!--end of container-->
</div><!--end of #page-->
<!-- footer
================================================== -->
<iframe width=0 height=0 name="mframe" id="mframe"></iframe>
<script src="/js/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/js/echarts.min.js"></script>
{literal}
<script type="text/javascript">
function exportPddOrders() {
location.href = '/index/export_wait_deliver_goods_tids';
}
</script>
{/literal}
{include file="include/footer.html"}
{literal}
<style>
#feedback {
position:fixed;
right:20px;
top:92%;
height:30px;
width:100px;
color:#333;
font-size:12px;
line-height: 20px;
background-color:#fff;
border:1px solid #e2e2e2;
text-align: center;
}
#feedback:hover {
background-color:#e2e2e2;
}
#feedback a{
line-height:30px;
text-decoration:none;
color:#333;
}
</style>
{/literal}
<!-- UserAgent: Mozilla/5.0 (Windows NT 6.1; rv:12.0) Gecko/20100101 Firefox/12.0 -->
{literal}
<!--[if lt IE 7]>
<![endif]-->
<!--
<script type="text/javascript">
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"" + ('https:' == document.location.protocol ? 'https://' : 'http://')+ "ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
var IE6UPDATE_OPTIONS = {
url: "http://blog.dnspod.cn/2010/04/ie6-must-die/",
message: "DNSPod 新版已经完全取消对微软 Internet Explorer 6.0 浏览器的支持，IE6 用户无法正常使用 DNSPod。请升级您的IE6浏览器至IE8，或者升级至Chrome、火狐、Safari等其他浏览器。",
icons_path: "https://statics.dnspod.cn/zhanjiang/images/ie6update/"
}
</script>
<script type="text/javascript" src="https://statics.dnspod.cn/zhanjiang/javascripts/ie6update.v2.js"></script>
-->
<!--[if lt IE 7]>
<![endif]-->
<style id="__huaban_Style">
#__huaban_Container {font-family: 'helvetica neue', arial, sans-serif; position: absolute; padding-top: 37px; z-index: 100000002; top: 0; left: 0; background-color: transparent; opacity: 1;}#__huaban_Overlay {position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: #f2f2f2; opacity: .95;}#__huaban_Control {position:relative; z-index: 100000; float: left; background-color: #fcf9f9; border: solid #ccc; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1;}#__huaban_Control img {position: relative; padding: 0; display: block; margin: 82px auto 0; -ms-interpolation-mode: bicubic;}#__huaban_Control a {position: fixed; z-index: 10001; right: 0; top: 0; left: 0; height: 24px; padding: 12px 0 0; text-align: center; font-size: 14px; line-height: 1em; text-shadow: 0 1px #fff; color: #211922; font-weight: bold; text-decoration: none; background: #fff url(http://huaban.com/img/fullGradient07Normal.png) 0 0 repeat-x; border-bottom: 1px solid #ccc; -mox-box-shadow: 0 0 2px #d7d7d7; -webkit-box-shadow: 0 0 2px #d7d7d7;}#__huaban_Control a:hover {color: #fff; text-decoration: none; background-color: #1389e5; border-color: #1389e5; text-shadow: 0 -1px #46A0E6;}#__huaban_Control a:active {height: 23px; padding-top: 13px; background-color: #211922; border-color: #211922; background-image: url(http://huaban.com/img/fullGradient07Inverted.png); text-shadow: 0 -1px #211922;}.__huabanImagePreview {position: relative; padding: 0; margin: 0; float: left; background-color: #fff; border: solid #e7e7e7; border-width: 0 1px 1px 0; height: 200px; width: 200px; opacity: 1; z-index: 10002; text-align: center;}.__huabanImagePreview .__huabanVideoIcon {position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(http://huaban.com/img/media_video.png) center center no-repeat;}.__huabanImagePreview .__huabanImg {border: none; height: 200px; width: 200px; opacity: 1; padding: 0;}.__huabanImagePreview .__huabanImg a {margin: 0; padding: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; text-align: center; z-index: 1;}.__huabanImagePreview .__huabanImg a:hover {background-color: #fcf9f9; border: none;}.__huabanImagePreview .__huabanImg .ImageToPin {max-height: 200px; max-width: 200px; width: auto !important; height: auto !important;}.__huabanImagePreview img.__huaban_PinIt {border: none; position: absolute; top: 82px; left: 42px; display: none; padding: 0; background-color: transparent; z-index: 100;}.__huabanImagePreview img.__huaban_vidind {border: none; position: absolute; top: 75px; left: 75px; padding: 0; background-color: transparent; z-index: 99;}.__huabanDimensions { color: #000; position: relative; margin-top: 180px; text-align: center; font-size: 10px; z-index:10003; display: inline-block; background: white; border-radius: 4px; padding: 0 2px;}#__huaban_Button { display: block; position: absolute; z-index: 999999999; color: #211922; background: #fff; text-shadow: 0 1px #eaeaea; border-radius: 5px; box-shadow: 0 0 2px #555; font: 12px/1 arial; text-align: center; padding: 5px 8px; cursor: pointer; }#__huaban_Button:hover { background-image: -webkit-linear-gradient(top, #fefeff, #efefef); background-image: -moz-linear-gradient(top, #fefeff, #efefef); }.__huaban_Button_share {background: url(http://huaban.com/img/sharebutton.png) no-repeat !important; text-indent: -9999px; width: 70px;}
</style>
{/literal}
</body>
</html>

160
view/templates/index/wait_deliver_list.html
View File

@ -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 +'&nbsp;<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>&nbsp;已催</span>';
return '<span class="icon--"></span>&nbsp;<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>
Write Preview
Loading…
Cancel
Save