Skip to content

K
kanban-nanjing-11
Commit 79a648d9 authored by Allencl's avatar Allencl
Browse files
Options

1

parent 383206f0
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 47464 additions and 6 deletions
css/common.css
View file @ 79a648d9
...@@ -83,4 +83,110 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; } ...@@ -83,4 +83,110 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
font-size: 36px; font-size: 36px;
font-weight: 500; font-weight: 500;
color: #fff; color: #fff;
}
.wrap-custem{
background: none;
padding: 0 !important;
position: relative;
}
.iframe-custem{
position: absolute;
top: 0px;
left: 0px;
z-index: 9999;
width: 100%;
height: 100%;
/* border: 1px solid red; */
}
.iframe-custem.hidden{
visibility: hidden;
}
.dilog-iframe-index{
width: 2000px;
height: 1500px;
position: absolute;
top: 200px;
left: calc(50% - 1000px);
z-index: 999;
background: #fff;
border-radius: 30px;
}
.theme--light.v-application{
background: inherit;
}
.dilog-iframe-index ul{
list-style: none;
margin-top: 60px;
overflow: scroll;
height: 976px;
}
.dilog-iframe-index h1{
text-align: center;
margin-top: 66px;
font-size: 76px;
}
.dilog-iframe-index li{
display: inline-block;
border: 1px solid #868585a6;
border-radius: 12px;
padding: 28px 86px;
cursor: pointer;
user-select: none;
position: relative;
margin-right: 26px;
margin-bottom: 36px;
}
.dilog-iframe-index li img{
width: 50px;
height: 50px;
display: inline-block;
position: absolute;
top: 10px;
right:10px;
z-index: 111;
visibility: hidden;
}
.dilog-iframe-index li p{
display: inline-block;
padding: 0px;
margin: 0px;
font-size: 46px;
}
.dilog-iframe-index li.avtive{
background: #0c2a7c;
color: #fff;
border-color: #0c2a7c;
}
.dilog-iframe-index li.avtive img{
visibility:visible;
}
.dilog-iframe-index .bottom-btn{
text-align: center;
padding-top: 48px;
}
.dilog-iframe-index .bottom-btn .v-btn{
font-size: 76px;
width: 500px;
height: 166px;
border-radius: 18px;
} }
\ No newline at end of file
css/font-awesome.min.css 0 → 100644
View file @ 79a648d9
This diff is collapsed.
css/materialdesignicons.min.css 0 → 100644
View file @ 79a648d9
This source diff could not be displayed because it is too large. You can view the blob instead.
css/vuetify.min.css 0 → 100644
View file @ 79a648d9
This diff is collapsed.
fonts/fontawesome-webfont.svg 0 → 100644
View file @ 79a648d9
This source diff could not be displayed because it is too large. You can view the blob instead.
fonts/glyphicons-halflings-regular.eot 0 → 100644
View file @ 79a648d9
<html>
<head><title>404 Not Found</title></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.8.0</center>
</body>
</html>
fonts/glyphicons-halflings-regular.svg 0 → 100644
View file @ 79a648d9
<html>
<head><title>404 Not Found</title></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.8.0</center>
</body>
</html>
fonts/glyphicons-halflings-regular.ttf 0 → 100644
View file @ 79a648d9
<html>
<head><title>404 Not Found</title></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.8.0</center>
</body>
</html>
fonts/glyphicons-halflings-regular.woff 0 → 100644
View file @ 79a648d9
<html>
<head><title>404 Not Found</title></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx/1.8.0</center>
</body>
</html>
fonts/revicons.svg 0 → 100644
View file @ 79a648d9
This diff is collapsed.
img/111.svg 0 → 100644
View file @ 79a648d9
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1717146106898" class="icon" viewBox="0 0 1397 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4264" xmlns:xlink="http://www.w3.org/1999/xlink" width="272.8515625" height="200"><path d="M1396.363636 121.018182c0 0-223.418182 74.472727-484.072727 372.363636-242.036364 269.963636-297.890909 381.672727-390.981818 530.618182C512 1014.690909 372.363636 744.727273 0 549.236364l195.490909-186.181818c0 0 176.872727 121.018182 297.890909 344.436364 0 0 307.2-474.763636 902.981818-707.490909L1396.363636 121.018182 1396.363636 121.018182zM1396.363636 121.018182" fill="#4caf50" p-id="4265"></path></svg>
\ No newline at end of file
index1.html
View file @ 79a648d9
...@@ -4,31 +4,200 @@ ...@@ -4,31 +4,200 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="renderer" content="webkit" /> <meta name="renderer" content="webkit" />
<!-- <title>精工底盘运营管理</title> --> <!-- <title>精工底盘运营管理</title> -->
<link rel='stylesheet' href='css/materialdesignicons.min.css' type='text/css' media='all' />
<link rel='stylesheet' href='css/vuetify.min.css' type='text/css' media='all' />
<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" />
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.js"></script>
<!-- <script type="text/javascript" src="js/common.js"></script> --> <!-- <script type="text/javascript" src="js/common.js"></script> -->
<!-- <script type="text/javascript" src="js/wow.js"></script> --> <!-- <script type="text/javascript" src="js/wow.js"></script> -->
<!-- <script>new WOW().init();</script> --> <!-- <script>new WOW().init();</script> -->
<script type='text/javascript' src='js/vue.min.js'></script>
<script type='text/javascript' src='js/vuetify.js'></script>
</head> </head>
<body> <body>
<div> <div id="app">
<!-- <iframe id="myiframe1" style="width: 800px;height: 800px;border: 2px solid red;" src="./index22.html" frameborder="0"></iframe>--> <v-app>
<iframe id="myiframe1" style="width: 6000px;height: 2200px;border: 2px solid red;" src="./page1.html" frameborder="0"></iframe>
<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>
<!-- <iframe id="myiframe2" style="width: 800px;height: 800px;border: 2px solid red;" src="./index33.html" frameborder="0"></iframe>-->
<iframe id="myiframe2" style="width: 6000px;height: 2200px;border: 2px solid red;" src="./page2.html" frameborder="0"></iframe>
<iframe id="myiframe3" style="width: 6000px;height: 2200px;border: 2px solid red;" src="./page3.html" frameborder="0"></iframe> <div v-if="showDilog" class="dilog-iframe-index">
<h1>选择工位</h1>
<ul>
<li @click="gongweiFunc(o,i)" :class="o.active?'avtive':'123'" v-for="(o,i) in gongweiList" :key="i">
<img src="./img/111.svg" alt="">
<p>{{o.lable}}</p>
</li>
</ul>
<div class="bottom-btn">
<v-btn @click="submit1" size="x-large" color="primary">确定</v-btn>
</div>
</div>
</div>
</v-app>
</div> </div>
<script>
new Vue({
el: '#app',
vuetify: new Vuetify(),
data: () => ({
showDilog:true,
gongweiList:[
{
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
},
]
}),
methods: {
// 工位切换
gongweiFunc(o,i){
this.gongweiList= ( JSON.parse(JSON.stringify(this.gongweiList)) ).map((o)=> Object.assign({},o,{active:false}) )
this.$nextTick(()=>{
const _data=JSON.parse(JSON.stringify(this.gongweiList))
_data[i].active=true
this.gongweiList=[]
this.$nextTick(()=>{
this.gongweiList=_data
})
})
},
// 确定
submit1(){
const _data=JSON.parse(JSON.stringify(this.gongweiList)).filter(o=>o.active)
// 选中值
console.log(_data)
this.showDilog=false
this.$nextTick(()=>{
// 显示第一个 ifream
$("#myiframe1").removeClass("hidden")
})
}
}
})
</script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
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;
......
js/vue.min.js 0 → 100644
View file @ 79a648d9
This source diff could not be displayed because it is too large. You can view the blob instead.
js/vuetify.js 0 → 100644
View file @ 79a648d9
This diff is collapsed.
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