Skip to content

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

1

parent 432e8f6c
Show 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; }
.dilog-iframe-index{
width: 2000px;
height: 1500px;
width: 1200px;
height: 500px;
position: absolute;
top: 200px;
left: calc(50% - 1000px);
z-index: 999;
top: 60px;
left: calc(50% - 600px);
z-index: 999999;
background: #fff;
border-radius: 30px;
}
......@@ -126,37 +126,38 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
.dilog-iframe-index ul{
list-style: none;
margin-top: 60px;
margin-top: 20px;
overflow: scroll;
height: 976px;
height: 307px;
min-height: 307px;
}
.dilog-iframe-index h1{
text-align: center;
margin-top: 66px;
font-size: 76px;
margin-top: 12px;
font-size: 24px;
}
.dilog-iframe-index li{
display: inline-block;
border: 1px solid #868585a6;
border-radius: 12px;
padding: 28px 86px;
padding: 4px 26px;
cursor: pointer;
user-select: none;
position: relative;
margin-right: 26px;
margin-bottom: 36px;
margin-right: 17px;
margin-bottom: 13px;
}
.dilog-iframe-index li img{
width: 50px;
height: 50px;
width: 14px;
height: 14px;
display: inline-block;
position: absolute;
top: 10px;
right:10px;
top: 6px;
right:6px;
z-index: 111;
visibility: hidden;
}
......@@ -164,7 +165,9 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
display: inline-block;
padding: 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; }
}
.dilog-iframe-index .bottom-btn .v-btn{
font-size: 76px;
width: 500px;
height: 166px;
border-radius: 18px;
font-size: 26px;
width: 112px;
height: 60px;
border-radius: 12px;
}
body{
......
index.html
View file @ 5559c4c1
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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/animate.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
......
index1.html
View file @ 5559c4c1
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit" />
<!-- <title>精工底盘运营管理</title> -->
<title>南京汽车集团有限公司MEB系统</title>
<link rel='stylesheet' href='css/materialdesignicons.min.css' type='text/css' media='all' />
......@@ -30,11 +30,14 @@
</head>
<body>
<div id="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="myiframe2" class="iframe-custem hidden" src="./page2.html" frameborder="0"></iframe>
<iframe id="myiframe3" class="iframe-custem hidden" src="./page3.html" frameborder="0"></iframe>
......@@ -145,6 +148,92 @@
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
},
{
lable:"工位111",
active:false
},
......@@ -165,7 +254,7 @@
.catch(error => console.error('Error:', error));
},
initWebSocket(){
console.log('1111+++='+codeDianshi)
// console.log('1111+++='+codeDianshi)
var iframe1 = document.getElementById('myiframe1').contentWindow;
var iframe2 = document.getElementById('myiframe2').contentWindow;
var iframe3 = document.getElementById('myiframe3').contentWindow;
......@@ -336,15 +425,77 @@
},
// 确定
submit1(){
const that=this
const _data=JSON.parse(JSON.stringify(this.gongweiList)).filter(o=>o.active)
codeDianshi=_data[0].tmBasSiteId;
this.initWebSocket();
this.showDilog=false;
this.$nextTick(()=>{
that.requestFullscreenFunc()
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 @@
<head>
<meta charset="utf-8">
<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/animate.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
......
index33.html
View file @ 5559c4c1
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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/animate.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
......
page1.html
View file @ 5559c4c1
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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/animate.css" />
<link rel="stylesheet" type="text/css" href="css/liMarquee.css">
......@@ -19,7 +19,7 @@
<script>new WOW().init();</script>
</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">
......
page2.html
View file @ 5559c4c1
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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/animate.css" />
<link rel="stylesheet" type="text/css" href="css/liMarquee.css">
......@@ -19,7 +19,8 @@
<script>new WOW().init();</script>
</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">
......
page3.html
View file @ 5559c4c1
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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/animate.css"/>
<link rel="stylesheet" type="text/css" href="css/liMarquee.css">
......@@ -19,7 +19,8 @@
<script>new WOW().init();</script>
</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">
......
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