463 lines
16 KiB
HTML
Executable File
463 lines
16 KiB
HTML
Executable File
{{include file="public/header" /}}
|
|
|
|
<!-- right content start -->
|
|
<div class="content-right">
|
|
<div class="content">
|
|
<!-- 顶部提示信息 -->
|
|
{{if !empty($site_store_info) and !empty($site_store_info['base']) and !empty($site_store_info['base']['site_top_notice'])}}
|
|
<div class="am-alert am-alert-danger" data-am-alert>
|
|
<button type="button" class="am-close">×</button>
|
|
<p>{{$site_store_info.base.site_top_notice|raw}}</p>
|
|
</div>
|
|
{{/if}}
|
|
|
|
<!-- 顶部基础信息 -->
|
|
<div class="block-container base-content-top am-nbfc">
|
|
<div class="am-fl am-nbfc left-content">
|
|
<!-- 帐号信息 -->
|
|
{{if !empty($site_store_info) and !empty($site_store_info['user'])}}
|
|
<i class="am-icon-user"></i>
|
|
<span>{{$site_store_info.user.user_name_view}}</span>
|
|
<a href="javascript:;" class="am-margin-left-xs store-accounts-event">修改</a>
|
|
{{else /}}
|
|
<a href="javascript:;" class="am-margin-left-xs store-accounts-event">绑定ShopXO商店账户</a>
|
|
{{/if}}
|
|
|
|
<!-- 广告 -->
|
|
{{if !empty($site_store_info) and !empty($site_store_info['adverts']) and !empty($site_store_info['adverts']['name'])}}
|
|
<a class="am-margin-left-sm am-text-danger ad-content {{if !empty($site_store_info['adverts']['icon'])}}{{$site_store_info.adverts.icon}}{{/if}}" {{if empty($site_store_info['adverts']['url'])}}href="javascript:;"{{else /}}href="{{$site_store_info.adverts.url}}" target="_blank"{{/if}}> {{$site_store_info.adverts.name}}</a>
|
|
{{/if}}
|
|
</div>
|
|
<div class="am-fr am-nbfc right-content">
|
|
<!-- VIP授权信息 -->
|
|
{{if !empty($site_store_info) and !empty($site_store_info['vip']) and !empty($site_store_info['vip']['auth_view'])}}
|
|
<a class="am-icon-diamond vip {{if isset($site_store_info['vip']['status']) and $site_store_info['vip']['status'] eq 1}}vip-active{{/if}}" {{if empty($site_store_info['vip']['go_url'])}}href="javascript:;"{{else /}}href="{{$site_store_info.vip.go_url}}" target="_blank"{{/if}} {{if !empty($site_store_info['vip']['auth_person'])}}data-am-popover="{content: '授权主体：{{$site_store_info.vip.auth_person}}', trigger: 'hover focus', theme: 'sm'}"{{/if}}> {{$site_store_info.vip.auth_view}}</a>
|
|
{{/if}}
|
|
|
|
<!-- 右侧版本信息及更新检查 -->
|
|
<span class="right-base">
|
|
<a href="https://ask.shopxo.net/article/148" target="_blank" class="am-margin-left-xs">{{$Think.APPLICATION_VERSION}}</a>
|
|
<a href="javascript:;" class="am-margin-left-sm inspect-upgrade-submit" data-url="{{:MyUrl('admin/index/inspectupgrade')}}">检查更新{{if !empty($site_store_info) and !empty($site_store_info['upgrade']) and !empty($site_store_info['upgrade']['version_old']) and $site_store_info['upgrade']['version_old'] eq $Think.APPLICATION_VERSION}}<i></i>{{/if}}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 基础统计 -->
|
|
<div class="block-container shopxo-base">
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">商城统计</span>
|
|
</div>
|
|
<ul class="am-avg-sm-2 am-avg-lg-4">
|
|
<li>
|
|
<div class="li-content">
|
|
<p class="name">用户总量</p>
|
|
<p class="total animation-count-to" data-to="{{$user.total_count}}" data-speed="1500">0</p>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>上月</span>
|
|
<span class="animation-count-to" data-to="{{$user.last_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>当月</span>
|
|
<span class="animation-count-to" data-to="{{$user.same_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>昨日</span>
|
|
<span class="animation-count-to" data-to="{{$user.yesterday_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>今日</span>
|
|
<span class="animation-count-to" data-to="{{$user.today_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<i class="am-icon-user am-icon-lg bg-icon"></i>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="li-content">
|
|
<p class="name">订单总量</p>
|
|
<p class="total animation-count-to" data-to="{{$order_number.total_count}}" data-speed="1500">0</p>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>上月</span>
|
|
<span class="animation-count-to" data-to="{{$order_number.last_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>当月</span>
|
|
<span class="animation-count-to" data-to="{{$order_number.same_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>昨日</span>
|
|
<span class="animation-count-to" data-to="{{$order_number.yesterday_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>今日</span>
|
|
<span class="animation-count-to" data-to="{{$order_number.today_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<i class="am-icon-pie-chart am-icon-lg bg-icon"></i>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="li-content">
|
|
<p class="name">成交总量</p>
|
|
<p class="total animation-count-to" data-to="{{$order_complete_number.total_count}}" data-speed="1500">0</p>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>上月</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_number.last_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>当月</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_number.same_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>昨日</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_number.yesterday_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>今日</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_number.today_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<i class="am-icon-gg am-icon-lg bg-icon"></i>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="li-content">
|
|
<p class="name">收入总计</p>
|
|
<p class="total animation-count-to" data-to="{{$order_complete_money.total_count}}" data-speed="1500" data-decimals="2">0.00</p>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>上月</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_money.last_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>当月</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_money.same_month_count}}" data-speed="1500">0</span>
|
|
</div>
|
|
<div class="item am-margin-bottom-xs">
|
|
<span>昨日</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_money.yesterday_count}}" data-speed="1500" data-decimals="2">0.00</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>今日</span>
|
|
<span class="animation-count-to" data-to="{{$order_complete_money.today_count}}" data-speed="1500" data-decimals="2">0.00</span>
|
|
</div>
|
|
<i class="am-icon-line-chart am-icon-lg bg-icon"></i>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 近30日订单成交金额走势 -->
|
|
<div class="block-container">
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">近30日订单成交金额走势</span>
|
|
</div>
|
|
<div id="echarts-order-profit"></div>
|
|
</div>
|
|
|
|
<!-- 近30日订单交易走势 -->
|
|
<div class="block-container">
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">近30日订单交易走势</span>
|
|
</div>
|
|
<div id="echarts-order-trading"></div>
|
|
</div>
|
|
|
|
<!-- 组合 -->
|
|
<ul class="am-avg-sm-1 am-avg-sm-2 am-avg-lg-2 block-combination-container-2">
|
|
<li>
|
|
<!-- 近30日热销商品 -->
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">近30日热销商品</span>
|
|
</div>
|
|
<div id="echarts-goods-hot"></div>
|
|
</li>
|
|
|
|
<li>
|
|
<!-- 近30日支付方式 -->
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">近30日支付方式</span>
|
|
</div>
|
|
<div id="echarts-pay-type"></div>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- 系统信息 -->
|
|
<ul class="am-avg-sm-1 am-avg-sm-2 am-avg-lg-2 block-combination-container-2 am-padding-bottom-sm">
|
|
<li>
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">系统信息</span>
|
|
</div>
|
|
<dl class="dl-content">
|
|
<dt>软件版本</dt>
|
|
<dd>{{$data.ver}}</dd>
|
|
|
|
<dt>操作系统</dt>
|
|
<dd>{{$data.os_ver}}</dd>
|
|
|
|
<dt>PHP版本</dt>
|
|
<dd>{{$data.php_ver}}</dd>
|
|
|
|
<dt>MySQL版本</dt>
|
|
<dd>{{$data.mysql_ver}}</dd>
|
|
|
|
<dt>服务器端信息</dt>
|
|
<dd>{{$data.server_ver}}</dd>
|
|
|
|
<dt>当前域名</dt>
|
|
<dd>{{$data.host}}</dd>
|
|
</dl>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="echarts-title">
|
|
<span class="icon"></span>
|
|
<span class="title">开发团队</span>
|
|
</div>
|
|
<dl class="dl-content">
|
|
<dt>公司官网</dt>
|
|
<dd>
|
|
<a href="http://zongzhige.com/" target="_blank">上海纵之格科技有限公司</a>
|
|
</dd>
|
|
|
|
<dt>技术支持</dt>
|
|
<dd>
|
|
<a href="http://shopxo.net/" target="_blank">ShopXO企业级电商系统提供商</a>
|
|
</dd>
|
|
|
|
<dt>交流社区</dt>
|
|
<dd>
|
|
<a href="http://ask.shopxo.net/" target="_blank">ShopXO交流社区</a>
|
|
</dd>
|
|
|
|
<dt>开源协议</dt>
|
|
<dd>
|
|
<a href="http://ask.shopxo.net/article/15" target="_blank">查看开源协议</a>
|
|
</dd>
|
|
|
|
<dt>研发成员</dt>
|
|
<dd>
|
|
<a href="http://gong.gg/" target="_blank">龚哥哥</a>
|
|
</dd>
|
|
|
|
<dt>更新日志</dt>
|
|
<dd>
|
|
<a href="http://ask.shopxo.net/article/148" target="_blank">查看更新日志</a>
|
|
</dd>
|
|
</dl>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- right content end -->
|
|
|
|
<!-- 检查更新显示信息 -->
|
|
<div class="am-popup popup-not-title" id="inspect-upgrade-popup">
|
|
<div class="am-popup-inner">
|
|
<span data-am-modal-close class="am-close am-close-alt am-icon-times"></span>
|
|
<div class="am-popup-bd">
|
|
<div class="upgrade-content"></div>
|
|
<div class="upgrade-bottom am-text-right">
|
|
<div class="upgrade-bottom-content">
|
|
<button type="button" class="am-btn am-btn-default am-radius am-btn-xs" data-am-modal-close>取消</button>
|
|
<button type="button" class="am-btn am-btn-success am-radius am-btn-xs am-margin-left-sm am-hide inspect-upgrade-confirm" data-url="{{:MyUrl('admin/index/inspectupgradeconfirm')}}">立即更新</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer start -->
|
|
{{include file="public/footer" /}}
|
|
<!-- footer end -->
|
|
|
|
<script type="text/javascript">
|
|
$(function()
|
|
{
|
|
// 近30日订单成交金额走势
|
|
var order_profit_chart = echarts.init(document.getElementById('echarts-order-profit'), 'macarons');
|
|
var option = {
|
|
tooltip : {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'cross',
|
|
label: {
|
|
backgroundColor: '#6a7985'
|
|
}
|
|
}
|
|
},
|
|
legend: {
|
|
data: {{:json_encode($order_profit_chart.title_arr)}}
|
|
},
|
|
toolbox: {
|
|
show : {{if IsMobile()}}false{{else}}true{{/if}},
|
|
feature : {
|
|
mark : {show: true},
|
|
dataView : {show: true, readOnly: false},
|
|
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
|
|
restore : {show: true},
|
|
saveAsImage : {name:'近30日订单交易走势', show: true}
|
|
}
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis : [
|
|
{
|
|
type : 'category',
|
|
boundaryGap : false,
|
|
data : {{:json_encode($order_profit_chart.name_arr)}}
|
|
}
|
|
],
|
|
yAxis : [
|
|
{
|
|
type : 'value'
|
|
}
|
|
],
|
|
series : {{:json_encode($order_profit_chart.data)}}
|
|
};
|
|
order_profit_chart.setOption(option);
|
|
|
|
// 近30日订单交易走势
|
|
var order_trading_chart = echarts.init(document.getElementById('echarts-order-trading'), 'macarons');
|
|
var option = {
|
|
tooltip : {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'cross',
|
|
label: {
|
|
backgroundColor: '#6a7985'
|
|
}
|
|
}
|
|
},
|
|
legend: {
|
|
data: {{:json_encode($order_trading_trend.title_arr)}}
|
|
},
|
|
toolbox: {
|
|
show : {{if IsMobile()}}false{{else}}true{{/if}},
|
|
feature : {
|
|
mark : {show: true},
|
|
dataView : {show: true, readOnly: false},
|
|
magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
|
|
restore : {show: true},
|
|
saveAsImage : {name:'近30日订单交易走势', show: true}
|
|
}
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis : [
|
|
{
|
|
type : 'category',
|
|
boundaryGap : false,
|
|
data : {{:json_encode($order_trading_trend.name_arr)}}
|
|
}
|
|
],
|
|
yAxis : [
|
|
{
|
|
type : 'value'
|
|
}
|
|
],
|
|
series : {{:json_encode($order_trading_trend.data)}}
|
|
};
|
|
order_trading_chart.setOption(option);
|
|
|
|
|
|
// 近30日热销商品
|
|
var goods_hot_chart = echarts.init(document.getElementById('echarts-goods-hot'), 'macarons');
|
|
var option = {
|
|
title : {
|
|
subtext: '仅显示前10条商品',
|
|
x:'center'
|
|
},
|
|
tooltip : {
|
|
trigger: 'item',
|
|
formatter: "{b} : {c} ({d}%)"
|
|
},
|
|
toolbox: {
|
|
show : {{if IsMobile()}}false{{else}}true{{/if}},
|
|
feature : {
|
|
mark : {show: true},
|
|
dataView : {show: true, readOnly: false},
|
|
magicType : {
|
|
show: true,
|
|
type: ['pie', 'funnel'],
|
|
option: {
|
|
funnel: {
|
|
x: '25%',
|
|
width: '50%',
|
|
funnelAlign: 'left',
|
|
max: 1548
|
|
}
|
|
}
|
|
},
|
|
restore : {show: false},
|
|
saveAsImage : {name:'近30日热销商品', show: true}
|
|
}
|
|
},
|
|
calculable : true,
|
|
series : [
|
|
{
|
|
type:'pie',
|
|
radius : '55%',
|
|
center: ['50%', '60%'],
|
|
data: {{:json_encode($goods_hot_sale.data)}}
|
|
}
|
|
]
|
|
};
|
|
goods_hot_chart.setOption(option);
|
|
|
|
// 近30日支付方式
|
|
var order_pay_type_chart = echarts.init(document.getElementById('echarts-pay-type'), 'macarons');
|
|
var option = {
|
|
tooltip : {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
data: {{:json_encode($pay_type_number.title_arr)}}
|
|
},
|
|
toolbox: {
|
|
show : {{if IsMobile()}}false{{else}}true{{/if}},
|
|
feature : {
|
|
mark : {show: true},
|
|
dataView : {show: true, readOnly: false},
|
|
magicType : {show: true, type: ['line', 'bar']},
|
|
restore : {show: false},
|
|
saveAsImage : {name:'近30日支付方式', show: true}
|
|
}
|
|
},
|
|
calculable : true,
|
|
xAxis : [
|
|
{
|
|
type : 'category',
|
|
boundaryGap : false,
|
|
data : {{:json_encode($pay_type_number.name_arr)}}
|
|
}
|
|
],
|
|
yAxis : [
|
|
{
|
|
type : 'value'
|
|
}
|
|
],
|
|
series : {{:json_encode($pay_type_number.data)}}
|
|
};
|
|
order_pay_type_chart.setOption(option);
|
|
|
|
// 浏览器大小改变则实时更新图表大小
|
|
window.onresize = function ()
|
|
{
|
|
order_pay_type_chart.resize();
|
|
goods_hot_chart.resize();
|
|
order_profit_chart.resize();
|
|
order_trading_chart.resize();
|
|
};
|
|
});
|
|
</script> |