Skip to content

Z
zhongtong-avi-web
Commit 26fc373a authored by 李志鸣's avatar 李志鸣
Browse files
Options

fea(AVI整体大屏): 静态开发

parent 9d587db4
Show whitespace changes
Inline Side-by-side
Showing with 528 additions and 9 deletions
src/views/Login/index.vue
View file @ 26fc373a
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
this.languageChange('en') this.languageChange('en')
} }
// 判断是否需要清空localstorage（列表配置） // 判断是否需要清空localstorage（列表配置）
this.decideNeedToEmptyLocalStorage() // this.decideNeedToEmptyLocalStorage()
} }
} }
</script> </script>
......
src/views/Monitor/index.vue
View file @ 26fc373a
...@@ -68,33 +68,40 @@ ...@@ -68,33 +68,40 @@
<div class="A1-station-2"></div> <div class="A1-station-2"></div>
<div class="A1-station-3"></div> <div class="A1-station-3"></div>
<div class="A1-station-4"></div> <div class="A1-station-4"></div>
<div class="sheet-metal-car-A2"></div> <div class="sheet-metal-car-A2"></div>
<div class="A2-station-1"></div> <div class="A2-station-1"></div>
<div class="A2-station-2"></div> <div class="A2-station-2"></div>
<div class="A2-station-3"></div> <div class="A2-station-3"></div>
<div class="A2-station-4"></div> <div class="A2-station-4"></div>
<div class="sheet-metal-car-A3"></div> <div class="sheet-metal-car-A3"></div>
<div class="A3-station-1"></div> <div class="A3-station-1"></div>
<div class="A3-station-2"></div> <div class="A3-station-2"></div>
<div class="A3-station-3"></div> <div class="A3-station-3"></div>
<div class="A3-station-4"></div> <div class="A3-station-4"></div>
<div class="sheet-metal-car-A4"></div> <div class="sheet-metal-car-A4"></div>
<div class="A4-station-1"></div> <div class="A4-station-1"></div>
<div class="A4-station-2"></div> <div class="A4-station-2"></div>
<div class="A4-station-3"></div> <div class="A4-station-3"></div>
<div class="A4-station-4"></div> <div class="A4-station-4"></div>
<div class="sheet-metal-car-A5"></div> <div class="sheet-metal-car-A5"></div>
<div class="A5-station-1"></div> <div class="A5-station-1"></div>
<div class="A5-station-2"></div> <div class="A5-station-2"></div>
<div class="A5-station-3"></div> <div class="A5-station-3"></div>
<div class="A5-station-4"></div> <div class="A5-station-4"></div>
<div class="heap"></div> <div class="heap"></div>
<div class="heap-station-1"></div> <div class="heap-station-1"></div>
<div class="heap-station-2"></div> <div class="heap-station-2"></div>
<div class="heap-station-3"></div> <div class="heap-station-3"></div>
<div class="heap-station-4"></div> <div class="heap-station-4"></div>
<div class="take-off-cycle"></div> <div class="take-off-cycle"></div>
<div class="take-off-cycle-station-1"></div> <div class="take-off-cycle-station-1"></div>
<div class="change-electrophoresis"></div> <div class="change-electrophoresis"></div>
<div class="change-electrophoresis-station-1"></div> <div class="change-electrophoresis-station-1"></div>
</div> </div>
...@@ -107,30 +114,35 @@ ...@@ -107,30 +114,35 @@
<div class="line-1-frp-assembly"></div> <div class="line-1-frp-assembly"></div>
<div class="line-1-trim"></div> <div class="line-1-trim"></div>
<div class="line-1-polishing"></div> <div class="line-1-polishing"></div>
<div class="line-2-change-cycle"></div> <div class="line-2-change-cycle"></div>
<div class="line-2-roof-seal"></div> <div class="line-2-roof-seal"></div>
<div class="line-2-frp-assembly"></div> <div class="line-2-frp-assembly"></div>
<div class="line-2-trim"></div> <div class="line-2-trim"></div>
<div class="line-2-polishing"></div> <div class="line-2-polishing"></div>
<div class="line-2-air-conditioning"></div> <div class="line-2-air-conditioning"></div>
<div class="line-3-station-1"></div> <div class="line-3-station-1"></div>
<div class="line-3-roof-seal-1"></div> <div class="line-3-roof-seal-1"></div>
<div class="line-3-roof-seal-2"></div> <div class="line-3-roof-seal-2"></div>
<div class="line-3-roof-seal-3"></div> <div class="line-3-roof-seal-3"></div>
<div class="line-3-roof-seal-4"></div> <div class="line-3-roof-seal-4"></div>
<div class="line-3-air-conditioning"></div> <div class="line-3-air-conditioning"></div>
<div class="line-4-station-1"></div> <div class="line-4-station-1"></div>
<div class="line-4-station-2"></div> <div class="line-4-station-2"></div>
<div class="line-4-station-3"></div> <div class="line-4-station-3"></div>
<div class="line-4-station-4"></div> <div class="line-4-station-4"></div>
<div class="line-4-station-5"></div> <div class="line-4-station-5"></div>
<div class="line-4-air-conditioning"></div> <div class="line-4-air-conditioning"></div>
<div class="line-5-clean-up-1"></div> <div class="line-5-clean-up-1"></div>
<div class="line-5-damping-glue-spray-paint"></div> <div class="line-5-damping-glue-spray-paint"></div>
<div class="line-5-clean-up-2"></div> <div class="line-5-clean-up-2"></div>
<div class="line-5-foaming-spray"></div> <div class="line-5-foaming-spray"></div>
<div class="line-5-shadow-protection"></div> <div class="line-5-shadow-protection"></div>
<div class="line-5-station-1"></div> <div class="line-5-station-1"></div>
<div class="line-6-clean-up-1"></div> <div class="line-6-clean-up-1"></div>
<div class="line-6-damping-glue-spray-paint"></div> <div class="line-6-damping-glue-spray-paint"></div>
<div class="line-6-clean-up-2"></div> <div class="line-6-clean-up-2"></div>
...@@ -141,23 +153,98 @@ ...@@ -141,23 +153,98 @@
</div> </div>
<!--腻子上半作业区--> <!--腻子上半作业区-->
<div class="putty-t-pack" @click="doPuttyClick"> <div class="putty-t-pack" @click="doPuttyClick">
<div></div> <div>
<div class="line-1-putty-scraping"></div>
<div class="line-1-station-1"></div>
<div class="line-1-station-2"></div>
<div class="line-1-station-3"></div>
<div class="line-1-putty-baking"></div>
<div class="line-1-putty-rough-grinding"></div>
<div class="line-2-putty-scraping"></div>
<div class="line-2-station-1"></div>
<div class="line-2-station-2"></div>
<div class="line-2-station-3"></div>
<div class="line-2-putty-baking"></div>
<div class="line-2-putty-rough-grinding"></div>
<div class="line-3-station-1"></div>
<div class="line-3-seal"></div>
<div class="line-3-station-2"></div>
<div class="line-3-dust-removal"></div>
<div class="line-3-putty-fine-grinding"></div>
<div class="line-3-putty-fine-scraping"></div>
<div class="line-4-station-1"></div>
<div class="line-4-seal"></div>
<div class="line-4-station-2"></div>
<div class="line-4-dust-removal"></div>
<div class="line-4-putty-fine-grinding"></div>
<div class="line-4-putty-fine-scraping"></div>
</div>
</div> </div>
<!--腻子下半作业区--> <!--腻子下半作业区-->
<div class="putty-b-pack" @click="doPuttyClick"> <div class="putty-b-pack" @click="doPuttyClick">
<div></div> <div>
<div class="line-1-putty-baking"></div>
</div>
</div> </div>
<!--中涂左作业区--> <!--中涂左作业区-->
<div class="middle-coat-l-pack" @click="doMiddleCoatClick"> <div class="middle-coat-l-pack" @click="doMiddleCoatClick">
<div></div> <div>
<div class="line-1-medium-spray-paint"></div>
<div class="line-1-bake"></div>
<div class="line-1-shading"></div>
<div class="line-1-polishing"></div>
<div class="line-1-delivery-and-dust-removal"></div>
<div class="line-2-station-1"></div>
<div class="line-2-station-2"></div>
<div class="line-2-station-3"></div>
<div class="line-2-station-4"></div>
<div class="line-2-station-5"></div>
<div class="line-3-robot-spraying"></div>
<div class="line-3-bake"></div>
<div class="line-3-shading"></div>
<div class="line-3-polishing"></div>
<div class="line-3-delivery-and-dust-removal"></div>
<div class="line-4-concentrated-paint"></div>
<div class="line-4-drying-room"></div>
<div class="line-4-station-1"></div>
<div class="line-4-station-2"></div>
</div>
</div> </div>
<!--中涂右作业区--> <!--中涂右作业区-->
<div class="middle-coat-r-pack" @click="doMiddleCoatClick"> <div class="middle-coat-r-pack" @click="doMiddleCoatClick">
<div></div> <div>
<div class="buffer-trimming-1"></div>
<div class="buffer-trimming-2"></div>
<div class="buffer-trimming-3"></div>
</div>
</div> </div>
<!--面/色漆作业区--> <!--面/色漆作业区-->
<div class="complexion-paint-pack" @click="doComplexionPaintClick"> <div class="complexion-paint-pack" @click="doComplexionPaintClick">
<div></div> <div>
<div class="column-1-pattern-paste-1-1"></div>
<div class="column-1-pattern-paste-1-2"></div>
<div class="column-1-pattern-paste-1-3"></div>
<div class="column-1-pattern-paste-1-4"></div>
<div class="column-1-pattern-paste-2-1"></div>
<div class="column-1-pattern-paste-2-2"></div>
<div class="column-1-pattern-paste-2-3"></div>
<div class="column-1-pattern-paste-2-4"></div>
<div class="column-1-AUDIT"></div>
<div class="column-1-repair-delivery-1"></div>
<div class="column-1-repair-delivery-2"></div>
<div class="column-1-drying-room"></div>
<div class="column-2-station-1"></div>
<div class="column-2-topcoat-drying-1"></div>
<div class="column-2-topcoat-drying-2"></div>
<div class="column-2-paint-spraying-1"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -381,13 +468,13 @@ ...@@ -381,13 +468,13 @@
// 车道点3 // 车道点3
.t-r-station-3 { .t-r-station-3 {
top:216px; top: 216px;
left: 505px; left: 505px;
} }
// 车道点4 // 车道点4
.t-r-station-4 { .t-r-station-4 {
top:244px; top: 244px;
left: 505px; left: 505px;
} }
...@@ -474,7 +561,7 @@ ...@@ -474,7 +561,7 @@
// 第二列车道点1 // 第二列车道点1
.b-column-2-station-1 { .b-column-2-station-1 {
left: 320px; left: 320px;
top:398px; top: 398px;
} }
// 第二列车道点2 // 第二列车道点2
...@@ -1001,6 +1088,160 @@ ...@@ -1001,6 +1088,160 @@
div { div {
width: 650px; width: 650px;
height: 125px; height: 125px;
div {
position: absolute;
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
}
// 第一行腻子粗刮线
.line-1-putty-scraping {
top: 13px;
left: 16px;
}
// 第一行车位点1
.line-1-station-1 {
top: 13px;
left: 124px;
}
// 第一行车位点2
.line-1-station-2 {
top: 13px;
left: 212px;
}
// 第一行车位点3
.line-1-station-3 {
top: 13px;
left: 302px;
}
// 第一行腻子烘烤
.line-1-putty-baking {
top: 13px;
left: 375px;
}
// 第一行腻子粗磨
.line-1-putty-rough-grinding {
top: 11px;
left: 556px;
}
// 第二行腻子刮粗线
.line-2-putty-scraping {
left: 16px;
top: 43px;
}
// 第二行车位点1
.line-2-station-1 {
top: 43px;
left: 124px;
}
// 第二行车位点2
.line-2-station-2 {
top: 43px;
left: 212px;
}
// 第二行车位点3
.line-2-station-3 {
top: 43px;
left: 302px;
}
// 第二行腻子烘烤
.line-2-putty-baking {
top: 44px;
left: 375px;
}
// 第二行腻子粗磨
.line-2-putty-rough-grinding {
top: 41px;
left: 556px;
}
// 第三行车位点1
.line-3-station-1 {
top: 76px;
left: 38px;
}
// 第三行密封
.line-3-seal {
top: 75px;
left: 106px;
}
// 第三行车位点2
.line-3-station-2 {
top: 76px;
left: 215px;
}
// 第三行除尘
.line-3-dust-removal {
top: 75px;
left: 285px;
}
// 第三行腻子细磨
.line-3-putty-fine-grinding {
top: 75px;
left: 375px;
}
// 第三行腻子细刮
.line-3-putty-fine-scraping {
top: 73px;
left: 556px;
}
// 第四行车位点1
.line-4-station-1 {
top: 106px;
left: 38px;
}
// 第四行密封
.line-4-seal {
top: 105px;
left: 106px;
}
// 第四行车位点2
.line-4-station-2 {
top: 105px;
left: 214px;
}
// 第四行除尘
.line-4-dust-removal {
top: 105px;
left: 285px;
}
// 第四行腻子细磨
.line-4-putty-fine-grinding {
top: 105px;
left: 375px;
}
// 第四行腻子细刮
.line-4-putty-fine-scraping {
top: 105px;
left: 556px;
}
} }
} }
...@@ -1013,6 +1254,23 @@ ...@@ -1013,6 +1254,23 @@
div { div {
height: 32px; height: 32px;
width: 109px; width: 109px;
position: relative;
div {
position: absolute;
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
}
// 第一行腻子烘烤
.line-1-putty-baking {
top: 11px;
left: 15px;
}
} }
} }
...@@ -1025,6 +1283,131 @@ ...@@ -1025,6 +1283,131 @@
div { div {
height: 120px; height: 120px;
width: 530px; width: 530px;
position: relative;
div {
position: absolute;
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
}
// 第一行中涂喷漆
.line-1-medium-spray-paint {
top: 11px;
left: 17px;
}
// 第一行烘烤
.line-1-bake {
top: 11px;
left: 106px;
}
// 第一行砂眼找补
.line-1-shading {
top: 11px;
left: 197px;
}
// 第一行中涂打磨
.line-1-polishing {
top: 11px;
left: 285px;
}
// 第一行交车除尘
.line-1-delivery-and-dust-removal {
top: 11px;
left: 375px;
}
// 第二行车位点1
.line-2-station-1 {
top: 42px;
left: 36px;
}
// 第二行车位点2
.line-2-station-2 {
top: 42px;
left: 124px;
}
// 第二行车位点3
.line-2-station-3 {
top: 42px;
left: 213px;
}
// 第二行车位点4
.line-2-station-4 {
top: 42px;
left: 302px;
}
// 第二行车位点5
.line-2-station-5 {
top: 42px;
left: 392px;
}
// 第三行机器人喷涂
.line-3-robot-spraying {
top: 70px;
left: 17px;
}
// 第三行烘烤
.line-3-bake {
top: 70px;
left: 106px;
}
// 第三行砂眼找补
.line-3-shading {
top: 70px;
left: 197px;
}
// 第三行中涂打磨
.line-3-polishing {
top: 70px;
left: 285px;
}
// 第三行交车除尘
.line-3-delivery-and-dust-removal {
top: 70px;
left: 375px;
}
// 第四行集中输调漆
.line-4-concentrated-paint {
top: 95px;
left: 17px;
}
// 第四行烘干室
.line-4-drying-room {
top: 95px;
left: 197px;
}
// 第五行车位点1
.line-4-station-1 {
top: 96px;
left: 302px;
}
// 第五行车位点2
.line-4-station-2 {
top: 96px;
left: 390px;
}
} }
} }
...@@ -1037,6 +1420,35 @@ ...@@ -1037,6 +1420,35 @@
div { div {
height: 88px; height: 88px;
width: 109px; width: 109px;
position: relative;
div {
position: absolute;
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
}
// 缓冲修整1
.buffer-trimming-1 {
top: 13px;
left: 14px;
}
// 缓冲修整2
.buffer-trimming-2 {
left: 14px;
top: 40px;
}
// 缓冲修整3
.buffer-trimming-3 {
left: 14px;
top: 69px;
}
} }
} }
...@@ -1049,6 +1461,113 @@ ...@@ -1049,6 +1461,113 @@
div { div {
height: 390px; height: 390px;
width: 747px; width: 747px;
position: relative;
div {
position: absolute;
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
}
// 第一列图案粘贴1 1
.column-1-pattern-paste-1-1 {
top: 11px;
left: 113px;
}
// 第一列图案粘贴1 2
.column-1-pattern-paste-1-2 {
top: 43px;
left: 113px;
}
// 第一列图案粘贴1 3
.column-1-pattern-paste-1-3 {
top: 73px;
left: 113px;
}
// 第一列图案粘贴1 4
.column-1-pattern-paste-1-4 {
top: 105px;
left: 113px;
}
// 第一列图案粘贴2 1
.column-1-pattern-paste-2-1 {
top: 136px;
left: 113px;
}
// 第一列图案粘贴2 2
.column-1-pattern-paste-2-2 {
top: 169px;
left: 113px;
}
// 第一列图案粘贴2 3
.column-1-pattern-paste-2-3 {
top: 199px;
left: 113px;
}
// 第一列图案粘贴2 4
.column-1-pattern-paste-2-4 {
top: 230px;
left: 113px;
}
// 第一列AUDIT
.column-1-AUDIT {
top: 262px;
left: 113px;
}
// 第一列修复交车1
.column-1-repair-delivery-1 {
top: 294px;
left: 113px;
}
// 第一列修复交车2
.column-1-repair-delivery-2 {
top: 325px;
left: 113px;
}
// 第一列烘干室
.column-1-drying-room {
top: 375px;
left: 113px;
}
// 第二列车位点1
.column-2-station-1 {
top: 11px;
left: 313px;
}
// 第二列面漆烘干1
.column-2-topcoat-drying-1 {
top: 44px;
left: 290px;
}
// 第二列面漆烘干2
.column-2-topcoat-drying-2 {
top: 73px;
left: 290px;
}
// 第二列色漆喷涂
.column-2-paint-spraying-1 {
top: 106px;
left: 290px;
}
} }
} }
} }
......
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