批量提交

This commit is contained in:
2025-04-25 17:27:26 +08:00
parent 9a51adf2e8
commit 1a6fc7af64
64 changed files with 6208 additions and 276 deletions
+94
View File
@@ -0,0 +1,94 @@
{include file="public/header" /}
<form class="layui-form">
<input type="hidden" name="smid" value="{$smid}">
<div class="layui-form-item">
<label class="layui-form-label">按钮名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="label" placeholder="请输入按钮名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<div class="layui-input-block">
<select name="icon_class" lay-verify="required" lay-search="">
<option value="">请输入layui图标</option>
{foreach($iconfont as $icon_v)}
<option value="{$icon_v['icon_css']}">{$icon_v['icon_css']} {$icon_v['icon_name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">类型</label>
<div class="layui-input-inline">
<select name="type" lay-filter="type">
<option value='1' selected>内部代码</option>
<option value='2'>超链接</option>
</select>
</div>
</div>
<div class="layui-form-item" id="src1">
<label class="layui-form-label">内部代码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="src1" placeholder="请输入:模块/方法">
</div>
</div>
<div class="layui-form-item" style="display:none;" id="src2">
<label class="layui-form-label">链接地址</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="src2" placeholder="请输入http网址">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="number" class="layui-input" name="sort" placeholder="值越大越靠前">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="status" value="1" title="开启" checked>
<input type="radio" name="status" value="0" title="禁用">
</div>
</div>
</form>
<div class="layui-form-item" style="margin-top:10px;">
<div class="layui-input-block">
<button type="button" class="layui-btn" onclick="save()">保存</button>
</div>
</div>
<script type="text/javascript">
layui.use(['layer','form'],function(){
var form = layui.form;
layer = layui.layer;
$ = layui.jquery;
form.on('select(type)', function(data){
if(data.value == 1){
$("#src1").show();
$("#src2").hide();
$("#src3").hide();
}else if(data.value == 2){
$("#src1").hide();
$("#src2").show();
$("#src3").hide();
}else{
$("#src1").show();
$("#src2").hide();
$("#src3").hide();
}
});
});
function save(){
$.post('{$config["admin_route"]}yunzer/buttonadd',$('form').serialize(),function(res){
if(res.code>0){
layer.msg(res.msg,{'icon':2});
}else{
layer.msg(res.msg,{'icon':1});
setTimeout(function(){parent.window.location.reload();},1000);
}
},'json');
}
</script>
{include file="public/tail" /}
+98
View File
@@ -0,0 +1,98 @@
{include file="public/header" /}
<form class="layui-form">
<input type="hidden" name="smid" value="{$lists.smid}">
<div class="layui-form-item">
<label class="layui-form-label">按钮名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="label" placeholder="请输入按钮名" value="{$lists.label}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<div class="layui-input-block">
<select name="icon_class" lay-verify="required" lay-search="">
<option value="">请输入layui图标</option>
{foreach($iconfont as $icon_v)}
<option value="{$icon_v['icon_css']}" {if($icon_v['icon_css'] == $lists['icon_class'])}selected{/if}>{$icon_v['icon_css']} {$icon_v['icon_name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">类型</label>
<div class="layui-input-inline">
<select name="type" lay-filter="type">
<option value='1' {$lists.type==1?'selected':''}>内部代码</option>
<option value='2' {$lists.type==2?'selected':''}>超链接</option>
</select>
</div>
</div>
<div class="layui-form-item" {$lists.type==1?'style="display:none;"':''} id="src1">
<label class="layui-form-label">内部代码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="src1" placeholder="请输入:/项目/模块/方法" {if $lists.type==1}value="{$lists['src']}"{/if}>
</div>
</div>
<div class="layui-form-item" {$lists.type==2?'style="display:none;"':''} id="src2">
<label class="layui-form-label">链接地址</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="src2" placeholder="请输入http网址" {if $lists.type==2}value="{$lists['src']}"{/if}>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="number" class="layui-input" name="sort" placeholder="值越大越靠前" value="{$lists.sort}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="status" value="1" title="开启" {$lists['status']==1?'checked':''}>
<input type="radio" name="status" value="0" title="禁用" {$lists['status']==0?'checked':''}>
</div>
</div>
</form>
<div class="layui-form-item" style="margin-top:10px;">
<div class="layui-input-block">
<button type="button" class="layui-btn" onclick="save()">保存</button>
</div>
</div>
<script type="text/javascript">
layui.use(['layer','form'],function(){
form = layui.form;
layer = layui.layer;
$ = layui.jquery;
type({$lists.type});
form.on('select(type)', function(data){
type(data.value);
});
});
function type(value){
if(value == 1){
$("#src1").show();
$("#src2").hide();
$("#src3").hide();
}else if(value == 2){
$("#src1").hide();
$("#src2").show();
$("#src3").hide();
}else{
$("#src1").show();
$("#src2").hide();
$("#src3").hide();
}
}
function save(){
$.post('{$config["admin_route"]}yunzer/buttonedit',$('form').serialize(),function(res){
if(res.code>0){
layer.msg(res.msg,{'icon':2});
}else{
layer.msg(res.msg,{'icon':1});
setTimeout(function(){parent.window.location.reload();},1000);
}
},'json');
}
</script>
{include file="public/tail" /}
+155
View File
@@ -0,0 +1,155 @@
{include file="public/header" /}
<div class="layui-card">
<div class="layui-card-header">
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-breadcrumb">
<a href="{$config['admin_route']}Yunzer/menuInfo"><i class="layui-icon layui-icon-menu-fill"></i> 上级菜单</a>
<a><cite>本级菜单</cite></a>
</div>
</div>
<div class="layui-col-md6" style="text-align: right;">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="add({$smid})">
<i class="layui-icon layui-icon-add-1"></i> 添加按钮
</button>
</div>
</div>
</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space15">
<div class="layui-col-md3">
<div class="layui-card">
<div class="layui-card-header"><i class="layui-icon layui-icon-tree"></i> 菜单结构</div>
<div class="layui-card-body" id="menuTree">
<!-- 树形结构将在这里渲染 -->
</div>
</div>
</div>
<div class="layui-col-md9">
<table class="layui-table" lay-skin="line">
<thead>
<tr>
<th>排序</th>
<th>类型</th>
<th>按钮名</th>
<th>图标</th>
<th>状态</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{volist name="lists" id='vo'}
<tr>
<td><span class="layui-badge layui-bg-gray">{$vo['sort']}</span></td>
<td>
{if($vo['type']==1)}
<span class="layui-badge layui-bg-blue">功能模块</span> {$vo['src']}
{elseif($vo['type']==2)/}
<span class="layui-badge layui-bg-green">超链接</span> {$vo['src']}
{/if}
</td>
<td><b>{$vo['label']}</b></td>
<td><i class="layui-icon {$vo['icon_class']}"></i> {$vo['icon_class']}</td>
<td>
{if($vo['status']==1)}
<span class="layui-badge layui-bg-green">开启</span>
{else/}
<span class="layui-badge layui-bg-red">禁用</span>
{/if}
</td>
<td>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-xs" onclick="edit({$vo.smid})">
<i class="layui-icon layui-icon-edit"></i> 编辑
</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" onclick="del({$vo.smid})">
<i class="layui-icon layui-icon-delete"></i> 删除
</button>
</div>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript">
layui.use(['layer', 'tree'], function(){
layer = layui.layer;
$ = layui.jquery;
var tree = layui.tree;
// 构建树形结构数据
var treeData = [{
title: '当前菜单',
id: {$smid},
spread: true,
children: []
}];
// 将按钮数据添加到树中
{volist name="lists" id='vo'}
treeData[0].children.push({
title: '{$vo.label}',
id: {$vo.smid},
icon: 'layui-icon {$vo.icon_class}'
});
{/volist}
// 渲染树形结构
tree.render({
elem: '#menuTree',
data: treeData,
showLine: true,
click: function(obj){
var data = obj.data;
if(data.id != {$smid}) {
edit(data.id);
}
}
});
});
// 添加
function add(smid){
layer.open({
type: 2,
title: '添加按钮',
shade: 0.3,
area: ['550px','550px'],
content: '{$config["admin_route"]}yunzer/buttonadd?smid='+smid
});
}
// 编辑
function edit(smid){
layer.open({
type: 2,
title: '编辑按钮',
shade: 0.3,
area: ['550px','550px'],
content: '{$config["admin_route"]}yunzer/buttonedit?smid='+smid
});
}
// 删除
function del(smid){
layer.confirm('确定要删除吗?', {
icon: 3,
btn: ['确定','取消']
}, function(){
$.post('{$config["admin_route"]}yunzer/buttondel',{'smid':smid},function(res){
if(res.code>0){
layer.alert(res.msg,{icon:2});
}else{
layer.msg(res.msg,{icon:1});
setTimeout(function(){window.location.reload();},1000);
}
},'json');
});
}
</script>
{include file="public/tail" /}
+47
View File
@@ -0,0 +1,47 @@
{include file="public/header" /}
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">关键词</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="config_name" name="config_name" placeholder="请输入关键词,在代码中的key">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作用</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="config_info" name="config_info" placeholder="请输入作用">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">类型</label>
<div class="layui-input-block">
<select id="config_type" name="config_type" lay-filter="config_type">
<option value="1" selected>文本</option>
<option value="2">图片</option>
<option value="3">富文本</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">说明</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="config_desc" name="config_desc" placeholder="请输入说明">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="number" class="layui-input" id="config_sort" name="config_sort" placeholder="请输入排序,值越大,越靠前" value="0">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<select id="config_status" name="config_status" lay-filter="config_status">
<option value="1" selected>开启</option>
<option value="0">禁用</option>
</select>
</div>
</div>
</form>
{include file="public/tail" /}
+47
View File
@@ -0,0 +1,47 @@
{include file="public/header" /}
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">关键词</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="config_name" name="config_name" placeholder="请输入关键词,在代码中的key" value="{$find['config_name']}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">作用</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="config_info" name="config_info" placeholder="请输入作用" value="{$find['config_info']}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">类型</label>
<div class="layui-input-block">
<select id="config_type" name="config_type" lay-filter="config_type">
<option value="1" {$find['config_type']==1?'selected':''}>文本</option>
<option value="2" {$find['config_type']==2?'selected':''}>图片</option>
<option value="3" {$find['config_type']==3?'selected':''}>富文本</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">说明</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="config_desc" name="config_desc" placeholder="请输入说明" value="{$find['config_desc']}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="number" class="layui-input" id="config_sort" name="config_sort" placeholder="请输入排序,值越大,越靠前" value="{$find['config_sort']}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<select id="config_status" name="config_status" lay-filter="config_status">
<option value="1" {$find['config_status']==1?'selected':''}>开启</option>
<option value="0" {$find['config_status']==0?'selected':''}>禁用</option>
</select>
</div>
</div>
</form>
{include file="public/tail" /}
+286
View File
@@ -0,0 +1,286 @@
{include file="public/header" /}
<style>
.config-container {
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.config-header {
display: flex;
align-items: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.config-header span {
font-size: 18px;
color: #2c3e50;
font-weight: 500;
margin-right: 20px;
}
.config-header a {
text-decoration: none;
}
.config-header a span {
padding: 6px 15px;
background: #f8f9fa;
border-radius: 4px;
color: #606266;
font-size: 14px;
transition: all 0.3s;
}
.config-header a span:hover {
background: #e9ecef;
color: #409EFF;
}
.action-buttons {
display: flex;
gap: 8px;
margin-bottom: 20px;
}
.layui-btn {
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: all 0.3s;
height: 32px;
line-height: 32px;
padding: 0 16px;
}
.layui-btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.layui-btn .layui-icon {
margin-right: 4px;
font-size: 14px;
}
.layui-table {
margin: 15px 0;
border-radius: 4px;
overflow: hidden;
}
.layui-table thead tr {
background-color: #fafafa;
}
.layui-table tbody tr:hover {
background-color: #f5f7fa;
}
.layui-table-cell {
height: 40px;
line-height: 40px;
}
.layui-badge {
padding: 4px 8px;
border-radius: 3px;
font-weight: 500;
height: auto;
}
.layui-badge.layui-bg-green {
background-color: #67C23A !important;
}
.layui-badge.layui-bg-gray {
background-color: #909399 !important;
}
.layui-layer {
border-radius: 8px;
overflow: hidden;
}
</style>
<div class="config-container">
<div class="config-header">
<span>站点管理</span>
<!-- <a href="{$config['admin_route']}Yunzer/configvalue">
<span>站点配置</span>
</a> -->
</div>
<div class="layui-card-body" style="padding: 0;">
<div class="action-buttons">
<button type="button" class="layui-btn layui-btn-normal" id="btn-add">
<i class="layui-icon layui-icon-add-1"></i>添加
</button>
<button type="button" class="layui-btn layui-btn-normal" id="btn-edit">
<i class="layui-icon layui-icon-edit"></i>修改
</button>
<button type="button" class="layui-btn layui-btn-danger" id="btn-del">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</div>
<table class="layui-table" id="lists" lay-filter="lists"></table>
</div>
</div>
<script type="text/javascript">
layui.use(['layer', 'table', 'element'], function () {
var table = layui.table;
var layer = layui.layer;
var element = layui.element;
var $ = layui.jquery;
// 初始化表格
function initTable() {
table.render({
elem: '#lists',
method: 'post',
url: "{$config['admin_route']}yunzer/configlist",
title: '配置列表',
page: true,
skin: 'line',
even: true,
size: 'lg',
cols: [[
{ type: 'radio', fixed: 'left', width: 50 },
{ field: 'config_id', width: 80, title: 'ID', sort: true, align: 'center' },
{ field: 'config_sort', width: 120, title: '排序', sort: true, align: 'center' },
{ field: 'config_name', width: 150, title: '关键词' },
{ field: 'config_info', width: 150, title: '作用' },
{ field: 'config_desc', minWidth: 300, title: '说明' },
{
field: 'config_status', width: 100, title: '状态', align: 'center', templet: function (res) {
if (res.config_status == 1) {
return '<span class="layui-badge layui-bg-green">开启</span>';
} else {
return '<span class="layui-badge layui-bg-gray">关闭</span>';
}
}
}
]],
limit: 15,
limits: [15, 30, 50, 100],
height: 'full-180'
});
}
// 加载表格数据
initTable();
// 行点击事件
table.on('row(lists)', function (obj) {
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
obj.tr.find("div.layui-unselect.layui-form-radio")[0].click();
});
// 添加按钮事件
$('#btn-add').on('click', function () {
layer.open({
title: '<i class="layui-icon layui-icon-add-1"></i> 添加配置',
type: 2,
content: '{$config["admin_route"]}yunzer/configadd',
maxmin: true,
area: ['700px', '550px'],
skin: 'layui-layer-molv',
btn: ['确定', '取消'],
yes: function (index, layero) {
var form = layero.find('iframe')[0].contentWindow;
var button = {
config_name: form.config_name.value,
config_info: form.config_info.value,
config_type: form.config_type.value,
config_desc: form.config_desc.value,
config_sort: form.config_sort.value,
config_status: form.config_status.value
};
var loadIndex = layer.load(1, {
shade: [0.1,'#fff']
});
$.post('{$config["admin_route"]}yunzer/configadd', button, function (res) {
layer.close(loadIndex);
if (res.code > 0) {
layer.msg(res.msg, { icon: 2, time: 2000 });
} else {
layer.msg(res.msg, { icon: 1, time: 1000 });
initTable();
layer.close(index);
}
}, 'json');
}
});
});
// 编辑按钮事件
$('#btn-edit').on('click', function () {
var checkStatus = table.checkStatus('lists');
var data = checkStatus.data;
if (data.length === 0) {
layer.msg('请选择一条数据进行编辑', { icon: 0 });
return;
}
layer.open({
title: '<i class="layui-icon layui-icon-edit"></i> 修改配置',
type: 2,
content: '{$config["admin_route"]}yunzer/configedit?config_id=' + data[0].config_id,
maxmin: true,
area: ['700px', '550px'],
skin: 'layui-layer-molv',
btn: ['确定', '取消'],
yes: function (index, layero) {
var form = layero.find('iframe')[0].contentWindow;
var button = {
config_id: data[0].config_id,
config_name: form.config_name.value,
config_info: form.config_info.value,
config_type: form.config_type.value,
config_desc: form.config_desc.value,
config_sort: form.config_sort.value,
config_status: form.config_status.value
};
var loadIndex = layer.load(1, {
shade: [0.1,'#fff']
});
$.post('{$config["admin_route"]}yunzer/configedit', button, function (res) {
layer.close(loadIndex);
if (res.code > 0) {
layer.msg(res.msg, { icon: 2, time: 2000 });
} else {
layer.msg(res.msg, { icon: 1, time: 1000 });
initTable();
layer.close(index);
}
}, 'json');
}
});
});
// 删除按钮事件
$('#btn-del').on('click', function () {
var checkStatus = table.checkStatus('lists');
var data = checkStatus.data;
if (data.length === 0) {
layer.msg('请选择一条数据进行删除', { icon: 0 });
return;
}
layer.confirm('确定要删除该配置吗?', {
icon: 3,
title: '删除确认',
skin: 'layui-layer-molv',
btn: ['确定', '取消']
}, function () {
var loadIndex = layer.load(1, {
shade: [0.1,'#fff']
});
$.post('{$config["admin_route"]}yunzer/configdel', { 'config_id': data[0].config_id }, function (res) {
layer.close(loadIndex);
if (res.code > 0) {
layer.msg(res.msg, { icon: 2, time: 2000 });
} else {
layer.msg(res.msg, { icon: 1, time: 1000 });
initTable();
}
}, 'json');
});
});
});
</script>
{include file="public/tail" /}
+189
View File
@@ -0,0 +1,189 @@
{include file="public/header" /}
<style>
.config-container {
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.config-header {
display: flex;
align-items: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.config-header span {
font-size: 18px;
color: #2c3e50;
font-weight: 500;
margin-right: 20px;
}
.config-header a {
text-decoration: none;
}
.config-header a span {
padding: 6px 15px;
background: #f8f9fa;
border-radius: 4px;
color: #606266;
font-size: 14px;
transition: all 0.3s;
}
.config-header a span:hover {
background: #e9ecef;
color: #409EFF;
}
.layui-form-item {
margin-bottom: 25px;
}
.layui-form-label {
color: #606266;
font-weight: 500;
}
.layui-input {
border-radius: 4px;
}
.layui-input:focus {
border-color: #409EFF;
}
.layui-textarea {
border-radius: 4px;
min-height: 100px;
}
.layui-word-aux {
color: #909399;
}
.layui-btn {
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: all 0.3s;
}
.layui-btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.upload-preview {
margin-top: 10px;
}
.upload-preview img {
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: all 0.3s;
}
.upload-preview img:hover {
transform: scale(1.02);
}
.save-button-container {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
}
.save-button-container .layui-btn {
padding: 0 50px;
height: 40px;
line-height: 40px;
font-size: 15px;
}
</style>
<div class="config-container">
<div class="config-header">
<span>站点配置</span>
<!-- <a href="{$config['admin_route']}Yunzer/configlist">
<span>站点管理</span>
</a> -->
</div>
<form class="layui-form">
{foreach($lists as $lists_v)}
{if($lists_v['config_type'] == 1)}
<div class="layui-form-item">
<label class="layui-form-label">{$lists_v['config_info']}</label>
<div class="layui-input-inline" style="width: 350px;">
<input type="text" class="layui-input" id="{$lists_v['config_name']}" name="{$lists_v['config_name']}" placeholder="{$lists_v['config_desc']}" value="{$lists_v['config_value']}">
</div>
<div class="layui-form-mid layui-word-aux">{$lists_v['config_desc']}</div>
</div>
{elseif($lists_v['config_type'] == 2)/}
<div class="layui-form-item">
<label class="layui-form-label">{$lists_v['config_info']}</label>
<div class="layui-input-inline">
<button type="button" class="layui-btn layui-btn-normal" id="{$lists_v['config_name']}">
<i class="layui-icon layui-icon-upload"></i> 上传图片
</button>
</div>
<div class="layui-form-mid layui-word-aux">{$lists_v['config_desc']}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{$lists_v['config_info']}预览</label>
<div class="layui-input-block">
<div class="layui-upload-list upload-preview" id="yulan_{$lists_v['config_name']}" style="width:90%;">
{if !empty($lists_v['config_value'])}
<div class="upload_pic_li" style="position:relative;width:120px;margin:0 10px 10px 0">
<img style="height:120px;object-fit:cover;" src="{$lists_v['config_value']}" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()">
<input type="hidden" name="{$lists_v['config_name']}" value="{$lists_v['config_value']}"/>
</div>
{/if}
</div>
</div>
</div>
<script type="text/javascript">
layui.use(['layer','upload'],function(){
layer = layui.layer;
upload = layui.upload;
$ = layui.jquery;
upload.render({
elem: "#{$lists_v['config_name']}",
url: "{$config['admin_route']}index/upload_img",
multiple: true,
done: function(res,title){
if(res.code > 0){
return layer.msg("上传失败,"+res.msg, {icon: 2});
}else{
$("#yulan_{$lists_v['config_name']}").html('<div class="upload_pic_li" style="position:relative;width:120px;margin:0 10px 10px 0"><img style="width:120px;height:120px;object-fit:cover;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="{$lists_v['config_name']}" value="'+res.data+'"/></div>');
layer.msg("上传成功", {icon: 1});
}
}
});
})
</script>
{elseif($lists_v['config_type'] == 3)/}
<div class="layui-form-item">
<label class="layui-form-label">{$lists_v['config_info']}</label>
<div class="layui-input-block">
<textarea class="layui-textarea" id="{$lists_v['config_name']}" name="{$lists_v['config_name']}" placeholder="{$lists_v['config_desc']}">{$lists_v['config_value']}</textarea>
</div>
</div>
{/if}
{/foreach}
</form>
<div class="save-button-container">
<button type="button" class="layui-btn layui-btn-normal" onclick="save()">
<i class="layui-icon layui-icon-ok"></i> 保存配置
</button>
</div>
</div>
<script type="text/javascript">
function save(){
var loadIndex = layer.load(1, {
shade: [0.1,'#fff']
});
$.post('{$config["admin_route"]}yunzer/configvalue',$('form').serialize(),function(res){
layer.close(loadIndex);
if(res.code>0){
layer.msg(res.msg,{'icon':2});
}else{
layer.msg(res.msg,{'icon':1});
setTimeout(function(){
history.go(0);
}, 1000);
}
},'json');
}
</script>
{include file="public/tail" /}
+95
View File
@@ -0,0 +1,95 @@
{include file="public/header" /}
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">菜单名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="label" placeholder="请输入菜单名">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<div class="layui-input-block">
<select name="icon_class" lay-verify="required" lay-search="">
<option value="">请输入layui图标</option>
{foreach($iconfont as $icon_v)}
<option value="{$icon_v['icon_css']}">{$icon_v['icon_css']} {$icon_v['icon_name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">类型</label>
<div class="layui-input-inline">
<select name="type" lay-filter="type">
<option value='0' selected>顶级菜单</option>
<option value='1'>内部代码</option>
<option value='2'>超链接</option>
</select>
</div>
</div>
<div class="layui-form-item" style="display:none;" id="src1">
<label class="layui-form-label">内部代码</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="src1" placeholder="请输入:模块/方法">
</div>
</div>
<div class="layui-form-item" style="display:none;" id="src2">
<label class="layui-form-label">链接地址</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="src2" placeholder="请输入http网址">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="number" class="layui-input" name="sort" placeholder="值越大越靠前">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="status" value="1" title="开启" checked>
<input type="radio" name="status" value="0" title="禁用">
</div>
</div>
</form>
<div class="layui-form-item" style="margin-top:10px;">
<div class="layui-input-block">
<button type="button" class="layui-btn" onclick="save()">保存</button>
</div>
</div>
<script type="text/javascript">
layui.use(['layer','form'],function(){
var form = layui.form;
layer = layui.layer;
$ = layui.jquery;
form.on('select(type)', function(data){
if(data.value == 1){
$("#src1").show();
$("#src2").hide();
$("#src3").hide();
}else if(data.value == 2){
$("#src1").hide();
$("#src2").show();
$("#src3").hide();
}else{
$("#src1").hide();
$("#src2").hide();
$("#src3").hide();
}
});
});
function save(){
$.post('{$config["admin_route"]}yunzer/menuadd',$('form').serialize(),function(res){
if(res.code>0){
layer.msg(res.msg,{'icon':2});
}else{
layer.msg(res.msg,{'icon':1});
setTimeout(function(){parent.window.location.reload();},1000);
}
},'json');
}
</script>
{include file="public/tail" /}
+58
View File
@@ -0,0 +1,58 @@
{include file="public/header" /}
<form class="layui-form">
<input type="hidden" name="smid" value="{$lists.smid}">
<div class="layui-form-item">
<label class="layui-form-label">菜单名</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="label" placeholder="请输入菜单名" value="{$lists['label']}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图标</label>
<div class="layui-input-block">
<select name="icon_class" lay-verify="required" lay-search="">
<option value="">请输入layui图标</option>
{foreach($iconfont as $icon_v)}
<option value="{$icon_v['icon_css']}" {if($icon_v['icon_css'] == $lists['icon_class'])}selected{/if}>{$icon_v['icon_css']} {$icon_v['icon_name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序</label>
<div class="layui-input-block">
<input type="number" class="layui-input" name="sort" placeholder="值越大越靠前" value="{$lists['sort']}">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="status" value="1" title="开启" {$lists['status']==1?'checked':''}>
<input type="radio" name="status" value="0" title="禁用" {$lists['status']==0?'checked':''}>
</div>
</div>
</form>
<div class="layui-form-item" style="margin-top:10px;">
<div class="layui-input-block">
<button type="button" class="layui-btn" onclick="save()">保存</button>
</div>
</div>
<script type="text/javascript">
layui.use(['layer','form'],function(){
form = layui.form;
layer = layui.layer;
$ = layui.jquery;
});
function save(){
$.post('{$config["admin_route"]}yunzer/menuedit',$('form').serialize(),function(res){
if(res.code>0){
layer.msg(res.msg,{'icon':2});
}else{
layer.msg(res.msg,{'icon':1});
setTimeout(function(){parent.window.location.reload();},1000);
}
},'json');
}
</script>
{include file="public/tail" /}
+116
View File
@@ -0,0 +1,116 @@
{include file="public/header" /}
<div class="config-container">
<div class="config-header" style="display:flex;justify-content: space-between;">
<div>
<span>菜单管理</span>
</div>
<div>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" onclick="add()">
<i class="layui-icon layui-icon-add-1"></i>添加
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary" onclick="refresh()">
<i class="layui-icon layui-icon-refresh"></i>刷新
</button>
</div>
</div>
<div id="test7" class="demo-tree"></div>
<table class="layui-table">
<thead>
<tr>
<th style="text-align:center">类型</th>
<th style="text-align:center">菜单名</th>
<th style="text-align:center">图标</th>
<th style="text-align:center">排序</th>
<th style="text-align:center">状态</th>
<th style="text-align:center">操作</th>
</tr>
</thead>
<tbody>
{volist name="lists" id='vo'}
<tr>
<td align="center">
{if($vo['type']==1)}
功能模块:{$vo['src']}
{elseif($vo['type']==2)/}
超链接:{$vo['src']}
{else/}
顶级
{/if}
</td>
<td align="center">{$vo['label']}</td>
<td align="center"><i class="layui-icon {$vo['icon_class']}"></i> {$vo['icon_class']}</td>
<td align="center">{$vo['sort']}</td>
<td align="center">{$vo['status']==1?'开启':'<span style="color:red;">禁用</span>'}</td>
<td align="center">
{if($vo['type'] == 0)}
<button type="button" class="layui-btn layui-btn-xs layui-btn-normal"
onclick="buttonInfo({$vo.smid})">下级菜单</button>
{/if}
<button type="button" class="layui-btn layui-btn-xs layui-btn-primary" onclick="edit({$vo.smid})">
<i class="layui-icon layui-icon-edit"></i>编辑
</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-primary" onclick="del({$vo.smid})">
<i class="layui-icon layui-icon-delete"></i>删除
</button>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
<script type="text/javascript">
layui.use(['layer'], function () {
layer = layui.layer;
$ = layui.jquery;
});
// 添加
function add() {
layer.open({
type: 2,
title: '添加菜单',
shade: 0.3,
area: ['550px', '550px'],
content: '{$config["admin_route"]}yunzer/menuadd'
});
}
// 编辑
function edit(smid) {
layer.open({
type: 2,
title: '编辑菜单',
shade: 0.3,
area: ['550px', '550px'],
content: '{$config["admin_route"]}yunzer/menuedit?smid=' + smid
});
}
// 删除
function del(smid) {
layer.confirm('确定要删除吗?', {
icon: 3,
btn: ['确定', '取消']
}, function () {
$.post('{$config["admin_route"]}yunzer/menudel', { 'smid': smid }, function (res) {
if (res.code > 0) {
layer.alert(res.msg, { icon: 2 });
} else {
layer.msg(res.msg, { icon: 1 });
setTimeout(function () { window.location.reload(); }, 1000);
}
}, 'json');
});
}
// 按钮列表
function buttonInfo(smid) {
window.location.href = "{$config['admin_route']}yunzer/buttoninfo?smid=" + smid;
}
//刷新列表
function refresh() {
window.location.reload();
}
</script>
{include file="public/tail" /}