Commit 6cd81d6c authored by jingnan's avatar jingnan 👀

看板增加21站位

parent 9fe0f938
......@@ -3347,7 +3347,7 @@ export default {
}
&.s52 {
top: 332px;
left: 110px;
left: 90px;
width: 111px;
height: 65px;
z-index: 9;
......@@ -3402,8 +3402,8 @@ export default {
}
}
&.s51 {
top: 369px;
left: 249px;
top: 359px;
left: 189px;
width: 181px;
height: 89px;
> .model {
......@@ -3457,10 +3457,10 @@ export default {
}
}
&.s41 {
top: 415px;
left: 453px;
width: 209px;
height: 102px;
top: 405px;
left: 330px;
width: 199px;
height: 92px;
> .model {
width: 100%;
height: 100%;
......@@ -3487,7 +3487,7 @@ export default {
> .stage {
width: 215px;
height: 50px;
top: 89px;
top: 79px;
left: 11px;
position: absolute;
background-image: url("../../../assets/看板2/站台/41底座.png");
......@@ -3497,7 +3497,7 @@ export default {
> .tai {
width: 157px;
height: 23px;
top: 92px;
top: 82px;
left: 41px;
position: absolute;
background-repeat: no-repeat; //不重复
......@@ -3511,10 +3511,10 @@ export default {
}
}
&.s31 {
top: 476px;
left: 714px;
width: 220px;
height: 115px;
top: 450px;
left: 524px;
width: 200px;
height: 105px;
> .model {
width: 100%;
height: 100%;
......@@ -3532,6 +3532,60 @@ export default {
background-image: url("../../../assets/看板2/31灰.png");
}
}
> .stage {
width: 260px;
height: 75px;
top: 77px;
left: -15px;
position: absolute;
background-image: url("../../../assets/看板2/站台/31底座.png");
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
}
> .tai {
width: 196px;
height: 36px;
top: 84px;
left: 25px;
position: absolute;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
&.stage-dong {
background-image: url("../../../assets/看板2/站台/动台.gif");
}
&.stage-jing {
background-image: url("../../../assets/看板2/站台/静台.png");
}
}
> p {
top: -18px;
left: 96px;
width: 62px;
text-align: center;
}
}
&.s21 {
top: 506px;
left: 734px;
width: 220px;
height: 115px;
> .model {
width: 100%;
height: 100%;
z-index: 9;
position: absolute;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
&.New {
background-image: url("../../../assets/看板2/21线.png");
}
&.Run {
background-image: url("../../../assets/看板2/21黄.png");
}
&.Finish {
background-image: url("../../../assets/看板2/21灰.png");
}
}
> .stage {
width: 277px;
height: 85px;
......@@ -3564,6 +3618,7 @@ export default {
text-align: center;
}
}
}
}
> footer {
......
......@@ -3154,6 +3154,23 @@ export default {
background-image: url("../../../assets/看板/内页飞机切图/31灰内.png");
}
}
&.s21 {
top: 180px;
left: 105px;
width: 570px;
height: 245px;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
&.New {
background-image: url("../../../assets/看板/内页飞机切图/31线内.png");
}
&.Run {
background-image: url("../../../assets/看板/内页飞机切图/31黄内.png");
}
&.Finish {
background-image: url("../../../assets/看板/内页飞机切图/31灰内.png");
}
}
}
> .stage {
width: 651px;
......
......@@ -19,7 +19,7 @@
<div
v-for="item in stationData"
:key="item.serialNumber"
:class="stationClass(item.serialNumber, item.extPositionPlans&&item.extPositionPlans[0].planState)"
:class="stationClass(item.serialNumber, item.extPositionPlans&&item.extPositionPlans[0].planState||'Run')"
@dblclick="routerExperiment(item)"
@click="selectStation(item.serialNumber)"
>
......@@ -178,6 +178,12 @@ export default {
name: '',
progress: 0,
isLogo: false
},
{
serialNumber: '21',
name: '',
progress: 0,
isLogo: false
}
],
JobPlanExecutionQueryParams: {},
......@@ -522,8 +528,8 @@ position: relative;
cursor: pointer;
z-index: 9;
&.s54 {
left: 670px;
top: 278px;
left: 546px;
top: 206px;
width: 127px;
height: 150px;
> .model {
......@@ -570,10 +576,10 @@ position: relative;
}
}
&.s53 {
top: 525px;
left: 50px;
width: 394px;
height: 138px;
top: 427px;
left: 35px;
width: 374px;
height: 128px;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
> .model {
......@@ -596,7 +602,7 @@ position: relative;
> .stage {
width: 446px;
height: 104px;
top: 110px;
top: 94px;
left: -21px;
position: absolute;
background-image: url("../../../assets/看板2/站台/53底座.png");
......@@ -606,7 +612,7 @@ position: relative;
> .tai {
width: 323px;
height: 45px;
top: 120px;
top: 110px;
left: 45px;
position: absolute;
background-repeat: no-repeat; //不重复
......@@ -620,10 +626,10 @@ position: relative;
}
}
&.s52 {
top: 325px;
left: 150px;
width: 262px;
height: 153px;
top: 268px;
left: 100px;
width: 200px;
height: 116px;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
> .model {
......@@ -645,19 +651,19 @@ position: relative;
}
}
> .stage {
width: 391px;
height: 92px;
top: 137px;
left: -55px;
width: 321px;
height: 56px;
top: 104px;
left: -52px;
position: absolute;
background-image: url("../../../assets/看板2/站台/52底座.png");
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
}
> .tai {
width: 283px;
height: 45px;
top: 140px;
width: 213px;
height: 26px;
top: 110px;
left: 3px;
position: absolute;
background-repeat: no-repeat; //不重复
......@@ -671,10 +677,10 @@ position: relative;
}
}
&.s51 {
top: 395px;
left: 427px;
width: 427px;
height: 210px;
top: 326px;
left: 357px;
width: 262px;
height: 133px;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
> .model {
......@@ -696,20 +702,20 @@ position: relative;
}
}
> .stage {
width: 450px;
height: 105px;
top: 180px;
left: 20px;
width: 391px;
height: 92px;
top: 102px;
left: -55px;
position: absolute;
background-image: url("../../../assets/看板2/站台/51底座.png");
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
}
> .tai {
width: 322px;
height: 47px;
top: 190px;
left: 90px;
width: 283px;
height: 45px;
top: 110px;
left: 3px;
position: absolute;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
......@@ -722,10 +728,10 @@ position: relative;
}
}
&.s41 {
top: 483px;
left: 822px;
width: 493px;
height: 241px;
top: 390px;
left: 577px;
width: 397px;
height: 170px;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
> .model {
......@@ -745,20 +751,70 @@ position: relative;
background-image: url("../../../assets/看板2/41灰.png");
}
}
> .stage {
width: 450px;
height: 105px;
top: 140px;
left: 10px;
position: absolute;
background-image: url("../../../assets/看板2/站台/41底座.png");
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
}
> .tai {
width: 322px;
height: 47px;
top: 150px;
left: 80px;
position: absolute;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
&.stage-dong {
background-image: url("../../../assets/看板2/站台/动台.gif");
}
&.stage-jing {
background-image: url("../../../assets/看板2/站台/静台.png");
}
}
}
&.s31{
top: 470px;
left: 920px;
width: 473px;
height: 221px;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
> .model {
width: 100%;
height: 100%;
z-index: 9;
position: absolute;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
&.New {
background-image: url("../../../assets/看板2/31线.png");
}
&.Run {
background-image: url("../../../assets/看板2/31黄.png");
}
&.Finish {
background-image: url("../../../assets/看板2/31灰.png");
}
}
> .stage {
width: 507px;
height: 118px;
top: 209px;
top: 189px;
left: 20px;
position: absolute;
background-image: url("../../../assets/看板2/站台/41底座.png");
background-image: url("../../../assets/看板2/站台/31底座.png");
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
}
> .tai {
width: 369px;
height: 54px;
top: 218px;
top: 198px;
left: 90px;
position: absolute;
background-repeat: no-repeat; //不重复
......@@ -771,8 +827,8 @@ position: relative;
}
}
}
&.s31 {
top: 601px;
&.s21 {
top: 589px;
left: 1358px;
width: 518px;
height: 269px;
......@@ -786,13 +842,13 @@ position: relative;
background-repeat: no-repeat; //不重复
background-size: 100% 100%; // 满屏
&.New {
background-image: url("../../../assets/看板2/31线.png");
background-image: url("../../../assets/看板2/21线.png");
}
&.Run {
background-image: url("../../../assets/看板2/31黄.png");
background-image: url("../../../assets/看板2/21黄.png");
}
&.Finish {
background-image: url("../../../assets/看板2/31灰.png");
background-image: url("../../../assets/看板2/21灰.png");
}
}
> .stage {
......
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