警情信息下拉选择

shuishen

2023-05-06 e5cdd2d6600d8ebb00d239bd77cd715ed918e529

警情信息下拉选择

 src/styles/media/index.scss

@@ -955,6 +955,14 @@
                    }

                    .police-page {
                        .time-select {
                            .search-item-box {
                                margin: countSizeVh(10);
                                display: flex;
                                align-items: center;
                            }
                        }

                        .switch-box {
                            padding: countSizeVh(6);


 src/views/policeInfor/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-05-06 11:10:51
 * @LastEditTime: 2023-05-06 19:20:32
 * @FilePath: \srs-police-affairs\src\views\policeInfor\index.vue
 * @Description: 辖区管理
 * 
@@ -13,18 +13,40 @@
    <div class="police-page container">
        <div v-show="boxShow" class="container-content" ref="containerContent">
            <div class="time-select" ref="timeSelect">
                <el-date-picker
                    :clearable="false"
                    v-model="currentTime"
                    type="daterange"
                    align="center"
                    unlink-panels
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    @change="datePickerChange"
                    :picker-options="pickerOptions"
                ></el-date-picker>
                <div class="search-item-box">
                    <span>警情类型：</span>

                    <el-select
                        style="flex: 1;"
                        size="small"
                        v-model="policeInforValue"
                        @change="policeTypeChange"
                        placeholder="请选择"
                    >
                        <el-option
                            v-for="item in policeInforOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                        ></el-option>
                    </el-select>
                </div>

                <div class="search-item-box">
                    <el-date-picker
                        size="mini"
                        :clearable="false"
                        v-model="currentTime"
                        type="daterange"
                        align="center"
                        unlink-panels
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                        @change="datePickerChange"
                        :picker-options="pickerOptions"
                    ></el-date-picker>
                </div>
            </div>

            <div class="police-info">
@@ -318,6 +340,46 @@
                        }
                    }]
            },

            policeInforValue: '',
            policeInforOptions: [
                {
                    value: '',
                    label: '全部'
                },
                {
                    value: '盗窃',
                    label: '盗窃'
                },
                {
                    value: '诈骗',
                    label: '诈骗'
                },
                {
                    value: '纠纷',
                    label: '纠纷'
                },
                {
                    value: '涉赌',
                    label: '涉赌'
                },
                {
                    value: '涉毒',
                    label: '涉毒'
                },
                {
                    value: '涉黄',
                    label: '涉黄'
                },
                {
                    value: '求救',
                    label: '求救'
                },
                {
                    value: '其他',
                    label: '其他'
                }
            ]
        }
    },

@@ -407,6 +469,10 @@
                    }
                })
            }
        },

        policeTypeChange () {
            this.navClick()
        },

        // 设置默认时间
@@ -573,7 +639,7 @@
            this.loading()
            this.historyPoliceInforData = []
            this.historyEmptyText = ""
            getAlarmList({ ...params, size: this.pages.size, jjdwbh: this.userInfo.dept_id, type: 3 }).then(res => {
            getAlarmList({ ...params, size: this.pages.size, jjdwbh: this.userInfo.dept_id, type: 3, bjlx: this.policeInforValue }).then(res => {
                if (res.data.data.length > 0) {
                    // this.pages.total = res.data.data.pages
                    this.historyPoliceInforData = res.data.data.map((item, index) => {
@@ -883,11 +949,6 @@
        height: 100%;
        color: #fff;
        background: $bg-color;

        .time-select {
            margin: 0;
            padding: 5px;
        }
    }

    .cur-tooltip {