sanluan-dwz-for-Public-CMS
/
main.html

<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',
        data:[0,4,1,0,0,0,1,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',
           data:[1770,1554,1574,811,600,1881,1450],
           areaStyle: {}
       },
       {
           name:'UV',
           type:'line',
           data:[394,448,451,355,352,511,413],
           areaStyle: {}
       },
       {
           name:'IP Views',
           type:'line',
           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>