Skip to content

Z
zhongtong-avi-web
Commit 1ffcee7f authored by 车宾's avatar 车宾
Browse files
Options

feat（中通客车）：电泳 面色/漆 模块完善

parent 8dc23dd2
Show whitespace changes
Inline Side-by-side
Showing with 526 additions and 446 deletions
src/views/Monitor/components/ComplexionPaint.vue
View file @ 1ffcee7f
......@@ -28,608 +28,608 @@
</div>
<div
class="paint-row-1-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-167'].busNo)"
v-if="query.hasOwnProperty('HDG1-167') && query['HDG1-167'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-167'].busType, 'HDG1-167')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-167'].busNo}}</p>
</div>
<div
class="paint-row-1-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-168'].busNo)"
v-if="query.hasOwnProperty('HDG1-168') && query['HDG1-168'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-168'].busType, 'HDG1-168')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-168'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-1-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
<p>{{query['HDG1-166'].busNo}}</p> -->
<!-- </div> -->
<!-- 第二行 -->
<div
class="paint-row-2-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-135'].busNo)"
v-if="query.hasOwnProperty('HDG1-135') && query['HDG1-135'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-135'].busType, 'HDG1-135')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-135'].busNo}}</p>
</div>
<div
class="paint-row-2-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-151'].busNo)"
v-if="query.hasOwnProperty('HDG1-151') && query['HDG1-151'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-151'].busType, 'HDG1-151')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-151'].busNo}}</p>
</div>
<div
class="paint-row-2-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-169'].busNo)"
v-if="query.hasOwnProperty('HDG1-169') && query['HDG1-169'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-169'].busType, 'HDG1-169')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-169'].busNo}}</p>
</div>
<div
class="paint-row-2-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-170'].busNo)"
v-if="query.hasOwnProperty('HDG1-170') && query['HDG1-170'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-170'].busType, 'HDG1-170')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-170'].busNo}}</p>
</div>
<div
class="paint-row-2-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-171'].busNo)"
v-if="query.hasOwnProperty('HDG1-171') && query['HDG1-171'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-171'].busType, 'HDG1-171')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-171'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-2-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第三行 -->
<div
class="paint-row-3-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-136'].busNo)"
v-if="query.hasOwnProperty('HDG1-136') && query['HDG1-136'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-136'].busType, 'HDG1-136')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-136'].busNo}}</p>
</div>
<div
class="paint-row-3-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-152'].busNo)"
v-if="query.hasOwnProperty('HDG1-152') && query['HDG1-152'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-152'].busType, 'HDG1-152')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-152'].busNo}}</p>
</div>
<div
class="paint-row-3-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-172'].busNo)"
v-if="query.hasOwnProperty('HDG1-172') && query['HDG1-172'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-172'].busType, 'HDG1-172')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-172'].busNo}}</p>
</div>
<div
class="paint-row-3-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-173'].busNo)"
v-if="query.hasOwnProperty('HDG1-173') && query['HDG1-173'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-173'].busType, 'HDG1-173')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-173'].busNo}}</p>
</div>
<div
class="paint-row-3-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-174'].busNo)"
v-if="query.hasOwnProperty('HDG1-174') && query['HDG1-174'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-174'].busType, 'HDG1-174')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-174'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-3-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第四行 -->
<div
class="paint-row-4-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-137'].busNo)"
v-if="query.hasOwnProperty('HDG1-137') && query['HDG1-137'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-137'].busType, 'HDG1-137')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-137'].busNo}}</p>
</div>
<div
class="paint-row-4-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-153'].busNo)"
v-if="query.hasOwnProperty('HDG1-153') && query['HDG1-153'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-153'].busType, 'HDG1-153')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-153'].busNo}}</p>
</div>
<div
class="paint-row-4-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-175'].busNo)"
v-if="query.hasOwnProperty('HDG1-175') && query['HDG1-175'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-175'].busType, 'HDG1-175')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-175'].busNo}}</p>
</div>
<div
class="paint-row-4-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-176'].busNo)"
v-if="query.hasOwnProperty('HDG1-176') && query['HDG1-176'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-176'].busType, 'HDG1-176')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-176'].busNo}}</p>
</div>
<div
class="paint-row-4-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-177'].busNo)"
v-if="query.hasOwnProperty('HDG1-177') && query['HDG1-177'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-177'].busType, 'HDG1-177')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-177'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-4-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第五行 -->
<div
class="paint-row-5-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-138'].busNo)"
v-if="query.hasOwnProperty('HDG1-138') && query['HDG1-138'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-138'].busType, 'HDG1-138')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-138'].busNo}}</p>
</div>
<div
class="paint-row-5-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-154'].busNo)"
v-if="query.hasOwnProperty('HDG1-154') && query['HDG1-154'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-154'].busType, 'HDG1-154')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-154'].busNo}}</p>
</div>
<div
class="paint-row-5-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-178'].busNo)"
v-if="query.hasOwnProperty('HDG1-178') && query['HDG1-178'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-178'].busType, 'HDG1-178')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-178'].busNo}}</p>
</div>
<div
class="paint-row-5-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-179'].busNo)"
v-if="query.hasOwnProperty('HDG1-179') && query['HDG1-179'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-179'].busType, 'HDG1-179')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-179'].busNo}}</p>
</div>
<div
class="paint-row-5-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-180'].busNo)"
v-if="query.hasOwnProperty('HDG1-180') && query['HDG1-180'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-180'].busType, 'HDG1-180')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-180'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-5-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第六行 -->
<div
class="paint-row-6-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-139'].busNo)"
v-if="query.hasOwnProperty('HDG1-139') && query['HDG1-139'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-139'].busType, 'HDG1-139')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-139'].busNo}}</p>
</div>
<div
class="paint-row-6-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-155'].busNo)"
v-if="query.hasOwnProperty('HDG1-155') && query['HDG1-155'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-155'].busType, 'HDG1-155')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-155'].busNo}}</p>
</div>
<div
class="paint-row-6-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-181'].busNo)"
v-if="query.hasOwnProperty('HDG1-181') && query['HDG1-181'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-181'].busType, 'HDG1-181')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-181'].busNo}}</p>
</div>
<div
class="paint-row-6-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-182'].busNo)"
v-if="query.hasOwnProperty('HDG1-182') && query['HDG1-182'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-182'].busType, 'HDG1-182')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-182'].busNo}}</p>
</div>
<div
class="paint-row-6-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-183'].busNo)"
v-if="query.hasOwnProperty('HDG1-183') && query['HDG1-183'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-183'].busType, 'HDG1-183')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-183'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-6-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第七行 -->
<div
class="paint-row-7-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-140'].busNo)"
v-if="query.hasOwnProperty('HDG1-140') && query['HDG1-140'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-140'].busType, 'HDG1-140')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-140'].busNo}}</p>
</div>
<div
class="paint-row-7-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-156'].busNo)"
v-if="query.hasOwnProperty('HDG1-156') && query['HDG1-156'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-156'].busType, 'HDG1-156')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-156'].busNo}}</p>
</div>
<div
class="paint-row-7-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-184'].busNo)"
v-if="query.hasOwnProperty('HDG1-184') && query['HDG1-184'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-184'].busType, 'HDG1-184')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-184'].busNo}}</p>
</div>
<div
class="paint-row-7-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-185'].busNo)"
v-if="query.hasOwnProperty('HDG1-185') && query['HDG1-185'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-185'].busType, 'HDG1-185')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-185'].busNo}}</p>
</div>
<div
class="paint-row-7-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-186'].busNo)"
v-if="query.hasOwnProperty('HDG1-186') && query['HDG1-186'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-186'].busType, 'HDG1-186')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-186'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-7-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第八行 -->
<div
class="paint-row-8-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-141'].busNo)"
v-if="query.hasOwnProperty('HDG1-141') && query['HDG1-141'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-141'].busType, 'HDG1-141')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-141'].busNo}}</p>
</div>
<div
class="paint-row-8-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-157'].busNo)"
v-if="query.hasOwnProperty('HDG1-157') && query['HDG1-157'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-157'].busType, 'HDG1-157')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-157'].busNo}}</p>
</div>
<div
class="paint-row-8-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-187'].busNo)"
v-if="query.hasOwnProperty('HDG1-187') && query['HDG1-187'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-187'].busType, 'HDG1-187')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-187'].busNo}}</p>
</div>
<div
class="paint-row-8-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-188'].busNo)"
v-if="query.hasOwnProperty('HDG1-188') && query['HDG1-188'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-188'].busType, 'HDG1-188')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-188'].busNo}}</p>
</div>
<div
class="paint-row-8-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-189'].busNo)"
v-if="query.hasOwnProperty('HDG1-189') && query['HDG1-189'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-189'].busType, 'HDG1-189')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-189'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-8-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第九行 -->
<div
class="paint-row-9-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-142'].busNo)"
v-if="query.hasOwnProperty('HDG1-142') && query['HDG1-142'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-142'].busType, 'HDG1-142')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-142'].busNo}}</p>
</div>
<div
class="paint-row-9-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-158'].busNo)"
v-if="query.hasOwnProperty('HDG1-158') && query['HDG1-158'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-158'].busType, 'HDG1-158')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-158'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-9-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-190'].busNo)"
v-if="query.hasOwnProperty('HDG1-190') && query['HDG1-190'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-190'].busType, 'HDG1-190')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
<p>{{query['HDG1-190'].busNo}}</p>
</div> -->
<div
class="paint-row-9-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-190'].busNo)"
v-if="query.hasOwnProperty('HDG1-190') && query['HDG1-190'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-190'].busType, 'HDG1-190')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-190'].busNo}}</p>
</div>
<div
class="paint-row-9-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-191'].busNo)"
v-if="query.hasOwnProperty('HDG1-191') && query['HDG1-191'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-191'].busType, 'HDG1-191')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-191'].busNo}}</p>
</div>
<div
class="paint-row-9-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-192'].busNo)"
v-if="query.hasOwnProperty('HDG1-192') && query['HDG1-192'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-192'].busType, 'HDG1-192')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-192'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-9-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第十行 -->
<div
class="paint-row-10-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-143'].busNo)"
v-if="query.hasOwnProperty('HDG1-143') && query['HDG1-143'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-143'].busType, 'HDG1-143')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-143'].busNo}}</p>
</div>
<div
class="paint-row-10-1"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
v-if="query.hasOwnProperty('HDG1-159') && query['HDG1-159'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-159'].busType, 'HDG1-159')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-159'].busNo}}</p>
</div>
<div
class=" paint-row-10-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-193'].busNo)"
v-if="query.hasOwnProperty('HDG1-193') && query['HDG1-193'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-193'].busType, 'HDG1-193')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-193'].busNo}}</p>
</div>
<div
class="paint-row-10-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-194'].busNo)"
v-if="query.hasOwnProperty('HDG1-194') && query['HDG1-194'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-194'].busType, 'HDG1-194')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-194'].busNo}}</p>
</div>
<div
class=" paint-row-10-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-195'].busNo)"
v-if="query.hasOwnProperty('HDG1-195') && query['HDG1-195'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-195'].busType, 'HDG1-195')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-195'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-10-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第十一行 -->
<div
class=" paint-row-11-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-144'].busNo)"
v-if="query.hasOwnProperty('HDG1-144') && query['HDG1-144'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-144'].busType, 'HDG1-144')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-144'].busNo}}</p>
</div>
<div
class=" paint-row-11-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-160'].busNo)"
v-if="query.hasOwnProperty('HDG1-160') && query['HDG1-160'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-160'].busType, 'HDG1-160')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-160'].busNo}}</p>
</div>
<div
class=" paint-row-11-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-196'].busNo)"
v-if="query.hasOwnProperty('HDG1-196') && query['HDG1-196'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-196'].busType, 'HDG1-196')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-196'].busNo}}</p>
</div>
<div
class="paint-row-11-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-197'].busNo)"
v-if="query.hasOwnProperty('HDG1-197') && query['HDG1-197'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-197'].busType, 'HDG1-197')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-197'].busNo}}</p>
</div>
<div
class="paint-row-11-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-198'].busNo)"
v-if="query.hasOwnProperty('HDG1-198') && query['HDG1-198'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-198'].busType, 'HDG1-198')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-198'].busNo}}</p>
</div>
<div
<!-- <div
class="paint-row-11-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
>
<p>{{query['HDG1-166'].busNo}}</p>
</div>
</div> -->
<!-- 第十二行 -->
<div
class=" paint-row-12-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-145'].busNo)"
v-if="query.hasOwnProperty('HDG1-145') && query['HDG1-145'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-145'].busType, 'HDG1-145')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-145'].busNo}}</p>
</div>
<div
class="paint-row-12-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-161'].busNo)"
v-if="query.hasOwnProperty('HDG1-161') && query['HDG1-161'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-161'].busType, 'HDG1-161')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-161'].busNo}}</p>
</div>
<div
class="paint-row-12-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-199'].busNo)"
v-if="query.hasOwnProperty('HDG1-199') && query['HDG1-199'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-199'].busType, 'HDG1-199')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-199'].busNo}}</p>
</div>
<div
class="paint-row-12-4"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-200'].busNo)"
v-if="query.hasOwnProperty('HDG1-200') && query['HDG1-200'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-200'].busType, 'HDG1-200')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-200'].busNo}}</p>
</div>
<div
class="paint-row-12-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-201'].busNo)"
v-if="query.hasOwnProperty('HDG1-201') && query['HDG1-201'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-201'].busType, 'HDG1-201')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-201'].busNo}}</p>
</div>
<!-- 第十三行 -->
<div
class="paint-row-13-0"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-146'].busNo)"
v-if="query.hasOwnProperty('HDG1-146') && query['HDG1-146'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-146'].busType, 'HDG1-146')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-146'].busNo}}</p>
</div>
<div
class="paint-row-13-1"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-162'].busNo)"
v-if="query.hasOwnProperty('HDG1-162') && query['HDG1-162'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-162'].busType, 'HDG1-162')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-162'].busNo}}</p>
</div>
<div
class="paint-row-13-2"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-202'].busNo)"
v-if="query.hasOwnProperty('HDG1-202') && query['HDG1-202'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-202'].busType, 'HDG1-202')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-202'].busNo}}</p>
</div>
<div
class="paint-row-13-3"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-203'].busNo)"
v-if="query.hasOwnProperty('HDG1-203') && query['HDG1-203'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-203'].busType, 'HDG1-203')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-203'].busNo}}</p>
</div>
<div
class="paint-row-13-5"
@click="clickBtn(query['HDG1-166'].busNo)"
v-if="query.hasOwnProperty('HDG1-166') && query['HDG1-166'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-166'].busType, 'HDG1-166')"
@click="clickBtn(query['HDG1-204'].busNo)"
v-if="query.hasOwnProperty('HDG1-204') && query['HDG1-204'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-204'].busType, 'HDG1-204')"
>
<p>{{query['HDG1-166'].busNo}}</p>
<p>{{query['HDG1-204'].busNo}}</p>
</div>
<Tooltip
ref="toolRef"
......@@ -651,6 +651,8 @@ export default {
},
data () {
return {
// 车体定位信息
busPosition: {},
// 面色/漆作业区域实时信息
query: {
'HDG1-134': {
......@@ -697,6 +699,21 @@ export default {
skidID: 0,
state: 'USE', //0.1 Y/N
workshopCode: 'string'
},
'HDG1-167': {
areaId: 0,
areaName: 'DF205411010',
busNo: 'DN20191010',
busType: 'OTHER', //IN/OUT
code: 'string',
id: 0,
keyStation: true,
laneCode: 'string',
laneId: 0,
sequence: 0,
skidID: 0,
state: 'USE', //0.1 Y/N
workshopCode: 'string'
}
},
// 根据车身号获得当前车体信息
......@@ -718,33 +735,38 @@ export default {
},
methods: {
//查询面色/漆作业区实时信息
// 查询面色/漆作业区实时信息
getComplexionPaintInformation () {
this.$fetch('area-controller/realTime-get', { areaNo: '6' })
.then(res => {
console.log(res);
// console.log(res);
this.query = _.cloneDeep(res);
console.log(this.query);
})
.catch(error => {
reject(error);
});
},
// 解析车体类型及车体定位样式
judgeCarTypeAndcarStationstyle (outOrIn, station) {
//根据车位编码Station 判断是否该车位已经被定位
let stateTemp = this.$route.query;
console.log('aaa', stateTemp);
this.$fetch('area-controller/busNo-get', {stateTemp}).then(res => {
console.log(res);
}).catch(error => {
reject(error);
})
/* .... */
console.log('outorin', outOrIn);
console.log('车位', station);
// let stateTemp = _.cloneDeep(this.$route.query);
// console.log('aaa', stateTemp);
// this.$fetch('area-controller/busNo-get', {stateTemp}).then(res => {
// console.log(res);
// this.busPosition = _.cloneDeep(res);
// if (this.busPosition.hasOwnProperty(station)) {
// return 'isPositioned'
// } else {
if (outOrIn === 'OTHER') {
return 'carOutFactory';
} else {
return '';
}
// }
// }).catch(error => {
// reject(error);
// })
},
clickBtn (busNub) {
console.log(busNub);
......@@ -758,9 +780,10 @@ export default {
this.$fetch('area-controller/busNo-get', { busNo: busNub })
.then(res => {
console.log('res', res);
// this.BusInformation = _.cloneDeep(res);
})
.catch(error => {
console.log(error);
reject(error);
});
}
}
......
src/views/Monitor/components/Electrophoresis.vue
View file @ 1ffcee7f
......@@ -13,7 +13,7 @@
</div>
<div
class="elect-row-1-2"
@click="clickBtn()"
@click="clickBtn(query['STC1-8'].busNo)"
v-if="query.hasOwnProperty('STC1-8') && query['STC1-8'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-8'].busType, 'STC1-8')"
>
......@@ -21,6 +21,7 @@
</div>
<div
class="elect-row-1-3"
@click="clickBtn(query['HDG1-31'].busNo)"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
>
......@@ -29,359 +30,408 @@
<!-- 第 2 行 -->
<div
class="elect-row-2-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-2'].busNo)"
v-if="query.hasOwnProperty('STC1-2') && query['STC1-2'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-2'].busType, 'STC1-2')"
>
<p>{{query['HDG1-31'].busNo}}</p>
<p>{{query['STC1-2'].busNo}}</p>
</div>
<div
class="elect-row-2-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-9'].busNo)"
v-if="query.hasOwnProperty('STC1-9') && query['STC1-9'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-9'].busType, 'STC1-9')"
>
<p>{{query['HDG1-31'].busNo}}</p>
<p>{{query['STC1-9'].busNo}}</p>
</div>
<div
class="elect-row-2-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-32'].busNo)"
v-if="query.hasOwnProperty('HDG1-32') && query['HDG1-32'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-32'].busType, 'HDG1-32')"
>
<p>CDA11323</p>
<p>{{query['HDG1-32'].busNo}}</p>
</div>
<!-- 第 3 行 -->
<div
class="elect-row-3-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-3'].busNo)"
v-if="query.hasOwnProperty('STC1-3') && query['STC1-3'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-3'].busType, 'STC1-3')"
>
<p>CDA11323</p>
<p>{{query['STC1-3'].busNo}}</p>
</div>
<div
class="elect-row-3-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-10'].busNo)"
v-if="query.hasOwnProperty('STC1-10') && query['STC1-10'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-10'].busType, 'STC1-10')"
>
<p>CDA11323</p>
<p>{{query['STC1-10'].busNo}}</p>
</div>
<div
class="elect-row-3-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-33'].busNo)"
v-if="query.hasOwnProperty('HDG1-33') && query['HDG1-33'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-33'].busType, 'HDG1-33')"
>
<p>CDA11323</p>
<p>{{query['HDG1-33'].busNo}}</p>
</div>
<!-- 第 4 行 -->
<div
class="elect-row-4-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-4'].busNo)"
v-if="query.hasOwnProperty('STC1-4') && query['STC1-4'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-4'].busType, 'STC1-4')"
>
<p>CDA11323</p>
<p>{{query['STC1-4'].busNo}}</p>
</div>
<div
class="elect-row-4-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-11'].busNo)"
v-if="query.hasOwnProperty('STC1-11') && query['STC1-11'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-11'].busType, 'STC1-11')"
>
<p>CDA11323</p>
<p>{{query['STC1-11'].busNo}}</p>
</div>
<div
class="elect-row-4-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-34'].busNo)"
v-if="query.hasOwnProperty('HDG1-34') && query['HDG1-34'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-34'].busType, 'HDG1-34')"
>
<p>CDA11323</p>
<p>{{query['HDG1-34'].busNo}}</p>
</div>
<!-- 第 5 行 -->
<div
class="elect-row-5-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-5'].busNo)"
v-if="query.hasOwnProperty('STC1-5') && query['STC1-5'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-5'].busType, 'STC1-5')"
>
<p>CDA11323</p>
<p>{{query['STC1-5'].busNo}}</p>
</div>
<div
class="elect-row-5-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-12'].busNo)"
v-if="query.hasOwnProperty('STC1-12') && query['STC1-12'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-12'].busType, 'STC1-12')"
>
<p>CDA11323</p>
<p>{{query['STC1-12'].busNo}}</p>
</div>
<div
class="elect-row-5-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-49'].busNo)"
v-if="query.hasOwnProperty('HDG1-49') && query['HDG1-49'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-49'].busType, 'HDG1-49')"
>
<p>CDA11323</p>
<p>{{query['HDG1-49'].busNo}}</p>
</div>
<!-- 第 6 行 -->
<div
class="elect-row-6-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-6'].busNo)"
v-if="query.hasOwnProperty('STC1-6') && query['STC1-6'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-6'].busType, 'STC1-6')"
>
<p>CDA11323</p>
<p>{{query['STC1-6'].busNo}}</p>
</div>
<div
class="elect-row-6-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-13'].busNo)"
v-if="query.hasOwnProperty('STC1-13') && query['STC1-13'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-13'].busType, 'STC1-13')"
>
<p>CDA11323</p>
<p>{{query['STC1-13'].busNo}}</p>
</div>
<div
class="elect-row-6-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-50'].busNo)"
v-if="query.hasOwnProperty('HDG1-50') && query['HDG1-50'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-50'].busType, 'HDG1-50')"
>
<p>CDA11323</p>
<p>{{query['HDG1-50'].busNo}}</p>
</div>
<!-- 6.5行 -->
<div
class="elect-row-6-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-51'].busNo)"
v-if="query.hasOwnProperty('HDG1-51') && query['HDG1-51'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-51'].busType, 'HDG1-51')"
>
<p>CDA11323</p>
<p>{{query['HDG1-51'].busNo}}</p>
</div>
<!-- 第 7 行 -->
<div
class="elect-row-7-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['SSTC1-7'].busNo)"
v-if="query.hasOwnProperty('STC1-7') && query['STC1-7'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-7'].busType, 'STC1-7')"
>
<p>CDA11323</p>
<p>{{query['STC1-7'].busNo}}</p>
</div>
<div
class="elect-row-7-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['STC1-14'].busNo)"
v-if="query.hasOwnProperty('STC1-14') && query['STC1-14'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['STC1-14'].busType, 'STC1-14')"
>
<p>CDA11323</p>
<p>{{query['STC1-14'].busNo}}</p>
</div>
<div
class="elect-row-7-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-52'].busNo)"
v-if="query.hasOwnProperty('HDG1-52') && query['HDG1-52'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-52'].busType, 'HDG1-52')"
>
<p>CDA11323</p>
<p>{{query['HDG1-52'].busNo}}</p>
</div>
<!-- 第 8 行 -->
<div
class="elect-row-8-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG2-2'].busNo)"
v-if="query.hasOwnProperty('HDG2-2') && query['HDG2-2'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG2-2'].busType, 'HDG2-2')"
>
<p>CDA11323</p>
<p>{{query['HDG2-2'].busNo}}</p>
</div>
<div
class="elect-row-8-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG2-1'].busNo)"
v-if="query.hasOwnProperty('HDG2-1') && query['HDG2-1'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG2-1'].busType, 'HDG2-1')"
>
<p>CDA11323</p>
<p>{{query['HDG2-1'].busNo}}</p>
</div>
<div
class="elect-row-8-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-35'].busNo)"
v-if="query.hasOwnProperty('HDG1-35') && query['HDG1-35'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-35'].busType, 'HDG1-35')"
>
<p>CDA11323</p>
<p>{{query['HDG1-35'].busNo}}</p>
</div>
<div
class="elect-row-8-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-36'].busNo)"
v-if="query.hasOwnProperty('HDG1-36') && query['HDG1-36'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-36'].busType, 'HDG1-36')"
>
<p>CDA11323</p>
<p>{{query['HDG1-36'].busNo}}</p>
</div>
<!-- 第 9 行 -->
<div
class="elect-row-9-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG5-2'].busNo)"
v-if="query.hasOwnProperty('HDG5-2') && query['HDG5-2'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG5-2'].busType, 'HDG5-2')"
>
<p>CDA11323</p>
<p>{{query['HDG5-2'].busNo}}</p>
</div>
<div
class="elect-row-9-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-45'].busNo)"
v-if="query.hasOwnProperty('HDG1-45') && query['HDG1-45'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-45'].busType, 'HDG1-45')"
>
<p>CDA11323</p>
<p>{{query['HDG1-45'].busNo}}</p>
</div>
<div
class="elect-row-9-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-47'].busNo)"
v-if="query.hasOwnProperty('HDG1-47') && query['HDG1-47'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-47'].busType, 'HDG1-47')"
>
<p>CDA11323</p>
<p>{{query['HDG1-47'].busNo}}</p>
</div>
<div
class="elect-row-9-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-48'].busNo)"
v-if="query.hasOwnProperty('HDG1-48') && query['HDG1-48'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-48'].busType, 'HDG1-48')"
>
<p>CDA11323</p>
<p>{{query['HDG1-48'].busNo}}</p>
</div>
<div
class="elect-row-9-5"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-46'].busNo)"
v-if="query.hasOwnProperty('HDG1-46') && query['HDG1-46'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-46'].busType, 'HDG1-46')"
>
<p>CDA11323</p>
<p>{{query['HDG1-46'].busNo}}</p>
</div>
<!-- 第 10 行 -->
<div
class="elect-row-10-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG5-3'].busNo)"
v-if="query.hasOwnProperty('HDG5-3') && query['HDG5-3'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG5-3'].busType, 'HDG5-3')"
>
<p>CDA11323</p>
<p>{{query['HDG5-3'].busNo}}</p>
</div>
<div
class="elect-row-10-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-37'].busNo)"
v-if="query.hasOwnProperty('HDG1-37') && query['HDG1-37'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-37'].busType, 'HDG1-37')"
>
<p>CDA11323</p>
<p>{{query['HDG1-37'].busNo}}</p>
</div>
<div
class="elect-row-10-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-38'].busNo)"
v-if="query.hasOwnProperty('HDG1-38') && query['HDG1-38'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-38'].busType, 'HDG1-38')"
>
<p>CDA11323</p>
<p>{{query['HDG1-38'].busNo}}</p>
</div>
<div
class="elect-row-10-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-39'].busNo)"
v-if="query.hasOwnProperty('HDG1-39') && query['HDG1-39'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-39'].busType, 'HDG1-39')"
>
<p>CDA11323</p>
<p>{{query['HDG1-39'].busNo}}</p>
</div>
<div
class="elect-row-10-5"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-40'].busNo)"
v-if="query.hasOwnProperty('HDG1-40') && query['HDG1-40'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-40'].busType, 'HDG1-40')"
>
<p>CDA11323</p>
<p>{{query['HDG1-40'].busNo}}</p>
</div>
<!-- 第 11 行 -->
<div
class="elect-row-11-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG5-4'].busNo)"
v-if="query.hasOwnProperty('HDG5-4') && query['HDG5-4'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG5-4'].busType, 'HDG5-4')"
>
<p>CDA11323</p>
<p>{{query['HDG5-4'].busNo}}</p>
</div>
<div
class="elect-row-11-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-41'].busNo)"
v-if="query.hasOwnProperty('HDG1-41') && query['HDG1-41'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-41'].busType, 'HDG1-41')"
>
<p>CDA11323</p>
<p>{{query['HDG1-41'].busNo}}</p>
</div>
<div
class="elect-row-11-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-42'].busNo)"
v-if="query.hasOwnProperty('HDG1-42') && query['HDG1-42'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-42'].busType, 'HDG1-42')"
>
<p>CDA11323</p>
<p>{{query['HDG1-42'].busNo}}</p>
</div>
<div
class="elect-row-11-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-43'].busNo)"
v-if="query.hasOwnProperty('HDG1-43') && query['HDG1-43'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-43'].busType, 'HDG1-43')"
>
<p>CDA11323</p>
<p>{{query['HDG1-43'].busNo}}</p>
</div>
<div
class="elect-row-11-5"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-44'].busNo)"
v-if="query.hasOwnProperty('HDG1-44') && query['HDG1-44'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-44'].busType, 'HDG1-44')"
>
<p>CDA11323</p>
<p>{{query['HDG1-44'].busNo}}</p>
</div>
<!-- 第 12 行 -->
<div
class="elect-row-12-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG5-5'].busNo)"
v-if="query.hasOwnProperty('HDG5-5') && query['HDG5-5'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG5-5'].busType, 'HDG5-5')"
>
<p>CDA11323</p>
<p>{{query['HDG5-5'].busNo}}</p>
</div>
<div
class="elect-row-12-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-59'].busNo)"
v-if="query.hasOwnProperty('HDG1-59') && query['HDG1-59'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-59'].busType, 'HDG1-59')"
>
<p>CDA11323</p>
<p>{{query['HDG1-59'].busNo}}</p>
</div>
<div
class="elect-row-12-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-60'].busNo)"
v-if="query.hasOwnProperty('HDG1-60') && query['HDG1-60'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-60'].busType, 'HDG1-60')"
>
<p>CDA11323</p>
<p>{{query['HDG1-60'].busNo}}</p>
</div>
<div
class="elect-row-12-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-61'].busNo)"
v-if="query.hasOwnProperty('HDG1-61') && query['HDG1-61'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-61'].busType, 'HDG1-61')"
>
<p>CDA11323</p>
<p>{{query['HDG1-61'].busNo}}</p>
</div>
<div
class="elect-row-12-5"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-62'].busNo)"
v-if="query.hasOwnProperty('HDG1-62') && query['HDG1-62'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-62'].busType, 'HDG1-62')"
>
<p>CDA11323</p>
<p>{{query['HDG1-62'].busNo}}</p>
</div>
<div
class="elect-row-12-6"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG5-6'].busNo)"
v-if="query.hasOwnProperty('HDG5-6') && query['HDG5-6'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG5-6'].busType, 'HDG5-6')"
>
<p>CDA11323</p>
<p>{{query['HDG5-6'].busNo}}</p>
</div>
<!-- 第 13 行 -->
<div
class="elect-row-13-1"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG5-7'].busNo)"
v-if="query.hasOwnProperty('HDG5-7') && query['HDG5-7'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG5-7'].busType, 'HDG5-7')"
>
<p>CDA11323</p>
<p>{{query['HDG5-7'].busNo}}</p>
</div>
<div
class="elect-row-13-2"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-63'].busNo)"
v-if="query.hasOwnProperty('HDG1-63') && query['HDG1-63'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-63'].busType, 'HDG1-63')"
>
<p>CDA11323</p>
<p>{{query['HDG1-63'].busNo}}</p>
</div>
<div
class="elect-row-13-3"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-64'].busNo)"
v-if="query.hasOwnProperty('HDG1-64') && query['HDG1-64'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-64'].busType, 'HDG1-64')"
>
<p>CDA11323</p>
<p>{{query['HDG1-64'].busNo}}</p>
</div>
<div
class="elect-row-13-4"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-65'].busNo)"
v-if="query.hasOwnProperty('HDG1-65') && query['HDG1-65'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-65'].busType, 'HDG1-65')"
>
<p>CDA11323</p>
<p>{{query['HDG1-65'].No}}</p>
</div>
<div
class="elect-row-13-5"
v-if="query.hasOwnProperty('HDG1-31') && query['HDG1-31'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-31'].busType, 'HDG1-31')"
@click="clickBtn(query['HDG1-66'].busNo)"
v-if="query.hasOwnProperty('HDG1-66') && query['HDG1-66'].state !== 'FREE'"
:class="judgeCarTypeAndcarStationstyle(query['HDG1-66'].busType, 'HDG1-66')"
>
<p>CDA11323</p>
<p>{{query['HDG1-66'].busNo}}</p>
</div>
<Tooltip
ref="toolRef"
......@@ -435,7 +485,7 @@ export default {
areaId: 0,
areaName: 'DF205411010',
busNo: 'DF20191010',
busType: 'OWN', //IN/OUT
busType: 'OTHER', //IN/OUT
code: 'string',
id: 0,
keyStation: true,
......@@ -475,15 +525,12 @@ export default {
this.$refs.toolRef.$refs.tooltip.style.left = left - 100 + 'px';
this.$fetch('area-controller/busNo-get', {busNo: row}).then(res => {
console.log('res', res);
// this.BusInformation = _.cloneDeep(res);
}).catch(error => {
reject(error)
})
// this.BusInformation = {
// name: '111',
// code: '222'
// };
},
//查询电泳实时信息
// 查询电泳实时信息
getElectrophoresisInformation () {
this.$fetch('area-controller/realTime-get', { areaNo: '2' })
.then(res => {
......@@ -493,16 +540,26 @@ export default {
reject(error);
});
},
// 解析车体类型及车体定位样式
judgeCarTypeAndcarStationstyle (outOrIn, station) {
//根据车位编码Station 判断是否该车位已经被定位
/* .... */
console.log('outorin', outOrIn);
console.log('车位', station);
// let stateTemp = _.cloneDeep(this.$route.query);
// console.log('aaa', stateTemp);
// this.$fetch('area-controller/busNo-get', {stateTemp}).then(res => {
// console.log(res);
// this.busPosition = _.cloneDeep(res);
// if (this.busPosition.hasOwnProperty(station)) {
// return 'isPositioned'
// } else {
if (outOrIn === 'OTHER') {
return 'carOutFactory';
} else {
return '';
}
// }
// }).catch(error => {
// reject(error);
// })
}
}
};
......
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