feat:领导信息隐藏
This commit is contained in:
dzc committed
1 parent
3fbcabea80
commit
d156d00b10
2 files changed
+77
-16
No files matched your search
@@ -35,6 +35,10 @@
|
||||
@sort-change="sortChangeHandle">
|
||||
<el-table-column v-if="false" type="selection" width="40" align="center" />
|
||||
<el-table-column type="index" label="#" width="80" />
|
||||
|
||||
<el-table-column label="是否重复" prop="syncConfigType">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column v-if="false" label="车辆信息">
|
||||
<el-table-column prop="carOwnerId" min-width="100" label="车主id" />
|
||||
<el-table-column prop="ownerType" min-width="100" label="车辆类型" />
|
||||
@@ -75,45 +79,64 @@
|
||||
<dict-tag :options="dh_enter_or_exit" :value="row.carInnerCategory" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="carNum" width="200" label="车牌号码">
|
||||
<template #default="{ row }">
|
||||
<div class="flex items-center gap-2">
|
||||
<dict-tag v-if="row.carNumColor" :options="dh_car_num_color" :value="row.carNumColor" />
|
||||
<el-tag v-else type="danger">未知</el-tag>
|
||||
<span>{{ row.carNum }}</span>
|
||||
<div v-if="row.carNum">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.carNum" />
|
||||
<span v-else>{{ row.carNum }}</span>
|
||||
</div>
|
||||
<div v-else>未知</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="人员信息">
|
||||
<el-table-column prop="ownerName" width="120" label="人员" />
|
||||
<el-table-column prop="ownerCardId" width="120" label="证件号码" />
|
||||
<el-table-column prop="ownerName" width="120" label="人员">
|
||||
<template #default="{ row }">
|
||||
<div v-if="row.ownerName">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.ownerName" />
|
||||
<span v-else>{{ row.ownerName }}</span>
|
||||
</div>
|
||||
<span v-else class="color-danger">未知</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ownerCardId" width="120" label="证件号码">
|
||||
<template #default="{ row }">
|
||||
<div v-if="row.ownerCardId">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.ownerCardId" />
|
||||
<span v-else>{{ row.ownerCardId }}</span>
|
||||
</div>
|
||||
<span v-else class="color-danger">未知</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="抓拍相机">
|
||||
<el-table-column prop="devId" min-width="100" label="设备编码" />
|
||||
<el-table-column prop="devName" min-width="100" label="设备名称" />
|
||||
<el-table-column prop="devChnName" min-width="100" label="通道名称" />
|
||||
<el-table-column prop="devChnId" min-width="150" label="通道编码" />
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="抓拍图片">
|
||||
<el-table-column min-width="100" label="抓拍图片">
|
||||
<template #default="{ row }">
|
||||
<preview-image width="50px" height="50px" v-if="row.parseCarImgUrl"
|
||||
:style="[row.parseCarImgUrl == '1' ? 'filter: blur(10px);' : '']"
|
||||
:src="row.parseCarImgUrl" />
|
||||
<div v-else style="width: 50px;height: 50px;" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column min-width="100" label="车牌图片">
|
||||
<template #default="{ row }">
|
||||
<preview-image width="50px" height="50px" v-if="row.parseCarNumPic"
|
||||
:style="[row.parseCarNumPic == '1' ? 'filter: blur(10px);' : '']"
|
||||
:src="row.parseCarNumPic" />
|
||||
<div v-else style="width: 50px;height: 50px;" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" width="100" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-if="row.devChnId" icon="VideoCamera" text type="primary"
|
||||
@@ -234,4 +257,16 @@ function openReplayDialog(row: any) {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.blur-line {
|
||||
display: inline-block;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.blur-line::before {
|
||||
content: attr(data-text);
|
||||
display: inline-block;
|
||||
filter: blur(3px);
|
||||
}
|
||||
</style>
|
||||
@@ -53,25 +53,37 @@
|
||||
<el-table-column min-width="100" label="人员">
|
||||
<el-table-column prop="personCode" min-width="100" label="人员编号">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.personCode">{{ row.personCode }}</span>
|
||||
<div v-if="row.personCode">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.personCode" />
|
||||
<span v-else-if="row.personCode">{{ row.personCode }}</span>
|
||||
</div>
|
||||
<span v-else class="color-danger">未知</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="personName" min-width="100" label="姓名">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.personName">{{ row.personName }}</span>
|
||||
<div v-if="row.personName">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.personName" />
|
||||
<span v-else>{{ row.personName }}</span>
|
||||
</div>
|
||||
<span v-else class="color-danger">未知</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="paperNumber" min-width="100" label="证件号码" show-overflow-tooltip>
|
||||
<el-table-column prop="paperNumber" min-width="200" label="证件号码">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.paperNumber">{{ row.paperNumber }}</span>
|
||||
<div v-if="row.paperNumber">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.paperNumber" />
|
||||
<span v-else>{{ row.paperNumber }}</span>
|
||||
</div>
|
||||
<span v-else class="color-danger">未知</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="deptName" min-width="100" label="部门名称">
|
||||
<template #default="{ row }">
|
||||
<span v-if="row.deptName">{{ row.deptName }}</span>
|
||||
<div v-if="row.deptName">
|
||||
<span v-if="row.syncConfigType == '1'" class="blur-line" :data-text="row.deptName" />
|
||||
<span v-else>{{ row.deptName }}</span>
|
||||
</div>
|
||||
<span v-else class="color-danger">未知</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -109,7 +121,9 @@
|
||||
<el-table-column label="抓图图片" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<preview-image width="50px" height="50px" v-if="row.parseRecordImage"
|
||||
:src="row.parseRecordImage" />
|
||||
:src="row.parseRecordImage"
|
||||
:style="[row.syncConfigType == '1' ? 'filter: blur(10px);' : '']" />
|
||||
<div v-else style="width: 50px;height: 50px;" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="开门失败原因" min-width="200" show-overflow-tooltip />
|
||||
@@ -236,4 +250,16 @@ function openReplayDialog(row: any) {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
<style lang="scss" scoped>
|
||||
.blur-line {
|
||||
display: inline-block;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.blur-line::before {
|
||||
content: attr(data-text);
|
||||
display: inline-block;
|
||||
filter: blur(3px);
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user