From dfc718618c0c5bd9af05946bed04cf6c3c8250ac Mon Sep 17 00:00:00 2001 From: Jmysy <854085467@qq.com> Date: Tue, 9 Jun 2020 20:48:29 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=B6=88=E6=81=AF=E7=BB=84?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Pear Admin v 2.0/admin/data/notice.json | 20 ++++++++++++ .../component/layui/lay/extends/pearAdmin.js | 32 ++++++++++++++++++- .../component/layui/lay/extends/pearNotice.js | 6 ++-- Pear Admin v 2.0/index.html | 22 ++++--------- Pear Admin v 2.0/view/console/console1.html | 8 ++--- 5 files changed, 66 insertions(+), 22 deletions(-) diff --git a/Pear Admin v 2.0/admin/data/notice.json b/Pear Admin v 2.0/admin/data/notice.json index 76f03d8..e4993fe 100644 --- a/Pear Admin v 2.0/admin/data/notice.json +++ b/Pear Admin v 2.0/admin/data/notice.json @@ -5,11 +5,15 @@ "id": 11, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 12, "avatar":"admin/images/success.png", "title": "收到一条成功通知", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }] }, @@ -20,33 +24,45 @@ "id": 11, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 12, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 11, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 12, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 11, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 12, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }] }, @@ -57,11 +73,15 @@ "id": 11, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }, { "id": 12, "avatar":"admin/images/success.png", "title": "收到一条紧急任务", + "context": "这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容，这是消息内容", + "form": "就眠仪式", "time": "2019-02-15" }] } diff --git a/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js b/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js index d81c93d..89e7acd 100644 --- a/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js +++ b/Pear Admin v 2.0/component/layui/lay/extends/pearAdmin.js @@ -1,4 +1,4 @@ -layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pearFrame'], function(exports) { +layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pearNotice','pearFrame'], function(exports) { "use strict"; var $ = layui.jquery, @@ -6,6 +6,7 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear element = layui.element, pearTab = layui.pearTab, pearMenu = layui.pearMenu, + pearNotice = layui.pearNotice, pearFrame = layui.pearFrame; var bodyFrame; @@ -23,6 +24,8 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear this.keepLoad(option); this.themeRender(option); + + this.noticeRender(option); } @@ -45,6 +48,33 @@ layui.define(['table', 'jquery', 'element', 'form', 'pearTab', 'pearMenu', 'pear } + + this.noticeRender = function(option){ + + var option = { + elem: 'headerNotice', + url: option.notice, + height: '250px', + click: function(id, title, context, form) { + layer.open({ + type: 1 , + title: '消息', //标题 + area: ['390px', '330px'], //宽高 + shade: 0.4, //遮罩透明度 + content: "
发件人 : "+form+"
标题 : "+title+"
内容 : "+context+"
",//支持获取DOM元素 + btn: ['确认'], //按钮组 + scrollbar: false ,//屏蔽浏览器滚动条 + yes: function(index){//layer.msg('yes'); //点击确定回调 + layer.close(index); + showToast(); + } + }); + } + } + + pearNotice.render(option); + } + this.bodyRender = function(option) { diff --git a/Pear Admin v 2.0/component/layui/lay/extends/pearNotice.js b/Pear Admin v 2.0/component/layui/lay/extends/pearNotice.js index 9c483a1..cd159c3 100644 --- a/Pear Admin v 2.0/component/layui/lay/extends/pearNotice.js +++ b/Pear Admin v 2.0/component/layui/lay/extends/pearNotice.js @@ -29,7 +29,9 @@ layui.define(['table', 'jquery', 'element'], function (exports) { $("*[notice-id]").click(function(){ var id = $(this).attr("notice-id"); var title = $(this).attr("notice-title"); - option.click(id,title); + var context = $(this).attr("notice-context"); + var form = $(this).attr("notice-form"); + option.click(id,title,context,form); }) return new pearNotice(option); @@ -84,7 +86,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) { $.each(item.children, function(i, note) { - noticeContent += '
'+ + noticeContent += '
'+ ''+ ''+note.title+''+ ''+note.time+''+ diff --git a/Pear Admin v 2.0/index.html b/Pear Admin v 2.0/index.html index 35f6689..6a16ec1 100644 --- a/Pear Admin v 2.0/index.html +++ b/Pear Admin v 2.0/index.html @@ -62,7 +62,7 @@
-
+
@@ -85,24 +85,16 @@ theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题 index: 'view/console/console1.html', // 默 认 加 载 主 页 data: 'admin/data/menu.json', // 菜 单 数 据 加 载 地 址 + notice: 'admin/data/notice.json' }; - var option = { - elem: 'headerNotice', - url: 'admin/data/notice.json', - height: '250px', - click: function(id, title) { - layer.alert("点击消息 : " + id); - } - } - - var setting = { - elem: 'social' - } - + var setting = { + elem: 'social' + } + pearSocial.render(setting); pearAdmin.render(config); - pearNotice.render(option); + }) diff --git a/Pear Admin v 2.0/view/console/console1.html b/Pear Admin v 2.0/view/console/console1.html index 66142b9..c4255e3 100644 --- a/Pear Admin v 2.0/view/console/console1.html +++ b/Pear Admin v 2.0/view/console/console1.html @@ -22,7 +22,7 @@ 9,04,0
- +
@@ -37,7 +37,7 @@ 6,34,4
- +
@@ -52,7 +52,7 @@ 1,34,1
- +
@@ -67,7 +67,7 @@ 7,04,6
- +