完善警情动态显示及弹窗无数据显示

shuishen

2023-01-09 1982a6e18e8d57028ef8302dedb3eb68ed8570c3

完善警情动态显示及弹窗无数据显示

 src/components/map/components/mapPopup.vue

@@ -62,7 +62,8 @@
                                    </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>
@@ -99,6 +100,11 @@
                                        <div>备注:</div>
                                        <div>{{ CJdata.MEMO }}</div>
                                    </div>
                                </div>

                                <div v-show="currentBtn == '出警信息' && JSON.stringify(CJdata) == '{}'"
                                    class="label-content no-data">
                                    暂无数据
                                </div>
                            </div>
                        </div>
@@ -156,8 +162,11 @@
            this.currentBtn = type

            this.CJdata = {}

            getActAsPoliceList(this.dataPopup.JJDBH, '').then(res => {
                this.CJdata = res.data.data.records[0]
                if (res.data.data.records.length > 0) {
                    this.CJdata = res.data.data.records[0]
                }
            })
        },

@@ -337,6 +346,12 @@

    }

    .label-content.no-data {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 240px;
    }
}

.divForms .title {

 src/styles/base/index.scss

@@ -433,7 +433,11 @@
                }
            }


            .box.no-data {
                align-items: center;
                justify-content: center;
                align-content: center;
            }
        }
    }
}

 src/views/home/components/bottomContainer.vue

@@ -42,7 +42,7 @@
                    <ul class="item">
                        <li v-for="(item, index) in policeSituationRealtimeArr" :key="index"
                            :data-obj="JSON.stringify(item)" class="row">
                            <span class="num" v-text="index"></span>
                            <span class="num" v-text="item.index"></span>
                            <span class="receiving-alarm-unit" v-text="item.JJDWMC"></span>
                            <span class="receiving-alarm-people" v-text="item.JJYXM"></span>
                            <span class="receiving-alarm-time" :title="item.JJSJ"
@@ -264,7 +264,7 @@
                return this.dateFormat(item)
            })

            this.getAlarmList({ start: date[0], end: date[1] })
            this.getAlarmList({ start: date[0], end: date[1], page: this.currentPage })
        },

        // 获取当前日期
@@ -374,7 +374,7 @@
            // }]

            // this.policeSituationRealtimeArr = this.policeSituationRealtimeArr.map((item, index) => {
            //     return { ...item, lng: item.ZDDWXZB, lat: item.ZDDWYZB }
            //     return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB }
            // })
        },


 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-01-07 16:23:24
 * @LastEditTime: 2023-01-09 17:28:12
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 *
@@ -280,7 +280,7 @@
                </div>
            </div>

            <div v-show="policeInformationType == '出警信息'" class="box">
            <div v-show="policeInformationType == '出警信息' && JSON.stringify(CJdata) != '{}'" class="box">
                <div class="item">
                    <div>处警单位编号:</div>
                    <div>{{ CJdata.CJDWBH }}</div>
@@ -335,6 +335,10 @@
                    <div>备注:</div>
                    <div>{{ CJdata.MEMO }}</div>
                </div>
            </div>

            <div v-show="policeInformationType == '出警信息' && JSON.stringify(CJdata) == '{}'" class="box no-data">
                暂无数据
            </div>
        </el-dialog>
    </div>
@@ -670,10 +674,13 @@
        alarmOrActAsPolice (type) {
            this.policeInformationType = type

            this.CJdata = {}
            if (type == '出警信息') {
                this.CJdata = {}

                getActAsPoliceList(this.policeSituationDetailArr.JJDBH).then(res => {
                    this.CJdata = res.data.data.records[0]
                    if (res.data.data.records.length > 0) {
                        this.CJdata = res.data.data.records[0]
                    }
                })
            }
        },