wjl61901
1 year ago
parent
ac12aa52da
commit
46c1e48bd7
@ -1,3 +1,3 @@
|
||||
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