警情添加近一个月一周筛选

guanqb

2022-11-10 40bbb969f9515ebcfd409b26a760606593f4920e

警情添加近一个月一周筛选

 src/assets/data/policeSituationArr/historyArr.js

@@ -1,12 +1,12 @@
export default [
    { 'num': '1', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-01', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [115.968301, 28.692978] },
    { 'num': '2', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-12', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [116.001740, 28.652388] },
    { 'num': '3', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-13', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [115.986928, 28.534698] },
    { 'num': '4', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-20', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [116.063849, 28.592397] },
    { 'num': '5', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.088476, 28.584286] },
    { 'num': '6', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.130909, 28.571193] },
    { 'num': '7', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.169778, 28.615767] },
    { 'num': '8', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.288719, 28.685802] },
    { 'num': '9', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.116809, 28.786638] },
    { 'num': '10', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.190200, 28.759358] },
    { 'num': '1', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-10-01 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [115.968301, 28.692978] },
    { 'num': '2', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-10-12 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [116.001740, 28.652388] },
    { 'num': '3', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-10-15 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [115.986928, 28.534698] },
    { 'num': '4', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-10-20 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [116.063849, 28.592397] },
    { 'num': '5', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-11-01 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.088476, 28.584286] },
    { 'num': '6', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-11-03 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.130909, 28.571193] },
    { 'num': '7', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-11-05 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.169778, 28.615767] },
    { 'num': '8', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-11-07 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.288719, 28.685802] },
    { 'num': '9', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-11-09 23:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.116809, 28.786638] },
    { 'num': '10', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-11-10 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.190200, 28.759358] },
]

 src/assets/data/policeSituationArr/realtimeArr.js

@@ -1,12 +1,12 @@
export default [
    { 'num': '1', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-01', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.956092, 28.655133] },
    { 'num': '2', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-04', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.988650, 28.672257] },
    { 'num': '3', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-09', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [115.991405, 28.614604] },
    { 'num': '4', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-12', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [116.035493, 28.555238] },
    { 'num': '5', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.131969, 28.547531] },
    { 'num': '6', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.228057, 28.574474] },
    { 'num': '7', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.125402, 28.626082] },
    { 'num': '8', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.254688, 28.633999] },
    { 'num': '9', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.125914, 28.731029] },
    { 'num': '10', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.022654, 28.758122] },
    { 'num': '1', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-01 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.956092, 28.655133] },
    { 'num': '2', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-04 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.988650, 28.672257] },
    { 'num': '3', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-09 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [115.991405, 28.614604] },
    { 'num': '4', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-12 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [116.035493, 28.555238] },
    { 'num': '5', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.131969, 28.547531] },
    { 'num': '6', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.228057, 28.574474] },
    { 'num': '7', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.125402, 28.626082] },
    { 'num': '8', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.254688, 28.633999] },
    { 'num': '9', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.125914, 28.731029] },
    { 'num': '10', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.022654, 28.758122] },
]

 src/views/home/components/bottomContainer.vue

@@ -1,4 +1,4 @@
<template>
c<template>
    <div class="container">
        <div class="header">
            <div class="history-tab">
@@ -80,7 +80,8 @@
            timetype: 0,
            historytype: 0,
            policeSituationRealtimeArr: [],
            policeSituationHistoryArr: []
            policeSituationHistoryArr: [],
            policeSituationHistorySaveArr: [],
        }
    },

@@ -91,20 +92,28 @@
    created () {
        this.policeSituationRealtimeArr = realtimeArr
        this.policeSituationHistoryArr = historyArr
        this.policeSituationHistorySaveArr = historyArr
    },

    mounted () {

        this.timeTabClick()
    },

    methods: {
        timeTabClick (type) {
        timeTabClick (type = 0) {
            this.timetype = type
            this.$emit('changePoliceSituationTimeType', type)
            this.$emit('policeSituationChange')
            if (type == 0) {
                this.policeSituationHistoryArr = this.chooseWeekTimeDate(this.policeSituationHistorySaveArr)
            } else {
                this.policeSituationHistoryArr = this.chooseMouthTimeDate(this.policeSituationHistorySaveArr)
            }
        },

        historyTabClick (type) {
            this.historytype = type
            this.$emit('changePoliceSituationType', type)
            this.$emit('changePoliceSituationHistoryType', type)
            this.$emit('policeSituationChange')
        },

@@ -113,21 +122,47 @@
                this.policeSituationRealtimeArr = realtimeArr
                this.policeSituationHistoryArr = historyArr
            } else {
                let weekNewArr = []
                let mouthNewArr = []
                let realtimeNewArr = []
                let historyNewArr = []
                realtimeArr.forEach(item => {
                    if (item.policeName == name) {
                        weekNewArr.push(item)
                        realtimeNewArr.push(item)
                    }
                })
                this.policeSituationRealtimeArr = weekNewArr
                this.policeSituationRealtimeArr = realtimeNewArr
                historyArr.forEach(item => {
                    if (item.policeName == name) {
                        mouthNewArr.push(item)
                        historyNewArr.push(item)
                    }
                })
                this.policeSituationHistoryArr = mouthNewArr
                this.policeSituationHistorySaveArr = historyNewArr
                this.policeSituationHistoryArr = historyNewArr
                this.timeTabClick()
            }
        },

        chooseWeekTimeDate (arr) {
            let lastWeekArr = []
            let realtimeTimeStamp = new Date().valueOf() - 24 * 60 * 60 * 1000
            let lastWeekTimeStamp = new Date().valueOf() - 7 * 24 * 60 * 60 * 1000
            arr.forEach(item => {
                if (new Date(item.dealTime).valueOf() < realtimeTimeStamp && new Date(item.dealTime).valueOf() > lastWeekTimeStamp) {
                    lastWeekArr.push(item)
                }
            })
            return lastWeekArr
        },

        chooseMouthTimeDate (arr) {
            let lastMouthArr = []
            let realtimeTimeStamp = new Date().valueOf() - 24 * 60 * 60 * 1000
            let lastMouthTimeStamp = new Date().valueOf() - 30 * 24 * 60 * 60 * 1000
            arr.forEach(item => {
                if (new Date(item.dealTime).valueOf() < realtimeTimeStamp && new Date(item.dealTime).valueOf() > lastMouthTimeStamp) {
                    lastMouthArr.push(item)
                }
            })
            return lastMouthArr
        },

        policeSituationClick (item) {
@@ -292,7 +327,7 @@
                }

                .dealTime {
                    width: 12%;
                    width: 14%;
                }

                .dealPolice {

 src/views/home/index.vue

@@ -31,7 +31,8 @@
        <bottom-container
            class="bottom-container"
            ref="bottomContainer"
            @changePoliceSituationType="changePoliceSituationType"
            @changePoliceSituationHistoryType="changePoliceSituationHistoryType"
            @changePoliceSituationTimeType="changePoliceSituationTimeType"
            @policeSituationChange="policeSituationChange"
        ></bottom-container>

@@ -625,8 +626,9 @@
            underwayArr: [],
            activityType: 0,
            policeSituationHistoryType: 0,
            policeSituationWeekArr: [],
            policeSituationMouthArr: [],
            policeSituationTimeType: 0,
            policeSituationRealtimeArr: [],
            policeSituationHistoryArr: [],
            policeSituationDetailArr: {},
            activityDetailArr: {},
        }
@@ -644,8 +646,8 @@
        this.housingDate = housingDate
        this.historyArr = historyArr
        this.underwayArr = underwayArr
        this.policeSituationWeekArr = realtimeArr
        this.policeSituationMouthArr = policeSituationHistoryArr
        this.policeSituationRealtimeArr = realtimeArr
        this.policeSituationHistoryArr = policeSituationHistoryArr
    },

    mounted () {
@@ -968,22 +970,27 @@
                        arr1.push(item)
                    }
                })
                this.policeSituationWeekArr = arr1
                this.policeSituationRealtimeArr = arr1
                policeSituationHistoryArr.some(item => {
                    if (item.policeName == this.policeStaionChecked.policeStationName) {
                        arr2.push(item)
                    }
                })
                this.policeSituationMouthArr = arr2
                this.policeSituationHistoryArr = arr2

            } else {
                this.policeSituationWeekArr = realtimeArr
                this.policeSituationMouthArr = policeSituationHistoryArr
                this.policeSituationRealtimeArr = realtimeArr
                this.policeSituationHistoryArr = policeSituationHistoryArr
            }
            if (this.policeSituationHistoryType == 0) {
                showArr = this.policeSituationWeekArr
                showArr = this.policeSituationRealtimeArr
            } else {
                showArr = this.policeSituationMouthArr
                let showSaveArr = this.policeSituationHistoryArr
                if (this.policeSituationTimeType == 0) {
                    showArr = this.$refs.bottomContainer.chooseWeekTimeDate(showSaveArr)
                } else {
                    showArr = this.$refs.bottomContainer.chooseMouthTimeDate(showSaveArr)
                }
            }
            showArr.forEach((item, index) => {
                item.name = `${index + 1}号警情`
@@ -1431,10 +1438,14 @@
            this.activityType = type
        },

        changePoliceSituationType (type) {
        changePoliceSituationHistoryType (type) {
            this.policeSituationHistoryType = type
        },

        changePoliceSituationTimeType (type) {
            this.policeSituationTimeType = type
        },

    },

    destroyed () {