zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
Esacpe
2025-07-08 20:59:58 +08:00
parent e5ca357876
commit 3346582af9
3 changed files with 52 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/backOfficeSystem/IntelligentControl/warningControl/components/yjItem.vue
View File

@ -1,40 +1,39 @@
<template>
<div class="personCard relative flex mb10 pointer">
<div class="cxbq f14 lh50 tc absolute">已完成</div>
<el-button v-if="props.type == 'yj'" type="primary" class="btn_qs f14 lh50 tc absolute">签收</el-button>
<el-button color="#0072ff" size="small" class="btn_qs f14 tc absolute">签收</el-button>
<div class="avatarBox relative">
<div class="marks f12 absolute" :class="changeBg(props.item.yjjb)">
处置
</div>
<div class="marks f12 absolute" :class="changeBg(props.item.yjjb)">处置</div>
<div>
<el-image :preview-teleported="true" style="width: 76px; height: 96px" :src="pro" :preview-src-list="[pro]">
</el-image>
<el-image :preview-teleported="true" style="width: 80px; height: 110px" :src="pro" :preview-src-list="[pro]"/>
</div>
<span class="smallbtn">全息档案</span>
</div>
<div class="infoBox">
<div class="basicInfo mb10">
<span class="name f16 mr15">{{ props.item.name }}</span>
<span class="idCard f14">{{ props.item.idCard }}</span>
<span class="bqbox f12 ml10">{{ props.item.yjbq }}</span>
<div class="items">
<div class="infoItem flex nowrap mb10">{{ props.item.name }} <span class="bqbox ml6">{{ props.item.yjbq }}</span></div>
<div class="infoItem ellipsis">性别：<span class="value">{{ props.item.gender }}</span></div>
<div class="infoItem ellipsis">籍贯：<span class="value">{{ props.item.gender }}</span></div>
<div class="infoItem ellipsis">身份证号：<span class="value">{{ props.item.idCard }}</span></div>
<div class="infoItem ellipsis">出生日期：<span class="value">{{ props.item.csrq }}</span></div>
<div class="infoItem ellipsis">民族：<span class="value">{{ props.item.mz }}</span></div>
</div>
<div class="detailInfo">
<div class="infoItem">
<span class="label">性别：<span class="value">{{ props.item.gender }}</span></span>
<span class="label ml20">年龄：<span class="value">{{ props.item.age }} 岁</span></span>
</div>
<div class="infoItem">
<span class="label">住址：</span>
<span class="value">{{ props.item.address }}</span>
</div>
<div class="infoItem">
<span class="label">所属派出所：</span>
<span class="value">{{ props.item.sspcs }}</span>
</div>
<div class="infoItem">
<span class="label">列控原因：</span>
<span class="value">{{ props.item.yy }}</span>
</div>
<div class="items">
<div class="infoItem ellipsis">户籍地区划：<span class="value">{{ props.item.hjdqh }}</span></div>
<div class="infoItem ellipsis">户籍地派出所：<span class="value">{{ props.item.sspcs }}</span></div>
<div class="infoItem ellipsis">户籍地详址：<span class="value">{{ props.item.address }}</span></div>
<div class="infoItem ellipsis">现住地区划：<span class="value">{{ props.item.xzdqh }}</span></div>
<div class="infoItem ellipsis">现住地派出所：<span class="value">{{ props.item.xzdpcs }}</span></div>
<div class="infoItem ellipsis">现住地详址：<span class="value">{{ props.item.xzdxz }}</span></div>
</div>
<div class="items">
<div class="infoItem ellipsis">管辖单位：<span class="value">{{ props.item.gxdw }}</span></div>
<div class="infoItem ellipsis">人员类别：<span class="value">{{ props.item.rylb }}</span></div>
<div class="infoItem ellipsis">人员级别：<span class="value">{{ props.item.ryjb }}</span></div>
<div class="infoItem ellipsis">列控原因：<span class="value">{{ props.item.lkyy }}</span></div>
<div class="infoItem ellipsis">布控状态：<span class="value">{{ props.item.bkzt }}</span></div>
<div class="infoItem ellipsis">预警等级：<span class="value">{{ props.item.yjdj }}</span></div>
<div class="infoItem ellipsis">预警次数：<span class="value"><span class="num">{{ props.item.yjcs }}</span> 次</span></div>
</div>
</div>
</div>
@ -97,14 +96,19 @@ const changeBg = (type) => {
}
.btn_qs {
right: 5px;
bottom: 5px;
left: 94px;
bottom: 11px;
}
::v-deep .el-button{
span{
color: #fff;
}
}
.avatarBox {
margin-right: 15px;
margin-right: 5px;
overflow: hidden;
width: 80px;
.marks {
width: 70px;
height: 32px;
@ -136,7 +140,7 @@ const changeBg = (type) => {
.bqbox {
color: #ff0000;
padding: 4px 6px;
padding: 0px 6px;
background: rgba(255, 0, 0, 0.3);
border-radius: 1px 1px 1px 1px;
border: 1px solid #ff0000;
@ -144,33 +148,20 @@ const changeBg = (type) => {
}
.infoBox {
flex: 1;
.basicInfo {
.name {
color: #fff;
}
.idCard {
color: #89afcf;
}
width: calc(100% - 90px);
display: flex;
justify-content: space-between;
.items{
width: 30%;
}
.detailInfo {
.infoItem {
color: #89afcf;
font-size: 14px;
margin-bottom: 5px;
.label {
color: #fff;
}
.infoItem {
font-size: 13px;
margin-bottom: 2px;
color: #fff;
.value {
color: #89afcf;
}
}
}
}
}
@ -182,4 +173,7 @@ const changeBg = (type) => {
border-radius: 5px 5px 5px 5px;
margin-top: 6px;
}
.num{
color: #00ffff;
}
</style>