Skip to content

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

Merge branch 'feature-monitorIndex' into dev

parents 07bf007b 88fa69e4
Hide whitespace changes
Inline Side-by-side
Showing with 597 additions and 0 deletions
src/views/Monitor/index.vue
View file @ fbac5715
......@@ -227,6 +227,20 @@
<!--面/色漆作业区-->
<div class="complexion-paint-pack" @click="doComplexionPaintClick">
<div>
<div class="reserved-station-1"></div>
<div class="reserved-station-2"></div>
<div class="reserved-station-3"></div>
<div class="reserved-station-4"></div>
<div class="reserved-station-5"></div>
<div class="reserved-station-6"></div>
<div class="reserved-station-7"></div>
<div class="reserved-station-8"></div>
<div class="reserved-station-9"></div>
<div class="reserved-station-10"></div>
<div class="reserved-station-11"></div>
<div class="reserved-station-12"></div>
<div class="reserved-station-13"></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>
......@@ -244,8 +258,85 @@
<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 class="column-2-station-2"></div>
<div class="column-2-paint-spraying-2"></div>
<div class="column-2-station-3"></div>
<div class="column-2-station-4"></div>
<div class="column-2-paint-spraying-3"></div>
<div class="column-2-paint-spraying-4"></div>
<div class="column-2-flowing-room"></div>
<div class="column-2-station-5"></div>
<div class="column-2-drying-room"></div>
<div class="column-3-topcoat-drying"></div>
<div class="column-3-topcoat-spraying"></div>
<div class="column-3-station-1"></div>
<div class="column-3-station-2"></div>
<div class="column-3-station-3"></div>
<div class="column-3-station-4"></div>
<div class="column-3-paint-spraying"></div>
<div class="column-3-station-5"></div>
<div class="column-3-station-6"></div>
<div class="column-3-station-7"></div>
<div class="column-3-varnish"></div>
<div class="column-3-station-8"></div>
<div class="column-3-station-9"></div>
<div class="column-4-topcoat-spraying-1"></div>
<div class="column-4-station-1"></div>
<div class="column-4-topcoat-spraying-2"></div>
<div class="column-4-paint-drying-1"></div>
<div class="column-4-station-2"></div>
<div class="column-4-paint-drying-2"></div>
<div class="column-4-paint-drying-3"></div>
<div class="column-4-station-3"></div>
<div class="column-4-paint-drying-4"></div>
<div class="column-4-varnish"></div>
<div class="column-4-pretreatment"></div>
<div class="column-4-transfer-paint-platform"></div>
<div class="column-4-station-4"></div>
<div class="column-5-trimming-delivery-1"></div>
<div class="column-5-trimming-delivery-2"></div>
<div class="column-5-trimming-delivery-3"></div>
<div class="column-5-water-mill-1"></div>
<div class="column-5-water-mill-2"></div>
<div class="column-5-trimming-delivery-4"></div>
<div class="column-5-trimming-delivery-5"></div>
<div class="column-5-trimming-delivery-6"></div>
<div class="column-5-trimming-delivery-7"></div>
<div class="column-5-trimming-delivery-8"></div>
<div class="column-5-trimming-delivery-9"></div>
<div class="column-5-trimming-delivery-10"></div>
<div class="column-5-trimming-delivery-11"></div>
</div>
</div>
<!--车品车存放区-->
<div class="finished-car-storage-pack">
<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-station-4"></div>
<div class="line-1-station-5"></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-station-1"></div>
<div class="line-3-station-2"></div>
<div class="line-3-station-3"></div>
<div class="line-3-station-4"></div>
<div class="line-3-station-5"></div>
</div>
</div>
<!--钣金车进工位-->
<div class="sheet-metal-car"></div>
<!--涂装车出工位-->
<div class="paint-car"></div>
</div>
</div>
</template>
......@@ -1473,6 +1564,84 @@
height: 12px;
}
// 预留工位1
.reserved-station-1 {
left: 26px;
top: 11px;
}
// 预留工位2
.reserved-station-2 {
left: 26px;
top: 43px;
}
// 预留工位3
.reserved-station-3 {
left: 26px;
top: 73px;
}
// 预留工位4
.reserved-station-4 {
left: 26px;
top: 105px;
}
// 预留工位5
.reserved-station-5 {
left: 26px;
top: 136px;
}
// 预留工位6
.reserved-station-6 {
left: 26px;
top: 169px;
}
// 预留工位7
.reserved-station-7 {
left: 26px;
top: 199px;
}
// 预留工位8
.reserved-station-8 {
left: 26px;
top: 230px;
}
// 预留工位9
.reserved-station-9 {
left: 26px;
top: 262px;
}
// 预留工位10
.reserved-station-10 {
left: 26px;
top: 294px;
}
// 预留工位11
.reserved-station-11 {
left: 26px;
top: 325px;
}
// 预留工位12
.reserved-station-12 {
left: 26px;
top: 354px;
}
// 预留工位13
.reserved-station-13 {
left: 46px;
top: 377px;
}
// 第一列图案粘贴1 1
.column-1-pattern-paste-1-1 {
top: 11px;
......@@ -1568,8 +1737,436 @@
top: 106px;
left: 290px;
}
// 第二列车位点2
.column-2-station-2 {
left: 313px;
top: 138px;
}
// 第二列色漆喷涂2
.column-2-paint-spraying-2 {
left: 290px;
top: 169px;
}
// 第二列车位点3
.column-2-station-3 {
left: 310px;
top: 200px;
}
// 第二列车位点4
.column-2-station-4 {
left: 312px;
top: 232px;
}
// 第二列色漆喷涂3
.column-2-paint-spraying-3 {
left: 290px;
top: 258px;
}
// 第二列色漆喷涂4
.column-2-paint-spraying-4 {
left: 290px;
top: 296px;
}
// 第二列流平室
.column-2-flowing-room {
left: 290px;
top: 327px;
}
// 第二列车位点5
.column-2-station-5 {
left: 313px;
top: 355px;
}
// 第二列烘干室
.column-2-drying-room {
left: 290px;
top: 373px;
}
// 第三列面漆烘干
.column-3-topcoat-drying {
left: 380px;
top: 11px;
}
// 第三列面漆喷涂
.column-3-topcoat-spraying {
left: 380px;
top: 45px;
}
// 第三列车位点1
.column-3-station-1 {
left: 405px;
top: 73px;
}
// 第三列车位点2
.column-3-station-2 {
left: 403px;
top: 107px;
}
// 第三列车位点3
.column-3-station-3 {
left: 405px;
top: 138px;
}
// 第三列车位点4
.column-3-station-4 {
left: 405px;
top: 169px;
}
// 第三列色漆喷涂
.column-3-paint-spraying {
left: 380px;
top: 200px;
}
// 第三列车位点5
.column-3-station-5 {
left: 406px;
top: 230px;
}
// 第三列车位点6
.column-3-station-6 {
left: 404px;
top: 259px;
}
// 第三列车位7
.column-3-station-7 {
left: 404px;
top: 296px;
}
// 第三列面/清漆机器人
.column-3-varnish {
left: 380px;
top: 326px;
}
// 第三列车位点8
.column-3-station-8 {
left: 404px;
top: 355px;
}
// 第三列车位点9
.column-3-station-9 {
left: 404px;
top: 375px;
}
// 第四列面漆喷涂1
.column-4-topcoat-spraying-1 {
left: 468px;
top: 11px;
}
// 第四列车位点1
.column-4-station-1 {
left: 490px;
top: 44px;
}
// 第四列面漆喷涂2
.column-4-topcoat-spraying-2 {
left: 468px;
top: 73px;
}
// 第四列色漆烘干1
.column-4-paint-drying-1 {
left: 468px;
top: 106px;
}
// 第四列车位点2
.column-4-station-2 {
left: 488px;
top: 138px;
}
// 第四列色漆烘干2
.column-4-paint-drying-2 {
left: 468px;
top: 169px;
}
// 第四列色漆烘干3
.column-4-paint-drying-3 {
left: 468px;
top: 199px;
}
// 第四列车位点3
.column-4-station-3 {
left: 488px;
top: 231px;
}
// 第四列色漆烘干4
.column-4-paint-drying-4 {
left: 468px;
top: 258px;
}
// 第四列罩光清漆
.column-4-varnish {
left: 468px;
top: 296px;
}
// 第四列预处理
.column-4-pretreatment {
left: 468px;
top: 327px;
}
// 第四列输调漆平台
.column-4-transfer-paint-platform {
left: 468px;
top: 356px;
}
// 第四列车位点4
.column-4-station-4 {
left: 488px;
top: 375px;
}
// 第五列修整交车1
.column-5-trimming-delivery-1 {
left: 652px;
top: 6px;
}
// 第五列修整交车2
.column-5-trimming-delivery-2 {
left: 652px;
top: 38px;
}
// 第五列修整交车3
.column-5-trimming-delivery-3 {
left: 652px;
top: 69px;
}
// 第五列水磨1
.column-5-water-mill-1 {
left: 652px;
top: 100px;
}
// 第五列水磨2
.column-5-water-mill-2 {
left: 652px;
top: 131px;
}
// 第五列修整交车4
.column-5-trimming-delivery-4 {
left: 652px;
top: 164px;
}
// 第五列修整交车5
.column-5-trimming-delivery-5 {
left: 652px;
top: 195px;
}
// 第五列修整交车6
.column-5-trimming-delivery-6 {
left: 652px;
top: 226px;
}
// 第五列修整交车7
.column-5-trimming-delivery-7 {
left: 652px;
top: 258px;
}
// 第五列修整交车8
.column-5-trimming-delivery-8 {
left: 652px;
top: 294px;
}
// 第五列修整交车9
.column-5-trimming-delivery-9 {
left: 652px;
top: 320px;
}
// 第五列修整交车10
.column-5-trimming-delivery-10 {
left: 652px;
top: 344px;
}
// 第五列修整交车11
.column-5-trimming-delivery-11 {
left: 652px;
top: 370px;
}
}
}
// 成品车存放区
.finished-car-storage-pack {
position: absolute;
top: 1211px;
left: 692px;
div {
position: relative;
height: 60px;
width: 740px;
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
.line-1-station-1 {
top: 5px;
left: 44px;
}
// 第一行车位点2
.line-1-station-2 {
top: 5px;
left: 130px;
}
// 第一行车位点3
.line-1-station-3 {
top: 5px;
left: 310px;
}
// 第一行车位点4
.line-1-station-4 {
top: 5px;
left: 402px;
}
// 第一行车位点5
.line-1-station-5 {
top: 5px;
left: 486px;
}
// 第二行车位点1
.line-2-station-1 {
top: 20px;
left: 44px;
}
// 第二行车位点2
.line-2-station-2 {
top: 20px;
left: 130px;
}
// 第二行车位点3
.line-2-station-3 {
top: 20px;
left: 310px;
}
// 第二行车位点4
.line-2-station-4 {
top: 20px;
left: 402px;
}
// 第二行车位点5
.line-2-station-5 {
top: 20px;
left: 486px;
}
// 第三行车位点1
.line-3-station-1 {
top: 38px;
left: 44px;
}
// 第三行车位点2
.line-3-station-2 {
top: 38px;
left: 130px;
}
// 第三行车位点3
.line-3-station-3 {
top: 38px;
left: 310px;
}
// 第三行车位点4
.line-3-station-3 {
top: 38px;
left: 402px;
}
// 第三行车位点5
.line-3-station-5 {
top: 38px;
left: 486px;
}
}
}
// 钣金车进工位
.sheet-metal-car {
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
position: absolute;
top: 195px;
left: 1360px;
}
// 涂装车出工位
.paint-car {
background: url('../../assets/images/Monitor/monitor_car.png');
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 20px;
height: 12px;
position: absolute;
top: 1232px;
left: 1360px;
}
}
}
</style>
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