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
2026-01-28 10:10:25 +08:00
parent f7a83c1541
commit 861c1168e7
9 changed files with 74 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/item/items.vue
View File

@ -1,6 +1,10 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;"> {{ props.row.yjnr }} </div>
<el-empty v-if="!props.row.yjnr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row" v-for="(it,idx) in list" :key="idx">
<div class="info-item">
@ -75,6 +79,11 @@ onMounted(() => {
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 2rem;
box-sizing: border-box;
&:nth-last-child(1){
border-bottom: none;
}
}
.info-item{
line-height: 36px;

9
src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/item/items.vue
View File

@ -1,5 +1,9 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;"> {{ props.row.yjnr }} </div>
<el-empty v-if="!props.row.yjnr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row" v-for="(it,idx) in list" :key="idx">
<div class="info-item">
@ -77,6 +81,11 @@ onMounted(() => {
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 2rem;
box-sizing: border-box;
&:nth-last-child(1){
border-bottom: none;
}
}
.info-item{
line-height: 36px;

9
src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/item/items.vue
View File

@ -1,6 +1,10 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;"> {{ props.row.yjNr }} </div>
<el-empty v-if="!props.row.yjNr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row" v-for="(it,idx) in list" :key="idx">
<div class="info-item">
@ -76,6 +80,11 @@ onMounted(() => {
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 2rem;
box-sizing: border-box;
&:nth-last-child(1){
border-bottom: none;
}
}
.info-item{
line-height: 36px;

8
src/views/backOfficeSystem/fourColorManage/warningControl/fouColorWarning/item/items.vue
View File

@ -1,9 +1,10 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row">
{{ props.row.yjnr || '暂无' }}
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;text-indent: 2rem;">
{{ props.row.yjnr }}
</div>
<el-empty v-if="!props.row.yjnr" :image-size="0.5" description="暂无数据" />
</div>
</template>
<script setup>
@ -25,6 +26,7 @@ const props = defineProps({
}
.item-row{
line-height: 36px;
}
.info-item{
line-height: 36px;

25
src/views/backOfficeSystem/fourColorManage/warningControl/identityWarning/item/items.vue
View File

@ -1,6 +1,10 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">处置建议</el-divider>
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;"> {{ props.row.yjnr }} </div>
<el-empty v-if="!props.row.yjnr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row" v-for="(it,idx) in list" :key="idx">
<div class="info-item">
<span class="text">预警人姓名：{{ it.jryXm }}</span>
@ -27,22 +31,13 @@
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted ,defineProps} from 'vue'
import { qcckPost,qcckGet } from "@/api/qcckApi.js";
const props = defineProps({
/** 表格行数据 */
row: {
type: Object,
default: () => ({})
},
dict: {
type: Object,
default: () => ({
D_GS_SSYJ: [],
D_GSXT_YJXX_CZZT: []
})
},
})
const list = ref([])
const Fklist = ref([])
@ -68,7 +63,15 @@ onMounted(() => {
.item-row{
border-bottom: 1px dashed #e8e8e8;
line-height: 36px;
padding-left: 2rem;
box-sizing: border-box;
padding-bottom: 10px;
margin-bottom: 10px;
&:nth-last-child(1){
border-bottom: none;
}
}
.info-item{
line-height: 36px;
width: 100%;

25
src/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/item/items.vue
View File

@ -1,5 +1,8 @@
<template>
<div class="warning-item">
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;"> {{ props.row.yjNr }} </div>
<el-empty v-if="!props.row.yjNr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row">
@ -7,7 +10,6 @@
<span class="text">预警人姓名：{{ list.yjRyxm }}</span>
<span class="text"> 预警人员手机号：{{ list.yjRysjh }}</span>
<span class="text"> 身份证号码：{{ list.yjRysfzh }}</span>
</div>
<div class="info-item">
<span class="text">相似度：{{ list.xsd }}%</span>
@ -16,7 +18,6 @@
<span class="text">预警次数：{{ list.yjJrcs }}</span>
<span class="text">预警标签：{{ list.yjbqmc }}</span>
<span class="text">所属部门：{{ list.ssbm }}</span>
</div>
<div class="info-item flex">
<span class="text flex">预警类型：
@ -49,9 +50,8 @@
</div>
</div>
<div>
<el-empty v-if="Fklist.length === 0" description="暂无数据" />
<el-empty v-if="Fklist.length === 0" :image-size="0.5" description="暂无数据" />
</div>
</div>
</template>
<script setup>
@ -89,7 +89,6 @@ onMounted(() => {
Fklist.value = res.fkList || []
})
})
// console.log('row😃: ', props.row);
</script>
<style lang="scss" scoped>
.warning-item {
@ -104,21 +103,25 @@ onMounted(() => {
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 2rem;
box-sizing: border-box;
&:nth-last-child(1){
border-bottom: none;
}
}
.info-item {
line-height: 36px;
width: 100%;
.text {
display: inline-block;
width: 25%;
margin-right: 10px;
}
.flex {
display: flex;
}
}
::v-deep .el-empty{
--el-empty-padding: 0px;
margin-bottom: 18px;
--el-empty-description-margin-top: 10px;
}
</style>

11
src/views/backOfficeSystem/fourColorManage/warningList/portraitWarning/item/items.vue
View File

@ -1,9 +1,8 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row">
{{ props.row.yjnr || '暂无' }}
</div>
<div class="item-row" style="border: none;"> {{ props.row.yjNr }} </div>
<el-empty v-if="!props.row.yjNr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row" v-for="(it,idx) in list" :key="idx">
@ -70,9 +69,9 @@ onMounted(() => {
.item-row{
border-bottom: 1px dashed #e8e8e8;
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
&:last-child{
padding-left: 2rem;
box-sizing: border-box;
&:last-nth-child(1){
border-bottom: none;
}
}

197
src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/item/items copy.vue
View File

@ -1,197 +0,0 @@
<template>
<div class="warning-item">
<!-- 第一行：图片、姓名、年龄、性别 -->
<div class="first-row">
<div class="avatar-container">
<template v-if="!data.yjTp || data.yjTp.includes('baidu')">
<img src="@/assets/images/car.png" width="60" height="70" v-if="data.yjLx == 2" />
<img src="@/assets/images/default_male.png" width="60" height="70" v-else />
</template>
<el-image v-else style="width: 60px; height:70px" :src="data.yjTp" :preview-src-list="[data.yjTp]"
show-progress>
<template #error>
<div class="image-slot error">
<img src="@/assets/images/car.png" width="60" height="70" v-if="data.yjLx == 2" />
<img src="@/assets/images/default_male.png" width="60" height="70" v-else />
</div>
</template>
</el-image>
</div>
<div class="basic-info">
<div class="info-items name">姓名：<span>{{ data.yjRyxm }}</span></div>
<div class="info-items gender">性别：<span> {{ IdCard(data.yjRysfzh, 3) }}</span></div>
<div class="info-items age">年龄：<span> {{ IdCard(data.yjRysfzh, 2) }}</span></div>
</div>
</div>
<!-- 第二行：其他所有字段 -->
<div class="second-row">
<div class="info-item title">预警标题：<span>{{ data.yjBt }}</span></div>
<div class="info-item level">
预警级别：
<DictTag :color="bqYs(data.yjJb)" :tag="false" v-model:value="data.yjJb" :options="props.dict.D_BZ_YJJB" />
<!-- <span :class="getLevelClass(data.yjJb)">{{ data.yjJb || data.yjLx }}</span> -->
</div>
<div class="info-item similarity">相似度：<span>{{ data.xsd }}%</span></div>
</div>
<div class="second-row">
<div class="info-item time">预警时间：<span>{{ data.yjSj }}</span></div>
<div class="info-item location">预警地点：<span>{{ data.yjDz }}</span></div>
<div class="info-item count">预警次数：<span>{{ data.yjCs }}次</span></div>
</div>
<div class="second-row">
<div class="info-item status">
处置状态： <DictTag v-model:value="data.czzt" :options="props.dict.D_GSXT_YJXX_CZZT" />
</div>
<div class="info-item phone">布控手机：<span>{{ data.yjRysjh }}</span></div>
<div class="info-item car">布控车牌号：<span>{{ data.yjClcph }}</span></div>
</div>
<div class="second-row">
<div class="info-item idcard">布控身份证：<span>{{ data.yjRysfzh }}</span></div>
<div class="info-item tag">预警标签：<span>{{ data.yjbqmc }}</span></div>
<div class="info-item department">管辖部门：<span>{{ data.ssbm }}</span></div>
</div>
<div class="second-row">
<div class="info-item county">管辖县局：<span>{{ data.ssxgaj }}</span></div>
<div class="info-item city">管辖市局：<span>{{ data.sssgaj }}</span></div>
<div class="info-item officer">接警员：<span>{{ data.jjyxm }}</span></div>
</div>
<div class="second-row">
<div class="info-item content full-width">预警内容：<span>{{ data.yjNr }}</span></div>
</div>
</div>
</template>
<script setup>
import { ref, computed } from 'vue'
import { bqYs } from '@/utils/tools'
import { IdCard } from '@/utils/validate.js'
const props = defineProps({
data: {
type: Object,
default: () => { }
},
dict: {
type: Object,
default: () => { }
},
})
</script>
<style lang="scss" scoped>
.warning-item {
width: 100%;
padding: 15px;
border: 1px solid #e8e8e8;
border-radius: 8px;
background-color: #fafafa;
}
.first-row {
display: flex;
align-items: center;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}
.avatar-container {
margin-right: 20px;
}
.basic-info {
display: flex;
gap: 30px;
align-items: center;
}
.second-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 10px;
}
.info-items {
box-sizing: border-box;
display: flex;
// justify-content: space-between;
padding: 5px 0;
color: #333;
span {
font-weight: 500;
color: #606266;
}
}
.info-item {
flex: 0 0 calc(33.33% - 20px);
box-sizing: border-box;
display: flex;
// justify-content: space-between;
padding: 5px 0;
color: #333;
span {
font-weight: 500;
color: #606266;
}
}
// 特殊字段样式
.name span {
color: #1890ff;
font-weight: bold;
}
// 预警级别颜色
.level-high span {
color: #f56c6c;
font-weight: bold;
}
.level-medium span {
color: #e6a23c;
font-weight: bold;
}
.level-low span {
color: #67c23a;
font-weight: bold;
}
// 处置状态颜色
.status-completed span {
color: #67c23a;
font-weight: bold;
}
.status-processing span {
color: #409eff;
font-weight: bold;
}
.status-pending span {
color: #e6a23c;
font-weight: bold;
}
// 全宽字段
.full-width {
flex: 0 0 100% !important;
}
// 内容字段特殊样式
.content {
flex-direction: column;
align-items: flex-start;
span {
margin-top: 5px;
padding: 8px 12px;
background-color: #f0f9eb;
border-radius: 4px;
width: 100%;
box-sizing: border-box;
}
}
</style>

9
src/views/backOfficeSystem/fourColorManage/warningList/vehicleWarning/item/items.vue
View File

@ -1,6 +1,10 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">预警内容</el-divider>
<div class="item-row" style="border: none;"> {{ props.row.yjNr }} </div>
<el-empty v-if="!props.row.yjNr" :image-size="0.5" description="暂无数据" />
<el-divider content-position="left">处置建议</el-divider>
<div class="item-row" v-for="(it,idx) in list" :key="idx">
<div class="info-item">
@ -75,6 +79,11 @@ onMounted(() => {
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 2rem;
box-sizing: border-box;
&:nth-last-child(1){
border-bottom: none;
}
}
.info-item{
line-height: 36px;