Слияние кода завершено, страница обновится автоматически
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>PublicCMS管理后台 UI演示</title>
<meta name="viewport" content="width=device-width,initial-scale=0.6">
<link href="resource/plugins/codemirror/lib/codemirror.css" rel="stylesheet" >
<link href="resource/plugins/codemirror/addon/hint/show-hint.css" rel="stylesheet" >
<link href="resource/plugins/codemirror/addon/fold/foldgutter.css" rel="stylesheet"/>
<link href="resource/plugins/codemirror/theme/erlang-dark.css" rel="stylesheet"/>
<link href="resource/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<link href="resource/fonts/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"/>
<link href="resource/plugins/spectrum/spectrum.min.css" rel="stylesheet"/>
<link href="resource/css/core.css?version=202302" rel="stylesheet" media="screen"/>
<link href="resource/css/print.css" rel="stylesheet" media="print"/>
<link href="resource/css/cms.css?version=202302" rel="stylesheet" media="screen"/>
<script src="resource/js/echarts.proxy.js"></script>
</head>
<body>
<div id="background"></div><div id="progressBar"><i class="icon-spinner icon-spin"></i></div>
<header>
<a class="logo" href="./"><img src="resource/logo.png" alt="LOGO"/></a>
<ul class="nav">
<li><a href="javascript:"><i class="avatar icon-user icon-large"></i> 管理员</a></li>
<li><a href="changepwd.html" target="dialog"><i class="icon-key icon-large"></i> 修改密码</a></li>
<li><a href="login.html"><i class="icon-signout icon-large"></i> 退出</a></li>
</ul>
<ul id="navMenu">
<li>
<a href="javascript:;" onclick="return false;" class="toggleCollapse"><i class="icon icon-chevron-sign-left icon-large"></i></a>
</li>
<li class="selected"><a href="menu/main.html" parentId="mian"><i class="icon-user icon-large"></i> 功能</a></li>
<li><a href="menu/chart.html" parentId="chart"><i class="icon-book icon-large"></i> 报表</a></li>
</ul>
</header>
<main>
<div id="leftside">
<div id="sidebar_s"><i class="icon-reorder icon-large"></i></div>
<div id="sidebar">
<div id="menu">
<div class="accordion">
<div class="accordionHeader">
<h2><i class="icon-user icon-large"></i> 界面组件 <i class="icon icon-chevron-up"></i></h2>
</div>
<div class="accordionContent">
<ul class="tree treeFolder">
<li><a href="tabsPage.html" target="navTab">主面板</a>
<ul>
<li><a href="dwz.html" target="navTab" rel="dwz">DWZ介绍</a></li>
<li><a href="https://www.publiccms.com" target="navTab" rel="external" external="true">外部页面(页面一)</a></li>
<li><a href="login.html" target="navTab" rel="external" external="true">iframe navTab页面</a></li>
<li><a href="demo_page_list.html" target="navTab" rel="page1" fresh="false">替换页面一</a></li>
<li><a href="demo_page_list.html" target="navTab" rel="page3" title="自定义标签名">页面二</a></li>
<li><a href="demo_page_list.html" target="navTab" rel="page4" fresh="false">不刷新页面(fresh="false")</a></li>
<li><a href="w_editor.html" target="navTab">表单提交会话超时</a></li>
<li><a href="demo/common/ajaxTimeout.html" target="navTab">navTab会话超时</a></li>
<li><a href="demo/common/ajaxTimeout.html" target="dialog">dialog会话超时</a></li>
</ul>
</li>
<li><a>常用组件</a>
<ul>
<li><a href="w_tabs.html" target="navTab" rel="w_tabs">选项卡面板</a></li>
<li><a href="w_dialog.html" target="navTab" rel="w_dialog">弹出窗口</a></li>
<li><a href="w_alert.html" target="navTab" rel="w_alert">提示窗口</a></li>
<li><a href="w_list.html" target="navTab" rel="w_list">CSS表格容器</a></li>
<li><a href="w_removeSelected.html" target="navTab" rel="w_table">表格数据库排序+批量删除</a></li>
<li><a href="w_tree.html" target="navTab" rel="w_tree">树形菜单</a></li>
<li><a href="w_accordion.html" target="navTab" rel="w_accordion">滑动菜单</a></li>
<li><a href="w_editor.html" target="navTab" rel="w_editor">编辑器</a></li>
<li><a href="w_datepicker.html" target="navTab" rel="w_datepicker">日期控件</a></li>
<li><a href="demo/database/db_widget.html" target="navTab" rel="db">suggest+lookup+主从结构</a></li>
<li><a href="demo/database/treeBringBack.html" target="navTab" rel="db">tree查找带回</a></li>
<li><a href="demo/sortDrag/1.html" target="navTab" rel="sortDrag">单个sortDrag示例</a></li>
<li><a href="demo/sortDrag/2.html" target="navTab" rel="sortDrag">多个sortDrag示例</a></li>
<li><a href="demo/sortDrag/form.html" target="navTab" rel="sortDrag">可拖动表单示例</a></li>
</ul>
</li>
<li><a>表单组件</a>
<ul>
<li><a href="w_validation.html" target="navTab" rel="w_validation">表单验证</a></li>
<li><a href="w_button.html" target="navTab" rel="w_button">按钮</a></li>
<li><a href="w_textInput.html" target="navTab" rel="w_textInput">文本框/文本域</a></li>
<li><a href="w_combox.html" target="navTab" rel="w_combox">下拉菜单</a></li>
<li><a href="w_checkbox.html" target="navTab" rel="w_checkbox">多选框/单选框</a></li>
<li><a href="demo_upload.html" target="navTab" rel="demo_upload">iframeCallback表单提交</a></li>
<li><a href="w_html5_upload.html" target="navTab" rel="w_html5_upload">html5文件上传</a></li>
</ul>
</li>
<li><a>组合应用</a>
<ul>
<li><a href="demo/pagination/layout1.html" target="navTab" rel="pagination1">局部刷新分页1</a></li>
<li><a href="demo/pagination/layout2.html" target="navTab" rel="pagination2">局部刷新分页2</a></li>
</ul>
</li>
</ul>
</div>
<div class="accordionHeader">
<h2><i class="icon-cogs icon-large"></i> 典型页面 <i class="icon icon-chevron-up"></i></h2>
</div>
<div class="accordionContent">
<ul class="tree treeFolder">
<li><a href="demo_page_form.html" target="navTab" rel="demo_page_form">表单录入页面</a></li>
<li><a href="demo_page_list.html" target="navTab" rel="demo_page_list">表单查询页面</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="navTab" class="tabsPage">
<div class="tabsPageHeader">
<div class="tabsPageHeaderContent">
<ul class="navTab-tab">
<li tabid="main" class="main" url="main.html"><a href="javascript:;" onclick="return false;"><i class="icon-home icon-large"></i> 工作台</a></li>
</ul>
</div>
<a href="javascript:;" onclick="return false;" class="tabsLeft"><i class="icon-backward icon-large"></i></a>
<a href="javascript:;" onclick="return false;" class="tabsRight"><i class="icon-forward icon-large"></i></a>
<a href="javascript:;" onclick="return false;" class="tabsMore"><i class="icon-th-list icon-large"></i></a>
</div>
<ul class="tabsMoreList">
<li><a href="javascript:;" onclick="return false;"><i class="icon-home icon-large"></i> 工作台</a></li>
</ul>
<div class="navTab-panel tabsPageContent layoutBox">
<div class="page unitBox work-bench">
<a class="button float" href="main.html" target="navTab" rel="main"><i class="icon-refresh"></i>刷新</a>
<div class="pageFormContent" layoutH>
<div class="unit">
<h1>该页面仅展示<a href="https://cms.publiccms.com/admin/">PublicCMS后台</a>使用的UI框架,该UI框架由<a href="http://jui.org/">DWZ</a>改造而来,延用之前的apache开源协议,您可以自由使用在您的软件产品中</h1>
</div>
<div class="unit">
<script src='https://gitee.com/sanluan/dwz-for-Public-CMS/widget_preview'></script>
</div>
<fieldset>
<legend>我的账号</legend>
<div class="unit">
<ul>
<li>
<div class="card">
<i class="icon-book icon-large icon"></i>
<p>我的待审核内容</p>
<h3>19</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-edit icon-large icon"></i>
<p>我的草稿</p>
<h3>0</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-signin icon-large icon"></i>
<p>登录次数</p>
<h3>6306</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-unlock-alt icon-large icon-large icon"></i>
<p>我的登录授权</p>
<h3>4</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-calendar-empty icon-large icon"></i>
<p class="label">上次登录日期:</p>
<p>2021-06-27 00:32</p>
</div>
</li>
<li>
<div class="card">
<i class="bi bi-cloudy-fill icon-large icon"></i>
<p class="label">上次登录IP:</p>
<p>127.0.0.1</p>
</div>
</li>
</ul>
</div>
</fieldset>
<fieldset>
<legend>评论管理</legend>
<div class="unit">
<div id="comment" class="chart"></div>
<ul class="clearfix">
<li>
<div class="card">
<i class="icon-comment icon-large icon"></i>
<p>待审核评论</p>
<h3>0</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-comments icon-large icon"></i>
<p>评论数</p>
<h3>274</h3>
</div>
</li>
</ul>
</div>
<script>
var commentChart=echarts.init(document.getElementById('comment'));
commentChart.setOption({
title: {
text: '评论',
x:'center'
},
tooltip : {
trigger: 'axis'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['11-29','11-30','12-01','12-02','12-03','12-04','12-05','12-06']
},
yAxis: {
type: 'value'
},
series: [
{
name:'操作',
type:'line',
smooth: true,
data:[0,4,1,0,0,0,1,0],
areaStyle: {}
}]
});
</script>
</fieldset>
<fieldset>
<legend>产品订单</legend>
<div class="unit">
<div id="order" class="chart" data-id="orderChart"></div>
<ul class="clearfix">
<li>
<div class="card">
<i class="icon-barcode icon-large icon"></i>
<p>待处理订单</p>
<a href="tradeOrder/list.html?status=2&processed=false" icon="<i class='icon-barcode icon-large'></i>" title="产品订单" target="navTab" rel="tradeOrder/list">
<h3>0</h3>
</a>
</div>
</li>
<li>
<div class="card">
<i class="icon-money icon-large icon"></i>
<p>待付款</p>
<a href="tradeOrder/list.html?status=0&processed=false" icon="<i class='icon-barcode icon-large'></i>" title="产品订单" target="navTab" rel="tradeOrder/list">
<h3>0</h3>
</a>
</div>
</li>
<li>
<div class="card">
<i class="icon-credit-card icon-large icon"></i>
<p>充值</p>
<a href="tradeAccountHistory/list.html?status=2&startCreateDate=2023-02-18" icon="<i class='icon-credit-card icon-large'></i>" title="账户历史" target="navTab" rel="tradeAccountHistory/list">
<h3>0</h3>
</a>
</div>
</li>
<li>
<div class="card">
<i class="icon-signout icon-large icon"></i>
<p>待退款</p>
<a href="tradeRefund/list.html?status=0" icon="<i class='icon-signout icon-large'></i>" title="退款" target="navTab" rel="tradeRefund/list">
<h3>0</h3>
</a>
</div>
</li>
</ul>
</div>
<script>
var orderChart=echarts.init(document.getElementById('order'));
orderChart.setOption({
title: {
text: '产品订单',
x:'center'
},
tooltip : {
trigger: 'axis'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['02-18','02-19','02-20','02-21','02-22','02-23','02-24','02-25']
},
yAxis: {
type: 'value'
},
series: [
{
name:"待付款",
type:'line',
smooth: true,
data:[0,0,0,0,0,0,0,0],
areaStyle: {}
},
{
name:"无效订单",
type:'line',
smooth: true,
data:[0,0,0,0,0,0,0,0],
areaStyle: {}
},
{
name:"已付款",
type:'line',
smooth: true,
data:[0,0,0,0,0,0,0,0],
areaStyle: {}
},
{
name:"已退款",
type:'line',
smooth: true,
data:[0,0,0,0,0,0,0,0],
areaStyle: {}
},
{
name:"已关闭",
type:'line',
smooth: true,
data:[0,0,0,2,1,0,0,0],
areaStyle: {}
} ]
});
</script>
</fieldset>
<fieldset>
<legend>用户数据报表</legend>
<div class="unit">
<div id="visit" class="chart"></div>
<ul>
<li>
<div class="card">
<i class="icon-signal icon-large icon"></i>
<p>注册</p>
<h3>0</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-signal icon-large icon"></i>
<p>用户</p>
<h3>975</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-ticket icon-large icon"></i>
<p>登录</p>
<h3>124</h3>
</div>
</li>
<li>
<div class="card">
<i class="icon-list-alt icon-large icon"></i>
<p>操作</p>
<h3>4</h3>
</div>
</li>
</ul>
</div>
<script>
var visitChart = echarts.init(document.getElementById('visit'));
visitChart.setOption({
title: {
text: '访问报表',
x:'center'
},
tooltip : {
trigger: 'axis'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
legend: {
data: ['PV', 'UV', 'IP Views'],
top:30
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['11-30','12-01','12-02','12-03','12-04','12-05','12-06']
},
yAxis: {
type: 'value'
},
series: [
{
name:'PV',
type:'line',
smooth: true,
data:[1770,1554,1574,811,600,1881,1450],
areaStyle: {}
},
{
name:'UV',
type:'line',
smooth: true,
data:[394,448,451,355,352,511,413],
areaStyle: {}
},
{
name:'IP Views',
type:'line',
smooth: true,
data:[339,370,371,282,287,434,323],
areaStyle: {}
}]
});
</script>
</fieldset>
<fieldset>
<legend>系统</legend>
<div class="unit">
<p class="cmsVersion">
<label>PublicCMS:</label>
<a href="//www.publiccms.com/" target="navTab" rel="publiccms.com" icon="<i class='icon-home icon-large'></i>" title="PublicCMS官网">V4.0.202204.d</a> <span class="new hide" style="color: green;; display: inline;">[最新版本]</span><span class="old hide" style="color:red">[过时版本]</span>
</p>
<p>
<label>时区:</label>Asia/Shanghai
</p>
<p>
<label>管理节点:</label>
11146bb6-0329-465a-b236-4c28df87205b
</p>
<p>
<label>数据目录:</label>
D:\data\publiccms
</p>
<p>
<label>磁盘空间:</label>156.25GB
</p>
<div class="divider"></div>
<div class="unit">
<p>
<label>站点数量:</label>
8
</p>
<p>
<label>域名数量:</label>
9
</p>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</main>
<footer>
<ul class="langList">
<li>
<a href="ajax/changeLocale.json?lang=en" target="ajaxTodo">
<img src="resource/images/en.png" alt="English"/>English
</a>
</li>
<li class="current-lang">
<a href="ajax/changeLocale.json?lang=zh" target="ajaxTodo">
<img src="resource/images/zh.png" alt="中文"/>中文
</a>
</li>
<li>
<a href="changeLocale?lang=zh_TW" target="ajaxTodo">
<img src="resource/images/zh_TW.png" alt="繁體"/>繁體
</a>
</li>
<li>
<a href="ajax/changeLocale.json?lang=ja" target="ajaxTodo">
<img src="resource/images/ja.png" alt="日本語"/>日本語
</a>
</li>
</ul>
Copyright © 2022
<ul class="themeList" id="themeList">
<li theme="toptry"><div></div></li>
<li theme="red"><div></div></li>
</ul>
</footer>
<script>
var base="ajax";
window.UEDITOR_HOME_URL="resource/plugins/ueditor/";
window.UEDITOR_BASE_URL="resource/plugins/ueditor/";
window.UEDITOR_LANGUAGE = "zh-cn/zh-cn.js";
window.TIMYMCE_HOME_URL = "resource/plugins/tinymce/";
window.TIMYMCE_LANGUAGE = "zh-Hans";
window.TIMYMCE_RESOURCE_PREFIX = "/";
window.TIMYMCE_FILETYPES = ".mp3,.wav,.mid,.flv,.swf,.mkv,.avi,.rm,.rmvb,.mpeg,.mpg,.ogg,.ogv,.mov,.wmv,.mp4,.webm,.png,.jpg,.jpeg,.gif,.bmp,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.txt,.md,.xml,.ofd,.rar,.zip,.tar,.gz,.7z,.bz2,.cab,.iso,.psd";
window.CKEDITOR_BASEPATH="resource/plugins/ckeditor/";
window.CKEDITOR_LANGUAGE="zh-cn";
window.LOADSCRIPTS_BASE = "";
</script>
<script src="resource/plugins/jquery/jquery.min.js"></script>
<script src="resource/plugins/jquery/jquery.cookie.js"></script>
<script src="resource/plugins/jquery/jquery.validate.min.js"></script>
<script src="resource/plugins/encrypt/base64.js"></script>
<script src="resource/plugins/encrypt/sha512.min.js"></script>
<script src="resource/plugins/spectrum/spectrum.min.js"></script>
<script src="resource/plugins/spectrum/i18n/jquery.spectrum-zh-cn.js"></script>
<script src="resource/plugins/filerobot-image-editor/config.js"></script>
<script src="resource/plugins/filerobot-image-editor/lang/zh.js"></script>
<script src="resource/js/loadscripts.js"></script>
<script src="resource/js/loadscripts.config.js"></script>
<script src="resource/js/tinymce.config.js"></script>
<script src="resource/js/jui.min.js?version=202302"></script>
<script src="resource/js/jui.plugins.js?version=202302"></script>
<script src="resource/js/lang/regional.zh.js"></script> <!-- en,ja,zh_tw-->
<script>
JUI.init("resource/jui.frag.html", {
loginUrl:"login_dialog.html", loginTitle:"登录",
pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderType"},
debug:false,
callback:function(){
initEnv();
$("#themeList").theme({themeBase:"resource/css/theme-",defaultTheme:"toptry"});
loadScripts(["resource/plugins/echarts/echarts.common.min.js"],function(){
echartsProxy(echarts);
});
}
});
</script>
</body>
</html>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )