wjl61901
1 year ago
parent
ac12aa52da
commit
46c1e48bd7
@ -1,3 +1,3 @@
|
|||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
export const listHunter = (params) => request.get('/base/transitHuntersUserRecord', { params })
|
export const listHunter = (params) => request.get('/base/transitHuntersUserModelRecord', { params })
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
@ -1,78 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="detail">
|
|
||||||
<div class="flex-1">
|
|
||||||
<img class="oss-img" :src="data.pic" />
|
|
||||||
</div>
|
|
||||||
<div class="flex-col w-400 ml-12 overflow-auto">
|
|
||||||
<div class="fy-center grid">
|
|
||||||
<div v-for="(item, index) in data.albums" :key="index" class="flex-1 h-144">
|
|
||||||
<img class="oss-img" :src="item" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="mt-8">
|
|
||||||
<div v-for="(column, index) in data.columns" :key="index" class="fy-center row">
|
|
||||||
<div class="label fy-center">{{ column.label }}</div>
|
|
||||||
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ column.content }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
data: Object
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.oss-img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
.detail {
|
|
||||||
color: white;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.row {
|
|
||||||
margin-top: 0.4vh;
|
|
||||||
}
|
|
||||||
.h-144 {
|
|
||||||
height: 14.4vh;
|
|
||||||
}
|
|
||||||
.w-400 {
|
|
||||||
width: 20vw;
|
|
||||||
}
|
|
||||||
.ml-12 {
|
|
||||||
margin-left: 0.6vw;
|
|
||||||
}
|
|
||||||
.overflow-auto {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
grid-gap: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
width: 6vw;
|
|
||||||
height: 44px;
|
|
||||||
background-color: #093979;
|
|
||||||
margin-right: 1px;
|
|
||||||
padding-left: 12px;
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
padding-left: 12px;
|
|
||||||
height: 44px;
|
|
||||||
line-height: 44px;
|
|
||||||
background-color: rgba(9, 57, 121, 0.3);
|
|
||||||
&.even {
|
|
||||||
background-color: rgba(9, 57, 121, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -0,0 +1,99 @@
|
|||||||
|
<template>
|
||||||
|
<div class="detail">
|
||||||
|
<div class="flex-1">
|
||||||
|
<img class="oss-img" :src="data.pic" />
|
||||||
|
</div>
|
||||||
|
<div class="flex-col w-400 ml-12 overflow-auto">
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">车牌号码</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.plateNo }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">姓名</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.ownerName }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">证件号码</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.idCard }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">联系方式</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.phone }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">过车时间</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.passTime }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">经过位置</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.deviceAddress }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">经度</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.longitude }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="fy-center row">
|
||||||
|
<div class="label fy-center">纬度</div>
|
||||||
|
<div class="content line-1" :class="{ even: index % 2 == 0 }">{{ data.latitude }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
data: Object
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.oss-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.detail {
|
||||||
|
color: white;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.row {
|
||||||
|
margin-top: 0.4vh;
|
||||||
|
}
|
||||||
|
.h-144 {
|
||||||
|
height: 14.4vh;
|
||||||
|
}
|
||||||
|
.w-400 {
|
||||||
|
width: 20vw;
|
||||||
|
}
|
||||||
|
.ml-12 {
|
||||||
|
margin-left: 0.6vw;
|
||||||
|
}
|
||||||
|
.overflow-auto {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
width: 6vw;
|
||||||
|
height: 44px;
|
||||||
|
background-color: #093979;
|
||||||
|
margin-right: 1px;
|
||||||
|
padding-left: 12px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
padding-left: 12px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
background-color: rgba(9, 57, 121, 0.3);
|
||||||
|
&.even {
|
||||||
|
background-color: rgba(9, 57, 121, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue