remove dropdown component

admin/data/table.json

@@ -1,38 +1,132 @@
 {
-    "data": [{
+	"code": 0,
-        "Id": 3,
+	"msg": "...",
-        "Account": "testuser",
+	"count": 3,
-        "Pwd": "99d0e8331a813e4339e9408a8bda0b9c",
+	"data": [{
-        "UserType": 0,
+		"userId": "1",
-        "IsEnable": false,
+		"username": "admin",
-        "IsTest": false,
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
-        "Nick": "测试用户",
+		"salt": null,
-        "Email": null,
+		"status": null,
-        "Province": null,
+		"realName": "超级管理员",
-        "City": null,
+		"email": "8540854@qq.com",
-        "Town": null,
+		"avatar": null,
-        "Address": null,
+		"sex": "1",
-        "Phone": null,
+		"phone": "15543526531",
-        "Tel": null,
+		"enable": "1",
-        "Remark": null,
+		"login": "1",
-        "LastLoginTime": "0001-01-01 00:00:00",
+		"roleIds": null
-        "LastLoginIp": null,
+	}, {
-        "LastLoginUserAgent": null,
+		"userId": "2",
-        "CreatorUserId": 0,
+		"username": "854085467",
-        "CreatorUserName": "",
+		"password": null,
-        "CreationTime": "2021-03-28 10:03:24",
+		"salt": null,
-        "UpdateUserId": 0,
+		"status": null,
-        "UpdateUserName": null,
+		"realName": "就眠仪式",
-        "UpdateTime": "0001-01-01 00:00:00",
+		"email": null,
-        "IsDeleted": false,
+		"avatar": null,
-        "DeletedUserId": 0,
+		"sex": "1",
-        "DeletedUserName": null,
+		"phone": "1555324324234",
-        "DeletedTime": "0001-01-01 00:00:00"
+		"enable": "1",
-    }],
+		"login": "1",
-    "count": 3,
+		"roleIds": null
-    "code": 0,
+	}, {
-    "msg": "",
+		"userId": "3",
-    "page": 1,
+		"username": "970796069",
-    "limit": 1,
+		"password": null,
-    "totalpage": 3
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	},{
+		"userId": "4",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "5",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "6",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	},{
+		"userId": "7",
+		"username": "admin",
+		"password": "$2a$10$1K7E1.IYCrsoZVCb6utOo.5jENtfOzhdKWhc49t2lk.UQd7Oam4FG",
+		"salt": null,
+		"status": null,
+		"realName": "超级管理员",
+		"email": "8540854@qq.com",
+		"avatar": null,
+		"sex": "1",
+		"phone": "15543526531",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "8",
+		"username": "854085467",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "就眠仪式",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}, {
+		"userId": "9",
+		"username": "970796069",
+		"password": null,
+		"salt": null,
+		"status": null,
+		"realName": "王二麻子",
+		"email": null,
+		"avatar": null,
+		"sex": "1",
+		"phone": "1555324324234",
+		"enable": "1",
+		"login": "1",
+		"roleIds": null
+	}]
 }

component/pear/css/pear-module/button.css

@@ -60,13 +60,13 @@
 
 .pear-btn-primary[plain] {
 	color: #409eff !important;
-	background: #ecf5ff !important;
+	background: #ecf5ff 10% !important;
 	border-color: #b3d8ff !important;
 }
 
 .pear-btn-primary[plain]:hover {
 	color: #fff !important;
-	background-color: #2d8cf0 !important
+	background-color: #2d8cf0!important
 }
 
 .pear-btn-success[plain] {

component/pear/css/pear-module/dropdown.css

@@ -1,162 +0,0 @@
-html #layuicss-dropdown_css {
-	display: none;
-	position: absolute;
-	width: 1989px
-}
-
-.dropdown-root {
-	position: fixed;
-	outline: 0;
-	overflow: hidden
-}
-
-.dropdown-pointer {
-	width: 0;
-	height: 0;
-	position: absolute;
-	display: block;
-	overflow: hidden;
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgBAMAAABQs2O3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVQTFRFAAAAgICAgICAgICAhISE8PDw////jUnEegAAAAd0Uk5TAB/2/////74r3wgAAACOSURBVHicfcztDYAgDEVR2MCwgXEDwwbGDYwbyP4jyJfYlvbdvzc5zrH8ti8OFeKxou+384JEiPeDiAykhIgMpASICiCiAoDogE10wCQGYBEDMAgC6AQBVIIBGsEAhRDATAhgIiZAEhMgCAXghAIwQgUooQKEMICfMIBBmMBHmEAnANAIADQCAYVwCCjEC5fhzAE36RUGAAAAAElFTkSuQmCC) bottom center no-repeat;
-	background-size: 100% 50%;
-	-webkit-transform-origin: center center;
-	-moz-transform-origin: center center;
-	-ms-transform-origin: center center;
-	-o-transform-origin: center center;
-	transform-origin: center center
-}
-
-.dropdown-pointer.bottom {
-	-webkit-transform: rotate(-180deg);
-	-moz-transform: rotate(-180deg);
-	-ms-transform: rotate(-180deg);
-	-o-transform: rotate(-180deg);
-	transform: rotate(-180deg)
-}
-
-.dropdown-root .dropdown-content {
-	background-color: #fff;
-	border-radius: 3px;
-	box-shadow: 1px 1px 5px #979797;
-	overflow-x: auto;
-	overflow-y: hidden
-}
-
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-thead {
-	display: table-header-group
-}
-
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tbody {
-	display: table-row-group
-}
-
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr {
-	display: table-row
-}
-
-.dropdown-root .dropdown-content .dropdown-content-table,
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-td,
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th {
-	display: table-cell;
-	border: unset;
-	text-align: unset;
-	font-weight: 400;
-	min-height: unset;
-	font-size: 12px;
-	line-height: 12px;
-	padding-top: 0;
-	padding-bottom: 0
-}
-
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th {
-	font-weight: 700
-}
-
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr,
-.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr:hover {
-	background-color: unset
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap {
-	border-right: 1px solid transparent;
-	overflow-y: auto;
-	overflow-x: hidden
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-fixed-head {
-	border-right: 1px solid transparent;
-	overflow: hidden
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-fixed-head .menu-fixed-head {
-	margin: 6px 14px 2px;
-	color: #a8a8a8;
-	font-size: 12px
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-fixed-head.menu-splitor,
-.dropdown-root .dropdown-content .dropdown-menu-wrap.menu-splitor {
-	border-right: 1px solid #D9D9D9
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap.overflowauto {
-	overflow-y: auto;
-	overflow-x: hidden
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu {
-	padding: 0;
-	margin: 0
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap {
-	list-style: none;
-	outline: 0
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:first-child {
-	margin-top: 10px
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap.nomargin {
-	margin-top: 0 !important
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:last-child {
-	margin-bottom: 10px
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header {
-	margin-top: 6px
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header.withLine {
-	margin-left: 0;
-	margin-bottom: 0;
-	margin-right: 0
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header,
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header legend {
-	font-size: 12px !important;
-	line-height: 15px !important;
-	padding: 0 14px !important;
-	color: #a8a8a8
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item {
-	line-height: 36px
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a {
-	display: block;
-	color: #333;
-	padding: 0 20px;
-	min-width: 40px;
-	text-indent: 0;
-	font-size: 14px;
-	white-space: nowrap
-}
-
-.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a:hover {
-	background-color: #D9D9D9
-}

component/pear/css/pear-module/message.css

@@ -1,5 +1,6 @@
 .pear-notice .layui-this {
 	color: #5FB878 !important;
+	font-weight: 600;
 }
 
 .pear-notice li {
@@ -31,11 +32,6 @@
 	line-height: 45px!important;
 }
 
-.pear-notice .layui-tab-title{
-	border: whitesmoke;
-}
-
-
 /** 滚动条样式 */
 .pear-notice *::-webkit-scrollbar{width:0px;height:0px;}
 .pear-notice *::-webkit-scrollbar-track{background: white;border-radius:2px;}

component/pear/css/pear.all.css

@@ -5,7 +5,6 @@
 @import url("pear-module/dtree/dtree.css");
 @import url("pear-module/iconPicker.css");
 @import url("pear-module/treetable.css");
-@import url("pear-module/dropdown.css");
 @import url("pear-module/message.css");
 @import url("pear-module/cropper.css");
 @import url("pear-module/loading.css");

component/pear/css/pear.css

@@ -5,7 +5,6 @@
 @import url("pear-module/dtree/dtree.css");
 @import url("pear-module/iconPicker.css");
 @import url("pear-module/treetable.css");
-@import url("pear-module/dropdown.css");
 @import url("pear-module/message.css");
 @import url("pear-module/cropper.css");
 @import url("pear-module/loading.css");

component/pear/module/admin.js

@@ -350,7 +350,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
 			layer.open({
 				type: 1,
 				offset: 'r',
-				area: ['340px', '100%'],
+				area: ['320px', '100%'],
 				title: false,
 				shade: 0.1,
 				closeBtn: 0,

component/pear/module/message.js

@@ -17,7 +17,6 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 			height: opt.height,
 			data: opt.data
 		}
-
 		if (option.url != false) {
 			option.data = getData(option.url);
 			var notice = createHtml(option);
@@ -40,14 +39,11 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 
 	/** 同 步 请 求 获 取 数 据 */
 	function getData(url) {
-
 		$.ajaxSettings.async = false;
 		var data = null;
-
 		$.get(url, function(result) {
 			data = result;
 		});
-
 		$.ajaxSettings.async = true;
 		return data;
 	}
@@ -59,30 +55,20 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 			'<div class="layui-nav-child layui-tab pear-notice" style="left: -200px;">';
 
 		var noticeTitle = '<ul class="layui-tab-title">';
-
+		var noticeContent = '<div class="layui-tab-content" style="height:' + option.height + ';overflow-x: hidden;">';
-		var noticeContent = '<div class="layui-tab-content" style="height:' + option.height + ';overflow-x: hidden;">'
-
-		var index = 0;
 
 		// 根据 data 便利数据
 		$.each(option.data, function(i, item) {
 
-			if (index === 0) {
+			if (i === 0) {
-
 				noticeTitle += '<li class="layui-this">' + item.title + '</li>';
-
 				noticeContent += '<div class="layui-tab-item layui-show">';
-
 			} else {
-
 				noticeTitle += '<li>' + item.title + '</li>';
-
 				noticeContent += '<div class="layui-tab-item">';
-
 			}
 
 			$.each(item.children, function(i, note) {
-
 				noticeContent += '<div class="pear-notice-item" notice-form="' + note.form + '" notice-context="' + note.context +
 					'" notice-title="' + note.title + '" notice-id="' + note.id + '">' +
 					'<img src="' + note.avatar + '">' +
@@ -91,24 +77,15 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 					'</div>';
 
 			})
-
 			noticeContent += '</div>';
-
-			index++;
 		})
 
 		noticeTitle += '</ul>';
-
 		noticeContent += '</div>';
-
 		notice += noticeTitle;
-
 		notice += noticeContent;
-
 		notice += '</div></li>';
-
 		return notice;
-
 	}
 
 	exports(MOD_NAME, new message());