Skip to content

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

fea(AVI整体大屏): 功能联调(70%)

parent cd0e1feb
Show whitespace changes
Inline Side-by-side
Showing with 899 additions and 192 deletions
src/views/Monitor/index.vue
View file @ f2881dbf
......@@ -484,228 +484,929 @@
<!--密封防腐作业区-->
<div class="sealed-anticorrosion-pack" @click="doSealedAnticorrosion">
<div>
<div class="line-1-change-cycle"></div>
<div class="line-1-roof-seal"></div>
<div class="line-1-frp-assembly"></div>
<div class="line-1-trim"></div>
<div class="line-1-polishing"></div>
<div class="line-2-change-cycle"></div>
<div class="line-2-roof-seal"></div>
<div class="line-2-frp-assembly"></div>
<div class="line-2-trim"></div>
<div class="line-2-polishing"></div>
<div class="line-2-air-conditioning"></div>
<div class="line-3-station-1"></div>
<div class="line-3-roof-seal-1"></div>
<div class="line-3-roof-seal-2"></div>
<div class="line-3-roof-seal-3"></div>
<div class="line-3-roof-seal-4"></div>
<div class="line-3-air-conditioning"></div>
<div class="line-4-station-1"></div>
<div class="line-4-station-2"></div>
<div class="line-4-station-3"></div>
<div class="line-4-station-4"></div>
<div class="line-4-station-5"></div>
<div class="line-4-air-conditioning"></div>
<div class="line-5-clean-up-1"></div>
<div class="line-5-damping-glue-spray-paint"></div>
<div class="line-5-clean-up-2"></div>
<div class="line-5-foaming-spray"></div>
<div class="line-5-shadow-protection"></div>
<div class="line-5-station-1"></div>
<div class="line-6-clean-up-1"></div>
<div class="line-6-damping-glue-spray-paint"></div>
<div class="line-6-clean-up-2"></div>
<div class="line-6-foaming-spray"></div>
<div class="line-6-shadow-protection"></div>
<div class="line-6-station-1"></div>
<div
class="line-1-change-cycle"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-57') && sealedAnticorrosion['HDG1-57'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-57'].busType, 'HDG1-57')">
</div>
<div
class="line-1-roof-seal"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-67') && sealedAnticorrosion['HDG1-67'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-67'].busType, 'HDG1-67')">
</div>
<div
class="line-1-frp-assembly"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-68') && sealedAnticorrosion['HDG1-68'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-68'].busType, 'HDG1-68')">
</div>
<div
class="line-1-trim"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-69') && sealedAnticorrosion['HDG1-69'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-69'].busType, 'HDG1-69')">
</div>
<div
class="line-1-polishing"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-70') && sealedAnticorrosion['HDG1-70'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-70'].busType, 'HDG1-70')">
</div>
<div
class="line-2-change-cycle"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-58') && sealedAnticorrosion['HDG1-58'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-58'].busType, 'HDG1-58')">
</div>
<div
class="line-2-roof-seal"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-71') && sealedAnticorrosion['HDG1-71'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-71'].busType, 'HDG1-71')">
</div>
<div
class="line-2-frp-assembly"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-72') && sealedAnticorrosion['HDG1-72'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-72'].busType, 'HDG1-72')">
</div>
<div
class="line-2-trim"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-73') && sealedAnticorrosion['HDG1-73'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-73'].busType, 'HDG1-73')">
</div>
<div
class="line-2-polishing"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-74') && sealedAnticorrosion['HDG1-74'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-74'].busType, 'HDG1-74')">
</div>
<div
class="line-2-air-conditioning"
v-if="sealedAnticorrosion.hasOwnProperty('HDG5-8') && sealedAnticorrosion['HDG5-8'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-8'].busType, 'HDG5-8')">
</div>
<div
class="line-3-station-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-75') && sealedAnticorrosion['HDG1-75'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-75'].busType, 'HDG1-75')">
</div>
<div
class="line-3-roof-seal-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-76') && sealedAnticorrosion['HDG1-76'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-76'].busType, 'HDG1-76')">
</div>
<div
class="line-3-roof-seal-2"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-77') && sealedAnticorrosion['HDG1-77'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-77'].busType, 'HDG1-77')">
</div>
<div
class="line-3-roof-seal-3"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-78') && sealedAnticorrosion['HDG1-78'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-78'].busType, 'HDG1-78')">
</div>
<div
class="line-3-roof-seal-4"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-79') && sealedAnticorrosion['HDG1-79'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-79'].busType, 'HDG1-79')">
</div>
<div
class="line-3-air-conditioning"
v-if="sealedAnticorrosion.hasOwnProperty('HDG5-9') && sealedAnticorrosion['HDG5-9'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-9'].busType, 'HDG5-9')">
</div>
<div
class="line-4-station-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-80') && sealedAnticorrosion['HDG1-80'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-80'].busType, 'HDG1-80')">
</div>
<div
class="line-4-station-2"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-81') && sealedAnticorrosion['HDG1-81'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-81'].busType, 'HDG1-81')">
</div>
<div
class="line-4-station-3"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-82') && sealedAnticorrosion['HDG1-82'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-82'].busType, 'HDG1-82')">
</div>
<div
class="line-4-station-4"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-83') && sealedAnticorrosion['HDG1-83'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-83'].busType, 'HDG1-83')">
</div>
<div
class="line-4-station-5"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-84') && sealedAnticorrosion['HDG1-84'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-84'].busType, 'HDG1-84')">
</div>
<div
class="line-4-air-conditioning"
v-if="sealedAnticorrosion.hasOwnProperty('HDG5-10') && sealedAnticorrosion['HDG5-10'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-10'].busType, 'HDG5-10')">
</div>
<div
class="line-5-clean-up-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-85') && sealedAnticorrosion['HDG1-85'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['DG1-85'].busType, 'DG1-85')">
</div>
<div
class="line-5-damping-glue-spray-paint"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-86') && sealedAnticorrosion['HDG1-86'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['DG1-86'].busType, 'DG1-86')">
</div>
<div
class="line-5-clean-up-2"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-87') && sealedAnticorrosion['HDG1-87'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['DG1-87'].busType, 'DG1-87')">
</div>
<div
class="line-5-foaming-spray"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-88') && sealedAnticorrosion['HDG1-88'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['DG1-88'].busType, 'DG1-88')">
</div>
<div
class="line-5-shadow-protection"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-89') && sealedAnticorrosion['HDG1-89'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['DG1-89'].busType, 'DG1-89')">
</div>
<div
class="line-5-station-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG5-11') && sealedAnticorrosion['HDG5-11'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-11'].busType, 'HDG5-11')">
</div>
<div
class="line-6-clean-up-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-90') && sealedAnticorrosion['HDG1-90'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-90'].busType, 'HDG1-90')">
</div>
<div
class="line-6-damping-glue-spray-paint"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-91') && sealedAnticorrosion['HDG1-91'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-91'].busType, 'HDG1-91')">
</div>
<div
class="line-6-clean-up-2"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-92') && sealedAnticorrosion['HDG1-92'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-92'].busType, 'HDG1-92')">
</div>
<div
class="line-6-foaming-spray"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-93') && sealedAnticorrosion['HDG1-93'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-93'].busType, 'HDG1-93')">
</div>
<div
class="line-6-shadow-protection"
v-if="sealedAnticorrosion.hasOwnProperty('HDG1-94') && sealedAnticorrosion['HDG1-94'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG1-94'].busType, 'HDG1-94')">
</div>
<div
class="line-6-station-1"
v-if="sealedAnticorrosion.hasOwnProperty('HDG5-12') && sealedAnticorrosion['HDG5-12'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(sealedAnticorrosion['HDG5-12'].busType, 'HDG5-12')">
</div>
</div>
</div>
<!--腻子上半作业区-->
<div class="putty-t-pack" @click="doPuttyClick">
<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
class="line-1-putty-scraping"
v-if="putty.hasOwnProperty('HDG1-95') && putty['HDG1-95'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-95'].busType, 'HDG1-95')">
</div>
<div
class="line-1-station-1"
v-if="putty.hasOwnProperty('HDG1-96') && putty['HDG1-96'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-96'].busType, 'HDG1-96')">
</div>
<div
class="line-1-station-2"
v-if="putty.hasOwnProperty('HDG1-97') && putty['HDG1-97'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-97'].busType, 'HDG1-97')">
</div>
<div
class="line-1-station-3"
v-if="putty.hasOwnProperty('HDG1-98') && putty['HDG1-98'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-98'].busType, 'HDG1-98')">
</div>
<div
class="line-1-putty-baking"
v-if="putty.hasOwnProperty('HDG1-99') && putty['HDG1-99'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-99'].busType, 'HDG1-99')">
</div>
<div
class="line-1-putty-rough-grinding"
v-if="putty.hasOwnProperty('HDG5-13') && putty['HDG5-13'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG5-13'].busType, 'HDG5-13')">
</div>
<div
class="line-2-putty-scraping"
v-if="putty.hasOwnProperty('HDG1-100') && putty['HDG1-100'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-100'].busType, 'HDG1-100')">
</div>
<div
class="line-2-station-1"
v-if="putty.hasOwnProperty('HDG1-101') && putty['HDG1-101'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-101'].busType, 'HDG1-101')">
</div>
<div
class="line-2-station-2"
v-if="putty.hasOwnProperty('HDG1-102') && putty['HDG1-102'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-102'].busType, 'HDG1-102')">
</div>
<div
class="line-2-station-3"
v-if="putty.hasOwnProperty('HDG1-103') && putty['HDG1-103'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-103'].busType, 'HDG1-103')">
</div>
<div
class="line-2-putty-baking"
v-if="putty.hasOwnProperty('HDG1-104') && putty['HDG1-104'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-104'].busType, 'HDG1-104')">
</div>
<div
class="line-2-putty-rough-grinding"
v-if="putty.hasOwnProperty('HDG5-14') && putty['HDG5-14'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG5-14'].busType, 'HDG5-14')">
</div>
<div
class="line-3-station-1"
v-if="putty.hasOwnProperty('HDG1-105') && putty['HDG1-105'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-105'].busType, 'HDG1-105')">
</div>
<div
class="line-3-seal"
v-if="putty.hasOwnProperty('HDG1-106') && putty['HDG1-106'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-106'].busType, 'HDG1-106')">
</div>
<div
class="line-3-station-2"
v-if="putty.hasOwnProperty('HDG1-107') && putty['HDG1-107'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-107'].busType, 'HDG1-107')">
</div>
<div
class="line-3-dust-removal"
v-if="putty.hasOwnProperty('HDG1-108') && putty['HDG1-108'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-108'].busType, 'HDG1-108')">
</div>
<div
class="line-3-putty-fine-grinding"
v-if="putty.hasOwnProperty('HDG1-109') && putty['HDG1-109'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-109'].busType, 'HDG1-109')">
</div>
<div
class="line-3-putty-fine-scraping"
v-if="putty.hasOwnProperty('HDG5-15') && putty['HDG5-15'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG5-15'].busType, 'HDG5-15')">
</div>
<div
class="line-4-station-1"
v-if="putty.hasOwnProperty('HDG1-110') && putty['HDG1-110'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-110'].busType, 'HDG1-110')">
</div>
<div
class="line-4-seal"
v-if="putty.hasOwnProperty('HDG1-111') && putty['HDG1-111'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-111'].busType, 'HDG1-111')">
</div>
<div
class="line-4-station-2"
v-if="putty.hasOwnProperty('HDG1-112') && putty['HDG1-112'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-112'].busType, 'HDG1-112')">
</div>
<div
class="line-4-dust-removal"
v-if="putty.hasOwnProperty('HDG1-113') && putty['HDG1-113'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-113'].busType, 'HDG1-113')">
</div>
<div
class="line-4-putty-fine-grinding"
v-if="putty.hasOwnProperty('HDG1-114') && putty['HDG1-114'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG1-114'].busType, 'HDG1-114')">
</div>
<div
class="line-4-putty-fine-scraping"
v-if="putty.hasOwnProperty('HDG5-16') && putty['HDG5-16'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG5-16'].busType, 'HDG5-16')">
</div>
</div>
</div>
<!--腻子下半作业区-->
<div class="putty-b-pack" @click="doPuttyClick">
<div>
<div class="line-1-putty-baking"></div>
<div
class="line-1-putty-baking"
v-if="putty.hasOwnProperty('HDG5-17') && putty['HDG5-17'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(putty['HDG5-17'].busType, 'HDG5-17')">
</div>
</div>
</div>
<!--中涂左作业区-->
<div class="middle-coat-l-pack" @click="doMiddleCoatClick">
<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
class="line-1-medium-spray-paint"
v-if="middleCoat.hasOwnProperty('HDG1-115') && middleCoat['HDG1-115'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-115'].busType, 'HDG1-115')">
</div>
<div
class="line-1-bake"
v-if="middleCoat.hasOwnProperty('HDG1-116') && middleCoat['HDG1-116'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-116'].busType, 'HDG1-116')">
</div>
<div
class="line-1-shading"
v-if="middleCoat.hasOwnProperty('HDG1-117') && middleCoat['HDG1-117'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-117'].busType, 'HDG1-117')">
</div>
<div
class="line-1-polishing"
v-if="middleCoat.hasOwnProperty('HDG1-118') && middleCoat['HDG1-118'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-118'].busType, 'HDG1-118')">
</div>
<div
class="line-1-delivery-and-dust-removal"
v-if="middleCoat.hasOwnProperty('HDG1-119') && middleCoat['HDG1-119'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-119'].busType, 'HDG1-119')">
</div>
<div
class="line-2-station-1"
v-if="middleCoat.hasOwnProperty('HDG1-120') && middleCoat['HDG1-120'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-120'].busType, 'HDG1-120')">
</div>
<div
class="line-2-station-2"
v-if="middleCoat.hasOwnProperty('HDG1-121') && middleCoat['HDG1-121'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-121'].busType, 'HDG1-121')">
</div>
<div
class="line-2-station-3"
v-if="middleCoat.hasOwnProperty('HDG1-122') && middleCoat['HDG1-122'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-122'].busType, 'HDG1-122')">
</div>
<div
class="line-2-station-4"
v-if="middleCoat.hasOwnProperty('HDG1-123') && middleCoat['HDG1-123'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-123'].busType, 'HDG1-123')">
</div>
<div
class="line-2-station-5"
v-if="middleCoat.hasOwnProperty('HDG1-124') && middleCoat['HDG1-124'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-124'].busType, 'HDG1-124')">
</div>
<div
class="line-3-robot-spraying"
v-if="middleCoat.hasOwnProperty('HDG1-125') && middleCoat['HDG1-125'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-125'].busType, 'HDG1-125')">
</div>
<div
class="line-3-bake"
v-if="middleCoat.hasOwnProperty('HDG1-126') && middleCoat['HDG1-126'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-126'].busType, 'HDG1-126')">
</div>
<div
class="line-3-shading"
v-if="middleCoat.hasOwnProperty('HDG1-127') && middleCoat['HDG1-127'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-127'].busType, 'HDG1-127')">
</div>
<div
class="line-3-polishing"
v-if="middleCoat.hasOwnProperty('HDG1-128') && middleCoat['HDG1-128'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-128'].busType, 'HDG1-128')">
</div>
<div
class="line-3-delivery-and-dust-removal"
v-if="middleCoat.hasOwnProperty('HDG1-129') && middleCoat['HDG1-129'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-129'].busType, 'HDG1-129')">
</div>
<div
class="line-4-concentrated-paint"
v-if="middleCoat.hasOwnProperty('HDG1-130') && middleCoat['HDG1-130'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-130'].busType, 'HDG1-130')">
</div>
<div
class="line-4-drying-room"
v-if="middleCoat.hasOwnProperty('HDG1-131') && middleCoat['HDG1-131'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-131'].busType, 'HDG1-131')">
</div>
<div
class="line-4-station-1"
v-if="middleCoat.hasOwnProperty('HDG1-132') && middleCoat['HDG1-132'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-132'].busType, 'HDG1-132')">
</div>
<div
class="line-4-station-2"
v-if="middleCoat.hasOwnProperty('HDG1-133') && middleCoat['HDG1-133'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG1-133'].busType, 'HDG1-133')">
</div>
</div>
</div>
<!--中涂右作业区-->
<div class="middle-coat-r-pack" @click="doMiddleCoatClick">
<div>
<div class="buffer-trimming-1"></div>
<div class="buffer-trimming-2"></div>
<div class="buffer-trimming-3"></div>
<div
class="buffer-trimming-1"
v-if="middleCoat.hasOwnProperty('HDG5-18') && middleCoat['HDG5-18'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG5-18'].busType, 'HDG5-18')">
</div>
<div
class="buffer-trimming-2"
v-if="middleCoat.hasOwnProperty('HDG5-19') && middleCoat['HDG5-19'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG5-19'].busType, 'HDG5-19')">
</div>
<div
class="buffer-trimming-3"
v-if="middleCoat.hasOwnProperty('HDG5-20') && middleCoat['HDG5-20'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(middleCoat['HDG5-20'].busType, 'HDG5-20')">
</div>
</div>
</div>
<!--面/色漆作业区-->
<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>
<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 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
class="reserved-station-1"
v-if="complexionPaint.hasOwnProperty('HDG1-134') && complexionPaint['HDG1-134'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-134'].busType, 'HDG1-134')">
</div>
<div
class="reserved-station-2"
v-if="complexionPaint.hasOwnProperty('HDG1-135') && complexionPaint['HDG1-135'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-135'].busType, 'HDG1-135')">
</div>
<div
class="reserved-station-3"
v-if="complexionPaint.hasOwnProperty('HDG1-136') && complexionPaint['HDG1-136'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-136'].busType, 'HDG1-136')">
</div>
<div
class="reserved-station-4"
v-if="complexionPaint.hasOwnProperty('HDG1-137') && complexionPaint['HDG1-137'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-137'].busType, 'HDG1-137')">
</div>
<div
class="reserved-station-5"
v-if="complexionPaint.hasOwnProperty('HDG1-138') && complexionPaint['HDG1-138'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-138'].busType, 'HDG1-138')">
</div>
<div
class="reserved-station-6"
v-if="complexionPaint.hasOwnProperty('HDG1-139') && complexionPaint['HDG1-139'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-139'].busType, 'HDG1-139')">
</div>
<div
class="reserved-station-7"
v-if="complexionPaint.hasOwnProperty('HDG1-140') && complexionPaint['HDG1-140'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-140'].busType, 'HDG1-140')">
</div>
<div
class="reserved-station-8"
v-if="complexionPaint.hasOwnProperty('HDG1-141') && complexionPaint['HDG1-141'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-141'].busType, 'HDG1-141')">
</div>
<div
class="reserved-station-9"
v-if="complexionPaint.hasOwnProperty('HDG1-142') && complexionPaint['HDG1-142'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-142'].busType, 'HDG1-142')">
</div>
<div
class="reserved-station-10"
v-if="complexionPaint.hasOwnProperty('HDG1-143') && complexionPaint['HDG1-143'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-143'].busType, 'HDG1-143')">
</div>
<div
class="reserved-station-11"
v-if="complexionPaint.hasOwnProperty('HDG1-144') && complexionPaint['HDG1-144'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-144'].busType, 'HDG1-144')">
</div>
<div
class="reserved-station-12"
v-if="complexionPaint.hasOwnProperty('HDG1-145') && complexionPaint['HDG1-145'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-145'].busType, 'HDG1-145')">
</div>
<div
class="reserved-station-13"
v-if="complexionPaint.hasOwnProperty('HDG1-146') && complexionPaint['HDG1-146'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-146'].busType, 'HDG1-146')">
</div>
<div
class="column-1-pattern-paste-1-1"
v-if="complexionPaint.hasOwnProperty('HDG1-150') && complexionPaint['HDG1-150'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-150'].busType, 'HDG1-150')">
</div>
<div
class="column-1-pattern-paste-1-2"
v-if="complexionPaint.hasOwnProperty('HDG1-151') && complexionPaint['HDG1-151'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-151'].busType, 'HDG1-151')">
</div>
<div
class="column-1-pattern-paste-1-3"
v-if="complexionPaint.hasOwnProperty('HDG1-152') && complexionPaint['HDG1-152'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-152'].busType, 'HDG1-152')">
</div>
<div
class="column-1-pattern-paste-1-4"
v-if="complexionPaint.hasOwnProperty('HDG1-153') && complexionPaint['HDG1-153'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-153'].busType, 'HDG1-153')">
</div>
<div
class="column-1-pattern-paste-2-1"
v-if="complexionPaint.hasOwnProperty('HDG1-154') && complexionPaint['HDG1-154'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-154'].busType, 'HDG1-154')">
</div>
<div
class="column-1-pattern-paste-2-2"
v-if="complexionPaint.hasOwnProperty('HDG1-155') && complexionPaint['HDG1-155'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-155'].busType, 'HDG1-155')">
</div>
<div
class="column-1-pattern-paste-2-3"
v-if="complexionPaint.hasOwnProperty('HDG1-156') && complexionPaint['HDG1-156'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-156'].busType, 'HDG1-156')">
</div>
<div
class="column-1-pattern-paste-2-4"
v-if="complexionPaint.hasOwnProperty('HDG1-157') && complexionPaint['HDG1-157'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-157'].busType, 'HDG1-157')">
</div>
<div
class="column-1-AUDIT"
v-if="complexionPaint.hasOwnProperty('HDG1-158') && complexionPaint['HDG1-158'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-158'].busType, 'HDG1-158')">
</div>
<div
class="column-1-repair-delivery-1"
v-if="complexionPaint.hasOwnProperty('HDG1-159') && complexionPaint['HDG1-159'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-159'].busType, 'HDG1-159')">
</div>
<div
class="column-1-repair-delivery-2"
v-if="complexionPaint.hasOwnProperty('HDG1-160') && complexionPaint['HDG1-160'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-160'].busType, 'HDG1-160')">
</div>
<div
class="column-1-finished-car-pack"
v-if="complexionPaint.hasOwnProperty('HDG1-161') && complexionPaint['HDG1-161'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-161'].busType, 'HDG1-161')">
</div>
<div
class="column-1-drying-room"
v-if="complexionPaint.hasOwnProperty('HDG1-162') && complexionPaint['HDG1-162'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-162'].busType, 'HDG1-162')">
</div>
<div
class="column-2-station-1"
v-if="complexionPaint.hasOwnProperty('HDG1-166') && complexionPaint['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-166'].busType, 'HDG1-166')">
</div>
<div
class="column-2-topcoat-drying-1"
v-if="complexionPaint.hasOwnProperty('HDG1-169') && complexionPaint['HDG1-169'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-169'].busType, 'HDG1-169')">
</div>
<div
class="column-2-topcoat-drying-2"
v-if="complexionPaint.hasOwnProperty('HDG1-172') && complexionPaint['HDG1-172'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-172'].busType, 'HDG1-172')">
</div>
<div
class="column-2-paint-spraying-1"
v-if="complexionPaint.hasOwnProperty('HDG1-175') && complexionPaint['HDG1-175'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-175'].busType, 'HDG1-175')">
</div>
<div
class="column-2-station-2"
v-if="complexionPaint.hasOwnProperty('HDG1-178') && complexionPaint['HDG1-178'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-178'].busType, 'HDG1-178')">
</div>
<div
class="column-2-paint-spraying-2"
v-if="complexionPaint.hasOwnProperty('HDG1-181') && complexionPaint['HDG1-181'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-181'].busType, 'HDG1-181')">
</div>
<div
class="column-2-station-3"
v-if="complexionPaint.hasOwnProperty('HDG1-184') && complexionPaint['HDG1-184'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-184'].busType, 'HDG1-184')">
</div>
<div
class="column-2-station-4"
v-if="complexionPaint.hasOwnProperty('HDG1-187') && complexionPaint['HDG1-187'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-187'].busType, 'HDG1-187')">
</div>
<div
class="column-2-paint-spraying-3"
v-if="complexionPaint.hasOwnProperty('HDG1-190') && complexionPaint['HDG1-190'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-190'].busType, 'HDG1-190')">
</div>
<div
class="column-2-paint-spraying-4"
v-if="complexionPaint.hasOwnProperty('HDG1-193') && complexionPaint['HDG1-193'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-193'].busType, 'HDG1-193')">
</div>
<div
class="column-2-flowing-room"
v-if="complexionPaint.hasOwnProperty('HDG1-196') && complexionPaint['HDG1-196'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-196'].busType, 'HDG1-196')">
</div>
<div
class="column-2-station-5"
v-if="complexionPaint.hasOwnProperty('HDG1-199') && complexionPaint['HDG1-199'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-199'].busType, 'HDG1-199')">
</div>
<div
class="column-2-drying-room"
v-if="complexionPaint.hasOwnProperty('HDG1-202') && complexionPaint['HDG1-202'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-202'].busType, 'HDG1-202')">
</div>
<div
class="column-3-topcoat-drying"
v-if="complexionPaint.hasOwnProperty('HDG1-167') && complexionPaint['HDG1-167'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-167'].busType, 'HDG1-167')">
</div>
<div
class="column-3-topcoat-spraying"
v-if="complexionPaint.hasOwnProperty('HDG1-170') && complexionPaint['HDG1-170'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-170'].busType, 'HDG1-170')">
</div>
<div
class="column-3-station-1"
v-if="complexionPaint.hasOwnProperty('HDG1-173') && complexionPaint['HDG1-173'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-173'].busType, 'HDG1-173')">
</div>
<div
class="column-3-station-2"
v-if="complexionPaint.hasOwnProperty('HDG1-176') && complexionPaint['HDG1-176'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-176'].busType, 'HDG1-176')">
</div>
<div
class="column-3-station-3"
v-if="complexionPaint.hasOwnProperty('HDG1-179') && complexionPaint['HDG1-179'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-179'].busType, 'HDG1-179')">
</div>
<div
class="column-3-station-4"
v-if="complexionPaint.hasOwnProperty('HDG1-182') && complexionPaint['HDG1-182'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-182'].busType, 'HDG1-182')">
</div>
<div
class="column-3-paint-spraying"
v-if="complexionPaint.hasOwnProperty('HDG1-185') && complexionPaint['HDG1-185'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-185'].busType, 'HDG1-185')">
</div>
<div
class="column-3-station-5"
v-if="complexionPaint.hasOwnProperty('HDG1-188') && complexionPaint['HDG1-188'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-188'].busType, 'HDG1-188')">
</div>
<div
class="column-3-station-6"
v-if="complexionPaint.hasOwnProperty('HDG1-191') && complexionPaint['HDG1-191'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-191'].busType, 'HDG1-191')">
</div>
<div
class="column-3-station-7"
v-if="complexionPaint.hasOwnProperty('HDG1-194') && complexionPaint['HDG1-194'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-194'].busType, 'HDG1-194')">
</div>
<div
class="column-3-varnish"
v-if="complexionPaint.hasOwnProperty('HDG1-197') && complexionPaint['HDG1-197'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-197'].busType, 'HDG1-197')">
</div>
<div
class="column-3-station-8"
v-if="complexionPaint.hasOwnProperty('HDG1-200') && complexionPaint['HDG1-200'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-200'].busType, 'HDG1-200')">
</div>
<div
class="column-3-station-9"
v-if="complexionPaint.hasOwnProperty('HDG1-203') && complexionPaint['HDG1-203'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-203'].busType, 'HDG1-203')">
</div>
<div
class="column-4-topcoat-spraying-1"
v-if="complexionPaint.hasOwnProperty('HDG1-168') && complexionPaint['HDG1-168'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-168'].busType, 'HDG1-168')">
</div>
<div
class="column-4-station-1"
v-if="complexionPaint.hasOwnProperty('HDG1-171') && complexionPaint['HDG1-171'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-171'].busType, 'HDG1-171')">
</div>
<div
class="column-4-topcoat-spraying-2"
v-if="complexionPaint.hasOwnProperty('HDG1-174') && complexionPaint['HDG1-174'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-174'].busType, 'HDG1-174')">
</div>
<div
class="column-4-paint-drying-1"
v-if="complexionPaint.hasOwnProperty('HDG1-177') && complexionPaint['HDG1-177'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-177'].busType, 'HDG1-177')">
</div>
<div
class="column-4-station-2"
v-if="complexionPaint.hasOwnProperty('HDG1-180') && complexionPaint['HDG1-180'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-180'].busType, 'HDG1-180')">
</div>
<div
class="column-4-paint-drying-2"
v-if="complexionPaint.hasOwnProperty('HDG1-183') && complexionPaint['HDG1-183'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-183'].busType, 'HDG1-183')">
</div>
<div
class="column-4-paint-drying-3"
v-if="complexionPaint.hasOwnProperty('HDG1-186') && complexionPaint['HDG1-186'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-186'].busType, 'HDG1-186')">
</div>
<div
class="column-4-station-3"
v-if="complexionPaint.hasOwnProperty('HDG1-189') && complexionPaint['HDG1-189'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-189'].busType, 'HDG1-189')">
</div>
<div
class="column-4-paint-drying-4"
v-if="complexionPaint.hasOwnProperty('HDG1-192') && complexionPaint['HDG1-192'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-192'].busType, 'HDG1-192')">
</div>
<div
class="column-4-varnish"
v-if="complexionPaint.hasOwnProperty('HDG1-195') && complexionPaint['HDG1-195'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-195'].busType, 'HDG1-195')">
</div>
<div
class="column-4-pretreatment"
v-if="complexionPaint.hasOwnProperty('HDG1-198') && complexionPaint['HDG1-198'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-198'].busType, 'HDG1-198')">
</div>
<div
class="column-4-transfer-paint-platform"
v-if="complexionPaint.hasOwnProperty('HDG1-201') && complexionPaint['HDG1-201'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-201'].busType, 'HDG1-201')">
</div>
<div
class="column-4-station-4"
v-if="complexionPaint.hasOwnProperty('HDG1-204') && complexionPaint['HDG1-204'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG1-204'].busType, 'HDG1-204')">
</div>
<div
class="column-5-trimming-delivery-1"
v-if="complexionPaint.hasOwnProperty('HDG5-21') && complexionPaint['HDG5-21'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-21'].busType, 'HDG5-21')">
</div>
<div
class="column-5-trimming-delivery-2"
v-if="complexionPaint.hasOwnProperty('HDG5-22') && complexionPaint['HDG5-22'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-22'].busType, 'HDG5-22')">
</div>
<div
class="column-5-trimming-delivery-3"
v-if="complexionPaint.hasOwnProperty('HDG5-23') && complexionPaint['HDG5-23'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-23'].busType, 'HDG5-23')">
</div>
<div
class="column-5-water-mill-1"
v-if="complexionPaint.hasOwnProperty('HDG5-24') && complexionPaint['HDG5-24'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-24'].busType, 'HDG5-24')">
</div>
<div
class="column-5-water-mill-2"
v-if="complexionPaint.hasOwnProperty('HDG5-25') && complexionPaint['HDG5-25'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-25'].busType, 'HDG5-25')">
</div>
<div
class="column-5-trimming-delivery-4"
v-if="complexionPaint.hasOwnProperty('HDG5-26') && complexionPaint['HDG5-26'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-26'].busType, 'HDG5-26')">
</div>
<div
class="column-5-trimming-delivery-5"
v-if="complexionPaint.hasOwnProperty('HDG5-27') && complexionPaint['HDG5-27'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-27'].busType, 'HDG5-27')">
</div>
<div
class="column-5-trimming-delivery-6"
v-if="complexionPaint.hasOwnProperty('HDG5-28') && complexionPaint['HDG5-28'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-28'].busType, 'HDG5-28')">
</div>
<div
class="column-5-trimming-delivery-7"
v-if="complexionPaint.hasOwnProperty('HDG5-29') && complexionPaint['HDG5-29'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-29'].busType, 'HDG5-29')">
</div>
<div
class="column-5-trimming-delivery-8"
v-if="complexionPaint.hasOwnProperty('HDG5-30') && complexionPaint['HDG5-30'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-30'].busType, 'HDG5-30')">
</div>
<div
class="column-5-trimming-delivery-9"
v-if="complexionPaint.hasOwnProperty('HDG5-31') && complexionPaint['HDG5-31'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-31'].busType, 'HDG5-31')">
</div>
<div
class="column-5-trimming-delivery-10"
v-if="complexionPaint.hasOwnProperty('HDG5-32') && complexionPaint['HDG5-32'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-32'].busType, 'HDG5-32')">
</div>
<div
class="column-5-trimming-delivery-11"
v-if="complexionPaint.hasOwnProperty('HDG5-33') && complexionPaint['HDG5-33'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(complexionPaint['HDG5-33'].busType, 'HDG5-33')">
</div>
</div>
</div>
<!--成品车存放区-->
<div class="finished-car-storage-pack" @click="doFinishedCarStorage">
<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-1-station-1"
v-if="finishedCar.hasOwnProperty('HDG1-147') && finishedCar['HDG1-147'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-147'].busType, 'HDG1-147')">
</div>
<div
class="line-1-station-2"
v-if="finishedCar.hasOwnProperty('HDG1-163') && finishedCar['HDG1-163'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-163'].busType, 'HDG1-163')">
</div>
<div
class="line-1-station-3"
v-if="finishedCar.hasOwnProperty('HDG1-205') && finishedCar['HDG1-205'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-205'].busType, 'HDG1-205')">
</div>
<div
class="line-1-station-4"
v-if="finishedCar.hasOwnProperty('HDG1-206') && finishedCar['HDG1-206'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-206'].busType, 'HDG1-206')">
</div>
<div
class="line-1-station-5"
v-if="finishedCar.hasOwnProperty('HDG1-207') && finishedCar['HDG1-207'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-207'].busType, 'HDG1-207')">
</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-2-station-1"
v-if="finishedCar.hasOwnProperty('HDG1-148') && finishedCar['HDG1-148'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-148'].busType, 'HDG1-148')">
</div>
<div
class="line-2-station-2"
v-if="finishedCar.hasOwnProperty('HDG1-164') && finishedCar['HDG1-164'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-164'].busType, 'HDG1-164')">
</div>
<div
class="line-2-station-3"
v-if="finishedCar.hasOwnProperty('HDG1-208') && finishedCar['HDG1-208'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-208'].busType, 'HDG1-208')">
</div>
<div
class="line-2-station-4"
v-if="finishedCar.hasOwnProperty('HDG1-209') && finishedCar['HDG1-209'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-209'].busType, 'HDG1-209')">
</div>
<div
class="line-2-station-5"
v-if="finishedCar.hasOwnProperty('HDG1-210') && finishedCar['HDG1-210'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-210'].busType, 'HDG1-210')">
</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
class="line-3-station-1"
v-if="finishedCar.hasOwnProperty('HDG1-149') && finishedCar['HDG1-149'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-149'].busType, 'HDG1-149')">
</div>
<div
class="line-3-station-2"
v-if="finishedCar.hasOwnProperty('HDG1-165') && finishedCar['HDG1-165'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-165'].busType, 'HDG1-165')">
</div>
<div
class="line-3-station-3"
v-if="finishedCar.hasOwnProperty('HDG1-211') && finishedCar['HDG1-211'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-211'].busType, 'HDG1-211')">
</div>
<div
class="line-3-station-4"
v-if="finishedCar.hasOwnProperty('HDG1-212') && finishedCar['HDG1-212'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-212'].busType, 'HDG1-212')">
</div>
<div
class="line-3-station-5"
v-if="finishedCar.hasOwnProperty('HDG1-213') && finishedCar['HDG1-213'].state !== 'FREE'"
:class="judgeCarTypeAndCarStationStyle(finishedCar['HDG1-213'].busType, 'HDG1-213')">
</div>
</div>
</div>
<!--钣金车进工位-->
......@@ -2223,6 +2924,12 @@
left: 113px;
}
// 第一列成品车存放区
.column-1-finished-car-pack {
left: 132px;
top: 350px;
}
// 第一列烘干室
.column-1-drying-room {
top: 375px;
......
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