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

8
src/views/backOfficeSystem/IntelligentControl/warningControl/components/yjComponents.vue
View File

@ -8,9 +8,7 @@
</div> </div>
<div class="ml10 mr10 mt10"> <div class="ml10 mr10 mt10">
<el-input v-model="searchForm.keyword" placeholder="姓名、证件号码搜索"> <el-input v-model="searchForm.keyword" placeholder="姓名、证件号码搜索">
<template #append><el-icon> <template #append><el-icon><Search /></el-icon></template>
<Search />
</el-icon></template>
</el-input> </el-input>
</div> </div>
<ul class="listContent noScollLine mt10"> <ul class="listContent noScollLine mt10">
@ -153,7 +151,7 @@ const seeMoreFn = () => {
position: absolute; position: absolute;
left: 20px; left: 20px;
top: 10px; top: 10px;
width: 427px; width: 460px;
height: calc(100% - 20px); height: calc(100% - 20px);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
background: rgba(0, 29, 75, 0.4); background: rgba(0, 29, 75, 0.4);
@ -163,7 +161,7 @@ const seeMoreFn = () => {
height: calc(100% - 96px); height: calc(100% - 96px);
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
padding: 10px 10px 0; padding: 5px 5px 0;
box-sizing: border-box; box-sizing: border-box;
} }

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

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

5
src/views/backOfficeSystem/IntelligentControl/warningControl/index.vue
View File

@ -10,7 +10,6 @@
<MOSTY.Select v-model="listQuery.dz" :dictEnum="search.dz" /> <MOSTY.Select v-model="listQuery.dz" :dictEnum="search.dz" />
</el-form> </el-form>
<el-button type="primary">搜索</el-button> <el-button type="primary">搜索</el-button>
<el-button v-if="bottomActive == 1" type="success" @click="sendControl">发起布控</el-button>
</div> </div>
<YjComponents v-if="bottomActive == 0" /> <YjComponents v-if="bottomActive == 0" />
<BkComponents v-else /> <BkComponents v-else />
@ -58,9 +57,7 @@ const bottomActive = ref(0)
const bottomBtnFn = (idx) => { const bottomBtnFn = (idx) => {
bottomActive.value = idx; bottomActive.value = idx;
} }
// 发起
const sendControl = () => {
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>