提交 96cd71cd 编写于 作者: Skyeye云's avatar Skyeye云

win10界面特效修改

上级 78481b7f
此差异已折叠。
......@@ -6,8 +6,8 @@
<!-- 登录开始 -->
<url id="login001" path="/post/SysEveUserController/queryUserToLogin" val="登录" allUse="0">
<property id="userCode" name="userCode" ref="" var="账号"/>
<property id="password" name="password" ref="" var="密码"/>
<property id="userCode" name="userCode" ref="required" var="账号"/>
<property id="password" name="password" ref="required" var="密码"/>
</url>
<url id="login002" path="/post/SysEveUserController/queryUserMationBySession" val="从session中获取用户信息" allUse="1">
</url>
......
......@@ -9,76 +9,70 @@ var refreshCode = "";
* @param title
*/
function _openNewWindows(mation){
AjaxPostUtil.request({url:reqBasePath + "login002", params:{}, type:'json', callback:function(json){
if(json.returnCode == 0){
var index = layer.load(1);
if(isNull(mation.url)){
top.winui.window.msg("页面路径不能为空", {icon: 2,time: 2000});
return;
}
if(isNull(mation.pageId)){
top.winui.window.msg("缺少页面ID", {icon: 2,time: 2000});
return;
}
if(isNull(mation.title)){
mation.title = "窗口";
}
if(!isNull(mation.params)){
var s = "";
for(var param in mation.params)
s += "&" + param + "=" + mation.params[param];
mation.url = mation.url + "?" + s.slice(1);
}
if(isNull(mation.area)){
mation.area = [window.screen.width / 3 * 2 + 'px', (layui.$(window.parent.window).height() - 200) + 'px'];
}
if(isNull(mation.offset)){
mation.offset = 'auto';
}
if(isNull(mation.maxmin)){//是否最大化
mation.maxmin = false;
}
if(isNull(mation.shade)){//遮罩层
mation.shade = 0.5;
}
var index = layer.load(1);
refreshCode = "";
layui.$.ajax({
type: 'get',
url: mation.url,
async: true,
success: function (data) {
layer.close(index);
var pageIndex = layer.open({
id: mation.pageId,
type: 2,
title: mation.title,
content: mation.url,
area: mation.area,
offset: mation.offset,
maxmin: mation.maxmin,
shade: mation.shade,
zIndex: 20000000000,
scrollbar: false,
end: function(){
if(typeof(mation.callBack) == "function") {
mation.callBack(refreshCode);
}
}
});
if(mation.maxmin){
layer.full(pageIndex);
}
},
error: function (xml) {
layer.close(index);
top.winui.window.msg("获取页面失败", {icon: 2,time: 2000});
}
});
}else{
location.href = "login.html";
}
}});
var index = layer.load(1);
if(isNull(mation.url)){
top.winui.window.msg("页面路径不能为空", {icon: 2,time: 2000});
return;
}
if(isNull(mation.pageId)){
top.winui.window.msg("缺少页面ID", {icon: 2,time: 2000});
return;
}
if(isNull(mation.title)){
mation.title = "窗口";
}
if(!isNull(mation.params)){
var s = "";
for(var param in mation.params)
s += "&" + param + "=" + mation.params[param];
mation.url = mation.url + "?" + s.slice(1);
}
if(isNull(mation.area)){
mation.area = [window.screen.width / 3 * 2 + 'px', (layui.$(window.parent.window).height() - 200) + 'px'];
}
if(isNull(mation.offset)){
mation.offset = 'auto';
}
if(isNull(mation.maxmin)){//是否最大化
mation.maxmin = false;
}
if(isNull(mation.shade)){//遮罩层
mation.shade = 0.5;
}
var index = layer.load(1);
refreshCode = "";
layui.$.ajax({
type: 'get',
url: mation.url,
async: true,
success: function (data) {
layer.close(index);
var pageIndex = layer.open({
id: mation.pageId,
type: 2,
title: mation.title,
content: mation.url,
area: mation.area,
offset: mation.offset,
maxmin: mation.maxmin,
shade: mation.shade,
zIndex: 20000000000,
scrollbar: false,
end: function(){
if(typeof(mation.callBack) == "function") {
mation.callBack(refreshCode);
}
}
});
if(mation.maxmin){
layer.full(pageIndex);
}
},
error: function (xml) {
layer.close(index);
top.winui.window.msg("获取页面失败", {icon: 2,time: 2000});
}
});
}
function _openNewWindowsNoRel(mation){
......
/**
@Name: winui
@Author: Leo
@Site: www.leo96.com
*/
/*皮肤*/
body .layer-ext-winhelper {
min-width: 258px;
border: 1px solid rgba(255, 255, 255, 0.1);
min-width: 258px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body .layer-ext-winhelper * {
font-size: 12px;
}
body .layer-ext-winhelper * {
font-size: 12px;
}
body .layer-ext-winhelper .layui-layer-title {
height: 37px;
line-height: 37px;
background-color: transparent;
color: #fff;
border-bottom: none;
padding: 0 80px 0 10px;
}
body .layer-ext-winhelper .layui-layer-title {
height: 37px;
line-height: 37px;
background-color: transparent;
color: #fff;
border-bottom: none;
padding: 0 80px 0 10px;
}
body .layer-ext-hprsettings {
border: 1px solid rgba(255, 255, 255, 0.1);
}
body .layer-ext-hprsettings * {
font-size: 12px;
cursor: default;
}
body .layer-ext-hprsettings .layui-layer-title {
height: 30px;
line-height: 30px;
background-color: transparent;
color: #7b7b7b;
border-bottom: none;
padding: 0 80px 0 10px;
}
body .layer-ext-hprsettings .layui-layer-setwin {
top: 8px;
right: 10px;
}
body .layer-ext-hprsettings .layui-layer-setwin .layui-layer-close1 {
cursor: default;
}
border: 1px solid rgba(255, 255, 255, 0.1);
}
body .layer-ext-hprsettings * {
font-size: 12px;
cursor: default;
}
body .layer-ext-hprsettings .layui-layer-title {
height: 30px;
line-height: 30px;
background-color: transparent;
color: #7b7b7b;
border-bottom: none;
padding: 0 80px 0 10px;
}
body .layer-ext-hprsettings .layui-layer-setwin {
top: 8px;
right: 10px;
}
body .layer-ext-hprsettings .layui-layer-setwin .layui-layer-close1 {
cursor: default;
}
/*皮肤End*/
.winui-helper-content {
padding: 0 10px;
padding: 0 10px;
}
.winui-helper-content hr {
margin: 0;
background-color: rgba(255, 255, 255, 0.4);
}
.winui-helper-content hr {
margin: 0;
background-color: rgba(255, 255, 255, 0.4);
}
.winui-helper-content .winui-helper-tool {
padding: 8px 0;
width: 238px;
}
.winui-helper-content .winui-helper-tool {
padding: 8px 0;
width: 238px;
}
.winui-helper-content .winui-helper-tool > span {
color: rgba(255, 255, 255, 0.8);
margin: 5px;
cursor: default;
display: inline-block;
}
.winui-helper-content .winui-helper-tool>span {
color: rgba(255, 255, 255, 0.8);
margin: 5px;
cursor: pointer;
display: inline-block;
}
.winui-helper-content .winui-helper-tool > span:hover {
color: #ffffff;
}
.winui-helper-content .winui-helper-tool>span:hover {
color: #ffffff;
}
.winui-helper-content .winui-helper-tool > span:nth-child(8n+1) {
margin-left: 2px;
}
.winui-helper-content .winui-helper-tool>span:nth-child(8n+1) {
margin-left: 2px;
}
.winui-helper-content .winui-helper-tool > span:nth-child(8n) {
margin-right: 1px;
}
.winui-helper-content .winui-helper-tool>span:nth-child(8n) {
margin-right: 1px;
}
.winui-helper-content .winui-helper-tool > span > i {
font-size: 16px;
}
.winui-helper-content .winui-helper-tool>span>i {
font-size: 16px;
}
.winui-helper-setwin {
position: absolute;
right: 10px;
top: 8px;
font-size: 0;
line-height: initial;
}
.winui-helper-setwin a {
position: relative;
width: 20px;
height: 20px;
margin-left: 5px;
font-size: 12px;
color: #ffffff;
display: inline-block;
line-height: 20px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
}
.winui-helper-setwin a:hover {
border: 1px solid rgba(255, 255, 255, 0.4);
}
.winui-helper-setwin .winui-helper-switch i {
bottom: 1px;
position: relative;
}
position: absolute;
right: 10px;
top: 8px;
font-size: 0;
line-height: initial;
}
.winui-helper-setwin a {
position: relative;
width: 20px;
height: 20px;
margin-left: 5px;
font-size: 12px;
color: #ffffff;
display: inline-block;
line-height: 20px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
cursor: pointer;
}
.winui-helper-setwin a:hover {
border: 1px solid rgba(255, 255, 255, 0.4);
}
.winui-helper-setwin .winui-helper-switch i {
bottom: 1px;
position: relative;
}
body .winui-helper-tips .layui-layer-content {
color: #000000;
padding: 3px 5px;
color: #000000;
padding: 3px 5px;
}
.tags-content {
margin: 10px 0;
}
.tags-content textarea {
display: block;
width: 238px;
height: 72px;
min-width: 238px;
min-height: 72px;
line-height: 20px;
padding: 6px;
border: none;
box-sizing: border-box;
background-color: rgba(255,255,255,0.1);
color: rgba(255, 255, 255, 0.8);
word-wrap: break-word;
/*cursor: default;*/
}
.tags-content textarea::-webkit-input-placeholder {
color: #949494;
}
.tags-content textarea:-moz-placeholder {
color: #ddd;
}
.tags-content textarea::-moz-placeholder {
color: #ddd;
}
.tags-content textarea:-ms-input-placeholder {
color: #ddd;
}
margin: 10px 0;
}
.tags-content textarea {
display: block;
width: 238px;
height: 72px;
min-width: 238px;
min-height: 72px;
line-height: 20px;
padding: 6px;
border: none;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
word-wrap: break-word;
/*cursor: default;*/
}
.tags-content textarea::-webkit-input-placeholder {
color: #949494;
}
.tags-content textarea:-moz-placeholder {
color: #ddd;
}
.tags-content textarea::-moz-placeholder {
color: #ddd;
}
.tags-content textarea:-ms-input-placeholder {
color: #ddd;
}
.helper-menu {
width: 160px;
padding: 2px;
border: 1px solid #dcf0ff;
z-index: 201704011157;
box-sizing: border-box;
background-color: #F0F0F0;
position: fixed;
-moz-box-shadow: 2px 2px 1px #353535;
-webkit-box-shadow: 2px 2px 1px #353535;
box-shadow: 2px 2px 1px #353535;
}
.helper-menu li {
line-height: 22px;
font-size: 12px;
cursor: default;
padding-left: 34px;
padding-right: 10px;
position: relative;
}
.helper-menu li:hover {
background-color: #91C9F7;
}
.helper-menu li i {
position: absolute;
left: 4px;
top: 2px;
padding: 3px 2px;
background-color: #0063B1;
color: #fff;
}
width: 160px;
padding: 2px;
border: 1px solid #dcf0ff;
z-index: 201704011157;
box-sizing: border-box;
background-color: #F0F0F0;
position: fixed;
-moz-box-shadow: 2px 2px 1px #353535;
-webkit-box-shadow: 2px 2px 1px #353535;
box-shadow: 2px 2px 1px #353535;
}
.helper-menu li {
line-height: 22px;
font-size: 12px;
cursor: default;
padding-left: 34px;
padding-right: 10px;
position: relative;
}
.helper-menu li:hover {
background-color: #91C9F7;
}
.helper-menu li i {
position: absolute;
left: 4px;
top: 2px;
padding: 3px 2px;
background-color: #0063B1;
color: #fff;
}
/*助手设置页面样式*/
.winui-hprsetings-content {
padding: 0 10px;
padding: 0 10px;
}
.winui-hprsetings-content .layui-tab {
margin: 0;
}
.winui-hprsetings-content .layui-tab {
margin: 0;
}
.winui-hprsetings-content .layui-tab-title {
height: 30px;
}
.winui-hprsetings-content .layui-tab-title {
height: 30px;
}
.winui-hprsetings-content .layui-tab-title li {
line-height: 30px;
padding: 0 5px;
}
.winui-hprsetings-content .layui-tab-title li {
line-height: 30px;
padding: 0 5px;
}
.winui-hprsetings-content .layui-tab-title .layui-this:after {
height: 31px;
}
.winui-hprsetings-content .layui-tab-title .layui-this:after {
height: 31px;
}
.winui-hprsetings-content .layui-tab-content {
padding: 20px;
}
.winui-hprsetings-content .layui-tab-content {
padding: 20px;
}
.winui-hprsetings-content .layui-field-box {
padding: 10px;
padding-left: 12px;
}
.winui-hprsetings-content .layui-field-box {
padding: 10px;
padding-left: 12px;
}
.bgcolor-item {
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
display: inline-block;
margin: 1px;
position: relative;
}
.bgcolor-item:hover {
border: 1px solid #91C9F7;
}
.bgcolor-item.selected::after {
content: '√';
width: 16px;
height: 16px;
display: inline-block;
background-color: #5FB878;
position: absolute;
border-radius: 50%;
right: 4px;
bottom: 4px;
color: #fff;
text-indent: 4px;
line-height: 20px;
}
.bgcolor-item > div {
width: 40px;
height: 40px;
}
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
display: inline-block;
margin: 1px;
position: relative;
}
.bgcolor-item:hover {
border: 1px solid #91C9F7;
}
.bgcolor-item.selected::after {
content: '√';
width: 16px;
height: 16px;
display: inline-block;
background-color: #5FB878;
position: absolute;
border-radius: 50%;
right: 4px;
bottom: 4px;
color: #fff;
text-indent: 4px;
line-height: 20px;
}
.bgcolor-item>div {
width: 40px;
height: 40px;
cursor: pointer;
}
.slidearea {
padding: 10px 0;
padding: 10px 0;
}
.slider {
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
top: -3px;
left: 2px;
border-radius: 50%;
box-shadow: 0px 0px 1px 1px #808080;
background-color: #fff;
display: inline-block;
position: absolute;
width: 12px;
height: 12px;
top: -3px;
left: 2px;
border-radius: 50%;
box-shadow: 0px 0px 1px 1px #808080;
background-color: #fff;
}
#opacity .layui-progress-bar {
-moz-transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
transition: all 0s;
}
.basic .layui-form-checked[lay-skin="primary"] i {
background-color: #5FB878 !important;
background-color: #5FB878 !important;
}
.basic .layui-form-checkbox[lay-skin="primary"]:hover i,
.basic .layui-form-checked[lay-skin="primary"] i {
border-color: #5FB878 !important;
.basic .layui-form-checkbox[lay-skin="primary"]:hover i, .basic .layui-form-checked[lay-skin="primary"] i
{
border-color: #5FB878 !important;
}
\ No newline at end of file
......@@ -239,64 +239,62 @@ button{
}
.winui-desktop-item {
width: 76px;
height: 76px;
width: 70px;
height: 95px;
padding-top: 5px;
position: absolute;
color: #fff;
cursor: default;
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.00);
overflow: hidden;
padding-bottom: 4px;
transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}
.winui-desktop-item:hover {
border: 1px solid rgba(221, 221, 221, .8);
background-color: rgba(255, 255, 255, .1);
overflow: visible;
height: auto;
}
.winui-desktop-item.winui-this {
border: 1px solid rgba(221, 221, 221, .8);
background-color: rgba(255, 255, 255, .3);
overflow: visible;
height: auto;
}
.winui-desktop-item:hover {
border: 1px solid rgba(255, 255, 255, 0.25);
background-color: rgba(239, 255, 236, 0.25);
}
.winui-desktop-item > .winui-icon {
height: 56px;
text-align: center;
}
.winui-desktop-item.winui-this {
border: 1px solid rgba(221, 221, 221, .8);
background-color: rgba(255, 255, 255, .3);
overflow: visible;
}
.winui-desktop-item > .winui-icon-font {
line-height: 76px;
}
.winui-desktop-item > .winui-icon {
height: 56px;
text-align: center;
}
.winui-desktop-item > .winui-icon-img {
line-height: 56px;
}
.winui-desktop-item > .winui-icon-font {
line-height: 76px;
}
.winui-desktop-item > .winui-icon-img > img {
max-width: 45px;
max-height: 45px;
}
.winui-desktop-item > .winui-icon-img {
line-height: 56px;
}
.winui-desktop-item > .winui-icon-font > i {
font-size: 38px;
.winui-desktop-item > .winui-icon-img > img {
max-width: 45px;
max-height: 45px;
}
.winui-desktop-item > p {
line-height: 16px;
text-align: center;
width: 90%;
margin: 0 auto;
/*字母数字换行*/
word-wrap: break-word;
}
.winui-desktop-item > .winui-icon-font > i {
font-size: 38px;
}
.winui-desktop-item > p {
line-height: 16px;
text-align: center;
width: 90%;
margin: 0 auto;
/*字母数字换行*/
word-wrap: break-word;
}
/*********************************************************************/
......@@ -324,6 +322,8 @@ button{
color: #fff;
text-align: center;
position: absolute;
transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
cursor: pointer;
}
.winui-taskbar-start:hover {
......@@ -413,14 +413,15 @@ button{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}
.winui-taskbar-time p {
line-height: 18px;
text-align: center;
color: white;
font-size: 12px;
}
.winui-taskbar-time p {
line-height: 18px;
text-align: center;
color: white;
font-size: 12px;
}
/*任务栏控制中心*/
......@@ -430,23 +431,24 @@ button{
height: 40px;
position: absolute;
right: 50px;
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
line-height: 40px;
transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}
.winui-taskbar-console.winui-this {
/*background-color: #0D3858;*/
background-color: rgba(255, 255, 255, 0.05);
}
.winui-taskbar-console.winui-this {
background-color: rgba(255, 255, 255, 0.05);
}
.winui-taskbar-console i {
font-size: 18px;
color: #fff;
}
.winui-taskbar-console i {
font-size: 18px;
color: #fff;
}
/*任务栏显示桌面按钮*/
......@@ -975,66 +977,69 @@ button{
overflow: hidden;
}
.winui-window .layui-layer-title {
/*background-color: #0063B1;*/
border-radius: 0;
height: 34px;
line-height: 34px;
font-size: 12px;
color: #fff;
cursor: default !important;
border-bottom: none;
}
.winui-window .layui-layer-title {
/*background-color: #0063B1;*/
border-radius: 0;
height: 34px;
line-height: 34px;
font-size: 12px;
color: #fff;
cursor: move;
border-bottom: none;
}
.winui-window .layui-layer-setwin {
/*最大最小关闭按钮DIV*/
top: 0;
right: 0;
line-height: 34px;
}
.winui-window .layui-layer-setwin {
/*最大最小关闭按钮DIV*/
top: 0;
right: 0;
line-height: 34px;
}
.winui-window .layui-layer-setwin a {
height: 34px;
width: 48px;
margin: 0;
cursor: default;
}
.winui-window .layui-layer-setwin a {
height: 34px;
width: 48px;
margin: 0;
}
.winui-window .layui-layer-setwin a:hover {
/*background-color: #0078D7;*/
background-color: rgba(255, 255, 255, 0.15);
}
.winui-window .layui-layer-setwin a:hover {
/*background-color: #0078D7;*/
background-color: rgba(255, 255, 255, 0.15);
}
.winui-window .layui-layer-setwin .layui-layer-close:hover {
background-color: #E81123;
opacity: 1;
}
.winui-window .layui-layer-setwin .layui-layer-close:hover {
background-color: #E81123;
opacity: 1;
}
.winui-window .layui-layer-setwin .layui-layer-min cite {
/*最小化按钮*/
background-color: #fff;
left: 17px;
cursor: default;
}
.winui-window .layui-layer-setwin .layui-layer-min{
cursor: pointer;
}
.winui-window .layui-layer-setwin .layui-layer-min:hover cite {
background-color: #fff;
}
.winui-window .layui-layer-setwin .layui-layer-min cite {
/*最小化按钮*/
background-color: #fff;
left: 17px;
cursor: default;
}
.winui-window .layui-layer-ico {
background: none;
position: relative;
}
.winui-window .layui-layer-setwin .layui-layer-min:hover cite {
background-color: #fff;
}
.winui-window .layui-layer-ico i {
position: absolute;
width: 16px;
height: 16px;
top: 2px;
left: 16px;
color: #fff;
}
.winui-window .layui-layer-ico {
background: none;
position: relative;
cursor: pointer;
}
.winui-window .layui-layer-ico i {
position: absolute;
width: 16px;
height: 16px;
top: 2px;
left: 16px;
color: #fff;
}
/*************************************************************************************/
......@@ -1048,51 +1053,51 @@ button{
position: relative;
overflow: auto;
}
.winui-tab .winui-tab-left {
position: absolute;
width: 320px;
height: 100%;
font-size: 15px;
}
.winui-tab .winui-tab-left {
position: absolute;
width: 320px;
height: 100%;
font-size: 15px;
}
.winui-tab .winui-tab-left .winui-tab-title {
line-height: 50px;
padding: 0 10px;
color: #666666;
}
.winui-tab .winui-tab-left .winui-tab-title {
line-height: 50px;
padding: 0 10px;
color: #666666;
}
.winui-tab .winui-tab-left .winui-tab-nav li {
line-height: 50px;
padding: 0 15px;
cursor: default;
}
.winui-tab .winui-tab-left .winui-tab-nav li {
line-height: 50px;
padding: 0 15px;
cursor: pointer;
}
.winui-tab .winui-tab-left .winui-tab-nav li:hover {
background-color: #E6E6E6;
}
.winui-tab .winui-tab-left .winui-tab-nav li:hover {
background-color: #E6E6E6;
}
.winui-tab .winui-tab-left .winui-tab-nav li.winui-this {
padding-left: 10px;
border-left: 5px solid;
/*border-color:#0063B1;*/
/*color: #0063B1;*/
}
.winui-tab .winui-tab-left .winui-tab-nav li.winui-this {
padding-left: 10px;
border-left: 5px solid;
/*border-color:#0063B1;*/
/*color: #0063B1;*/
}
.winui-tab .winui-tab-left .winui-tab-nav li > i {
margin-right: 10px;
}
.winui-tab .winui-tab-left .winui-tab-nav li > i {
margin-right: 10px;
}
.winui-tab .winui-tab-right {
position: absolute;
left: 330px;
right: 0;
height: 100%;
font-size: 15px;
}
.winui-tab .winui-tab-right {
position: absolute;
left: 330px;
right: 0;
height: 100%;
font-size: 15px;
}
.winui-tab .winui-tab-right .winui-tab-content {
padding: 10px;
}
.winui-tab .winui-tab-right .winui-tab-content {
padding: 10px;
}
.winui-tab-item.winui-this {
display: block;
......@@ -3020,6 +3025,26 @@ body .layer-ext-winconfirm {
.sec-clsss{
background-color: rgba(0,0,0,0.3) !important;
border: 1px solid rgba(255, 255, 255, 0.54);
}
.sec-clsss .layui-layer-title{
background-color: rgba(0, 0, 0, 0);
margin-left: 10px;
margin-right: 10px;
color: #fff;
padding-left: 0px;
}
.sec-clsss .layui-layer-setwin{
display: none;
}
.sec-clsss .layui-layer-content{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.sec-clsss-btn{
......
......@@ -205,21 +205,18 @@ layui.define(['jquery', 'layer', 'winui'], function (exports) {
//定位桌面应用
locaApp: function () {
//计算一竖排能容纳几个应用
var appHeight = 96;
var appHeight = 103;
var appWidth = 90;
var maxCount = parseInt($('.winui-desktop').height() / 93);
var maxCount = parseInt($('.winui-desktop').height() / 100);
var oldTemp = 0;
var rowspan = 0;
var colspan = 0;
//定位桌面应用
$('.winui-desktop>.winui-desktop-item').each(function (index, elem) {
var newTemp = parseInt(index / maxCount);
colspan = parseInt(index / maxCount);
rowspan = oldTemp == newTemp ? rowspan : 0;
if (rowspan == 0 && oldTemp != newTemp) oldTemp++;
$(this).css('top', appHeight * rowspan + 'px').css('left', appWidth * colspan + 'px');
rowspan++;
});
......
......@@ -31,6 +31,7 @@ layui.define(['layer', 'winui'], function (exports) {
//打开窗口
WinLayer.prototype.open = function (options) {
var windowfunc = this;
MOVE = '.layui-layer-title';
//获取window,判断window是否存在
if (common.getWindow(options.id)) {
//置顶window
......@@ -63,6 +64,12 @@ layui.define(['layer', 'winui'], function (exports) {
if(isNull(options.addToButtomMenu) && options.addToButtomMenu != false){
options.addToButtomMenu = true;
}
if(!isNull(options.move) || options.move == false){
MOVE = options.move;
}
if(isNull(options.fixed) && options.fixed != false){
options.fixed = true;
}
//打开窗口
var windowIndex = layer.open({
......@@ -74,6 +81,7 @@ layui.define(['layer', 'winui'], function (exports) {
offset: options.offset || this.settings.offset,
anim: options.anim || this.settings.anim,
move: MOVE,
fixed: options.fixed,
shade: options.shade || 0,
maxmin: options.maxmin, //允许最大最小化
moveOut: true, //允许拖出窗外
......
......@@ -240,7 +240,7 @@
function initWinConfig(json){
//设置窗口点击事件
$("body").on("dblclick", ".sec-clsss-btn", function(e){
$("body").on("click", ".sec-clsss-btn", function(e){
winui.window.close($('#childWindow').parent());
OpenWindow($(this).prop("outerHTML"));
});
......@@ -260,17 +260,12 @@
data: {loginPCIp: returnCitySN["cip"]}
}, //可以为{} 默认 请求 json/desktopmenu.json
done: function (desktopApp) {
desktopApp.ondblclick(function (id, elem) {
var item = $(elem);
if(item.find(".icon-drawer").length > 0){
}else{
OpenWindow(elem);
}
});
desktopApp.onclick(function (id, elem) {
var item = $(elem);
if(item.find(".icon-drawer").length > 0){
showBigWin(elem);
}else{
OpenWindow(elem);
}
}),
desktopApp.contextmenu({
......@@ -349,80 +344,72 @@
//打开窗口的方法(可自己根据需求来写)
function OpenWindow(menuItem) {
AjaxPostUtil.request({url:reqBasePath + "login002", params:{}, type:'json', callback:function(json){
if(json.returnCode == 0){
var $this = $(menuItem);
var url = $this.attr('win-url');
var title = $this.attr('win-title');
var id = $this.attr('win-id');
var type = parseInt($this.attr('win-opentype'));
var maxOpen = parseInt($this.attr('win-maxopen')) || -1;
if (url == 'theme') {
winui.window.openTheme();
return;
}
if (!url || !title || !id) {
winui.window.msg('菜单配置错误(菜单链接、标题、id缺一不可)');
return;
}
var content;
if (type === 1) {
$.ajax({
type: 'get',
url: url,
async: false,
success: function (data) {
content = data;
},
error: function (e) {
var page = '';
switch (e.status) {
case 404:
page = '404.html';
break;
case 500:
page = '500.html';
break;
default:
content = "打开窗口失败";
}
$.ajax({
type: 'get',
url: reqBasePath + 'tpl/sysmessage/' + page,
async: false,
success: function (data) {
content = data;
},
error: function () {
layer.close(load);
}
});
}
});
} else {
content = url;
}
//核心方法(参数请看文档,config是全局配置 open是本次窗口配置 open优先级大于config)
winui.window.config({
anim: 0,
miniAnim: 0,
maxOpen: -1
}).open({
id: id,
type: type,
title: title,
content: content,
area: ['90vw','90vh'],
//,offset: ['10vh', '15vw']
maxOpen: maxOpen,
//, max: false
//, min: false
refresh:true
});
}else{
location.href = "login.html";
}
}});
var $this = $(menuItem);
var url = $this.attr('win-url');
console.log($this);
var title = $this.attr('win-title');
var id = $this.attr('win-id');
var type = parseInt($this.attr('win-opentype'));
var maxOpen = parseInt($this.attr('win-maxopen')) || -1;
if (url == 'theme') {
winui.window.openTheme();
return;
}
if (!url || !title || !id) {
winui.window.msg('菜单配置错误(菜单链接、标题、id缺一不可)');
return;
}
var content;
if (type === 1) {
$.ajax({
type: 'get',
url: url,
async: false,
success: function (data) {
content = data;
},
error: function (e) {
var page = '';
switch (e.status) {
case 404:
page = '404.html';
break;
case 500:
page = '500.html';
break;
default:
content = "打开窗口失败";
}
$.ajax({
type: 'get',
url: reqBasePath + 'tpl/sysmessage/' + page,
async: false,
success: function (data) {
content = data;
},
error: function () {
layer.close(load);
}
});
}
});
} else {
content = url;
}
//核心方法(参数请看文档,config是全局配置 open是本次窗口配置 open优先级大于config)
winui.window.config({
anim: 0,
miniAnim: 0,
maxOpen: -1
}).open({
id: id,
type: type,
title: title,
content: content,
area: ['90vw','90vh'],
maxOpen: maxOpen,
refresh:true
});
}
function showBigWin(menuItem){
......@@ -434,10 +421,12 @@
}).open({
id: 'childWindow',
type: 1,
title: false,
title: menu[0].outerText,
closeBtn: 1,
fixed: false,
move: false,
content: menu.find(".icon-child").html(),
area: ['30vw', '40vh'],
area: ['600px', '250px'],
shadeClose: true,
skin: 'sec-clsss',
scrollbar: false,
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册