Skip to content

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

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

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