This commit is contained in:
Lemon
2023-12-11 11:49:55 +08:00
parent 311380c793
commit fb6d684495

View File

@@ -63,17 +63,41 @@
<el-table-column label="设备IP地址" align="center" prop="deviceIp" />
<el-table-column label="设备sn号" align="center" prop="deviceSn" />
<el-table-column label="车牌号" align="center" prop="plateNumber" />
<el-table-column label="车位状态" align="center" prop="parkingState" />
<el-table-column label="车位id" align="center" prop="zoneId" />
<el-table-column label="车位状态" align="center" prop="parkingState" >
<template slot-scope="scope">
<dict-tag
:options="dict.type.parking_state"
:value="scope.row.parkingState"
/>
</template>
</el-table-column>
<!-- <el-table-column label="车位id" align="center" prop="zoneId" />-->
<el-table-column label="车位名" align="center" prop="zoneName" />
<el-table-column label="车牌颜色" align="center" prop="color" />
<el-table-column label="车牌类型" align="center" prop="plateType" />
<el-table-column label="图片base64编码" align="center" prop="image" width="100">
<el-table-column label="车牌颜色" align="center" prop="color" >
<template slot-scope="scope">
<dict-tag
:options="dict.type.plate_color"
:value="scope.row.color"
/>
</template>
</el-table-column>
<el-table-column label="车牌类型" align="center" prop="plateType" >
<template slot-scope="scope">
<dict-tag
:options="dict.type.plate_type"
:value="scope.row.plateType"
/>
</template>
</el-table-column>
<el-table-column label="图片" align="center" prop="image" width="100">
<template slot-scope="scope">
<el-image style="width: 50px; height:50px;" :src="`data:image/png;base64,${scope.row.image}`"
:preview-src-list="[`data:image/png;base64,${scope.row.image}`]" />
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" />
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@@ -126,6 +150,7 @@ import { listCamera, getCamera, delCamera, addCamera, updateCamera } from "@/api
export default {
name: "Camera",
dicts: ['parking_state', 'plate_color', 'plate_type'],
data() {
return {
// 遮罩层