Skip to content

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

fea(AVI大屏首页): 功能联调(20%)

parent 8c4a35d7
Hide whitespace changes
Inline Side-by-side
Showing with 167 additions and 39 deletions
src/views/Monitor/index.vue
View file @ dde6c180
...@@ -302,7 +302,11 @@ ...@@ -302,7 +302,11 @@
<!--钣金车存放区--> <!--钣金车存放区-->
<div class="sheet-metal-car-pack" @click="doSheetMetalCarClick"> <div class="sheet-metal-car-pack" @click="doSheetMetalCarClick">
<div> <div>
<div class="sheet-metal-car-A1"></div> <div
class="sheet-metal-car-A1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-5') && sheetMetalCar['HDG1-5'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-5'].busType, 'HDG1-5')">
</div>
<div <div
class="A1-station-1" class="A1-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-4') && sheetMetalCar['HDG1-4'].state !== 'FREE'" v-if="sheetMetalCar.hasOwnProperty('HDG1-4') && sheetMetalCar['HDG1-4'].state !== 'FREE'"
...@@ -313,44 +317,168 @@ ...@@ -313,44 +317,168 @@
v-if="sheetMetalCar.hasOwnProperty('HDG1-3') && sheetMetalCar['HDG1-3'].state !== 'FREE'" v-if="sheetMetalCar.hasOwnProperty('HDG1-3') && sheetMetalCar['HDG1-3'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-3'].busType, 'HDG1-3')"> :class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-3'].busType, 'HDG1-3')">
</div> </div>
<div class="A1-station-3"></div> <div
<div class="A1-station-4"></div> class="A1-station-3"
v-if="sheetMetalCar.hasOwnProperty('HDG1-2') && sheetMetalCar['HDG1-2'].state !== 'FREE'"
<div class="sheet-metal-car-A2"></div> :class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-2'].busType, 'HDG1-2')">
<div class="A2-station-1"></div> </div>
<div class="A2-station-2"></div> <div
<div class="A2-station-3"></div> class="A1-station-4"
<div class="A2-station-4"></div> v-if="sheetMetalCar.hasOwnProperty('HDG1-1') && sheetMetalCar['HDG1-1'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-1'].busType, 'HDG1-1')">
<div class="sheet-metal-car-A3"></div> </div>
<div class="A3-station-1"></div>
<div class="A3-station-2"></div> <div
<div class="A3-station-3"></div> class="sheet-metal-car-A2"
<div class="A3-station-4"></div> v-if="sheetMetalCar.hasOwnProperty('HDG1-10') && sheetMetalCar['HDG1-10'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-10'].busType, 'HDG1-10')">
<div class="sheet-metal-car-A4"></div> </div>
<div class="A4-station-1"></div> <div
<div class="A4-station-2"></div> class="A2-station-1"
<div class="A4-station-3"></div> v-if="sheetMetalCar.hasOwnProperty('HDG1-9') && sheetMetalCar['HDG1-9'].state !== 'FREE'"
<div class="A4-station-4"></div> :class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-9'].busType, 'HDG1-9')">
</div>
<div class="sheet-metal-car-A5"></div> <div
<div class="A5-station-1"></div> class="A2-station-2"
<div class="A5-station-2"></div> v-if="sheetMetalCar.hasOwnProperty('HDG1-8') && sheetMetalCar['HDG1-8'].state !== 'FREE'"
<div class="A5-station-3"></div> :class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-8'].busType, 'HDG1-8')">
<div class="A5-station-4"></div> </div>
<div
<div class="heap"></div> class="A2-station-3"
<div class="heap-station-1"></div> v-if="sheetMetalCar.hasOwnProperty('HDG1-7') && sheetMetalCar['HDG1-7'].state !== 'FREE'"
<div class="heap-station-2"></div> :class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-7'].busType, 'HDG1-7')">
<div class="heap-station-3"></div> </div>
<div class="heap-station-4"></div> <div
class="A2-station-4"
<div class="take-off-cycle"></div> v-if="sheetMetalCar.hasOwnProperty('HDG1-6') && sheetMetalCar['HDG1-6'].state !== 'FREE'"
<div class="take-off-cycle-station-1"></div> :class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-6'].busType, 'HDG1-6')">
</div>
<div class="change-electrophoresis"></div>
<div class="change-electrophoresis-station-1"></div> <div
class="sheet-metal-car-A3"
v-if="sheetMetalCar.hasOwnProperty('HDG1-15') && sheetMetalCar['HDG1-15'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-15'].busType, 'HDG1-15')">
</div>
<div
class="A3-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-14') && sheetMetalCar['HDG1-14'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-14'].busType, 'HDG1-14')">
</div>
<div
class="A3-station-2"
v-if="sheetMetalCar.hasOwnProperty('HDG1-13') && sheetMetalCar['HDG1-13'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-13'].busType, 'HDG1-13')">
</div>
<div
class="A3-station-3"
v-if="sheetMetalCar.hasOwnProperty('HDG1-12') && sheetMetalCar['HDG1-12'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-12'].busType, 'HDG1-12')">
</div>
<div
class="A3-station-4"
v-if="sheetMetalCar.hasOwnProperty('HDG1-11') && sheetMetalCar['HDG1-11'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-11'].busType, 'HDG1-11')">
</div>
<div
class="sheet-metal-car-A4"
v-if="sheetMetalCar.hasOwnProperty('HDG1-20') && sheetMetalCar['HDG1-20'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-20'].busType, 'HDG1-20')">
</div>
<div
class="A4-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-19') && sheetMetalCar['HDG1-19'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-19'].busType, 'HDG1-19')">
</div>
<div
class="A4-station-2"
v-if="sheetMetalCar.hasOwnProperty('HDG1-18') && sheetMetalCar['HDG1-18'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-18'].busType, 'HDG1-18')">
</div>
<div
class="A4-station-3"
v-if="sheetMetalCar.hasOwnProperty('HDG1-17') && sheetMetalCar['HDG1-17'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-17'].busType, 'HDG1-17')">
</div>
<div
class="A4-station-4"
v-if="sheetMetalCar.hasOwnProperty('HDG1-16') && sheetMetalCar['HDG1-16'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-16'].busType, 'HDG1-16')">
</div>
<div
class="sheet-metal-car-A5"
v-if="sheetMetalCar.hasOwnProperty('HDG1-25') && sheetMetalCar['HDG1-25'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-25'].busType, 'HDG1-25')">
</div>
<div
class="A5-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-24') && sheetMetalCar['HDG1-24'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-24'].busType, 'HDG1-24')">
</div>
<div
class="A5-station-2"
v-if="sheetMetalCar.hasOwnProperty('HDG1-23') && sheetMetalCar['HDG1-23'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-23'].busType, 'HDG1-23')">
</div>
<div
class="A5-station-3"
v-if="sheetMetalCar.hasOwnProperty('HDG1-22') && sheetMetalCar['HDG1-22'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-22'].busType, 'HDG1-22')">
</div>
<div
class="A5-station-4"
v-if="sheetMetalCar.hasOwnProperty('HDG1-21') && sheetMetalCar['HDG1-21'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-21'].busType, 'HDG1-21')">
</div>
<div
class="heap"
v-if="sheetMetalCar.hasOwnProperty('HDG1-30') && sheetMetalCar['HDG1-30'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-30'].busType, 'HDG1-30')">
</div>
<div
class="heap-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-29') && sheetMetalCar['HDG1-29'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-29'].busType, 'HDG1-29')">
</div>
<div
class="heap-station-2"
v-if="sheetMetalCar.hasOwnProperty('HDG1-28') && sheetMetalCar['HDG1-28'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-28'].busType, 'HDG1-28')">
</div>
<div
class="heap-station-3"
v-if="sheetMetalCar.hasOwnProperty('HDG1-27') && sheetMetalCar['HDG1-27'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-27'].busType, 'HDG1-27')">
</div>
<div
class="heap-station-4"
v-if="sheetMetalCar.hasOwnProperty('HDG1-26') && sheetMetalCar['HDG1-26'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-26'].busType, 'HDG1-26')">
</div>
<div
class="take-off-cycle"
v-if="sheetMetalCar.hasOwnProperty('HDG1-53') && sheetMetalCar['HDG1-53'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-53'].busType, 'HDG1-53')">
</div>
<div
class="take-off-cycle-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-54') && sheetMetalCar['HDG1-54'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-54'].busType, 'HDG1-54')">
</div>
<div
class="change-electrophoresis"
v-if="sheetMetalCar.hasOwnProperty('HDG1-55') && sheetMetalCar['HDG1-55'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-55'].busType, 'HDG1-55')">
</div>
<div
class="change-electrophoresis-station-1"
v-if="sheetMetalCar.hasOwnProperty('HDG1-56') && sheetMetalCar['HDG1-56'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sheetMetalCar['HDG1-56'].busType, 'HDG1-56')">
</div>
</div> </div>
</div> </div>
<!--密封防腐作业区--> <!--密封防腐作业区-->
......
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