From f13afcb61276061871b30bce17a7877287df0b67 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Sat, 20 Jan 2024 09:56:43 +0800
Subject: [PATCH] 1
---
src/components/map/components/mapPopup.vue | 88 +++++++++++++++++++++++++++++++++++---------
1 files changed, 70 insertions(+), 18 deletions(-)
diff --git a/src/components/map/components/mapPopup.vue b/src/components/map/components/mapPopup.vue
index e026f1a..1464b90 100644
--- a/src/components/map/components/mapPopup.vue
+++ b/src/components/map/components/mapPopup.vue
@@ -1,8 +1,8 @@
<template>
<div>
- <div v-if="detailsPopup" class="divForms-dom" id="divFormsDomBox">
+ <div v-if="detailsPopup.showBox" class="divForms-dom" id="divFormsDomBox">
<div style="width: 100%; height: 100%; transform: translate(0, 50%);">
- <div class="divForms divForms-theme">
+ <div class="divForms divForms-theme" :class="{ 'scale-dom': scaleDomFlag }">
<div class="divForms-wrap">
<div class="area">
<div class="arrow-lt"></div>
@@ -14,13 +14,12 @@
<div class="label-wrap">
<div class="title">
警情信息
- <div class="details-btn" @click="popupDetailShow">详情>>></div>
+
<div class="close" @click="closePopup" title="关闭"></div>
</div>
- <div class="change-btn">
+ <div class="change-btn" v-show="detailsPopup.showBtn">
<div @click="currentBtn = '接警信息'" :class="{ on: currentBtn == '接警信息' }">接警信息</div>
- <div @click="currentBtnChange('出警信息')" :class="{ on: currentBtn == '出警信息' }">出警信息
- </div>
+ <div @click="currentBtnChange('出警信息')" :class="{ on: currentBtn == '出警信息' }">出警信息</div>
</div>
<div v-show="currentBtn == '接警信息'" class="label-content">
@@ -33,8 +32,8 @@
<div>{{ dataPopup.JJYXM }}</div>
</div>
<div class="item">
- <div>接警时间:</div>
- <div>{{ dataPopup.JJSJ }}</div>
+ <div>报警时间:</div>
+ <div>{{ dataPopup.BJSJ }}</div>
</div>
<div class="item">
<div>报警人:</div>
@@ -62,7 +61,7 @@
</div>
</div>
- <div v-show="currentBtn == '出警信息'" class="label-content">
+ <div v-show="currentBtn == '出警信息' && JSON.stringify(CJdata) != '{}'" class="label-content">
<div class="item">
<div>处警单位:</div>
<div>{{ CJdata.CJDWMC }}</div>
@@ -100,6 +99,9 @@
<div>{{ CJdata.MEMO }}</div>
</div>
</div>
+
+ <div v-show="currentBtn == '出警信息' && JSON.stringify(CJdata) == '{}'"
+ class="label-content no-data">暂无数据</div>
</div>
</div>
<div class="b-t-l"></div>
@@ -119,35 +121,73 @@
export default {
name: 'mapPopup',
+
+ inject: ["getWidth", 'userInfo'],
+
data () {
return {
currentBtn: '接警信息',
- CJdata: {}
+ CJdata: {},
+ scaleDomFlag: false
}
},
+
computed: {
...mapGetters([
'detailsPopup',
'dataPopup'
])
},
+
+ watch: {
+ detailsPopup: {
+ handler (newData, oldData) {
+ if (newData.showBox == false) {
+ this.currentBtn = '接警信息'
+ }
+ }
+ }
+ },
+
+ mounted () {
+
+ if (this.getWidth() > 7000) {
+ this.scaleDomFlag = true
+ } else {
+ this.scaleDomFlag = false
+ }
+
+ },
+
methods: {
closePopup () {
this.currentBtn = '接警信息'
- this.$store.commit('SET_DETAILSPOPUP', false)
+ this.$store.commit('SET_DETAILSPOPUP', {
+ showBox: false,
+ showBtn: false
+ })
},
currentBtnChange (type) {
this.currentBtn = type
this.CJdata = {}
- getActAsPoliceList(this.dataPopup.JJDBH, '').then(res => {
- this.CJdata = res.data.data.records
+
+ getActAsPoliceList(this.dataPopup.JJDBH, this.userInfo.dept_id).then(res => {
+ if (res.data.data.records.length > 0) {
+ this.CJdata = res.data.data.records[0]
+ }
})
},
popupDetailShow () {
- this.$EventBus.$emit('policeSituationSiteClick', this.dataPopup)
+ if (this.detailsPopup.openMenu != '' && this.detailsPopup.openMenu == 'policeInfor') {
+ this.$EventBus.$emit('PoliceInforSiteClick', this.dataPopup)
+ } else {
+ this.detailsPopup.showBtn == true ?
+ this.$EventBus.$emit('policeSituationSiteClick', this.dataPopup) :
+ this.$EventBus.$emit('housingPoliceSiteClick', this.dataPopup)
+ }
}
}
}
@@ -158,6 +198,11 @@
position: fixed;
left: 0;
z-index: 1 !important;
+
+ .scale-dom {
+ transform: scale(3);
+ transform-origin: left;
+ }
}
.divForms .arrow {
@@ -314,9 +359,14 @@
white-space: nowrap;
}
}
-
}
+ .label-content.no-data {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 240px;
+ }
}
.divForms .title {
@@ -332,6 +382,10 @@
right: 28px;
height: 100%;
cursor: pointer;
+
+ span {
+ font-size: 14px;
+ }
}
.details-btn:hover {
@@ -357,9 +411,7 @@
}
.divForms-theme .title {
- background-image: linear-gradient(135deg,
- transparent 25px,
- #1c309e9a 25px);
+ background-image: linear-gradient(135deg, transparent 25px, #1c309e9a 25px);
}
.divForms-theme .arrow,
--
Gitblit v1.9.3