警情信息加报警内容搜索框

guanqb

2023-12-06 e49a0f63cec7663f0cdf0422cf0688acbf63068a

警情信息加报警内容搜索框

 src/styles/media/index.scss

@@ -975,6 +975,14 @@
                                margin: countSizeVh(10);
                                display: flex;
                                align-items: center;

                                .bjnr-btn {
                                    background-color: #102daa;
                                    color: #fff;
                                    border: 0;
                                    height: 32px;
                                    padding: 0 10px;
                                }
                            }
                        }


 src/views/policeInfor/index.vue

@@ -46,7 +46,10 @@
                        unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                        @change="datePickerChange" :picker-options="pickerOptions"></el-date-picker>
                </div>

                <div class="search-item-box">
                    <el-input size="small" placeholder="请输入报警内容…" v-model="searchBjnr" @change="bjnrSearch"
                        clearable></el-input><el-button icon="el-icon-search" class="bjnr-btn">搜索</el-button>
                </div>
                <div class="search-item-box">数量：{{ historyPoliceInforData.length }} 起</div>
            </div>

@@ -408,7 +411,8 @@
            heatMapShow: false,
            heatMapData: [],

            siteLayerShow: true
            siteLayerShow: true,
            searchBjnr: ''
        }
    },

@@ -526,6 +530,11 @@
        },

        areaValueChange () {
            this.navClick()
        },

        // 搜索按钮
        bjnrSearch () {
            this.navClick()
        },

@@ -653,8 +662,8 @@
            }

            that.$axios.all([
                getAlarmList({ ...params, jjdwbh, type: 3, bjlx: that.policeInforValue }),
                getAlarmList({ ...params, jjdwbh, type: 3, bjlx: '' })
                getAlarmList({ ...params, jjdwbh, type: 3, bjlx: that.policeInforValue, bjnr: that.searchBjnr }),
                getAlarmList({ ...params, jjdwbh, type: 3, bjlx: '', bjnr: that.searchBjnr })
            ]).then(that.$axios.spread(function (classifyData, allData) {
                if (classifyData.data.data.length > 0) {
                    that.historyPoliceInforData = classifyData.data.data.map((item, index) => {