修改模板

2025-04-05 19:41:44 +08:00 · 2021-08-28 14:42:03 +08:00 · 2021-08-28 14:42:03 +08:00 · d7c98e7c5c
commit d7c98e7c5c
parent a35df16a4b
6 changed files with 45 additions and 2109 deletions
--- a/app/admin/view/base/index.html
+++ b/app/admin/view/base/index.html
@ -42,7 +42,7 @@
                {field: 'name', title: '数据名称', minWidth: 140, align: 'center'},
                {field: 'status', title: '数据状态', minWidth: 110, align: 'center', templet: '#StatusSwitchTpl'},
                {field: 'create_at', title: '创建时间', minWidth: 170, align: 'center', sort: true},
-                {toolbar: '#toolbar', align: 'center', width: 150, title: '数据操作', fixed: 'right'},
+                {toolbar: '#toolbar', align: 'center', minWidth: 150, title: '数据操作', fixed: 'right'},
            ]]
        });

--- a/app/admin/view/oplog/index.html
+++ b/app/admin/view/oplog/index.html
@ -2,7 +2,7 @@

 {block name="button"}
 <!--{if auth("remove")}-->
-<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>
+<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 auth("clear")}-->
 <button data-load='{:url("clear")}' data-confirm="确定要清空所有日志吗？" class='layui-btn layui-btn-sm layui-btn-primary'>清空日志</button>
@ -12,25 +12,25 @@
 {block name="content"}
 <div class="think-box-shadow">
    {include file='oplog/index_search'}
-    <table id="oplogData" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
+    <table id="OplogData" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
 </div>
 {/block}

 {block name='script'}
 <script>
    $(function () {
-        $('#oplogData').layTable({
+        $('#OplogData').layTable({
            even: true, height: 'full',
            sort: {field: 'id', type: 'desc'},
            cols: [[
                {checkbox: true},
                {field: 'id', title: 'ID', width: 80, sort: true, align: 'center'},
                {field: 'username', title: '操作账号', minWidth: 100, sort: true, align: 'center'},
-                {field: 'node', title: '操作节点', minWidth: 120, sort: true},
-                {field: 'action', title: '操作行为', minWidth: 120, sort: true},
-                {field: 'content', title: '操作描述', minWidth: 120, sort: false},
-                {field: 'geoip', title: '访问地址', minWidth: 100, sort: true},
-                {field: 'geoisp', title: '网络服务商', minWidth: 100, sort: false},
+                {field: 'node', title: '操作节点', minWidth: 120},
+                {field: 'action', title: '操作行为', minWidth: 120},
+                {field: 'content', title: '操作描述', minWidth: 120},
+                {field: 'geoip', title: '访问地址', minWidth: 100},
+                {field: 'geoisp', title: '网络服务商', minWidth: 100},
                {field: 'create_at', title: '操作时间', minWidth: 170, align: 'center', sort: true},
                {toolbar: '#toolbar', title: '操作面板', align: 'center', fixed: 'right'}
            ]]
--- a/public/static/admin.js
+++ b/public/static/admin.js
@ -645,12 +645,12 @@ $(function () {
            });

            function showTags(tagsArr) {
-                $(tagsArr).each(function (idx, text, element) {
-                    element = $('<div class="layui-tag"></div>').html(text + '<i class="layui-icon">&#x1006;</i>');
-                    element.on('click', 'i', function (tagText, tagIndex) {
-                        tagText = $(this).parent().text(), tagIndex = tags.indexOf(tagText);
-                        tags.splice(tagIndex, 1), $(this).parent().remove(), $this.val(tags.join(','));
-                    }), $tags.append(element, $text);
+                $(tagsArr).each(function (idx, text, elem) {
+                    elem = $('<div class="layui-tag"></div>').html(text + '<i class="layui-icon">&#x1006;</i>');
+                    elem.on('click', 'i', function (tagText, tagIdx) {
+                        tagText = $(this).parent().text(), tagIdx = tags.indexOf(tagText);
+                        tags.splice(tagIdx, 1), $(this).parent().remove(), $this.val(tags.join(','));
+                    }), $tags.append(elem, $text);
                });
            }
        });
@ -664,11 +664,11 @@ $(function () {
                var selection = document.selection.createRange();
                (selection.text = value), selection.select();
            } else if (this.selectionStart || this.selectionStart === 0) {
-                var startPos = this.selectionStart, afterPos = this.selectionEnd, scrollTop = this.scrollTop;
+                var startPos = this.selectionStart, afterPos = this.selectionAfter, scrollTop = this.scrollTop;
                this.value = this.value.substring(0, startPos) + value + this.value.substring(afterPos, this.value.length);
                if (scrollTop > 0) this.scrollTop = scrollTop;
                this.focus();
-                this.selectionEnd = startPos + value.length;
+                this.selectionAfter = startPos + value.length;
                this.selectionStart = startPos + value.length;
            } else (this.value += value), this.focus();
        });
@ -977,12 +977,13 @@ $(function () {

    /*! 异步任务状态监听与展示 */
    onEvent('click', '[data-queue]', function (e) {
+        var that = this;
        (function (confirm, callable) {
            confirm ? $.msg.confirm(confirm, callable) : callable();
-        })(e.currentTarget.dataset.confirm, function () {
-            $.form.load(e.currentTarget.dataset.queue, {}, 'post', function (ret) {
+        })(this.dataset.confirm, function () {
+            $.form.load(that.dataset.queue, {}, 'post', function (ret) {
                if (typeof ret.data === 'string' && ret.data.indexOf('Q') === 0) {
-                    return $.loadQueue(ret.data, true, e.currentTarget), false;
+                    return $.loadQueue(ret.data, true, that), false;
                }
            });
        });
@ -990,26 +991,21 @@ $(function () {

    /*! 注册 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));
+        var opts = {tips: [$(this).attr('data-tips-type') || 3, '#78BA32'], time: 0};
+        var layidx = 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);
+            setTimeout("layui.layer.close('" + layidx + "')", 100);
        });
    });

    /*! 注册 data-tips-image Hover 事件 */
    onEvent('mouseenter', '[data-tips-image][data-tips-hover]', function () {
-        var img = new Image(), that = this;
+        var img = new Image(), that = this, layidx;
        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);
+            layidx = layer.tips(img.outerHTML, that, {time: 0, skin: 'layui-layer-image', anim: 5, isOutAnim: false, scrollbar: false});
+        }, $(this).off('mouseleave').on('mouseleave', function () {
+            setTimeout("layui.layer.close('" + layidx + "')", 100);
        });
    });

@ -1032,9 +1028,7 @@ $(function () {

    /*! 延时关闭加载动画 */
    window.addEventListener('load', function () {
-        setTimeout(function () {
-            $('body>.think-page-loader').fadeOut();
-        }, 200);
+        setTimeout("$('body>.think-page-loader').fadeOut()", 200);
    }, true);

    /*! 图片加载异常处理 */
--- a/public/static/theme/css/console.css
+++ b/public/static/theme/css/console.css
--- a/public/static/theme/css/console.css.map
+++ b/public/static/theme/css/console.css.map
--- a/public/static/theme/css/console.custom.less
+++ b/public/static/theme/css/console.custom.less
@ -142,7 +142,20 @@
  box-shadow: @ShadowMaxOuter;
  border-radius: @BoxBorderRadius;

-  > form.layui-card {
+  > .layui-card {
+    box-shadow: none;
+  }
+}
+
+.think-box-notify {
+  display: block;
+  padding: 16px 20px;
+  font-size: 15px;
+  line-height: 1em;
+  box-shadow: @ShadowMaxOuter;
+  border-radius: @BoxBorderRadius;
+
+  > .layui-card {
    box-shadow: none;
  }
 }