blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

同步项目代码

Browse Source
This commit is contained in:
邹景立 2021-08-17 17:33:50 +08:00
parent eda0e35108
commit 57ff75994d
13 changed files with 241 additions and 175 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/admin/view/base/form.html
View File

@ -3,8 +3,8 @@
<div class="layui-card-body padding-left-40"> <div class="layui-card-body padding-left-40">
<div class="layui-form-item"> <div class="layui-form-item">
<span class="color-green font-w7 label-required-prev">数据类型</span> <b class="color-green label-required-prev">数据类型</b>
<span class="color-desc margin-left-5">Database Type</span> <span class="color-desc margin-left-5">DataType</span>
{if isset($vo.type)} {if isset($vo.type)}
<label><input readonly value="{$vo.type|default=''}" class="layui-input think-bg-gray"></label> <label><input readonly value="{$vo.type|default=''}" class="layui-input think-bg-gray"></label>
{else} {else}
@ -37,8 +37,8 @@
</div> </div>
<label class="layui-form-item relative block"> <label class="layui-form-item relative block">
<span class="color-green font-w7">数据编码</span> <b class="color-green">数据编码</b>
<span class="color-desc margin-left-5">Database Code</span> <span class="color-desc margin-left-5">DataCode</span>
{if isset($vo.code)} {if isset($vo.code)}
<input readonly maxlength="50" class="layui-input think-bg-gray" name="code" value='{$vo.code|default=""}' required placeholder="请输入数据编码"> <input readonly maxlength="50" class="layui-input think-bg-gray" name="code" value='{$vo.code|default=""}' required placeholder="请输入数据编码">
{else} {else}
@ -48,15 +48,15 @@
</label> </label>
<label class="layui-form-item relative block"> <label class="layui-form-item relative block">
<span class="color-green font-w7">数据名称</span> <b class="color-green">数据名称</b>
<span class="color-desc margin-left-5">Database Name</span> <span class="color-desc margin-left-5">DataName</span>
<input maxlength="100" class="layui-input" name="name" value='{$vo.name|default=""}' required placeholder="请输入数据名称"> <input maxlength="100" class="layui-input" name="name" value='{$vo.name|default=""}' required placeholder="请输入数据名称">
<span class="help-block">请输入当前数据名称，请尽量保持名称的唯一性，数据名称尽量不要出现重复 ~</span> <span class="help-block">请输入当前数据名称，请尽量保持名称的唯一性，数据名称尽量不要出现重复 ~</span>
</label> </label>
<label class="layui-form-item relative block"> <label class="layui-form-item relative block">
<span class="color-green font-w7">数据内容</span> <b class="color-green">数据内容</b>
<span class="color-desc margin-left-5">Database Content</span> <span class="color-desc margin-left-5">DataContent</span>
<textarea name="content" class="layui-textarea" placeholder="请输入数据内容">{$vo.content|default=''}</textarea> <textarea name="content" class="layui-textarea" placeholder="请输入数据内容">{$vo.content|default=''}</textarea>
<!--<span class="help-block">访问权限名称需要保持不重复，在给用户授权时需要根据名称选择！</span>--> <!--<span class="help-block">访问权限名称需要保持不重复，在给用户授权时需要根据名称选择！</span>-->
</label> </label>

5
app/admin/view/base/index.html
View File

@ -30,7 +30,7 @@
<script> <script>
$(function () { $(function () {
// 初始化表格组件 // 初始化表格组件
var $table = $('#BaseData').layTable({ $('#BaseData').layTable({
even: true, height: 'full', even: true, height: 'full',
sort: {field: 'sort desc,id', type: 'asc'}, sort: {field: 'sort desc,id', type: 'asc'},
where: {type: '{$type|default=""}'}, where: {type: '{$type|default=""}'},
@ -50,13 +50,12 @@
layui.form.on('switch(StatusSwitch)', function (obj) { layui.form.on('switch(StatusSwitch)', function (obj) {
$.form.load("{:url('state')}", {id: obj.value, status: obj.elem.checked > 0 ? 1 : 0}, 'post', function (ret) { $.form.load("{:url('state')}", {id: obj.value, status: obj.elem.checked > 0 ? 1 : 0}, 'post', function (ret) {
if (ret.code < 1) $.msg.error(ret.info, 3, function () { if (ret.code < 1) $.msg.error(ret.info, 3, function () {
$table.trigger('reload'); // 操作异常时重载数据 $('#BaseData').trigger('reload'); // 操作异常时重载数据
}); });
return false; return false;
}, false); }, false);
}); });
}); });
</script> </script>
<!-- 列表排序权重模板 --> <!-- 列表排序权重模板 -->

6
app/admin/view/oplog/index.html
View File

@ -2,7 +2,7 @@
{block name="button"} {block name="button"}
<!--{if auth("remove")}--> <!--{if auth("remove")}-->
<button data-action='{:url("remove")}' data-rule="id#{id}" data-table-id="oplog" data-confirm="确定要删除选中的日志吗？" class='layui-btn layui-btn-sm layui-btn-primary'>批量删除</button> <button data-action='{:url("remove")}' data-rule="id#{id}" data-table-id="oplogData" data-confirm="确定要删除选中的日志吗？" class='layui-btn layui-btn-sm layui-btn-primary'>批量删除</button>
<!--{/if}--> <!--{/if}-->
<!--{if auth("clear")}--> <!--{if auth("clear")}-->
<button data-load='{:url("clear")}' data-confirm="确定要清空所有日志吗？" class='layui-btn layui-btn-sm layui-btn-primary'>清空日志</button> <button data-load='{:url("clear")}' data-confirm="确定要清空所有日志吗？" class='layui-btn layui-btn-sm layui-btn-primary'>清空日志</button>
@ -12,14 +12,14 @@
{block name="content"} {block name="content"}
<div class="think-box-shadow"> <div class="think-box-shadow">
{include file='oplog/index_search'} {include file='oplog/index_search'}
<table id="oplog" data-url="{:sysuri()}" data-target-search="form.form-search"></table> <table id="oplogData" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
</div> </div>
{/block} {/block}
{block name='script'} {block name='script'}
<script> <script>
$(function () { $(function () {
$('#oplog').layTable({ $('#oplogData').layTable({
even: true, height: 'full', even: true, height: 'full',
sort: {field: 'id', type: 'desc'}, sort: {field: 'id', type: 'desc'},
cols: [[ cols: [[

2
app/admin/view/queue/index.html
View File

@ -82,7 +82,7 @@
} }
}, },
{ {
field: 'enter_time', title: '执行时间', minWidth: 175, templet: function (d) { field: 'loops_time', title: '执行时间', minWidth: 175, templet: function (d) {
d.enter_time = d.enter_time || '', d.outer_time = d.outer_time || '0.0000'; d.enter_time = d.enter_time || '', d.outer_time = d.outer_time || '0.0000';
if (d.enter_time.length > 12) { if (d.enter_time.length > 12) {
return d.enter_time.substr(12) + '<span class="color-desc"> ( 耗时 ' + d.outer_time + ' )</span>'; return d.enter_time.substr(12) + '<span class="color-desc"> ( 耗时 ' + d.outer_time + ' )</span>';

52
app/admin/view/user/form.html
View File

@ -7,11 +7,11 @@
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-xs2 text-center"> <div class="layui-col-xs2 text-center">
<input type="hidden" name="headimg" value="{$vo.headimg|default=''}"> <input type="hidden" name="headimg" value="{$vo.headimg|default=''}">
<script>$('[name=headimg]').uploadOneImage()</script> <script>$('[name=headimg]').uploadOneImage();</script>
</div> </div>
<div class="layui-col-xs5"> <div class="layui-col-xs5">
<label class="block relative"> <label class="block relative">
<span class="color-green font-w7">登录账号</span> <b class="color-green">登录账号</b>
<span class="color-desc margin-left-5">Login Username</span> <span class="color-desc margin-left-5">Login Username</span>
{if isset($vo) and isset($vo.username)} {if isset($vo) and isset($vo.username)}
<input disabled value='{$vo.username|default=""}' required class="layui-input think-bg-gray"> <input disabled value='{$vo.username|default=""}' required class="layui-input think-bg-gray">
@ -23,7 +23,7 @@
</div> </div>
<div class="layui-col-xs5"> <div class="layui-col-xs5">
<label class="block relative"> <label class="block relative">
<span class="color-green font-w7">用户名称</span> <b class="color-green">用户名称</b>
<span class="color-desc margin-left-5">User Nickname</span> <span class="color-desc margin-left-5">User Nickname</span>
<input name="nickname" value='{$vo.nickname|default=""}' required placeholder="请输入用户名称" class="layui-input"> <input name="nickname" value='{$vo.nickname|default=""}' required placeholder="请输入用户名称" class="layui-input">
<span class="help-block">用于区分用户数据的用户名称，请尽量不要重复。</span> <span class="help-block">用于区分用户数据的用户名称，请尽量不要重复。</span>
@ -38,26 +38,30 @@
<legend><b class="layui-badge think-bg-violet">用户权限</b></legend> <legend><b class="layui-badge think-bg-violet">用户权限</b></legend>
{if !empty($bases)} {if !empty($bases)}
<div class="layui-form-item"> <div class="layui-form-item">
<span class="color-green font-w7">角色身份</span> <b class="color-green">角色身份</b>
<span class="color-desc margin-left-5">Role Identity</span> <span class="color-desc margin-left-5">Role Identity</span>
<select class="layui-select" lay-search name="usertype"> <div class="layui-textarea" style="min-height:auto">
<option value="">-- 选择 --</option> {foreach $bases as $base}
{foreach $bases as $base}{if isset($vo.usertype) and $vo.usertype eq $base.code} <label class="think-checkbox">
<option selected value="{$base.code}">{$base.name|default=''} ( {$base.code|default=''} )</option> {if isset($vo.usertype) and $vo.usertype eq $base.code}
{else} <input type="radio" checked name="usertype" value="{$base.code}" lay-ignore>{$base.name}
<option value="{$base.code}">{$base.name|default=''} ( {$base.code|default=''} )</option> {else}
{/if}{/foreach} <input type="radio" name="usertype" value="{$base.code}" lay-ignore>{$base.name}
</select> {/if}
</label>
{/foreach}
</div>
</div> </div>
{/if}{if !empty($authorizes)} {/if}
{if !empty($authorizes)}
<div class="layui-form-item"> <div class="layui-form-item">
<span class="color-green font-w7">访问权限</span> <b class="color-green">访问权限</b>
<span class="color-desc margin-left-5">User Permission</span> <span class="color-desc margin-left-5">Role Permission</span>
<div class="layui-textarea" style="min-height:42px;line-height:28px"> <div class="layui-textarea" style="min-height:auto">
{if isset($vo.username) and $vo.username eq $superName} {if isset($vo.username) and $vo.username eq $superName}
<span class="color-desc">超级用户拥所有访问权限，不需要配置权限。</span> <span class="color-desc">超级用户拥所有访问权限，不需要配置权限。</span>
{else}{foreach $authorizes as $authorize} {else}{foreach $authorizes as $authorize}
<label class="think-checkbox layui-unselect margin-top-5"> <label class="think-checkbox">
{if in_array($authorize.id, $vo.authorize)} {if in_array($authorize.id, $vo.authorize)}
<input type="checkbox" checked name="authorize[]" value="{$authorize.id}" lay-ignore>{$authorize.title} <input type="checkbox" checked name="authorize[]" value="{$authorize.id}" lay-ignore>{$authorize.title}
{else} {else}
@ -76,28 +80,28 @@
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-xs4"> <div class="layui-col-xs4">
<label class="relative block"> <label class="relative block">
<span class="color-green font-w7">联系邮箱</span><span class="color-desc margin-left-5">Contact Email</span> <b class="color-green">联系邮箱</b><span class="color-desc margin-left-5">Contact Email</span>
<input name="contact_mail" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" value='{$vo.contact_mail|default=""}' placeholder="请输入联系电子邮箱" class="layui-input"> <input name="contact_mail" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" value='{$vo.contact_mail|default=""}' placeholder="请输入联系电子邮箱" class="layui-input">
<span class="color-desc">可选，请填写用户常用的电子邮箱</span> <span class="color-desc">可选，请填写用户常用的电子邮箱</span>
</label> </label>
</div> </div>
<div class="layui-col-xs4"> <div class="layui-col-xs4">
<label class="relative block"> <label class="relative block">
<span class="color-green font-w7">联系手机</span><span class="color-desc margin-left-5">Contact Mobile</span> <b class="color-green">联系手机</b><span class="color-desc margin-left-5">Contact Mobile</span>
<input type="tel" maxlength="11" name="contact_phone" value='{$vo.contact_phone|default=""}' pattern="^1[3-9][0-9]{9}$" placeholder="请输入用户联系手机" class="layui-input"> <input type="tel" maxlength="11" name="contact_phone" value='{$vo.contact_phone|default=""}' pattern="^1[3-9][0-9]{9}$" placeholder="请输入用户联系手机" class="layui-input">
<span class="color-desc">可选，请填写用户常用的联系手机号</span> <span class="color-desc">可选，请填写用户常用的联系手机号</span>
</label> </label>
</div> </div>
<div class="layui-col-xs4"> <div class="layui-col-xs4">
<label class="relative block"> <label class="relative block">
<span class="color-green font-w7">联系ＱＱ</span><span class="color-desc margin-left-5">Contact QQ</span> <b class="color-green">联系ＱＱ</b><span class="color-desc margin-left-5">Contact QQ</span>
<input name="contact_qq" pattern="^\d{6,}$" value='{$vo.contact_qq|default=""}' placeholder="请输入常用的联系ＱＱ" class="layui-input"> <input name="contact_qq" pattern="^\d{6,}$" value='{$vo.contact_qq|default=""}' placeholder="请输入常用的联系ＱＱ" class="layui-input">
<span class="color-desc">可选，请填写用户常用的联系ＱＱ号</span> <span class="color-desc">可选，请填写用户常用的联系ＱＱ号</span>
</label> </label>
</div> </div>
</div> </div>
<label class="layui-form-item block relative margin-top-10"> <label class="layui-form-item block relative margin-top-10">
<span class="color-green font-w7">用户描述</span><span class="color-desc margin-left-5">User Remark</span> <b class="color-green">用户描述</b><span class="color-desc margin-left-5">User Remark</span>
<textarea placeholder="请输入用户描述" class="layui-textarea" name="describe">{$vo.describe|default=""}</textarea> <textarea placeholder="请输入用户描述" class="layui-textarea" name="describe">{$vo.describe|default=""}</textarea>
</label> </label>
</fieldset> </fieldset>
@ -113,6 +117,8 @@
</form> </form>
<script> <script>
layui.form.render(); $(function () {
$('#UserForm').parent().css('overflow', 'revert'); layui.form.render();
$('#UserForm').parent().css('overflow', 'revert');
});
</script> </script>

4
app/admin/view/user/index.html
View File

@ -34,7 +34,7 @@
</div> </div>
<script> <script>
$(function () { $(function () {
var $table = $('#UserData').layTable({ $('#UserData').layTable({
even: true, height: 'full', even: true, height: 'full',
sort: {field: 'sort desc,id', type: 'desc'}, sort: {field: 'sort desc,id', type: 'desc'},
where: {type: '{$type|default="index"}'}, where: {type: '{$type|default="index"}'},
@ -63,7 +63,7 @@
layui.form.on('switch(StatusSwitch)', function (obj) { layui.form.on('switch(StatusSwitch)', function (obj) {
$.form.load("{:url('state')}", {id: obj.value, status: obj.elem.checked > 0 ? 1 : 0}, 'post', function (ret) { $.form.load("{:url('state')}", {id: obj.value, status: obj.elem.checked > 0 ? 1 : 0}, 'post', function (ret) {
if (ret.code < 1) $.msg.error(ret.info, 3, function () { if (ret.code < 1) $.msg.error(ret.info, 3, function () {
$table.trigger('reload'); // 操作异常时重载数据 $('#UserData').trigger('reload'); // 操作异常时重载数据
}); });
return false; return false;
}, false); }, false);

207
public/static/admin.js
View File

@ -13,10 +13,12 @@
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
/*! 数组兼容处理 */ /*! 数组兼容处理 */
if (typeof Array.prototype.forEach !== 'function') { if (typeof Array.prototype.some !== 'function') {
Array.prototype.forEach = function (callable, context) { Array.prototype.some = function (callable) {
typeof context === "undefined" ? context = window : null; for (var i in this) if (callable(this[i], i, this) === true) {
for (var i in this) callable.call(context, this[i], i, this) return true;
}
return false;
}; };
} }
if (typeof Array.prototype.every !== 'function') { if (typeof Array.prototype.every !== 'function') {
@ -27,12 +29,10 @@ if (typeof Array.prototype.every !== 'function') {
return true; return true;
}; };
} }
if (typeof Array.prototype.some !== 'function') { if (typeof Array.prototype.forEach !== 'function') {
Array.prototype.some = function (callable) { Array.prototype.forEach = function (callable, context) {
for (var i in this) if (callable(this[i], i, this) === true) { typeof context === "undefined" ? context = window : null;
return true; for (var i in this) callable.call(context, this[i], i, this)
}
return false;
}; };
} }
@ -243,14 +243,6 @@ $(function () {
that.reInit($(that.selecter)); that.reInit($(that.selecter));
}, 500); }, 500);
}; };
/*! 以 HASH 打开新网页 */
this.href = function (url, ele) {
if (url !== '#') {
location.href = '#' + $.menu.parseUri(url, ele);
} else if (ele && ele.dataset.menuNode) {
$('[data-menu-node^="' + ele.dataset.menuNode + '-"]:first').trigger('click');
}
};
/*! 异步加载的数据 */ /*! 异步加载的数据 */
this.load = function (url, data, method, callable, loading, tips, time, headers) { this.load = function (url, data, method, callable, loading, tips, time, headers) {
// 如果主页面 loader 显示中，绝对不显示 loading 图标 // 如果主页面 loader 显示中，绝对不显示 loading 图标
@ -287,6 +279,13 @@ $(function () {
} }
}); });
}; };
/*! 以 HASH 打开新网页 */
this.href = function (url, ele) {
// 重置表格页数缓存
if (ele && ele.dataset.menuNode) layui.sessionData('pages', null);
if (url !== '#') location.hash = $.menu.parseUri(url, ele);
else if (ele && ele.dataset.menuNode) $('[data-menu-node^="' + ele.dataset.menuNode + '-"]:first').trigger('click');
};
/*! 加载 HTML 到目标位置 */ /*! 加载 HTML 到目标位置 */
this.open = function (url, data, call, load, tips) { this.open = function (url, data, call, load, tips) {
this.load(url, data, 'get', function (ret) { this.load(url, data, 'get', function (ret) {
@ -393,7 +392,7 @@ $(function () {
if (hash.length < 1) return $('[data-menu-node]:first').trigger('click'); if (hash.length < 1) return $('[data-menu-node]:first').trigger('click');
$.form.load(hash), that.syncOpenStatus(2); $.form.load(hash), that.syncOpenStatus(2);
/*! 菜单选择切换 */ /*! 菜单选择切换 */
node = that.queryNode(that.getUri()); node = node || that.queryNode(that.getUri());
if (/^m-/.test(node)) { if (/^m-/.test(node)) {
var $all = $('a[data-menu-node]').parent(), tmp = node.split('-'), tmpNode = tmp.shift(); var $all = $('a[data-menu-node]').parent(), tmp = node.split('-'), tmpNode = tmp.shift();
while (tmp.length > 0) { while (tmp.length > 0) {
@ -499,19 +498,21 @@ $(function () {
that.checkInput(this); that.checkInput(this);
}).attr('novalidate', 'novalidate').attr('submit-listen', 'validate.submit'); }).attr('novalidate', 'novalidate').attr('submit-listen', 'validate.submit');
/*! 绑定提交事件 */ /*! 绑定提交事件 */
that.form.data('validate', this).bind("submit", function (event) { that.form.data('validate', this).bind("submit", function (evt) {
evt.button = that.form.find('button[type=submit],button:not([type=button])');
/* 检查所有表单元素是否通过H5的规则验证 */ /* 检查所有表单元素是否通过H5的规则验证 */
if (that.checkAllInput() && typeof callable === 'function') { if (that.checkAllInput() && typeof callable === 'function') {
if (typeof CKEDITOR === 'object' && typeof CKEDITOR.instances === 'object') { if (typeof CKEDITOR === 'object' && typeof CKEDITOR.instances === 'object') {
for (var i in CKEDITOR.instances) CKEDITOR.instances[i].updateElement(); for (var i in CKEDITOR.instances) CKEDITOR.instances[i].updateElement();
} }
/* 触发表单提交后，锁定三秒不能再次提交表单 */ /* 触发表单提交后，锁定三秒不能再次提交表单 */
if (that.form.attr('submit-locked')) return false; else that.form.attr('submit-locked', 1); if (that.form.attr('submit-locked')) return false;
that.form.attr('submit-locked', 1), evt.button.addClass('submit-button-loading');
callable.call(this, that.form.formToJson()), setTimeout(function () { callable.call(this, that.form.formToJson()), setTimeout(function () {
that.form.removeAttr('submit-locked'); that.form.removeAttr('submit-locked'), evt.button.removeClass('submit-button-loading');
}, 3000) }, 3000);
} }
return event.preventDefault(), false; return evt.preventDefault(), false;
}).find('[data-form-loaded]').map(function () { }).find('[data-form-loaded]').map(function () {
$(this).html(this.dataset.formLoaded || this.innerHTML); $(this).html(this.dataset.formLoaded || this.innerHTML);
$(this).removeAttr('data-form-loaded').removeClass('layui-disabled'); $(this).removeAttr('data-form-loaded').removeClass('layui-disabled');
@ -566,7 +567,7 @@ $(function () {
return data; return data;
}; };
/*! 全局文件上传入口 */ /*! 全局文件上传 */
$.fn.uploadFile = function (callable) { $.fn.uploadFile = function (callable) {
return this.each(function () { return this.each(function () {
if ($(this).data('inited')) return false; if ($(this).data('inited')) return false;
@ -603,11 +604,11 @@ $(function () {
function showImageContainer(srcs) { function showImageContainer(srcs) {
$(srcs).each(function (idx, src, $image) { $(srcs).each(function (idx, src, $image) {
$image = $('<div class="uploadimage uploadimagemtl transition"><a class="layui-icon">&#xe602;</a><a class="layui-icon">&#x1006;</a><a class="layui-icon">&#xe603;</a></div>'); $image = $('<div class="uploadimage uploadimagemtl transition"><div><a class="layui-icon">&#xe603;</a><a class="layui-icon">&#x1006;</a><a class="layui-icon">&#xe602;</a></div></div>');
$image.attr('data-tips-image', encodeURI(src)).css('backgroundImage', 'url(' + encodeURI(src) + ')').on('click', 'a', function (event, index, prevs, $item) { $image.attr('data-tips-image', encodeURI(src)).css('backgroundImage', 'url(' + encodeURI(src) + ')').on('click', 'a', function (event, index, prevs, $item) {
event.stopPropagation(), $item = $(this).parent(), index = $(this).index(), prevs = $bt.prevAll('div.uploadimage').length; event.stopPropagation(), $item = $(this).parent().parent(), index = $(this).index(), prevs = $bt.prevAll('div.uploadimage').length;
if (index === 0 && $item.index() !== prevs) $item.next().after($item); if (index === 2 && $item.index() !== prevs) $item.next().after($item);
else if (index === 2 && $item.index() > 1) $item.prev().before($item); else if (index === 0 && $item.index() > 1) $item.prev().before($item);
else if (index === 1) $item.remove(); else if (index === 1) $item.remove();
imgs = [], $bt.prevAll('.uploadimage').map(function () { imgs = [], $bt.prevAll('.uploadimage').map(function () {
imgs.push($(this).attr('data-tips-image')); imgs.push($(this).attr('data-tips-image'));
@ -673,18 +674,20 @@ $(function () {
// 插件初始化参数 // 插件初始化参数
var opt = params || {}, data = opt.where || {}, sort = opt.initSort || opt.sort || {}; var opt = params || {}, data = opt.where || {}, sort = opt.initSort || opt.sort || {};
opt.id = elem.id, opt.elem = elem, opt.url = params.url || elem.dataset.url || location.href; opt.id = elem.id, opt.elem = elem, opt.url = params.url || elem.dataset.url || location.href;
opt.page = params.page !== false ? (params.page || true) : false, opt.autoSort = params.autoSort === true; opt.page = params.page !== false ? (params.page || true) : false, opt.limit = params.limit || 20;
opt.loading = params.loading === true, opt.limit = params.limit || 20, opt.cols = params.cols || [[]]; opt.loading = params.loading === true, opt.autoSort = params.autoSort === true, opt.cols = params.cols || [[]];
// 默认动态设置页数, 动态设置最大高度
if (opt.page === true) opt.page = {curr: layui.sessionData('pages')[opt.id] || 1}
if (opt.height === 'full') opt.height = $(window).height() - $(elem).removeClass('layui-hide').offset().top - 35;
// 动态计算最大页数
opt.done = function () { opt.done = function () {
var tableView = $(elem).next(); layui.sessionData('pages', {key: elem.id, value: this.page.curr || 1}), (this.loading = true);
tableView.find('[data-load]:not([data-table-id])').attr('data-table-id', elem.id); this.elem.next().find('[data-load],[data-action]').not('[data-table-id]').attr('data-table-id', elem.id);
tableView.find('[data-action]:not([data-table-id])').attr('data-table-id', elem.id); }, opt.parseData = function (res) {
var maxPage = Math.ceil(res.count / this.limit), curPage = layui.sessionData('pages')[opt.id] || 1;
if (curPage > maxPage) this.elem.trigger('reload', {page: {curr: maxPage}});
}; };
// 动态设置最大高度 // 实例并绑定的对象
if (opt.height === 'full') {
opt.height = $(window).height() - $(elem).removeClass('layui-hide').offset().top - 35;
}
// 实例并绑定对象
$(this).data('this', layui.table.render(bindData(opt))); $(this).data('this', layui.table.render(bindData(opt)));
// 绑定实例重载事件 // 绑定实例重载事件
$(this).bind('reload', function (evt, opts) { $(this).bind('reload', function (evt, opts) {
@ -861,70 +864,6 @@ $(function () {
$textarea.remove(); $textarea.remove();
})(this.dataset.copy, $('<textarea style="position:fixed;top:-500px"></textarea>')); })(this.dataset.copy, $('<textarea style="position:fixed;top:-500px"></textarea>'));
}); });
/*! 注册 data-tips-text 事件行为 */
onEvent('mouseenter', '[data-tips-text]', function () {
var opts = {tips: [$(this).attr('data-tips-type') || 3, '#78BA32'], time: 0}, that = this;
$(this).attr('index', layer.tips($(this).attr('data-tips-text') || this.innerText, this, opts));
$(this).off('mouseleave').on('mouseleave', function () {
setTimeout(function () {
layer.close($(that).attr('index'));
}, 100);
});
});
/*! 注册 data-tips-image 事件行为 */
onEvent('click', '[data-tips-image]', function () {
$.previewImage(this.dataset.tipsImage || this.dataset.lazySrc || this.src, this.dataset.with);
});
/*! 注册 data-tips-image Hover 事件 */
onEvent('mouseenter', '[data-tips-image][data-tips-hover]', function () {
var img = new Image(), that = this;
img.referrerPolicy = 'no-referrer', img.style.maxWidth = '260px', img.style.maxHeight = '260px';
img.src = this.dataset.tipsImage || this.dataset.lazySrc || this.src, img.onload = function () {
$(that).attr('index', layer.tips(img.outerHTML, that, {time: 0, skin: 'layui-layer-image', anim: 5, isOutAnim: false, scrollbar: false}));
};
$(this).off('mouseleave').on('mouseleave', function () {
setTimeout(function () {
layer.close($(that).attr('index'));
}, 100);
});
});
$.previewImage = function (src, area) {
var img = new Image(), defer = $.Deferred(), loaded = $.msg.loading();
img.style.background = '#FFF', img.referrerPolicy = 'no-referrer';
img.style.height = 'auto', img.style.width = area || '480px', img.style.display = 'none';
document.body.appendChild(img), img.onerror = function () {
$.msg.close(loaded), defer.reject();
}, img.onload = function () {
layer.open({
type: 1, title: false, shadeClose: true, content: $(img), success: function ($elem, idx) {
$.msg.close(loaded), defer.notify($elem, idx);
}, area: area || '480px', skin: 'layui-layer-nobg', closeBtn: 1, end: function () {
document.body.removeChild(img), defer.resolve()
}
});
};
return (img.src = src), defer.resolve();
};
/*! 注册 data-phone-view 事件行为 */
onEvent('click', '[data-phone-view]', function () {
$.previewPhonePage(this.dataset.phoneView || this.href);
});
$.previewPhonePage = function (href, title, template) {
template = '<div><div class="mobile-preview pull-left"><div class="mobile-header">_TITLE_</div><div class="mobile-body"><iframe id="phone-preview" src="_URL_" frameborder="0" marginheight="0" marginwidth="0"></iframe></div></div></div>';
layer.style(layer.open({type: true, scrollbar: false, area: ['320px', '600px'], title: false, closeBtn: true, shadeClose: false, skin: 'layui-layer-nobg', content: $(template.replace('_TITLE_', title || '公众号').replace('_URL_', href)).html()}), {boxShadow: 'none'});
};
/*! 表单编辑返回操作 */
onEvent('click', '[data-history-back]', function () {
$.msg.confirm(this.dataset.historyBack || '确定要返回吗？', function () {
history.back();
})
});
/*! 异步任务状态监听与展示 */ /*! 异步任务状态监听与展示 */
onEvent('click', '[data-queue]', function (e) { onEvent('click', '[data-queue]', function (e) {
(function (confirm, callable) { (function (confirm, callable) {
@ -1001,6 +940,68 @@ $(function () {
})(code) })(code)
}; };
/*! 注册 data-tips-text 事件行为 */
onEvent('mouseenter', '[data-tips-text]', function () {
var opts = {tips: [$(this).attr('data-tips-type') || 3, '#78BA32'], time: 0}, that = this;
$(this).attr('index', layer.tips($(this).attr('data-tips-text') || this.innerText, this, opts));
$(this).off('mouseleave').on('mouseleave', function () {
setTimeout(function () {
layer.close($(that).attr('index'));
}, 100);
});
});
/*! 注册 data-tips-image 事件行为 */
onEvent('click', '[data-tips-image]', function () {
$.previewImage(this.dataset.tipsImage || this.dataset.lazySrc || this.src, this.dataset.with);
});
/*! 注册 data-tips-image Hover 事件 */
onEvent('mouseenter', '[data-tips-image][data-tips-hover]', function () {
var img = new Image(), that = this;
img.referrerPolicy = 'no-referrer', img.style.maxWidth = '260px', img.style.maxHeight = '260px';
img.src = this.dataset.tipsImage || this.dataset.lazySrc || this.src, img.onload = function () {
$(that).attr('index', layer.tips(img.outerHTML, that, {time: 0, skin: 'layui-layer-image', anim: 5, isOutAnim: false, scrollbar: false}));
};
$(this).off('mouseleave').on('mouseleave', function () {
setTimeout(function () {
layer.close($(that).attr('index'));
}, 100);
});
});
$.previewImage = function (src, area) {
var img = new Image(), defer = $.Deferred(), loaded = $.msg.loading();
img.style.background = '#FFF', img.referrerPolicy = 'no-referrer';
img.style.height = 'auto', img.style.width = area || '480px', img.style.display = 'none';
document.body.appendChild(img), img.onerror = function () {
$.msg.close(loaded), defer.reject();
}, img.onload = function () {
layer.open({
type: 1, title: false, shadeClose: true, content: $(img), success: function ($elem, idx) {
$.msg.close(loaded), defer.notify($elem, idx);
}, area: area || '480px', skin: 'layui-layer-nobg', closeBtn: 1, end: function () {
document.body.removeChild(img), defer.resolve()
}
});
};
return (img.src = src), defer.resolve();
};
/*! 注册 data-phone-view 事件行为 */
onEvent('click', '[data-phone-view]', function () {
$.previewPhonePage(this.dataset.phoneView || this.href);
});
$.previewPhonePage = function (href, title, template) {
template = '<div><div class="mobile-preview pull-left"><div class="mobile-header">_TITLE_</div><div class="mobile-body"><iframe id="phone-preview" src="_URL_" frameborder="0" marginheight="0" marginwidth="0"></iframe></div></div></div>';
layer.style(layer.open({type: true, scrollbar: false, area: ['320px', '600px'], title: false, closeBtn: true, shadeClose: false, skin: 'layui-layer-nobg', content: $(template.replace('_TITLE_', title || '公众号').replace('_URL_', href)).html()}), {boxShadow: 'none'});
};
/*! 表单编辑返回操作 */
onEvent('click', '[data-history-back]', function () {
$.msg.confirm(this.dataset.historyBack || '确定要返回吗？', function () {
history.back();
})
});
/*! 延时关闭加载动画 */ /*! 延时关闭加载动画 */
window.addEventListener('load', function () { window.addEventListener('load', function () {
setTimeout(function () { setTimeout(function () {

13
public/static/theme/css/console.config.less
View File

@ -17,14 +17,15 @@
@BoxBorderColor: #EEE; @BoxBorderColor: #EEE;
@BoxBorderRadius: 5px; @BoxBorderRadius: 5px;
// 输入框边线颜色 // 输入边线颜色
@RadioBorderNormalColor: #CCC; @RadioBorderNormalColor: #CCC;
@InputBorderNormalColor: #EEE; @InputBorderNormalColor: #EEE;
@InputBorderActiveColor: #DDD; @InputBorderActiveColor: #DDD;
// 基础阴影样式配置 // 基础阴影配置
@ShadowMaxOuter: 0 1px 6px 0 rgba(0, 0, 0, .16); @ShadowMinOuter: 0 0 4px 0 rgba(0, 0, 0, .16);
@ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, .15) inset; @ShadowMaxOuter: 0 0 6px 0 rgba(0, 0, 0, .16);
@ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, .16) inset;
@ShadowDownInset: 0 1px 6px 0 rgba(0, 0, 0, .16) inset; @ShadowDownInset: 0 1px 6px 0 rgba(0, 0, 0, .16) inset;
// 导航条颜色配置 // 导航条颜色配置
@ -37,9 +38,9 @@
// 导航条按钮颜色 // 导航条按钮颜色
@TopHeaderHeight: 50px; @TopHeaderHeight: 50px;
@TopHeaderNavHoverTextColor: #000; @TopHeaderNavHoverTextColor: #000;
@TopHeaderNavHoverBackColor: rgba(0, 0, 0, 0.05); @TopHeaderNavHoverBackColor: rgba(0, 0, 0, .05);
@TopHeaderNavActiveTextColor: #000; @TopHeaderNavActiveTextColor: #000;
@TopHeaderNavActiveBackColor: rgba(0, 0, 0, 0.1); @TopHeaderNavActiveBackColor: rgba(0, 0, 0, .10);
// 左侧菜单布局颜色 // 左侧菜单布局颜色
@LeftMainBackColor: #393D49 !important; @LeftMainBackColor: #393D49 !important;

2
public/static/theme/css/console.css
View File

File diff suppressed because one or more lines are too long

2
public/static/theme/css/console.css.map
View File

File diff suppressed because one or more lines are too long

88
public/static/theme/css/console.custom.less
View File

@ -195,10 +195,12 @@
width: 76px; width: 76px;
height: 76px; height: 76px;
cursor: pointer; cursor: pointer;
position: relative;
display: inline-block; display: inline-block;
border: 1px dashed #e2e2e2; position: relative;
overflow: hidden;
margin-right: 10px; margin-right: 10px;
border-radius: 3px;
box-shadow: @ShadowMinOuter;
background: url('../img/upimg.png') no-repeat center center; background: url('../img/upimg.png') no-repeat center center;
background-size: cover; background-size: cover;
@ -220,25 +222,43 @@
} }
.uploadimagemtl { .uploadimagemtl {
margin-right: 8px; > div {
top: 0;
a { left: 0;
float: right; right: 0;
color: #EEE; bottom: 0;
width: 20px; position: absolute;
height: 20px;
margin: 4px 4px 0 0;
display: none; display: none;
text-align: center; text-align: right;
line-height: 20px;
background: rgba(0, 0, 0, 0.6); a {
color: #EEE;
width: 20px;
height: 20px;
display: inline-block;
margin-left: 1px;
box-shadow: @ShadowMinOuter;
text-align: center;
line-height: 20px;
background: rgba(0, 0, 0, 0.8);
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
} }
&:hover a { &:hover > div {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
&:hover { a:hover {
color: #FFF; color: #FFF;
text-decoration: none text-decoration: none
} }
@ -248,10 +268,9 @@
.upload-image-smbox, .upload-image-smbox,
.upload-image-mdbox, .upload-image-mdbox,
.upload-image-lgbox { .upload-image-lgbox {
a { .uploadimage a {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 1px 1px 0 0;
line-height: 30px; line-height: 30px;
} }
} }
@ -267,8 +286,39 @@
} }
.upload-image-lgbox .uploadimage { .upload-image-lgbox .uploadimage {
width: 260px; width: 240px;
height: 260px; height: 240px;
}
.submit-button-loading {
cursor: default;
position: relative;
transform: scale(1);
text-align: center;
&::after {
left: 0;
right: 0;
position: absolute;
content: "\e63d";
font-family: layui-icon !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
animation-name: layui-rotate;
-webkit-animation-name: layui-rotate;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
} }
.portal-block-container { .portal-block-container {

18
public/static/theme/css/console.display.less
View File

@ -39,9 +39,19 @@
height: 28px; height: 28px;
} }
&-sm {
width: 38px;
height: 38px;
}
&-md { &-md {
width: 55px; width: 58px;
height: 55px; height: 58px;
}
&-lg {
width: 88px;
height: 88px;
} }
> img { > img {
@ -530,12 +540,12 @@ fieldset {
} }
.mobile-footer { .mobile-footer {
top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
margin: 0;
border: 1px solid #ccc;
position: absolute; position: absolute;
border: 1px solid #ccc;
padding-left: 43px; padding-left: 43px;
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0; background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
list-style-type: none; list-style-type: none;

1
public/static/theme/css/console.layout.less
View File

@ -261,7 +261,6 @@
position: absolute; position: absolute;
box-sizing: border-box; box-sizing: border-box;
> .layui-card-table { > .layui-card-table {
padding: 15px; padding: 15px;
box-sizing: border-box; box-sizing: border-box;