Skip to content

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

1

parent 5559c4c1
Hide whitespace changes
Inline Side-by-side
Showing with 127 additions and 133 deletions
css/common.css
View file @ eb9ee0b4
......@@ -68,10 +68,13 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
top: 36px;
color: #fff;
top: 72px;
right: 357px;
}
.toptime span{
font-size: 36px;
font-size: 46px;
}
......@@ -196,4 +199,61 @@ a,a:hover,.btn,.btn:hover{ transition:all 300ms ease; user-select:none; }
body{
user-select: none;
}
.change-btn-left{
/* width: 100px;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 999991;
background-color: red; */
}
.top-bar-click-box{
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 99991;
height: 100px;
/* background: red; */
}
.top-bar-click-box{
display: flex;
}
.top-bar-click-box img{
width: 60px;
height: 60px;
cursor: pointer;
margin-top: 20px;
/* display: none; */
}
.top-bar-click-box div:nth-child(1){
display: inline-block;
flex: 2;
/* background-color: #00ccff; */
text-align: left;
padding-left: 16px;
}
.top-bar-click-box div:nth-child(2){
display: inline-block;
flex: 4;
cursor: pointer;
/* background-color: #f2ca63; */
}
.top-bar-click-box div:nth-child(3){
display: inline-block;
flex: 2;
padding-right: 16px;
/* background-color: greenyellow; */
text-align: right;
}
\ No newline at end of file
img/left-btn.svg 0 → 100644
View file @ eb9ee0b4
<?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="1717488133848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4529" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m48.761905 118.954666L612.473905 341.333333l-170.666667 170.666667 170.666667 170.666667L560.761905 734.378667 338.383238 512 560.761905 289.621333z" p-id="4530" fill="#ffffff"></path></svg>
\ No newline at end of file
img/right-btn.svg 0 → 100644
View file @ eb9ee0b4
<?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="1717490209956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5565" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m-48.761905 118.954666L685.616762 512 463.238095 734.378667 411.526095 682.666667l170.666667-170.666667-170.666667-170.666667L463.238095 289.621333z" p-id="5566" fill="#ffffff"></path></svg>
\ No newline at end of file
index1.html
View file @ eb9ee0b4
......@@ -34,13 +34,21 @@
<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 @click="clickshowBox" class="top-bar-click-box">
<div>
<img v-if="showIMg" @click="lastClick" src="./img/left-btn.svg" alt="">
</div>
<div @dblclick="handleDoubleClick"></div>
<div>
<img v-if="showIMg" @click="nextClick" src="./img/right-btn.svg" alt="">
</div>
</div>
<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="myiframe1" :class="`iframe-custem ${numMark==1?'':'hidden'}`" src="./page1.html" frameborder="0"></iframe>
<iframe id="myiframe2" :class="`iframe-custem ${numMark==2?'':'hidden'}`" src="./page2.html" frameborder="0"></iframe>
<iframe id="myiframe3" :class="`iframe-custem ${numMark==3?'':'hidden'}`" src="./page3.html" frameborder="0"></iframe>
<div v-if="showDilog" class="dilog-iframe-index">
......@@ -67,8 +75,8 @@
el: '#app',
vuetify: new Vuetify(),
data: () => ({
numMark: 0,
showIMg:false,
showDilog:true,
gongweiList:[
......@@ -108,131 +116,7 @@
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
},
{
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
},
......@@ -244,6 +128,53 @@
this.getSite();
},
methods: {
// 上一个
lastClick(){
if(this.numMark<=1){
this.$nextTick(()=>{
this.numMark=3
})
}else{
this.$nextTick(()=>{
this.numMark=this.numMark-1
})
}
},
// 下一个
nextClick(){
if(this.numMark>=3){
this.$nextTick(()=>{
this.numMark=1
})
}else{
this.$nextTick(()=>{
this.numMark=this.numMark+1
})
}
},
// 显示按钮
clickshowBox(){
if( !this.showDilog ){
this.showIMg=true
//清除interval定时器
if(window.IntervalItemRight1){
clearInterval(window.IntervalItemRight1)
}
window.IntervalItemRight1=setInterval(()=>{
this.showIMg=false
},15000)
}
},
getSite(){
fetch('http://127.0.0.1:8180/stage-api/base/site/selectListSite',
{method: 'GET', headers: {'Authorization': 'Bearer_4b33504b-9b9a-4b93-8f1c-87729b9282d1'}})
......@@ -436,7 +367,8 @@
setTimeout(()=>{
// 显示第一个 ifream
$("#myiframe1").removeClass("hidden")
// $("#myiframe1").removeClass("hidden")
this.numMark=1
},300)
})
......
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