{"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/message/index.vue?vue&type=style&index=0&id=da1dbfc0&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/message/index.vue","mtime":1708395041888},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmRhc2hib2FyZCB7DQogICAgJi1jb250YWluZXIgew0KICAgICAgICBtYXJnaW46IDMwcHg7DQogICAgfQ0KDQogICAgJi10ZXh0IHsNCiAgICAgICAgZm9udC1zaXplOiAzMHB4Ow0KICAgICAgICBsaW5lLWhlaWdodDogNDZweDsNCiAgICB9DQp9DQouZWwtY2FyZC5pcy1hbHdheXMtc2hhZG93LA0KLmVsLWNhcmQuaXMtaG92ZXItc2hhZG93OmZvY3VzIHsNCiAgICBib3gtc2hhZG93OiBub25lOw0KfQ0KLmVsLWNhcmQgew0KICAgIGJvcmRlcjogMXB4IHNvbGlkI0ZGRkY7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCn0NCjo6di1kZWVwLmVsLWRhdGUtZWRpdG9yIC5lbC1yYW5nZV9faWNvbiB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIHRvcDogMDsNCn0NCjo6di1kZWVwIC5lbC1yYWRpby1idXR0b25fX29yaWctcmFkaW86Y2hlY2tlZCArIC5lbC1yYWRpby1idXR0b25fX2lubmVyIHsNCiAgICBjb2xvcjogI2ZmZjsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMjc2NmRkOw0KICAgIGJvcmRlci1jb2xvcjogIzI3NjZkZDsNCiAgICAtd2Via2l0LWJveC1zaGFkb3c6IC0xcHggMCAwIDAgIzQwOWVmZjsNCiAgICBib3gtc2hhZG93OiAtMXB4IDAgMCAwICMyNzY2ZGQ7DQp9DQouaGVhZCB7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICBsaW5lLWhlaWdodDogNTBweDsNCiAgICBiYWNrZ3JvdW5kOiAjZGFkZmU4ICFpbXBvcnRhbnQ7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgcGFkZGluZzogMCAyNXB4Ow0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqbA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/message","sourcesContent":["<template>\r\n    <div class=\"dashboard-container\">\r\n        <div class=\"head\">\r\n            <div>更多消息</div>\r\n            <!-- <span @click=\"backLaster\" style=\"color:#2866dd;cursor: pointer;\">返回</span> -->\r\n            <el-button\r\n                style=\"color: #2766dd\"\r\n                type=\"text\"\r\n                icon=\"el-icon-arrow-left\"\r\n                @click=\"backLast\"\r\n                >返回</el-button\r\n            >\r\n        </div>\r\n        <el-card class=\"dashboard-text\">\r\n            <el-row :gutter=\"24\" style=\"display: flex\">\r\n                <el-col\r\n                    style=\"\r\n                        width: 220px;\r\n                        padding-left: 2px;\r\n                        padding-right: 10px;\r\n                        line-height: 40px;\r\n                        height: 40px;\r\n                    \"\r\n                >\r\n                    <el-radio-group @change=\"msgAlarmList\" v-model=\"status\">\r\n                        <el-radio-button label=\"\" class=\"sp-button-submit-bg\"\r\n                            >全部</el-radio-button\r\n                        >\r\n                        <el-radio-button label=\"2\" class=\"sp-button-submit-bg\"\r\n                            >已读</el-radio-button\r\n                        >\r\n                        <el-radio-button label=\"1\" class=\"sp-button-submit-bg\"\r\n                            >未读</el-radio-button\r\n                        >\r\n                    </el-radio-group>\r\n                </el-col>\r\n\r\n                <el-select\r\n                    style=\"width: 220px; margin: 0 10px\"\r\n                    v-model=\"railwayCode\"\r\n                    placeholder=\"请选择线路\"\r\n                    clearable\r\n                >\r\n                    <el-option\r\n                        v-for=\"(item, index) in routeList\"\r\n                        :key=\"index\"\r\n                        :label=\"item.railwayName\"\r\n                        :value=\"item.railwayCode\"\r\n                    />\r\n                </el-select>\r\n\r\n                <el-select\r\n                    v-model=\"alarmType\"\r\n                    style=\"width: 220px; margin: 0 10px\"\r\n                    placeholder=\"请选择灾害类型\"\r\n                    clearable\r\n                >\r\n                    <el-option\r\n                        v-for=\"(item, index) in damageList\"\r\n                        :key=\"index\"\r\n                        :label=\"item.dictLabel\"\r\n                        :value=\"item.dictValue\"\r\n                    />\r\n                </el-select>\r\n                <!-- <div>\r\n          <div class=\"sp-button-submit\" type=\"primary\" @click=\"msgAlarmList\">\r\n            查询\r\n          </div>\r\n          <div class=\"sp-button-reset\" @click=\"resetForm()\">重置</div>\r\n        </div> -->\r\n                <div\r\n                    v-if=\"searchShow == true\"\r\n                    style=\"display: flex; margin-top: 2px\"\r\n                >\r\n                    <!-- <div class=\"search-btn\"> -->\r\n                    <div\r\n                        class=\"sp-button-submit\"\r\n                        style=\"margin-left: 10px\"\r\n                        @click=\"msgAlarmList\"\r\n                    >\r\n                        查询\r\n                    </div>\r\n                    <div\r\n                        class=\"sp-button-reset\"\r\n                        style=\"margin-left: 10px\"\r\n                        @click=\"resetForm\"\r\n                    >\r\n                        重置\r\n                    </div>\r\n                    <el-button\r\n                        v-if=\"searchShow == false\"\r\n                        type=\"text\"\r\n                        style=\"color: #2766dd !important; margin-left: 10px\"\r\n                        icon=\"el-icon-arrow-up\"\r\n                        @click=\"searchShow = true\"\r\n                        >收起</el-button\r\n                    >\r\n                    <el-button\r\n                        v-if=\"searchShow == true\"\r\n                        type=\"text\"\r\n                        style=\"color: #2766dd; margin-left: 10px\"\r\n                        icon=\"el-icon-arrow-down\"\r\n                        @click=\"searchShow = false\"\r\n                        >展开</el-button\r\n                    >\r\n                    <!-- </div> -->\r\n                </div>\r\n            </el-row>\r\n            <el-row :gutter=\"24\" style=\"display: flex\">\r\n                <div v-if=\"searchShow == false\" :span=\"6\">\r\n                    <el-date-picker\r\n                        style=\"width: 450px\"\r\n                        v-model=\"value1\"\r\n                        end-placeholder=\"结束日期\"\r\n                        range-separator=\"至\"\r\n                        start-placeholder=\"开始日期\"\r\n                        clearable\r\n                        value-format=\"yyyy-MM-dd HH:mm:ss\"\r\n                        type=\"daterange\"\r\n                    />\r\n                </div>\r\n                <div\r\n                    v-if=\"searchShow == false\"\r\n                    style=\"display: flex; width: 220px; margin: 0 10px\"\r\n                ></div>\r\n                <div v-if=\"searchShow == false\" style=\"margin-left: 20px\">\r\n                    <div class=\"search-btn\">\r\n                        <div class=\"sp-button-submit\" @click=\"msgAlarmList\">\r\n                            查询\r\n                        </div>\r\n                        <div class=\"sp-button-reset\" @click=\"resetForm\">\r\n                            重置\r\n                        </div>\r\n                        <el-button\r\n                            v-if=\"searchShow == false\"\r\n                            type=\"text\"\r\n                            icon=\"el-icon-arrow-up\"\r\n                            style=\"color: #2766dd !important\"\r\n                            @click=\"searchShow = true\"\r\n                            >收起</el-button\r\n                        >\r\n                        <el-button\r\n                            v-if=\"searchShow == true\"\r\n                            type=\"text\"\r\n                            icon=\"el-icon-arrow-down\"\r\n                            @click=\"searchShow = false\"\r\n                            >展开</el-button\r\n                        >\r\n                    </div>\r\n                </div>\r\n            </el-row>\r\n            <!-- <el-row justify=\"end\" type=\"flex\" style=\"margin-top: 10px;margin-right: 5px;\">\r\n          <el-button type=\"primary\" @click=\"msgAlarmList\">查询</el-button>\r\n          <el-button @click=\"resetForm()\">重置</el-button>\r\n        </el-row> -->\r\n        </el-card>\r\n\r\n        <el-card style=\"margin-top: 20px; line-height: 30px\">\r\n            <div\r\n                class=\"sasd\"\r\n                v-if=\"tableData.length == 0\"\r\n                style=\"font-size: 14px; color: #606266; text-align: center\"\r\n            >\r\n                暂无数据\r\n            </div>\r\n            <div\r\n                style=\"\r\n                    display: flex;\r\n                    flex-wrap: wrap;\r\n                    font-size: 14px;\r\n                    overflow-y: auto;\r\n                    background-color: #fff;\r\n                    padding: 10px;\r\n                    margin-top: 5px;\r\n                    width: 100%;\r\n                \"\r\n            >\r\n                <div\r\n                    v-for=\"item in tableData\"\r\n                    style=\"\r\n                        padding-bottom: 8px;\r\n                        margin-top: 5px;\r\n                        border-bottom: 1px solid #d2d2d2;\r\n                        width: 100%;\r\n                    \"\r\n                >\r\n                    <div style=\"display: flex; align-items: center\">\r\n                        <div\r\n                            style=\"\r\n                                flex-shrink: 0;\r\n                                color: red;\r\n                                margin-right: 5px;\r\n                            \"\r\n                        >\r\n                            【报警】\r\n                        </div>\r\n                        <div style=\"flex: 1; margin-right: 5px\">\r\n                            报警{{ item.railwayName }}线路\r\n                        </div>\r\n                    </div>\r\n                    <div\r\n                        style=\"\r\n                            padding: 2px 10px;\r\n                            background-color: #f2f2f2;\r\n                            margin-top: 5px;\r\n                            border-radius: 5px;\r\n                            display: flex;\r\n                        \"\r\n                    >\r\n                        <div style=\"flex: 1; display: flex\">\r\n                            <div style=\"margin-right: 10px\">\r\n                                {{ item.releasedTime }}\r\n                            </div>\r\n                            <div style=\"margin-right: 10px\">\r\n                                {{ item.alarmType === 1 ? \"泥石流\" : \"\" }}\r\n                            </div>\r\n                            <div style=\"margin-right: 15px\">\r\n                                {{\r\n                                    item.lineDir === 1\r\n                                        ? \"上行\"\r\n                                        : item.lineDir === 0\r\n                                        ? \"下行\"\r\n                                        : \"-\"\r\n                                }}\r\n                            </div>\r\n                            <div style=\"margin-right: 15px\">\r\n                                里程位置{{ item.alarmMiles }}\r\n                            </div>\r\n                            <div style=\"margin-right: 15px\">\r\n                                里程范围 {{ item.beginMile }}-{{ item.endMile }}\r\n                            </div>\r\n                        </div>\r\n                        <div\r\n                            style=\"flex-shrink: 0; color: #666666\"\r\n                            @click=\"toDetails(item)\"\r\n                        >\r\n                            详情查看\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <el-row justify=\"end\" style=\"margin-top: 10px\" type=\"flex\">\r\n                <el-pagination\r\n                    :page-size=\"100\"\r\n                    :page-sizes=\"[10, 15, 20, 25]\"\r\n                    :total=\"total\"\r\n                    layout=\"total, sizes, prev, pager, next, jumper\"\r\n                    @size-change=\"handleSizeChange\"\r\n                    @current-change=\"handleCurrentChange\"\r\n                />\r\n            </el-row>\r\n        </el-card>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport {\r\n    baseRailwayManagement,\r\n    dataType,\r\n    msgAlarmList,\r\n    readById,\r\n    releaseAlarm,\r\n    msgAlarmMessageMore,\r\n    msgAlarmMessageMoreNum,\r\n    msgAlarmWebAlarm,\r\n} from \"@/api/alarmList\";\r\nexport default {\r\n    name: \"Cart\",\r\n    computed: {\r\n        ...mapGetters([\"name\"]),\r\n    },\r\n    data() {\r\n        return {\r\n            searchShow: true,\r\n            pageNum: 1,\r\n            pageSize: 10,\r\n            total: 0,\r\n            value1: \"\",\r\n            value: \"\",\r\n            input: \"\",\r\n            zhangtai: [\r\n                {\r\n                    value: 1,\r\n                    label: \"未读\",\r\n                },\r\n                {\r\n                    value: 2,\r\n                    label: \"已读\",\r\n                },\r\n            ],\r\n            tableData: [],\r\n            routeList: [],\r\n            lineType: [],\r\n            damageList: [],\r\n            mileageList: [],\r\n            railwayCode: \"\",\r\n            lineDir: \"\",\r\n            alarmType: \"\",\r\n            alarmMile: \"\",\r\n            beginMile: \"\",\r\n            endMile: \"\",\r\n            beginAlarmTime: \"\",\r\n            endAlarmTime: \"\",\r\n            status: \"1\",\r\n        };\r\n    },\r\n    created() {\r\n        this.msgAlarmList();\r\n        this.baseRailwayManagement();\r\n        this.dataType(\"sys_line_dir\");\r\n        this.dataType(\"sys_alarm_type\");\r\n        this.dataType(\"sys_mileage\");\r\n    },\r\n    methods: {\r\n        backLast() {\r\n            history.go(-1);\r\n        },\r\n        toDetails(info) {\r\n            readById({\r\n                pushId: info.pushId,\r\n            }).then((res) => {\r\n                if (res.code == \"200\") {\r\n                    for (\r\n                        var i = 0;\r\n                        i < this.$store.state.app.warningSocket.list.length;\r\n                        i++\r\n                    ) {\r\n                        if (\r\n                            info.id ===\r\n                            this.$store.state.app.warningSocket.list[i].id\r\n                        ) {\r\n                            this.$store.state.app.warningSocket.list.splice(\r\n                                i,\r\n                                1\r\n                            );\r\n                        }\r\n                    }\r\n                }\r\n            });\r\n            sessionStorage.row = JSON.stringify(info);\r\n            this.$router.push({\r\n                path: \"/alarmDetail\",\r\n                query: { id: info.id, cameraCode: info.cameraCode || 200 },\r\n            });\r\n        },\r\n        seeDetail(val, val1) {\r\n            this.$router.push({\r\n                path: \"/alarmDetail\",\r\n                query: {\r\n                    id: val,\r\n                    cameraCode: val1,\r\n                },\r\n            });\r\n        },\r\n        resetForm() {\r\n            this.railwayCode = \"\";\r\n            this.lineDir = \"\";\r\n            this.alarmType = \"\";\r\n            this.alarmMile = \"\";\r\n            this.beginMile = \"\";\r\n            this.endMile = \"\";\r\n            this.beginAlarmTime = \"\";\r\n            this.endAlarmTime = \"\";\r\n            this.status = \"\";\r\n            this.value1 = \"\";\r\n\r\n            this.msgAlarmList();\r\n        },\r\n        dataType(val) {\r\n            dataType(val).then((res) => {\r\n                if (val === \"sys_line_dir\") {\r\n                    this.lineType = [];\r\n                    this.lineType = res.data;\r\n                    this.$set(this.lineType);\r\n                } else if (val === \"sys_alarm_type\") {\r\n                    this.damageList = [];\r\n                    this.damageList = res.data;\r\n                    this.$set(this.damageList);\r\n                } else if (val === \"sys_mileage\") {\r\n                    this.mileageList = [];\r\n                    this.mileageList = res.data;\r\n                    this.$set(this.mileageList);\r\n                }\r\n            });\r\n        },\r\n        baseRailwayManagement() {\r\n            // msgAlarmMessageMoreNum().then((res) => {});\r\n\r\n            baseRailwayManagement().then((res) => {\r\n                this.routeList = [];\r\n                this.routeList = res.data;\r\n                this.$set(this.routeList);\r\n            });\r\n        },\r\n        handleSizeChange(val) {\r\n            console.log(`每页 ${val} 条`);\r\n            this.pageSize = val;\r\n            this.msgAlarmList();\r\n        },\r\n        handleCurrentChange(val) {\r\n            console.log(`当前页: ${val}`);\r\n            this.pageNum = val;\r\n            this.msgAlarmList();\r\n        },\r\n        msgAlarmList() {\r\n            console.log(this.value1);\r\n            let beginAlarmTime;\r\n            let endAlarmTime;\r\n            if (this.value1) {\r\n                beginAlarmTime = this.value1[0];\r\n                endAlarmTime = this.value1[1];\r\n            }\r\n            msgAlarmMessageMore({\r\n                pageNum: this.pageNum,\r\n                pageSize: this.pageSize,\r\n                alarmType: this.alarmType,\r\n                railwayCode: this.railwayCode,\r\n                beginMile: this.beginMile,\r\n                endMile: this.endMile,\r\n                lineDir: this.lineDir,\r\n                status: this.status,\r\n                alarmMile: this.alarmMile,\r\n                beginAlarmTime: beginAlarmTime,\r\n                endAlarmTime: endAlarmTime,\r\n            }).then((res) => {\r\n                console.log(res);\r\n                this.tableData = [];\r\n                this.tableData = res.data.records;\r\n                this.$set(this.tableData);\r\n                this.total = res.data.total;\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n    &-container {\r\n        margin: 30px;\r\n    }\r\n\r\n    &-text {\r\n        font-size: 30px;\r\n        line-height: 46px;\r\n    }\r\n}\r\n.el-card.is-always-shadow,\r\n.el-card.is-hover-shadow:focus {\r\n    box-shadow: none;\r\n}\r\n.el-card {\r\n    border: 1px solid#FFFF;\r\n    background-color: #fff;\r\n}\r\n::v-deep.el-date-editor .el-range__icon {\r\n    position: relative;\r\n    top: 0;\r\n}\r\n::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {\r\n    color: #fff;\r\n    background-color: #2766dd;\r\n    border-color: #2766dd;\r\n    -webkit-box-shadow: -1px 0 0 0 #409eff;\r\n    box-shadow: -1px 0 0 0 #2766dd;\r\n}\r\n.head {\r\n    height: 50px;\r\n    font-size: 12px;\r\n    line-height: 50px;\r\n    background: #dadfe8 !important;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0 25px;\r\n}\r\n</style>\r\n"]}]}