panxiang/swiftadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pref: 增加服务类优化UI版面

Browse Source
This commit is contained in:
Ying
2023-06-19 14:32:30 +08:00
parent 27eda6f37f
commit 2b8f874450
148 changed files with 3933 additions and 9286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/admin/view/index/analysis.html
View File

@@ -2,7 +2,7 @@
<!-- 正文开始 -->
<div class="layui-fluid" id="LAY-component-grid-all">
<div class="layui-row layui-col-space10">
<div class="layui-col-xs6 layui-col-sm7 layui-col-md3">
<div class=" layui-col-sm7 layui-col-md3">
<!-- 填充内容 -->
<div class="layui-card">
<div class="layui-card-header">总销售额<i class="layui-icon layui-icon-about layui-fr" lay-tips="指标说明" ></i></div>
@@ -19,7 +19,7 @@
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
<div class=" layui-col-sm5 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">访问量 <span class="layui-badge layui-badge-green pull-right">日</span></div>
<div class="layui-card-body">
@@ -32,7 +32,7 @@
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
<div class=" layui-col-sm5 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">支付笔数 <span class="layui-badge layui-badge-blue pull-right">月</span></div>
<div class="layui-card-body">
@@ -45,7 +45,7 @@
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm7 layui-col-md3">
<div class=" layui-col-sm7 layui-col-md3">
<div class="layui-card">
<div class="layui-card-header">活动运营效果 <span class="layui-badge layui-badge-red pull-right">周</span></div>
<div class="layui-card-body">
@@ -62,7 +62,7 @@
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm7 layui-col-md9">
<div class=" layui-col-sm7 layui-col-md9">
<div class="layui-card">
<div class="layui-card-header">用户地域分布</div>
<div class="layui-card-body">
@@ -70,7 +70,7 @@
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
<div class=" layui-col-sm5 layui-col-md3">
<div class="layui-card" >
<div class="layui-card-header">在线人数</div>
<div class="layui-card-body">
@@ -78,7 +78,7 @@
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-sm5 layui-col-md3">
<div class=" layui-col-sm5 layui-col-md3">
<div class="layui-card" >
<div class="layui-card-header">浏览器分布</div>
<div class="layui-card-body">

137
app/admin/view/index/basecfg.html
View File

@@ -162,8 +162,7 @@
<div class="layui-form-mid layui-word-aux">* {:__('是否开启手机版模式')}</div>
</div>
<div class="mobile" <eq name="$config['site_state']" value="0"> style="display:none;"
</eq> >
<div class="mobile" <eq name="$config['site_state']" value="0"> style="display:none;" </eq> >
<div class="layui-form-item">
<label class="layui-form-label">{:__('手机版类型')}</label>
@@ -328,88 +327,61 @@
<label class="layui-form-label">{:__('缓存开关')}</label>
<div class="layui-input-inline">
<input type="radio" name="cache_status" data-display="cache_status"
lay-filter="radioStatus" value="1" title="开启" <if
lay-filter="radioStatus" value="1" title="开启" <if
condition="$config['cache_status'] eq 1 "> checked </if> >
<input type="radio" name="cache_status" data-display="cache_status"
lay-filter="radioStatus" value="0" title="关闭" <if
lay-filter="radioStatus" value="0" title="关闭" <if
condition="$config['cache_status'] eq 0 "> checked </if>>
</div>
<div class="layui-form-mid layui-word-aux">* {:__('开启数据库缓存会提高网站性能！')}</div>
</div>
<div class="cache_status" <eq name="$config['cache_status']" value="0">
style="display:none;" </eq> >
<div class="layui-form-item">
<label class="layui-form-label">{:__('缓存方式')}</label>
<div class="layui-input-inline">
<select name="cache_type" data-display="cache_type" data-disable="file"
lay-filter="selectStatus" class="ctype">
<option value="file" <if condition="$config['cache_type'] eq 'file'">
selected</if> >file</option>
<option value="redis" <if condition="$config['cache_type'] eq 'redis'">
selected</if> >redis</option>
<option value="memcached" <if
condition="$config['cache_type'] eq 'memcached'">selected</if>
>memcached</option>
</select>
</div>
<div class="layui-form-mid layui-word-aux">
<i class="layui-icon layui-icon-about"
lay-tips="{:__('使用Redis缓存方式,出错会抛出Connection refused！')}"></i>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('服务器IP')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_host" placeholder="{:__('缓存服务器IP')}"
value="{$config['cache_host']}" class="layui-input chost">
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('缓存时间')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_time" autocomplete="off"
value="{$config.cache_time}" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">* {:__('单位 /秒')}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('端 口')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_port" placeholder="{:__('缓存服务器端口')}"
value="{$config['cache_port']}" class="layui-input cport">
</div>
<div class="cache_type" <if
condition="$config['cache_type'] eq 'file' or $config['cache_type'] eq ''">
style="display:none;" </if> >
<div class="layui-form-item">
<label class="layui-form-label">{:__('服务器IP')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_host" placeholder="{:__('缓存服务器IP')}"
value="{$config['cache_host']}" class="layui-input chost">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('端 口')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_port" placeholder="{:__('缓存服务器端口')}"
value="{$config['cache_port']}" class="layui-input cport">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('数据库')}</label>
<div class="layui-input-inline">
<input type="number" name="cache_select" min="1" max="16"
placeholder="{:__('缓存服务redis库 1- 16')}"
value="{$config['cache_select']}" class="layui-input cuser">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('账 号')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_user" placeholder="{:__('缓存服务账号,没有请留空')}"
value="{$config['cache_user']}" class="layui-input cuser">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('密 码')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_pass" placeholder="{:__('缓存服务密码,没有请留空')}"
value="{$config['cache_pass']}" class="layui-input cpass">
</div>
<button type="button" class="layui-btn layui-btn-primary" lay-ajax=""
data-url="{:url('/Index/testCache')}"
data-object="type:ctype,host:chost,port:cport,user:cuser,pass:cpass">{:__('测试连接')}</button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('缓存时间')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_time" autocomplete="off"
value="{$config.cache_time}" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">* {:__('单位 /秒')}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('数据库')}</label>
<div class="layui-input-inline">
<input type="number" name="cache_select" min="1" max="16"
placeholder="{:__('缓存服务redis库 1- 16')}"
value="{$config['cache_select']}" class="layui-input cselect">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('账 号')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_user" placeholder="{:__('缓存服务账号,没有请留空')}"
value="{$config['cache_user']}" class="layui-input cuser">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{:__('密 码')}</label>
<div class="layui-input-inline">
<input type="text" name="cache_pass" placeholder="{:__('缓存服务密码,没有请留空')}"
value="{$config['cache_pass']}" class="layui-input cpass">
</div>
<button type="button" class="layui-btn layui-btn-primary" lay-ajax=""
data-url="{:url('/index/testCache')}"
data-object="host:chost,port:cport,user:cuser,select:cselect,pass:cpass">{:__('测试连接')}</button>
</div>
</div>
@@ -427,8 +399,7 @@
<div class="layui-form-item layui-col-md5">
<label class="layui-form-label">{:__('提示信息')}</label>
<div class="layui-input-block">
<textarea id="site_notice" name="site_notice" lay-verify="siteClose"
type="layui-textarea">{$config.site_notice}</textarea>
<textarea name="site_notice" lay-verify="siteClose" class="layui-textarea">{$config.site_notice}</textarea>
</div>
</div>
</div>
@@ -1835,21 +1806,11 @@
<include file="/public/footer" />
<script>
layui.use(['form', 'jquery', 'layedit', 'admin'], function () {
layui.use(['form', 'jquery', 'admin'], function () {
var form = layui.form;
var admin = layui.admin;
var jquery = layui.jquery;
// 渲染富文本编辑器
var layedit = layui.layedit;
var layindex = layedit.build('site_notice', { height: 110, color: '#ffffff' });
// 异步验证表单
form.verify({
siteClose: function (value) {
return layedit.sync(layindex);
}
});
// 增加变量
jquery('.layui-variable-add').on('click', function () {

28
app/admin/view/index/console.html
View File

@@ -290,6 +290,7 @@
</div>
</div>
</div>
<table class="layui-hide" id="ID-treeTable-demo"></table>
</div>
<script src="__STATICADMIN__module/echarts/echarts.js"></script>
<script src="__STATICADMIN__module/echarts/echarts-wordcloud.js"></script>
@@ -298,10 +299,35 @@
<include file="/public/footer"/>
<script>
layui.use(['jquery','layer'], function () {
layui.use(['jquery','layer','treeTable'], function () {
let $ = layui.jquery;
let layer = layui.layer;
let treeTable = layui.treeTable;
var inst = treeTable.render({
elem: '#ID-treeTable-demo',
url: '/static/demo-1.json?page=1&limit=10', // 此处为静态模拟数据，实际使用时需换成真实接口
tree: {
customName: {
icon: 'icon2',
name: 'title'
},
},
maxHeight: '501px',
toolbar: '#TPL-treeTable-demo',
cols: [[
{type: 'checkbox', fixed: 'left'},
{field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'},
{field: 'name', title: '用户名', width: 180, fixed: 'left'},
{field: 'experience', title: '积分', width: 90, sort: true},
{field: 'sex', title: '性别', width: 80, sort: true},
{field: 'score', title: '评分', width: 80, sort: true},
{field: 'city', title: '城市'},
{ fixed: "right", title: "操作", width: 181, align: "center", toolbar: "#TPL-treeTable-demo-tools"}
]],
page: true
});
/**
* 用户统计报表

2
app/admin/view/system/admin/message.html
View File

@@ -10,7 +10,7 @@
<div class="layui-card-body">
<div class="layui-panel">
<div class="layui-card-header">
<div class="title"><span class="titles"><img src="{$detail.face}" class="face" width="20"> </span>{$detail.nickname}</div>
<div class="title"><span class="titles"><img src="{$detail.face|default=''}" class="face" width="20"> </span>{$detail.nickname|default='隐藏用户'}</div>
<div class="time"><span class="times">时间：</span>{$detail.create_time}</div>
</div>
<div id="layui-info">{$detail.content|raw}</div>

41
app/admin/view/system/admin/rules.html
View File

@@ -122,31 +122,37 @@
<include file="/public/footer" />
<script>
layui.use(['admin','form','treetable','iconPicker'], function () {
layui.use(['admin','form','treeTable','iconPicker'], function () {
var jquery = layui.jquery;
var admin = layui.admin;
var form = layui.form;
var table = layui.table;
var treetable = layui.treetable;
var treeTable = layui.treeTable;
var iconPicker = layui.iconPicker;
var tableURL = "{:url('/system/AdminRules/index')}";
// 渲染初始化表格
var renderTable = function (tableURL) {
treetable.render({
treeTable.render({
elem: '#lay-tableList',
treeColIndex: 1,
treeSpid: 0,
treeIdName: 'id',
treePidName: 'pid',
url: tableURL,
cellMinWidth: 100,
treeDefaultClose: true,
tree: {
customName: {
pid: 'pid',
icon: 'icon1',
},
view: {
iconClose: '', // 关闭时候的图标
iconOpen: '', // 打开时候的图标
iconLeaf: '', // 叶子节点的图标
}
},
cols: [[
{type: 'numbers'},
{field: 'title', title: '{:__("菜单名称")}'},
{field: 'name', title: '{:__("菜单名称")}',templet: function(d) {
return '<i class="layui-icon '+d.icon+'"></i> '+d.title;
},},
{field: 'router', title: '{:__("路由地址")}'},
{field: 'alias', title: '{:__("权限标识")}'},
{field: 'auth', width: 80,title: '{:__("鉴权")}',templet: function(d) {
@@ -246,7 +252,7 @@
tips: '请选择上级菜单',
name: 'pid',
height: 'auto',
data: table.cache['rules'],
data: table.cache['lay-tableList'],
radio: true,
clickClose: true,
initValue: checkedId,
@@ -314,9 +320,10 @@
var pageThat = jquery(this);
pageThat.attr("disabled",true);
// 获取提交地址
if (typeof(tableThis) !== 'undefined') {
var _pageUrl;
if (typeof (tableThis) !== 'undefined') {
_pageUrl = tableThis.event === 'edit' ? pageThat.attr('lay-edit') : pageThat.attr('lay-add');
}else {
} else {
_pageUrl = pageThat.attr('lay-add');
}
@@ -328,7 +335,7 @@
// 开始POST提交数据
jquery.post(_pageUrl,
post.field, function(res){
if (res.code == 200) {
if (res.code === 200) {
layer.msg(res.msg);
@@ -356,12 +363,12 @@
// 展开所有
jquery('#expandAll').click(function(){
treetable.expandAll('#lay-tableList');
treeTable.expandAll('lay-tableList', true);
})
// 折叠所有
jquery('#foldAll').click(function () {
treetable.foldAll('#lay-tableList');
treeTable.expandAll('lay-tableList',false);
});
// 执行初始化

36
app/admin/view/system/department/index.html
View File

@@ -112,26 +112,35 @@
<include file="/public/footer" />
<script src="__STATICADMIN__module/xmselect/xmselect.js"></script>
<script>
layui.use(['admin','form','treetable'], function () {
layui.use(['admin','form','treeTable'], function () {
var jquery = layui.jquery;
var admin = layui.admin;
var form = layui.form;
var table = layui.table;
var treetable = layui.treetable;
var treeTable = layui.treeTable;
var tableURL = "{:url('/system/Department/index')}";
// 渲染初始化表格
var renderTable = function (tableURL) {
var ss = treetable.render({
treeTable.render({
elem: '#lay-tableList',
treeColIndex: 1,
treeSpid: 0,
treeIdName: 'id',
treePidName: 'pid',
url: tableURL,
cellMinWidth: 100,
tree: {
customName: {
name: 'title',
icon: 'icon1',
},
view: {
iconClose: '', // 关闭时候的图标
iconOpen: '', // 打开时候的图标
iconLeaf: '', // 叶子节点的图标
expandAllDefault: true,
}
},
// 默认展开
cols: [[
{type: 'numbers'},
{field: 'title', title: '{:__("部门名称")}'},
@@ -179,7 +188,7 @@
tips: '请选择上级部门',
name: 'pid',
height: 'auto',
data: table.cache.depart,
data: table.cache['lay-tableList'],
radio: true,
clickClose: true,
initValue: checkedId,
@@ -210,10 +219,11 @@
var pageThat = jquery(this);
pageThat.attr("disabled",true);
// 获取提交地址
if (typeof(tableThis) !== 'undefined') {
var _pageUrl;
if (typeof (tableThis) !== 'undefined') {
_pageUrl = tableThis.event === 'edit' ? pageThat.attr('lay-edit') : pageThat.attr('lay-add');
}else {
_pageUrl = pageThat.attr('lay-add');
} else {
_pageUrl = pageThat.attr('lay-add');
}
@@ -225,7 +235,7 @@
// 开始POST提交数据
jquery.post(_pageUrl,
post.field, function(res){
if (res.code == 200) {
if (res.code === 200) {
layer.msg(res.msg);
// 更新列数据
if (typeof(tableThis) !== 'undefined') {

1
app/admin/view/system/plugin/index.html
View File

@@ -108,6 +108,7 @@
let $ = layui.jquery;
let table = layui.table;
let dropdown = layui.dropdown;
window.framework = "{:config('app.version')}";
window.plugins = {$plugin|raw};
/*
* 初始化表格