Skip to content

K
kanban-nanjing-11
Commit 5559c4c1 authored by Allencl's avatar Allencl
Browse files
Options

1

parent 432e8f6c
Hide whitespace changes
Inline Side-by-side
Showing with 192 additions and 36 deletions
css/common.css
View file @ 5559c4c1
...@@ -108,12 +108,12 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; } ...@@ -108,12 +108,12 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
.dilog-iframe-index{ .dilog-iframe-index{
width: 2000px; width: 1200px;
height: 1500px; height: 500px;
position: absolute; position: absolute;
top: 200px; top: 60px;
left: calc(50% - 1000px); left: calc(50% - 600px);
z-index: 999; z-index: 999999;
background: #fff; background: #fff;
border-radius: 30px; border-radius: 30px;
} }
...@@ -126,37 +126,38 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; } ...@@ -126,37 +126,38 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
.dilog-iframe-index ul{ .dilog-iframe-index ul{
list-style: none; list-style: none;
margin-top: 60px; margin-top: 20px;
overflow: scroll; overflow: scroll;
height: 976px; height: 307px;
min-height: 307px;
} }
.dilog-iframe-index h1{ .dilog-iframe-index h1{
text-align: center; text-align: center;
margin-top: 66px; margin-top: 12px;
font-size: 76px; font-size: 24px;
} }
.dilog-iframe-index li{ .dilog-iframe-index li{
display: inline-block; display: inline-block;
border: 1px solid #868585a6; border: 1px solid #868585a6;
border-radius: 12px; border-radius: 12px;
padding: 28px 86px; padding: 4px 26px;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
position: relative; position: relative;
margin-right: 26px; margin-right: 17px;
margin-bottom: 36px; margin-bottom: 13px;
} }
.dilog-iframe-index li img{ .dilog-iframe-index li img{
width: 50px; width: 14px;
height: 50px; height: 14px;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 10px; top: 6px;
right:10px; right:6px;
z-index: 111; z-index: 111;
visibility: hidden; visibility: hidden;
} }
...@@ -164,7 +165,9 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; } ...@@ -164,7 +165,9 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
display: inline-block; display: inline-block;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
font-size: 46px; font-size: 16px;
position: relative;
top: -3px;
} }
...@@ -185,10 +188,10 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; } ...@@ -185,10 +188,10 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
} }
.dilog-iframe-index .bottom-btn .v-btn{ .dilog-iframe-index .bottom-btn .v-btn{
font-size: 76px; font-size: 26px;
width: 500px; width: 112px;
height: 166px; height: 60px;
border-radius: 18px; border-radius: 12px;
} }
body{ body{
......
index.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<title>精工底盘运营管理</title> <title>南京汽车集团有限公司MEB系统</title>
<link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" /> <link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/index.css" />
......
index1.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<!-- <title>精工底盘运营管理</title> --> <title>南京汽车集团有限公司MEB系统</title>
<link rel='stylesheet' href='css/materialdesignicons.min.css' type='text/css' media='all' /> <link rel='stylesheet' href='css/materialdesignicons.min.css' type='text/css' media='all' />
...@@ -30,11 +30,14 @@ ...@@ -30,11 +30,14 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<v-app> <v-app>
<div class="wrap-custem" style="height:100%;">
<div @dblclick="handleDoubleClick" style="width: 100%;position: absolute;top: 0px;left: 0px;z-index: 99991;height: 80px;">
</div>
<div class="wrap wrap-custem">
<iframe id="myiframe1" class="iframe-custem hidden" src="./page1.html" frameborder="0"></iframe> <iframe id="myiframe1" class="iframe-custem hidden" src="./page1.html" frameborder="0"></iframe>
<iframe id="myiframe2" class="iframe-custem hidden" src="./page2.html" frameborder="0"></iframe> <iframe id="myiframe2" class="iframe-custem hidden" src="./page2.html" frameborder="0"></iframe>
<iframe id="myiframe3" class="iframe-custem hidden" src="./page3.html" frameborder="0"></iframe> <iframe id="myiframe3" class="iframe-custem hidden" src="./page3.html" frameborder="0"></iframe>
...@@ -145,6 +148,92 @@ ...@@ -145,6 +148,92 @@
lable:"工位111", lable:"工位111",
active:false active:false
}, },
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
{
lable:"工位111",
active:false
},
...@@ -165,7 +254,7 @@ ...@@ -165,7 +254,7 @@
.catch(error => console.error('Error:', error)); .catch(error => console.error('Error:', error));
}, },
initWebSocket(){ initWebSocket(){
console.log('1111+++='+codeDianshi) // console.log('1111+++='+codeDianshi)
var iframe1 = document.getElementById('myiframe1').contentWindow; var iframe1 = document.getElementById('myiframe1').contentWindow;
var iframe2 = document.getElementById('myiframe2').contentWindow; var iframe2 = document.getElementById('myiframe2').contentWindow;
var iframe3 = document.getElementById('myiframe3').contentWindow; var iframe3 = document.getElementById('myiframe3').contentWindow;
...@@ -336,15 +425,77 @@ ...@@ -336,15 +425,77 @@
}, },
// 确定 // 确定
submit1(){ submit1(){
const that=this
const _data=JSON.parse(JSON.stringify(this.gongweiList)).filter(o=>o.active) const _data=JSON.parse(JSON.stringify(this.gongweiList)).filter(o=>o.active)
codeDianshi=_data[0].tmBasSiteId; codeDianshi=_data[0].tmBasSiteId;
this.initWebSocket(); this.initWebSocket();
this.showDilog=false; this.showDilog=false;
this.$nextTick(()=>{ this.$nextTick(()=>{
// 显示第一个 ifream that.requestFullscreenFunc()
$("#myiframe1").removeClass("hidden")
setTimeout(()=>{
// 显示第一个 ifream
$("#myiframe1").removeClass("hidden")
},300)
}) })
},
// 全屏 函数
requestFullscreenFunc(){
// 全屏
var docElm = document.body;
/*W3C*/
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}/*FireFox */ else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}/*Chrome等 */ else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}/*IE11*/ else if (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}
},
// 判断全屏
checkFull(){
var isFull = false;
if (document.fullscreenEnabled || document.msFullscreenEnabled ) {
isFull = window.fullScreen || document.webkitIsFullScreen;
if (isFull === undefined) {
isFull = false;
}
}
this.isFullscreen=isFull
return isFull;
},
// 退出全屏
outRequestFullscreenFunc(){
// if(! this.checkFull() ) return
if (document.fullscreenElement !== null) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen()
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen()
}
else if (document.msExitFullscreen) {
document.msExitFullscreen()
}
},
handleDoubleClick(){
if( !this.checkFull() ){
this.requestFullscreenFunc()
}else{
this.outRequestFullscreenFunc()
}
} }
} }
}) })
......
index22.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<!-- <title>精工底盘运营管理</title> --> <!-- <title>南京汽车集团有限公司MEB系统</title> -->
<link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" /> <link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/index.css" />
......
index33.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<!-- <title>精工底盘运营管理</title> --> <!-- <title>南京汽车集团有限公司MEB系统</title> -->
<link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" /> <link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" /> <link rel="stylesheet" type="text/css" href="css/index.css" />
......
page1.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<title>看板</title> <title>南京汽车集团有限公司MEB系统</title>
<link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" /> <link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/liMarquee.css"> <link rel="stylesheet" type="text/css" href="css/liMarquee.css">
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<script>new WOW().init();</script> <script>new WOW().init();</script>
</head> </head>
<body> <body style="transform: scaleY(0.397) scaleX(0.406);transform-origin: 0px 0px;">
<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s"> <div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
......
page2.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<title>看板</title> <title>南京汽车集团有限公司MEB系统</title>
<link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" /> <link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/liMarquee.css"> <link rel="stylesheet" type="text/css" href="css/liMarquee.css">
...@@ -19,7 +19,8 @@ ...@@ -19,7 +19,8 @@
<script>new WOW().init();</script> <script>new WOW().init();</script>
</head> </head>
<body> <body style="transform: scaleY(0.397) scaleX(0.406);transform-origin: 0px 0px;">
<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s"> <div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
......
page3.html
View file @ 5559c4c1
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit"/> <meta name="renderer" content="webkit"/>
<title>看板</title> <title>南京汽车集团有限公司MEB系统</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/> <link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.css"/> <link rel="stylesheet" type="text/css" href="css/animate.css"/>
<link rel="stylesheet" type="text/css" href="css/liMarquee.css"> <link rel="stylesheet" type="text/css" href="css/liMarquee.css">
...@@ -19,7 +19,8 @@ ...@@ -19,7 +19,8 @@
<script>new WOW().init();</script> <script>new WOW().init();</script>
</head> </head>
<body> <body style="transform: scaleY(0.397) scaleX(0.406);transform-origin: 0px 0px;">
<div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s"> <div class="wrap wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment