📖 File Reader
<?php /*a:2:{s:53:"D:\XiangMu\hecheng\app\admin\view\index\index_v1.html";i:1739343335;s:49:"D:\XiangMu\hecheng\app\admin\view\public\vue.html";i:1677287072;}*/ ?>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/public/admin_component/pear/css/pear.css" />
<link rel="stylesheet" href="/public/admin_component/admin/css/reset.css" />
<link rel="stylesheet" href="/public/admin_component/admin/css/loader.css" />
<link rel="stylesheet" href="/public/admin_component/admin/css/admin.css" />
<link rel="stylesheet" href="/public/admin_component/admin/css/other/profile.css" />
<style>
.pear-container {margin: 0px;}
.user-name {padding-top: 0px;}
.layui-text p {margin: 0px 0;}
.user-home {padding-top: 0px;margin-top: 0px;}
</style>
</head>
<script src="/public/admin/js/jquery-2.2.0.min.js"></script>
<script src="/public/vue/vue.js"></script>
<script src="/public/vue/axios.min.js"></script>
<script src="/public/vue/vue-resource.min.js"></script>
<script src="/public/vue/request_admin.js"></script>
<body>
<div class="pear-container" id="vue">
<div class="layui-row layui-col-space10">
<div class="layui-col-md3">
<!--个人信息-->
<div class="layui-card">
<div class="layui-card-body" >
<div class="text-center layui-text">
<div class="user-info" id="userInfoHead">
<?php if($admin_info['head'] == ''): ?>
<img src="/public/admin_component/admin/images/avatar.jpg" width="115px" height="115px"
alt="">
<?php endif; if($admin_info['head'] != ''): ?>
<img src="<?php echo htmlentities($admin_info['head']); ?>" width="115px" height="115px"
alt="">
<?php endif; ?>
</div>
<h2 class="user-name"><?php echo htmlentities($admin_info['user_name']); ?></h2>
<p class="user-home">职位：<?php echo htmlentities($admin_info['role_name']); ?></p>
</div>
</div>
</div>
<!--留言板-->
<div class="layui-card" style="height: 50%;">
<div class="layui-card-header">留言板</div>
<div class="layui-card-body">
<ul class="message-board">
<li v-for="item in leave_word">
<p>{{item.describe}}</p>
<span>{{item.add_time}}</span>
<a href="javascript:;" @click="LeaveEdit(item.id)" class="layui-btn layui-btn-primary layui-btn-xs message-board-reply">回复</a>
</li>
</ul>
</div>
</div>
</div>
<!--统计-->
<div class="layui-col-md9">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel">
<div class="layui-card-header">总收入（本月）</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;">
{{order_money}}
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel">
<div class="layui-card-header">订单（今日）</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;">
{{order_count}}
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel">
<div class="layui-card-header">新访客（今日）</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;">
{{visitor_count}}
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card top-panel">
<div class="layui-card-header">活跃用户（最近一个月）</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;">
{{active_count}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--上月订单统计-->
<div class="layui-col-md9">
<div class="layui-card">
<div class="layui-card-header">
近6月订单统计（总数）
</div>
<div class="layui-card-body">
<div class="layuimini-container" id="container" style="height: 300px;margin-top:10px;padding-top:0px;"></div>
</div>
</div>
</div>
<!--系统公告-->
<div class="layui-col-md9">
<div class="layui-card">
<div class="layui-card-header">
系统公告
</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space10" style="margin: 15px;">
<?php if(is_array($article) || $article instanceof \think\Collection || $article instanceof \think\Paginator): if( count($article)==0 ) : echo "" ;else: foreach($article as $key=>$item): ?>
<div class="layui-col-md11" style="height: 80px;">
<div class="blog-title" style="word-wrap:break-word;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;"><?php echo htmlentities($item['title']); ?></div>
<div class="blog-content" style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">
<?php echo htmlentities($item['describe']); ?>
</div>
</div>
<?php endforeach; endif; else: echo "" ;endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="/public/admin_layui/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
var vm = new Vue({
el: '#vue',
data: {
'order_money': 0,
'order_count': 0,
'visitor_count': 0,
'time_month': 0,
'active_count': 0,
'leave_word':[],//留言信息
},
methods: {
load: function () {
var that = this;
$.ajax({
type: "POST",
url: "<?php echo Url('Index/statistics'); ?>",
data: {},
dataType: "json",
success: function (res) {
that.order_money = res.data.order_money;
that.order_count = res.data.order_count;
that.visitor_count = res.data.visitor_count;
that.time_month = res.data.time_month;
that.active_count = res.data.active_count;
}
});
},
/*留言信息*/
LeaveWord(){
var that = this;
req_post('/admin/Config/leave_word_list_ajax', {'page':1,'limit':8}).then(res => {
that.leave_word = res.data;
});
},
/*留言回复处理*/
LeaveEdit(id){
parent.layer.open({
type: 2,
title: '查看',
shadeClose: true,
shade: 0.5,
maxmin: true, //开启最大化最小化按钮
area: ['70%','80%'],
content:'/admin/Config/leave_word_update?id='+id,
end:function() {
}
});
},
},
created() {
var is_seal = "<?php echo htmlentities($admin_info['is_seal']); ?>";
var seal_describe = "<?php echo htmlentities($admin_info['seal_describe']); ?>";
var time_deblocking = "<?php echo htmlentities($admin_info['time_deblocking']); ?>";
if (is_seal == 1) {
var gonggao = parent.layer.confirm(seal_describe,{
title:"店铺已封闭！解冻时间："+time_deblocking,
btn: ['确定'],
shade: 0.5, //不显示遮罩
closeBtn: 0
}, function () {
parent.layer.close(gonggao);
});
}
this.load();
this.LeaveWord();
}
})
</script>
<script type="text/javascript" src="/public/admin_layui/js/echarts.min.js"></script>
<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: '近6月订单统计',
// left: '3%',
// },
tooltip: {
trigger: 'axis'
},
legend: {
data: ['已付款', '待付款'],
right: '6%',
},
grid: {
left: '3%',
right: '4%',
bottom: '10%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: <?php echo htmlentities($time); ?>
},
yAxis: {
type: 'value'
},
series: [
{
name: '已付款',
type: 'line',
stack: 'Total',
data: <?php echo htmlentities($all_pay); ?>
},
{
name: '待付款',
type: 'line',
stack: 'Total',
data: <?php echo htmlentities($all_obligation); ?>
}
]
};
if (option && typeof option === 'object') {
myChart.setOption(option);
}
window.addEventListener('resize', myChart.resize);
</script>
<!--富文本编辑器字体引入-->
<script>
// var font_data = [
// {'url':'/extend/adminCreate/form/static/editor/font/叶根友特色简体.TTF','family':'叶根友特色简体'},
// {'url':'/extend/adminCreate/form/static/editor/font/Harmony_Regular.ttf','family':'鸿蒙简体字_Regular'},
// {'url':'/extend/adminCreate/form/static/editor/font/Harmony_Thin.ttf','family':'鸿蒙简体字_Thin'},
// {'url':'/extend/adminCreate/form/static/editor/font/Harmony_Black.ttf','family':'鸿蒙简体字_Black'},
// {'url':'/extend/adminCreate/form/static/editor/font/Harmony_Bold.ttf','family':'鸿蒙简体字_Bold'},
// {'url':'/extend/adminCreate/form/static/editor/font/Harmony_Light.ttf','family':'鸿蒙简体字_Light'},
// {'url':'/extend/adminCreate/form/static/editor/font/Harmony_Medium.ttf','family':'鸿蒙简体字_Medium'},
// ];
// font_data.forEach((v,k)=>{
// console.log(v);
// //创建一个新的FontFace对象
// const fontFace = new FontFace(v.family, `url(`+v.url+`)`, {
// weight: 'normal',
// style: 'normal',
// // 其他字体属性
// });
// // 加载字体
// fontFace.load().then(() => {
// // 字体加载成功后，将其安装到FontFaceSet中
// document.fonts.add(fontFace);
// // document.body.style.fontFamily = v.family;
// console.log('加载字体：'+v.family);
// }).catch(error => {
// // 字体加载失败的处理
// console.error('Font loading failed:', error);
// });
// })
</script>
</html>