From 11cc1597d298ea8920cb710c0e54d137f4fd1c6b Mon Sep 17 00:00:00 2001 From: gongfuxiang Date: Sat, 9 Jul 2022 12:03:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=92=E4=BB=B6=E7=AE=A1=E7=90=86=E6=94=AF?= =?UTF-8?q?=E6=8C=81=E6=90=9C=E7=B4=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../view/default/pluginsadmin/index.html | 246 +++++++++--------- .../static/admin/default/css/pluginsadmin.css | 96 ++++--- .../static/admin/default/js/pluginsadmin.js | 53 ++++ 3 files changed, 250 insertions(+), 145 deletions(-) diff --git a/app/admin/view/default/pluginsadmin/index.html b/app/admin/view/default/pluginsadmin/index.html index e33f1f8e3..c9be1eee7 100755 --- a/app/admin/view/default/pluginsadmin/index.html +++ b/app/admin/view/default/pluginsadmin/index.html @@ -15,138 +15,152 @@ {{/if}} - {{if !empty($data_list['db_data']) or !empty($data_list['dir_data'])}} - {{if !empty($data_list['db_data'])}} - -
-

1 列表排序方式[ 自定义排序 -> 最早安装 ]

-

- 2. 可点击拖动图标按钮调整插件调用和展示顺序 - - - -

- {{if empty($site_store_info) or empty($site_store_info['user'])}} +
+ {{if !empty($data_list['db_data']) or !empty($data_list['dir_data'])}} +
+ + + + +
+ {{if !empty($data_list['db_data'])}} + +
+

1 列表排序方式[ 自定义排序 -> 最早安装 ]

- 3. 绑定ShopXO应用商店帐号、获取插件最新版本信息、在线安装及更新 - + 2. 可点击拖动图标按钮调整插件调用和展示顺序 + + +

- {{/if}} -
- -
    - {{foreach $data_list['db_data'] as $v}} - {{if isset($v['is_install']) and $v['is_install'] eq 1}} -
  • - -
    • + {{if empty($site_store_info) or empty($site_store_info['user'])}} +

    + 3. 绑定ShopXO应用商店帐号、获取插件最新版本信息、在线安装及更新 + +

    {{/if}} - {{/foreach}} -
- {{/if}} +
- {{if !empty($data_list['dir_data'])}} - -
- - - 以下插件未安装 - - -
-
- + + {{/if}} + {{/foreach}} + - -
-
-
- × -
-
-
-

1. 仅删除应用（仅删除应用代码，保留应用数据）

-

2. 删除应用并删除数据（将删除应用代码和应用数据）

+ +
+
+
+ ×
-

PS：以下操作后均不可恢复，请谨慎操作！

-
- - +
+
+

1. 仅删除应用（仅删除应用代码，保留应用数据）

+

2. 删除应用并删除数据（将删除应用代码和应用数据）

+
+

PS：以下操作后均不可恢复，请谨慎操作！

+
+ + - + +
+ {{/if}} + +
+ 去应用商店挑选更多插件丰富站点 >> +
+ {{else /}} +
+ 还没有相关应用 + 到应用商店挑选插件丰富站点 >>
{{/if}} - -
- 去应用商店挑选更多插件丰富站点 >> -
- {{else /}} -
- 还没有相关应用 - 到应用商店挑选插件丰富站点 >> -
- {{/if}} +
diff --git a/public/static/admin/default/css/pluginsadmin.css b/public/static/admin/default/css/pluginsadmin.css index 4c1d36c8c..e74056eb2 100755 --- a/public/static/admin/default/css/pluginsadmin.css +++ b/public/static/admin/default/css/pluginsadmin.css @@ -1,61 +1,69 @@ /** * 列表 */ -.content ul.am-gallery-bordered { +.plugins-data-list { + position: relative; +} +.plugins-data-list ul { padding: 0px; - width: calc(100% + 10px); - margin-left: -5px; + width: calc(100% + 20px); + margin-left: -10px; } -.content ul.am-gallery-bordered li .am-gallery-item { - height: 197px; +.plugins-data-list ul li { + float: left; + padding: 10px; } -.content ul.am-gallery-bordered li .icon { +.plugins-data-list ul li .item { + height: 208px; + padding: 10px; +} +.plugins-data-list ul li .icon { width: 80px; height: 80px; border-radius: 10px; box-shadow: 0px 3px 6px 0px rgba(0,0,0,.4); } -.content ul.am-gallery-bordered .am-gallery-item { +.plugins-data-list ul .item { box-shadow: none; border: 1px solid #d4d4d4; border-radius: 2px; } -.content ul.am-gallery-bordered .am-gallery-item.am-active { +.plugins-data-list ul .item.am-active { border: 1px solid #ff8a8a !important; background: #fff2f2; } -.content ul.am-gallery-bordered .am-gallery-item:hover { +.plugins-data-list ul .item:hover { border: 1px solid #999; box-shadow: 0px 12px 12px -10px rgba(0,0,0,.4); } -.content ul.am-gallery-bordered li { +.plugins-data-list ul li { position: relative; } -.content ul.am-gallery-bordered li .base { +.plugins-data-list ul li .base { position: absolute; - top: 10px; - left: 100px; - width: calc(100% - 112px); + top: 20px; + left: 110px; + width: calc(100% - 130px); } -.content ul.am-gallery-bordered li .base h3 { +.plugins-data-list ul li .base h3 { font-weight: 700; color: #333; margin: 2px 0px 3px 0px; } -.content ul.am-gallery-bordered li .base p { +.plugins-data-list ul li .base p { line-height: 18px; margin: 0; font-size: 12px; font-weight: 300; color: #999; } -.content ul.am-gallery-bordered li .base h3, .content ul.am-gallery-bordered li .base p { +.plugins-data-list ul li .base h3, .plugins-data-list ul li .base p { word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } -.content ul.am-gallery-bordered .am-gallery-desc { +.plugins-data-list ul .desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; @@ -65,28 +73,28 @@ height: 36px; line-height: 18px; } -.content ul.am-gallery-bordered li .operation { +.plugins-data-list ul li .operation { border-top: 1px dashed #eee; padding: 10px 0 5px 0; } -.content ul.am-gallery-bordered li .am-btn, .content ul.am-gallery-bordered li .am-icon-btn { +.plugins-data-list ul li .am-btn, .plugins-data-list ul li .am-icon-btn { width: 35px; } -.content ul.am-gallery-bordered li .submit-state { +.plugins-data-list ul li .submit-state { height: 30px; border-radius: 2px; font-size: 12px; line-height: 14px; } -.content ul.am-gallery-bordered li .submit-state.am-success { +.plugins-data-list ul li .submit-state.am-success { border: 1px solid #4caf50; background-color: #4caf50; color: #fff; } -.content ul.am-gallery-bordered li .submit-move { +.plugins-data-list ul li .submit-move { cursor: move !important; } -.content ul.already-install .am-gallery-item.am-active { +.plugins-data-list ul.already-install .item.am-active { border: 1px solid #f8815d !important; background: #fffbf5; } @@ -113,21 +121,21 @@ border-top: 1px dashed #2196F3; } @media only screen and (max-width: 641px) { - .content ul.am-gallery-bordered li .am-gallery-item { + .plugins-data-list ul li .item { height: 187px; } - .content ul.am-gallery-bordered li .icon { + .plugins-data-list ul li .icon { width: 65px; height: 65px; } - .content ul.am-gallery-bordered li .base { + .plugins-data-list ul li .base { left: 85px; width: calc(100% - 97px); } - .content ul.am-gallery-bordered li .base h3 { + .plugins-data-list ul li .base h3 { margin: 0px; } - .content ul.am-gallery-bordered li .base p { + .plugins-data-list ul li .base p { line-height: 16px; } } @@ -136,14 +144,44 @@ * 删除modal */ @media only screen and (min-width: 641px) { + .plugins-data-list ul li { + width: 50%; + } #plugins-delete-modal .am-modal-bd button.submit-ajax { margin-right: 10px; } } +@media only screen and (min-width: 1025px) { + .plugins-data-list ul li { + width: 33.33%; + } +} @media only screen and (max-width: 641px) { + .plugins-data-list ul li { + width: 100%; + } #plugins-delete-modal .am-modal-bd .am-btn { width: 100%; display: block; margin-top: 10px; } +} + +/** + * 搜索 + */ +.plugins-search { + width: 380px; + position: absolute; + top: 32px; + right: 20px; +} +@media only screen and (max-width: 800px) { + .plugins-search { + width: 100%; + position: relative; + margin-top: 10px; + top: auto; + right: auto; + } } \ No newline at end of file diff --git a/public/static/admin/default/js/pluginsadmin.js b/public/static/admin/default/js/pluginsadmin.js index f52737e89..686f19619 100644 --- a/public/static/admin/default/js/pluginsadmin.js +++ b/public/static/admin/default/js/pluginsadmin.js @@ -1,3 +1,41 @@ +/** + * 插件搜索 + * @author Devil + * @blog http://gong.gg/ + * @version 1.0.0 + * @date 2022-07-09 + * @desc description + */ +function PluginsSearch() +{ + var keywords = $('.plugins-search input').val().trim() || null; + if(keywords != null) + { + var count = 0; + $('.plugins-data-list ul li').each(function(k, v) + { + var name = $(this).find('.base .name').text(); + var desc = $(this).find('.desc').text(); + if(name.indexOf(keywords) != -1 || desc.indexOf(keywords) != -1) + { + $(this).show(); + count++; + } else { + $(this).hide(); + } + }); + if(count == 0) + { + $('.not-data-tips').removeClass('none'); + } else { + $('.not-data-tips').addClass('none'); + } + } else { + $('.plugins-data-list ul li').show(); + $('.not-data-tips').addClass('none'); + } +} + $(function() { // 删除提示 @@ -88,4 +126,19 @@ $(function() } }); }); + + // 搜索 + $('.plugins-search button').on('click', function() + { + PluginsSearch(); + }); + // 输入回车搜索 + $('.plugins-search input').on('keydown', function(e) + { + if(e.keyCode == 13) + { + PluginsSearch(); + e.preventDefault(); + } + }); }); \ No newline at end of file