@ -0,0 +1,14 @@ |
||||
<?xml version="1.0" encoding="UTF-8"?> |
||||
<project xmlns="http://maven.apache.org/POM/4.0.0" |
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" |
||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> |
||||
<modelVersion>4.0.0</modelVersion> |
||||
<groupId>com.gitee.sop</groupId> |
||||
<artifactId>sop-admin</artifactId> |
||||
<version>1.0.0-SNAPSHOT</version> |
||||
<packaging>pom</packaging> |
||||
|
||||
<modules> |
||||
<module>sop-admin-server</module> |
||||
</modules> |
||||
</project> |
@ -0,0 +1,2 @@ |
||||
# admin前端页面 |
||||
|
@ -0,0 +1,16 @@ |
||||
@font-face { |
||||
font-family: 'iconfont'; |
||||
src: url('../fonts/iconfont.eot'); |
||||
src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/iconfont.woff') format('woff'), |
||||
url('../fonts/iconfont.ttf') format('truetype'), |
||||
url('../fonts/iconfont.svg#iconfont') format('svg'); |
||||
} |
||||
.iconfont{ |
||||
font-family:"iconfont" !important; |
||||
font-size:16px;font-style:normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
-webkit-text-stroke-width: 0.2px; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
} |
||||
|
@ -0,0 +1,659 @@ |
||||
@charset "utf-8"; |
||||
@import url(../lib/layui/css/layui.css); |
||||
*{ |
||||
margin: 0px; |
||||
padding: 0px; |
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
} |
||||
a{ |
||||
text-decoration: none; |
||||
} |
||||
html{ |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow-x:hidden; |
||||
overflow-y:auto; |
||||
} |
||||
body{ |
||||
width: 100%; |
||||
min-height: 100%; |
||||
} |
||||
.login-bg{ |
||||
/*background: #eeeeee url() 0 0 no-repeat;*/ |
||||
background:url(../images/bg.png) no-repeat center; |
||||
background-size: cover; |
||||
overflow: hidden; |
||||
} |
||||
.login{ |
||||
margin: 120px auto 0 auto; |
||||
min-height: 420px; |
||||
max-width: 420px; |
||||
padding: 40px; |
||||
background-color: #ffffff; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
border-radius: 4px; |
||||
/* overflow-x: hidden; */ |
||||
box-sizing: border-box; |
||||
} |
||||
.login a.logo{ |
||||
display: block; |
||||
height: 58px; |
||||
width: 167px; |
||||
margin: 0 auto 30px auto; |
||||
background-size: 167px 42px; |
||||
} |
||||
.login .message { |
||||
margin: 10px 0 0 -58px; |
||||
padding: 18px 10px 18px 60px; |
||||
background: #189F92; |
||||
position: relative; |
||||
color: #fff; |
||||
font-size: 16px; |
||||
} |
||||
.login #darkbannerwrap { |
||||
background: url(../images/aiwrap.png); |
||||
width: 18px; |
||||
height: 10px; |
||||
margin: 0 0 20px -58px; |
||||
position: relative; |
||||
} |
||||
|
||||
.login input[type=text], |
||||
.login input[type=file], |
||||
.login input[type=password], |
||||
.login input[type=email], select { |
||||
border: 1px solid #DCDEE0; |
||||
vertical-align: middle; |
||||
border-radius: 3px; |
||||
height: 50px; |
||||
padding: 0px 16px; |
||||
font-size: 14px; |
||||
color: #555555; |
||||
outline:none; |
||||
width:100%; |
||||
box-sizing: border-box; |
||||
} |
||||
.login input[type=text]:focus, |
||||
.login input[type=file]:focus, |
||||
.login input[type=password]:focus, |
||||
.login input[type=email]:focus, select:focus { |
||||
border: 1px solid #27A9E3; |
||||
} |
||||
.login input[type=submit], |
||||
.login input[type=button]{ |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
padding: 12px 24px; |
||||
margin: 0px; |
||||
font-size: 18px; |
||||
line-height: 24px; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
vertical-align: middle; |
||||
cursor: pointer; |
||||
color: #ffffff; |
||||
background-color: #189F92; |
||||
border-radius: 3px; |
||||
border: none; |
||||
-webkit-appearance: none; |
||||
outline:none; |
||||
width:100%; |
||||
} |
||||
.login hr { |
||||
background: #fff url() 0 0 no-repeat; |
||||
} |
||||
.login hr.hr15 { |
||||
height: 15px; |
||||
border: none; |
||||
margin: 0px; |
||||
padding: 0px; |
||||
width: 100%; |
||||
} |
||||
.login hr.hr20 { |
||||
height: 20px; |
||||
border: none; |
||||
margin: 0px; |
||||
padding: 0px; |
||||
width: 100%; |
||||
} |
||||
.x-body{ |
||||
padding: 20px; |
||||
} |
||||
.x-nav{ |
||||
padding: 0 20px; |
||||
position: relative; |
||||
z-index: 99; |
||||
border-bottom: 1px solid #e5e5e5; |
||||
line-height: 39px; |
||||
height: 39px; |
||||
overflow: hidden; |
||||
} |
||||
xblock{ |
||||
display: block; |
||||
margin-bottom: 10px; |
||||
padding: 5px; |
||||
line-height: 22px; |
||||
/* border-left: 5px solid #009688; */ |
||||
border-radius: 0 2px 2px 0; |
||||
background-color: #f2f2f2; |
||||
} |
||||
.x-right{ |
||||
float: right; |
||||
} |
||||
.x-so{ |
||||
/*text-align: center;*/ |
||||
/*background: #f2f2f2 url() 0 0 no-repeat;*/ |
||||
margin-bottom: 20px; |
||||
} |
||||
.x-so input.layui-input{ |
||||
width: 150px; |
||||
} |
||||
.x-so .layui-form-label{ |
||||
display: inline-block; |
||||
} |
||||
.x-so input.layui-input,.x-so input.layui-btn{ |
||||
display: inline-block; |
||||
} |
||||
.x-red{ |
||||
color: red; |
||||
} |
||||
.x-a{ |
||||
color: #1AA093; |
||||
} |
||||
.x-a:hover{ |
||||
color: #127F74; |
||||
} |
||||
.x-sort{ |
||||
height: 30px; |
||||
} |
||||
.x-show{ |
||||
cursor: pointer; |
||||
} |
||||
.layui-form-switch{ |
||||
margin-top: 0px; |
||||
} |
||||
.layui-input:focus, .layui-textarea:focus { |
||||
border-color: #189f92!important; |
||||
} |
||||
|
||||
.page{ |
||||
margin-top: 20px; |
||||
text-align: center; |
||||
|
||||
} |
||||
.page a{ |
||||
display: inline-block; |
||||
background: #fff url() 0 0 no-repeat; |
||||
color: #888; |
||||
padding: 10px; |
||||
min-width: 15px; |
||||
border: 1px solid #E2E2E2; |
||||
|
||||
} |
||||
.page span{ |
||||
display: inline-block; |
||||
padding: 10px; |
||||
min-width: 15px; |
||||
border: 1px solid #E2E2E2; |
||||
} |
||||
.page span.current{ |
||||
display: inline-block; |
||||
background: #009688 url() 0 0 no-repeat; |
||||
color: #fff; |
||||
padding: 10px; |
||||
min-width: 15px; |
||||
border: 1px solid #009688; |
||||
} |
||||
.page .pagination li{ |
||||
display: inline-block; |
||||
margin-right: 5px; |
||||
text-align: center; |
||||
} |
||||
.page .pagination li.active span{ |
||||
background: #009688 url() 0 0 no-repeat; |
||||
color: #fff; |
||||
border: 1px solid #009688; |
||||
|
||||
} |
||||
|
||||
/*登录样式*/ |
||||
/*头部*/ |
||||
.container{ |
||||
width: 100%; |
||||
height: 45px; |
||||
background-color: #222; |
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2); |
||||
} |
||||
.container .logo a{ |
||||
float: left; |
||||
color: #fff; |
||||
font-size: 18px; |
||||
padding-left: 20px; |
||||
line-height: 45px; |
||||
width: 200px; |
||||
} |
||||
.container .right{ |
||||
background-color:rgba(0,0,0,0); |
||||
float: right; |
||||
|
||||
} |
||||
.container .left_open{ |
||||
height: 45px; |
||||
float: left; |
||||
} |
||||
.container .left_open i{ |
||||
display: block; |
||||
background: rgba(255,255,255,0.1) url() 0 0 no-repeat; |
||||
color: #fff; |
||||
width: 32px; |
||||
height: 32px; |
||||
line-height: 32px; |
||||
border-radius: 3px; |
||||
text-align: center; |
||||
margin-top: 7px; |
||||
cursor: pointer; |
||||
} |
||||
.container .left_open i:hover{ |
||||
background: rgba(255,255,255,0.3) url() 0 0 no-repeat; |
||||
} |
||||
|
||||
.container .left{ |
||||
background-color:rgba(0,0,0,0); |
||||
float: left; |
||||
|
||||
} |
||||
.container .layui-nav-item{ |
||||
line-height: 45px; |
||||
} |
||||
.container .layui-nav-more{ |
||||
top: 20px; |
||||
} |
||||
.container .layui-nav-child{ |
||||
top: 50px; |
||||
} |
||||
.container .layui-nav-child i{ |
||||
margin-right: 10px; |
||||
} |
||||
.layui-nav .layui-nav-item a{ |
||||
color: #fff; |
||||
cursor: pointer; |
||||
} |
||||
.layui-nav .layui-nav-child a{ |
||||
color: #333; |
||||
cursor: pointer; |
||||
} |
||||
.left-nav{ |
||||
position: absolute; |
||||
top: 46px; |
||||
bottom: 42px; |
||||
left: 0; |
||||
z-index: 2; |
||||
padding-top: 10px; |
||||
background-color: #EEEEEE; |
||||
width: 220px; |
||||
max-width: 220px; |
||||
overflow: auto; |
||||
overflow-x:hidden; |
||||
border-right: 1px solid #e5e5e5; |
||||
|
||||
/*width: 0px;*/ |
||||
} |
||||
.left-nav #nav li{ |
||||
border-bottom: 1px solid #e5e5e5; |
||||
} |
||||
.left-nav #nav li:hover > a{ |
||||
/*color: blue;*/ |
||||
} |
||||
.left-nav #nav .current{ |
||||
background-color: rgba(0, 0, 0, 0.3); |
||||
} |
||||
.left-nav #nav li a{ |
||||
font-size: 14px; |
||||
padding: 10px 15px 10px 20px; |
||||
display: block; |
||||
cursor: pointer; |
||||
} |
||||
.left-nav #nav li a cite{ |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.left-nav #nav li .sub-menu{ |
||||
display: none; |
||||
} |
||||
.left-nav #nav li .opened{ |
||||
display: block; |
||||
} |
||||
.left-nav #nav li .opened:hover{ |
||||
/*background: #fff url() 0 0 no-repeat;*/ |
||||
} |
||||
.left-nav #nav li .opened .current{ |
||||
|
||||
} |
||||
.left-nav #nav li .sub-menu li:hover{ |
||||
/*color: blue;*/ |
||||
/*background: #fff url() 0 0 no-repeat;*/ |
||||
} |
||||
.left-nav #nav li .sub-menu li a{ |
||||
padding: 12px 15px 12px 30px; |
||||
font-size: 14px; |
||||
cursor: pointer; |
||||
} |
||||
.left-nav #nav li .sub-menu li .sub-menu li a{ |
||||
padding-left: 45px; |
||||
} |
||||
.left-nav #nav li .sub-menu li a:hover{ |
||||
color: #148cf1; |
||||
} |
||||
.left-nav #nav li .sub-menu li a i{ |
||||
font-size: 12px; |
||||
} |
||||
.left-nav #nav li a i{ |
||||
padding-right: 10px; |
||||
line-height: 14px; |
||||
} |
||||
.left-nav #nav li .nav_right{ |
||||
float: right; |
||||
font-size: 16px; |
||||
} |
||||
.x-slide_left { |
||||
width: 17px; |
||||
height: 61px; |
||||
background: url(../images/icon.png) 0 0 no-repeat; |
||||
position: absolute; |
||||
top: 200px; |
||||
left: 221px; |
||||
cursor: pointer; |
||||
z-index: 3; |
||||
} |
||||
.page-content{ |
||||
position: absolute; |
||||
top: 46px; |
||||
right: 0; |
||||
bottom: 42px; |
||||
left: 221px; |
||||
overflow: hidden; |
||||
z-index: 1; |
||||
} |
||||
.page-content-bg{ |
||||
position: absolute; |
||||
top: 46px; |
||||
right: 0; |
||||
bottom: 42px; |
||||
left: 221px; |
||||
background: rgba(0,0,0,0.5); url() 0 0 no-repeat; |
||||
overflow: hidden; |
||||
z-index: 100; |
||||
display: none; |
||||
} |
||||
|
||||
.page-content .tab{ |
||||
height: 100%; |
||||
width: 100%; |
||||
background: #EFEEF0 url() 0 0 no-repeat; |
||||
margin: 0px; |
||||
} |
||||
.page-content .layui-tab-title{ |
||||
/*padding-top: 5px;*/ |
||||
height: 35px; |
||||
background: #EFEEF0 url() 0 0 no-repeat; |
||||
position: relative; |
||||
z-index: 100; |
||||
} |
||||
.page-content .layui-tab-title li.home i{ |
||||
padding-right: 5px; |
||||
} |
||||
.page-content .layui-tab-title li.home .layui-tab-close{ |
||||
display: none; |
||||
} |
||||
.page-content .layui-tab-title li{ |
||||
line-height: 35px; |
||||
} |
||||
.page-content .layui-tab-title .layui-this:after{ |
||||
height: 36px; |
||||
} |
||||
.page-content .layui-tab-title li .layui-tab-close{ |
||||
border-radius: 50%; |
||||
} |
||||
.page-content .layui-tab-title .layui-this{ |
||||
background: #fff url() 0 0 no-repeat; |
||||
} |
||||
.page-content .layui-tab-bar{ |
||||
height:34px; |
||||
line-height: 35px; |
||||
} |
||||
.page-content .layui-tab-content{ |
||||
position: absolute; |
||||
top: 36px; |
||||
bottom: 0px; |
||||
width: 100%; |
||||
background: #fff url() 0 0 no-repeat; |
||||
padding: 0px; |
||||
overflow: hidden; |
||||
} |
||||
.page-content .layui-tab-content .layui-tab-item{ |
||||
width: 100%; |
||||
height: 100%; |
||||
|
||||
} |
||||
.page-content .layui-tab-content .layui-tab-item iframe{ |
||||
width: 100%; |
||||
height: 100%; |
||||
|
||||
} |
||||
.x-admin-carousel,.layui-carousel,.x-admin-carousel>[carousel-item]>* { |
||||
background-color:#fff |
||||
} |
||||
|
||||
.x-admin-backlog .x-admin-backlog-body { |
||||
display:block; |
||||
padding:10px 15px; |
||||
background-color:#f8f8f8; |
||||
color:#999; |
||||
border-radius:2px; |
||||
transition:all .3s; |
||||
-webkit-transition:all .3s |
||||
} |
||||
.x-admin-backlog-body h3 { |
||||
padding-bottom:10px; |
||||
font-size:12px |
||||
} |
||||
.x-admin-backlog-body p cite { |
||||
font-style:normal; |
||||
font-size:30px; |
||||
font-weight:300; |
||||
color:#009688 |
||||
} |
||||
.x-admin-backlog-body:hover { |
||||
background-color:#CFCFCF; |
||||
color:#888 |
||||
} |
||||
|
||||
.welcome-footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;} |
||||
body .layui-layout-admin .footer-demo{height: auto; padding: 15px 0; line-height: 26px;} |
||||
.welcome-footer a{padding: 0 5px;} |
||||
|
||||
table th, table td { |
||||
word-break: break-all; |
||||
} |
||||
|
||||
.footer{ |
||||
position: fixed; |
||||
bottom: 0px; |
||||
width: 100%; |
||||
background-color: #222; |
||||
border-top: 1px solid rgba(255, 255, 255, 0.2); |
||||
line-height: 41px; |
||||
color: #fff; |
||||
/*padding-left: 10px;*/ |
||||
} |
||||
.footer .copyright{ |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
/*404页面样式*/ |
||||
.fly-panel { |
||||
margin-bottom: 15px; |
||||
border-radius: 2px; |
||||
background-color: #fff; |
||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); |
||||
} |
||||
.fly-none { |
||||
min-height: 600px; |
||||
text-align: center; |
||||
padding-top: 50px; |
||||
color: #999; |
||||
} |
||||
.fly-none .layui-icon { |
||||
line-height: 300px; |
||||
font-size: 300px; |
||||
color: #393D49; |
||||
} |
||||
.fly-none p { |
||||
margin-top: 50px; |
||||
padding: 0 15px; |
||||
font-size: 20px; |
||||
color: #999; |
||||
font-weight: 300; |
||||
} |
||||
#tab_right{ |
||||
display: none; |
||||
width: 80px; |
||||
position: absolute; |
||||
top: 35px; |
||||
left: 0px; |
||||
} |
||||
#tab_right dl{ |
||||
top: 0px; |
||||
} |
||||
#tab_show{ |
||||
position: absolute; |
||||
top: 36px; |
||||
bottom: 0px; |
||||
width: 100%; |
||||
background:rgb(255, 255, 255,0); |
||||
padding: 0px; |
||||
overflow: hidden; |
||||
display: none; |
||||
} |
||||
|
||||
|
||||
@media screen and (max-width: 768px){ |
||||
.fast-add{ |
||||
display: none; |
||||
} |
||||
.layui-nav .to-index{ |
||||
display: none; |
||||
} |
||||
.container .logo a{ |
||||
width: 140px; |
||||
} |
||||
.container .left_open { |
||||
/*float: right;*/ |
||||
} |
||||
.left-nav{ |
||||
left: -221px; |
||||
} |
||||
.page-content{ |
||||
left: 0px; |
||||
} |
||||
.page-content .layui-tab-content .layui-tab-item{ |
||||
-webkit-overflow-scrolling: touch; |
||||
overflow-y: scroll; |
||||
} |
||||
.x-so input.layui-input{ |
||||
width: 100%; |
||||
margin: 10px; |
||||
} |
||||
} |
||||
|
||||
|
||||
/*精细版样式*/ |
||||
|
||||
.x-admin-sm{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm body{ |
||||
font-size: 12px; |
||||
} |
||||
/*登录页面样式*/ |
||||
.x-admin-sm .login input[type=submit],.x-admin-sm .login input[type=button]{ |
||||
font-size: 14px; |
||||
} |
||||
.x-admin-sm .login input[type=text], |
||||
.x-admin-sm .login input[type=file], |
||||
.x-admin-sm .login input[type=password], |
||||
.x-admin-sm .login input[type=email], .x-admin-sm select { |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .login .message{ |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.x-admin-sm .layui-table td, .x-admin-sm .layui-table th{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .layui-elem-field legend{ |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.x-admin-sm .x-admin-backlog-body p cite{ |
||||
font-size: 24px; |
||||
} |
||||
.x-admin-sm .left-nav #nav li a cite{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .iconfont{ |
||||
font-size: 14px; |
||||
} |
||||
.x-admin-sm .layui-tab-title li{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .layui-icon{ |
||||
font-size: 14px; |
||||
} |
||||
.x-admin-sm .layui-nav *{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .layui-breadcrumb>*{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .layui-btn,.x-admin-sm .layui-btn-xs,.x-admin-sm .layui-btn-sm{ |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.x-admin-sm .layui-laydate{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .layui-btn{ |
||||
height: 30px; |
||||
line-height: 30px; |
||||
padding: 0 10px; |
||||
} |
||||
|
||||
.x-admin-sm .layui-btn-lg{ |
||||
height: 38px; |
||||
line-height: 38px; |
||||
padding: 0 18px; |
||||
font-size: 14px; |
||||
} |
||||
.x-admin-sm .layui-layer-title,.x-admin-sm .layui-layer-dialog .layui-layer-content{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .layui-input,.x-admin-sm .layui-select,.x-admin-sm .layui-textarea{ |
||||
height: 30px; |
||||
} |
||||
|
||||
.x-admin-sm .layui-form-pane .layui-form-label{ |
||||
height: 30px; |
||||
line-height: 14px; |
||||
} |
||||
.x-admin-sm .layui-form-checkbox span{ |
||||
font-size: 12px; |
||||
} |
||||
.x-admin-sm .fly-none .layui-icon { |
||||
line-height: 300px; |
||||
font-size: 300px; |
||||
color: #393D49; |
||||
} |
||||
|
After Width: | Height: | Size: 315 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 28 KiB |
@ -0,0 +1,38 @@ |
||||
function setCookie(name, value, expires, path, domain, secure) { |
||||
if(typeof is_remember!="undefined") |
||||
return false; |
||||
var today = new Date(); |
||||
today.setTime( today.getTime() ); |
||||
var expires_date = new Date( today.getTime() + (expires) ); |
||||
document.cookie= name + "=" + escape(value) + |
||||
((expires) ? "; expires=" + expires_date.toGMTString() : "") + |
||||
((path) ? "; path=" + path : "") + |
||||
((domain) ? "; domain=" + domain : "") + |
||||
((secure) ? "; secure" : ""); |
||||
} |
||||
function getCookie(name) { |
||||
var dc = document.cookie; |
||||
var prefix = name + "="; |
||||
var begin = dc.indexOf("; " + prefix); |
||||
if (begin == -1) { |
||||
begin = dc.indexOf(prefix); |
||||
if (begin != 0) return null; |
||||
} else { |
||||
begin += 2; |
||||
} |
||||
var end = document.cookie.indexOf(";", begin); |
||||
if (end == -1) { |
||||
end = dc.length; |
||||
} |
||||
return unescape(dc.substring(begin + prefix.length, end)); |
||||
} |
||||
function deleteCookie(name, path, domain) { |
||||
if (getCookie(name)) { |
||||
document.cookie = name + "=" + |
||||
((path) ? "; path=" + path : "") + |
||||
((domain) ? "; domain=" + domain : "") + |
||||
"; expires=Thu, 01-Jan-70 00:00:01 GMT"; |
||||
} |
||||
} |
||||
|
||||
|
@ -0,0 +1,413 @@ |
||||
// Array.prototype.remove = function(val) {
|
||||
// var index = this.indexOf(val);
|
||||
// if (index > -1) {
|
||||
// return this.splice(index, 1);
|
||||
// }
|
||||
|
||||
// };
|
||||
|
||||
$(function () { |
||||
|
||||
//加载弹出层
|
||||
layui.use(['form','element'], |
||||
function() { |
||||
layer = layui.layer; |
||||
element = layui.element; |
||||
|
||||
//tab 右键事件
|
||||
$(".layui-tab-title").on('contextmenu', 'li', function(event) { |
||||
var tab_left = $(this).position().left; |
||||
var left = $(this).position().top; |
||||
this_index = $(this).attr('lay-id'); |
||||
$('#tab_right').css({'left':tab_left+50}).show(); |
||||
$('#tab_show').show(); |
||||
return false; |
||||
}); |
||||
|
||||
$('.page-content,#tab_show,.container,.left-nav').click(function(event) { |
||||
$('#tab_right').hide(); |
||||
$('#tab_show').hide(); |
||||
}); |
||||
|
||||
$('#tab_right').on('click', 'dd', function(event) { |
||||
|
||||
if(getCookie('tab_list')){ |
||||
var tab_list = getCookie('tab_list').split(','); |
||||
}else{ |
||||
var tab_list = []; |
||||
} |
||||
|
||||
var type = $(this).attr('data-type'); |
||||
|
||||
if(type=='this'){ |
||||
|
||||
tab.tabDelete(this_index); |
||||
|
||||
var index = -1; |
||||
|
||||
for (var i in tab_list) { |
||||
if(tab_list[i]==(this_index-1)){ |
||||
index = i; |
||||
} |
||||
}
|
||||
if (index > -1) {
|
||||
tab_list.splice(index, 1);
|
||||
} |
||||
|
||||
setCookie('tab_list',tab_list); |
||||
} |
||||
if(type=='all'){ |
||||
|
||||
for (var i in tab_list) { |
||||
tab.tabDelete(Number(tab_list[i])+1);
|
||||
} |
||||
|
||||
setCookie('tab_list',[]); |
||||
} |
||||
|
||||
if(type=='other'){ |
||||
|
||||
for (var i in tab_list) { |
||||
if(tab_list[i]!=(this_index-1)){ |
||||
tab.tabDelete(Number(tab_list[i])+1);
|
||||
} |
||||
} |
||||
|
||||
setCookie('tab_list',[this_index-1]); |
||||
} |
||||
// alert(this_index);
|
||||
$('#tab_right').hide(); |
||||
}); |
||||
|
||||
// tab 双击事件
|
||||
$(".layui-tab-title").on('dblclick', 'li', function(event) { |
||||
var id = $(this).attr('lay-id'); |
||||
tab.tabDelete(id); |
||||
|
||||
if(getCookie('tab_list')){ |
||||
tab_list = getCookie('tab_list').split(','); |
||||
}else{ |
||||
tab_list = []; |
||||
} |
||||
|
||||
|
||||
var index = -1; |
||||
|
||||
for (var i in tab_list) { |
||||
if(tab_list[i]==(id-1)){ |
||||
index = i; |
||||
} |
||||
}
|
||||
|
||||
|
||||
if (index > -1) {
|
||||
tab_list.splice(index, 1);
|
||||
} |
||||
|
||||
setCookie('tab_list',tab_list); |
||||
return false; |
||||
}); |
||||
|
||||
// tab 删除事件
|
||||
element.on('tabDelete(xbs_tab)', function(data){ |
||||
var id = $(this).parent().attr('lay-id')-1; |
||||
|
||||
if(getCookie('tab_list')){ |
||||
tab_list = getCookie('tab_list').split(','); |
||||
}else{ |
||||
tab_list = []; |
||||
} |
||||
|
||||
|
||||
var index = -1; |
||||
|
||||
for (var i in tab_list) { |
||||
if(tab_list[i]==id){ |
||||
index = i; |
||||
} |
||||
}
|
||||
|
||||
|
||||
if (index > -1) {
|
||||
tab_list.splice(index, 1);
|
||||
} |
||||
|
||||
setCookie('tab_list',tab_list); |
||||
|
||||
}); |
||||
|
||||
if(getCookie('tab_list')){ |
||||
tab_list = getCookie('tab_list').split(','); |
||||
|
||||
for (var i in tab_list) { |
||||
$('.left-nav #nav li').eq(tab_list[i]).click(); |
||||
} |
||||
} |
||||
}); |
||||
|
||||
//触发事件
|
||||
var tab = { |
||||
tabAdd: function(title,url,id){ |
||||
//新增一个Tab项
|
||||
element.tabAdd('xbs_tab', { |
||||
title: title
|
||||
,content: '<iframe tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe"></iframe>' |
||||
,id: id |
||||
}) |
||||
} |
||||
,tabDelete: function(othis){ |
||||
//删除指定Tab项
|
||||
element.tabDelete('xbs_tab', othis); //删除:“商品管理”
|
||||
|
||||
|
||||
// othis.addClass('layui-btn-disabled');
|
||||
} |
||||
,tabChange: function(id){ |
||||
//切换到指定Tab项
|
||||
element.tabChange('xbs_tab', id); //切换到:用户管理
|
||||
} |
||||
}; |
||||
|
||||
|
||||
tableCheck = { |
||||
init:function () { |
||||
$(".x-admin .layui-form-checkbox").click(function(event) { |
||||
if($(this).hasClass('layui-form-checked')){ |
||||
$(this).removeClass('layui-form-checked'); |
||||
if($(this).hasClass('header')){ |
||||
$(".x-admin .layui-form-checkbox").removeClass('layui-form-checked'); |
||||
} |
||||
}else{ |
||||
$(this).addClass('layui-form-checked'); |
||||
if($(this).hasClass('header')){ |
||||
$(".x-admin .layui-form-checkbox").addClass('layui-form-checked'); |
||||
} |
||||
} |
||||
|
||||
}); |
||||
}, |
||||
getData:function () { |
||||
var obj = $(".x-admin .layui-form-checked").not('.header'); |
||||
var arr=[]; |
||||
obj.each(function(index, el) { |
||||
arr.push(obj.eq(index).attr('data-id')); |
||||
}); |
||||
return arr; |
||||
} |
||||
} |
||||
|
||||
// 开启表格多选
|
||||
tableCheck.init(); |
||||
|
||||
|
||||
$('.container .left_open i').click(function(event) { |
||||
if($('.left-nav').css('left')=='0px'){ |
||||
$('.left-nav').animate({left: '-221px'}, 100); |
||||
$('.page-content').animate({left: '0px'}, 100); |
||||
$('.page-content-bg').hide(); |
||||
}else{ |
||||
$('.left-nav').animate({left: '0px'}, 100); |
||||
$('.page-content').animate({left: '221px'}, 100); |
||||
if($(window).width()<768){ |
||||
$('.page-content-bg').show(); |
||||
} |
||||
} |
||||
|
||||
}); |
||||
|
||||
$('.page-content-bg').click(function(event) { |
||||
$('.left-nav').animate({left: '-221px'}, 100); |
||||
$('.page-content').animate({left: '0px'}, 100); |
||||
$(this).hide(); |
||||
}); |
||||
|
||||
|
||||
|
||||
$('.layui-tab-close').click(function(event) { |
||||
$('.layui-tab-title li').eq(0).find('i').remove(); |
||||
}); |
||||
|
||||
$("tbody.x-cate tr[fid!='0']").hide(); |
||||
// 栏目多级显示效果
|
||||
$('.x-show').click(function () { |
||||
if($(this).attr('status')=='true'){ |
||||
$(this).html('');
|
||||
$(this).attr('status','false'); |
||||
cateId = $(this).parents('tr').attr('cate-id'); |
||||
$("tbody tr[fid="+cateId+"]").show(); |
||||
}else{ |
||||
cateIds = []; |
||||
$(this).html(''); |
||||
$(this).attr('status','true'); |
||||
cateId = $(this).parents('tr').attr('cate-id'); |
||||
getCateId(cateId); |
||||
for (var i in cateIds) { |
||||
$("tbody tr[cate-id="+cateIds[i]+"]").hide().find('.x-show').html('').attr('status','true'); |
||||
} |
||||
} |
||||
}) |
||||
|
||||
//左侧菜单效果
|
||||
|
||||
$('.left-nav #nav').on('click', 'li', function(event) { |
||||
|
||||
var index = $('.left-nav #nav li').index($(this)); |
||||
|
||||
if($(this).children('.sub-menu').length){ |
||||
if($(this).hasClass('open')){ |
||||
|
||||
if($(this).parent().hasClass('sub-menu')){ |
||||
deleteCookie('left_menu_son'); |
||||
}else{ |
||||
deleteCookie('left_menu_father'); |
||||
} |
||||
|
||||
$(this).removeClass('open'); |
||||
$(this).find('.nav_right').html(''); |
||||
$(this).children('.sub-menu').stop().slideUp(); |
||||
$(this).siblings().children('.sub-menu').slideUp(); |
||||
}else{ |
||||
|
||||
|
||||
if($(this).parent().hasClass('sub-menu')){ |
||||
setCookie('left_menu_son',index); |
||||
}else{ |
||||
setCookie('left_menu_father',index); |
||||
} |
||||
|
||||
$(this).addClass('open'); |
||||
$(this).children('a').find('.nav_right').html(''); |
||||
$(this).children('.sub-menu').stop().slideDown(); |
||||
$(this).siblings().children('.sub-menu').stop().slideUp(); |
||||
$(this).siblings().find('.nav_right').html(''); |
||||
$(this).siblings().removeClass('open'); |
||||
} |
||||
}else{ |
||||
|
||||
var url = $(this).children('a').attr('_href'); |
||||
var title = $(this).find('cite').html(); |
||||
// var index = $('.left-nav #nav li').index($(this));
|
||||
|
||||
var is_refresh = $(this).attr('date-refresh')?true:false;
|
||||
|
||||
for (var i = 0; i <$('.x-iframe').length; i++) { |
||||
if($('.x-iframe').eq(i).attr('tab-id')==index+1){ |
||||
tab.tabChange(index+1); |
||||
event.stopPropagation(); |
||||
|
||||
if(is_refresh) |
||||
$('.x-iframe').eq(i).attr("src",$('.x-iframe').eq(i).attr('src')); |
||||
|
||||
return; |
||||
} |
||||
}; |
||||
|
||||
if(getCookie('tab_list')){ |
||||
tab_list = getCookie('tab_list').split(','); |
||||
}else{ |
||||
tab_list = []; |
||||
} |
||||
|
||||
var is_exist = false; |
||||
|
||||
for (var i in tab_list) { |
||||
if(tab_list[i]==index) |
||||
is_exist = true; |
||||
} |
||||
|
||||
if(!is_exist){ |
||||
tab_list.push(index); |
||||
} |
||||
|
||||
setCookie('tab_list',tab_list); |
||||
|
||||
tab.tabAdd(title,url,index+1); |
||||
tab.tabChange(index+1); |
||||
} |
||||
|
||||
event.stopPropagation(); |
||||
|
||||
}) |
||||
|
||||
// 左侧菜单记忆功能
|
||||
if(getCookie('left_menu_father')!=null){ |
||||
$('.left-nav #nav li').eq(getCookie('left_menu_father')).click(); |
||||
} |
||||
|
||||
if(getCookie('left_menu_son')!=null){ |
||||
$('.left-nav #nav li').eq(getCookie('left_menu_son')).click(); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
}) |
||||
var cateIds = []; |
||||
function getCateId(cateId) { |
||||
|
||||
$("tbody tr[fid="+cateId+"]").each(function(index, el) { |
||||
id = $(el).attr('cate-id'); |
||||
cateIds.push(id); |
||||
getCateId(id); |
||||
}); |
||||
} |
||||
|
||||
/*弹出层*/ |
||||
/* |
||||
参数解释: |
||||
title 标题 |
||||
url 请求的url |
||||
id 需要操作的数据id |
||||
w 弹出层宽度(缺省调默认值) |
||||
h 弹出层高度(缺省调默认值) |
||||
*/ |
||||
function x_admin_show(title,url,w,h){ |
||||
if (title == null || title == '') { |
||||
title=false; |
||||
}; |
||||
if (url == null || url == '') { |
||||
url="404.html"; |
||||
}; |
||||
if (w == null || w == '') { |
||||
w=($(window).width()*0.9); |
||||
}; |
||||
if (h == null || h == '') { |
||||
h=($(window).height() - 50); |
||||
}; |
||||
layer.open({ |
||||
type: 2, |
||||
area: [w+'px', h +'px'], |
||||
fix: false, //不固定
|
||||
maxmin: true, |
||||
shadeClose: true, |
||||
shade:0.4, |
||||
title: title, |
||||
content: url, |
||||
success: function(){ |
||||
//窗口加载成功刷新frame
|
||||
// location.replace(location.href);
|
||||
}, |
||||
cancel:function(){ |
||||
//关闭窗口之后刷新frame
|
||||
// location.replace(location.href);
|
||||
}, |
||||
end:function(){ |
||||
//窗口销毁之后刷新frame
|
||||
// location.replace(location.href);
|
||||
} |
||||
}); |
||||
} |
||||
|
||||
/*关闭弹出框口*/ |
||||
function x_admin_close(){ |
||||
var index = parent.layer.getFrameIndex(window.name); |
||||
parent.layer.close(index); |
||||
} |
||||
|
||||
function x_admin_father_reload(){ |
||||
|
||||
parent.location.reload(); |
||||
} |
||||
|
||||
|
||||
|
@ -0,0 +1,2 @@ |
||||
/** layui-v2.4.5 MIT License By https://www.layui.com */ |
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none} |
After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 701 B |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 274 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 5.4 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 6.6 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 5.0 KiB |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 9.6 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 6.3 KiB |
After Width: | Height: | Size: 5.6 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 5.2 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 4.5 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 777 B |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 6.3 KiB |
After Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 4.5 KiB |
After Width: | Height: | Size: 5.2 KiB |
After Width: | Height: | Size: 4.0 KiB |