|
|
|
@ -37,10 +37,10 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tableWrap">
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
|
<el-col :span="8" v-for="item in dataSource" :key="item.car">
|
|
|
|
|
<el-col :span="8" v-for="item in dataSource" :key="item.licensePlate">
|
|
|
|
|
<div
|
|
|
|
|
class="transCol"
|
|
|
|
|
@mouseover="carSelect = item.car"
|
|
|
|
|
@mouseover="carSelect = item.licensePlate"
|
|
|
|
|
@mouseout="carSelect = ''"
|
|
|
|
|
@click="gotoPage(item)"
|
|
|
|
|
>
|
|
|
|
@ -62,7 +62,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c11.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c1.png" />
|
|
|
|
@ -75,7 +75,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c22.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c2.png" />
|
|
|
|
@ -88,7 +88,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c33.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c3.png" />
|
|
|
|
@ -101,7 +101,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c44.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c4.png" />
|
|
|
|
@ -114,7 +114,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c55.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c5.png" />
|
|
|
|
@ -127,7 +127,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c66.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c6.png" />
|
|
|
|
@ -140,7 +140,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c77.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c7.png" />
|
|
|
|
@ -153,7 +153,7 @@
|
|
|
|
|
<el-col :span="12" class="carInfo">
|
|
|
|
|
<div class="carIcon">
|
|
|
|
|
<img
|
|
|
|
|
v-if="carSelect === item.car"
|
|
|
|
|
v-if="carSelect === item.licensePlate"
|
|
|
|
|
src="@/assets/images/topic/c88.png"
|
|
|
|
|
/>
|
|
|
|
|
<img v-else src="@/assets/images/topic/c8.png" />
|
|
|
|
@ -233,7 +233,7 @@ export default {
|
|
|
|
|
this.$router.push({
|
|
|
|
|
path: "/topic/dangerTransport/carDetail",
|
|
|
|
|
query: {
|
|
|
|
|
car: item.car,
|
|
|
|
|
car: item.licensePlate,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|