mirror of
https://gitee.com/ShopeX/OMS
synced 2026-04-07 07:15:33 +08:00
146 lines
3.8 KiB
HTML
146 lines
3.8 KiB
HTML
<!--
|
||
Copyright © ShopeX （http://www.shopex.cn）. All rights reserved.
|
||
See LICENSE file for license details.
|
||
-->
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
<meta name="author" content="tyler chao">
|
||
<meta name="keywords" content="keywords">
|
||
<meta name="description" content="description">
|
||
<title>工作台</title>
|
||
<link rel="stylesheet" href="<{$env.app.res_url}>/css/mobile.min.css">
|
||
<link rel="stylesheet" href="<{$env.app.res_url}>/css/main.min.css">
|
||
</head>
|
||
<style>
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
/* .flex-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
flex-flow: row wrap;
|
||
} */
|
||
.order-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 20px;
|
||
padding: 20px;
|
||
}
|
||
|
||
.order-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
position: relative;
|
||
}
|
||
|
||
.order-icon {
|
||
width: 37px;
|
||
height: 37px;
|
||
position: relative;
|
||
}
|
||
|
||
.order-icon img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.badge {
|
||
position: absolute;
|
||
top: -8px;
|
||
right: -8px;
|
||
background-color: #ff0000;
|
||
color: white;
|
||
border-radius: 9px;
|
||
min-width: 18px;
|
||
height: 18px;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
font-size: 12px;
|
||
padding: 0 4px;
|
||
}
|
||
|
||
.order-text {
|
||
margin-top: 8px;
|
||
font-size: 14px;
|
||
color: #333;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
color: inherit;
|
||
}
|
||
</style>
|
||
<body>
|
||
<{if $show_header}>
|
||
<header class="fixed">
|
||
<div class="top-bar" data-topbar>
|
||
<h1>工作台</h1>
|
||
</div>
|
||
</header>
|
||
<{/if}>
|
||
|
||
<main id="main" class="container no-margin">
|
||
<div class="person row">
|
||
<div class="grid-2 columns"><div class="avatar"><img src="<{$env.app.res_url}>/img/art.jpg"></div></div>
|
||
<div class="grid-1 columns"><span>欢迎您，[<{$userInfo.store_bn}>]<{$userInfo.name}> 管理员：<{$userInfo.op_name}>！</span></div>
|
||
</div>
|
||
|
||
<{if $count_data}>
|
||
<div class="statistic">
|
||
<div class="stat_line">
|
||
<ul class="block-grid-13 no-bullet">
|
||
<li><a><span>今日订单总数</span><span><{$count_data.today_num}></span></a></li>
|
||
<li class="wire"><em></em></li>
|
||
<li><a><span>待发货</span><span><{$count_data.wap_order_index}></span></a></li>
|
||
<li class="wire"><em></em></li>
|
||
<li><a><span>待退货</span><span><{$count_data.wap_aftersale_returnproduct}></span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="stat_line">
|
||
<ul class="block-grid-13 no-bullet">
|
||
<li><a><span>今日发货取消</span><span><{$count_data.delivery_cancel_num}></span></a></li>
|
||
<li><a><span>今日退货取消</span><span><{$count_data.aftersale_cancel_num}></span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<{/if}>
|
||
<div class="split-line">
|
||
</div>
|
||
<div class="actions">
|
||
<div class="order-grid">
|
||
<{foreach from=$menu_list item=item }>
|
||
<a href="<{$item.linkUrl}>" class="order-item">
|
||
<div class="order-icon">
|
||
<img src="<{$env.app.res_url}>/img/<{$item.ico}>" alt="<{$item.menuName}>">
|
||
<{if $item.count && $item.count > 0}>
|
||
<span class="badge"><{$item.count}></span>
|
||
<{/if}>
|
||
</div>
|
||
<span class="order-text"><{$item.menuName}></span>
|
||
</a>
|
||
<{/foreach}>
|
||
</div>
|
||
</ul>
|
||
</div>
|
||
</main>
|
||
|
||
<{include file="store/footer.html"}>
|
||
|
||
<!-- 微信静默授权获取openid -->
|
||
<script>
|
||
|
||
</script>
|
||
</body>
|
||
</html> |