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:
zy_zr
2025-04-24 11:54:38 +08:00
parent 7d0498eee3
commit 30e85cfdd3
6 changed files with 140 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,27 +1,23 @@
<template>
<div class="personCard relative flex mb10 pointer">
<div class="cxbq absolute">已完成</div>
<div class="cxbq f14 lh50 tc absolute">已完成</div>
<div class="avatarBox relative">
<div class="marks f12 absolute" :class="changeBg(props.item.yjjb)">
处置
</div>
<div><img width="80" height="120" :src="pro" alt=""></div>
<div><img width="76" height="96" :src="pro" alt=""></div>
<span class="smallbtn">全息档案</span>
</div>
<div class="infoBox">
<div class="basicInfo">
<span class="name">{{ props.item.name }}</span>
<span class="idCard">{{ props.item.idCard }}</span>
<span class="bqbox">{{ props.item.yjbq }}</span>
<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>
<div class="detailInfo">
<div class="infoItem">
<span class="label">性别：</span>
<span class="value">{{ props.item.gender }}</span>
</div>
<div class="infoItem">
<span class="label">年龄：</span>
<span class="value">{{ props.item.age }}岁</span>
<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>
@ -83,10 +79,6 @@ const changeBg = (type) => {
top: 5px;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 14px;
box-sizing: border-box;
border-radius: 50%;
background: rgba(0, 255, 255, 0.3);
border: 1px solid #00ffff;
@ -120,27 +112,21 @@ const changeBg = (type) => {
}
}
.bqbox {
font-size: 12px;
color: #ff0000;
padding: 4px 6px;
background: rgba(255, 0, 0, 0.3);
border-radius: 1px 1px 1px 1px;
border: 1px solid #ff0000;
border-radius: 4px;
margin-left: 10px;
}
.infoBox {
flex: 1;
.basicInfo {
margin-bottom: 10px;
.name {
font-size: 16px;
color: #fff;
margin-right: 15px;
}
.idCard {
color: #89afcf;
font-size: 14px;
}
}
.detailInfo {
@ -151,6 +137,9 @@ const changeBg = (type) => {
.label {
color: #fff;
}
.value {
color: #89afcf;
}
}
}
}

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

@ -132,6 +132,7 @@ const personList = ref([
address: "xxxx上城区",
yjjb: "10",
yjbq: "吸贩毒",
age:20,
yy: "2023-01-01 12:00:00"
},
{
@ -141,6 +142,7 @@ const personList = ref([
sspcs: "xxx上城区派出所",
address: "xxxx上城区",
yjjb: "40",
age:20,
yjbq: "吸贩毒",
yy: "2023-01-01 12:00:00"
},
@ -148,6 +150,7 @@ const personList = ref([
name: "张三",
idCard: "330102199001011234",
gender: "男",
age:20,
sspcs: "xxx上城区派出所",
address: "xxxx上城区",
yjjb: "20",
@ -158,6 +161,7 @@ const personList = ref([
name: "张三",
idCard: "330102199001011234",
gender: "男",
age:20,
sspcs: "xxx上城区派出所",
address: "xxxx上城区",
yjjb: "30",