{"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\views\\messages\\index.vue?vue&type=style&index=0&id=5137c92e&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\views\\messages\\index.vue","mtime":1663828782939},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@assets/css/public-style.scss';\r\n.msg_wrap {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    .msg_type {\r\n        // float: left;\r\n        width: 200px;\r\n        height: 730px;\r\n        border-right: 1px solid #f6f6f6;\r\n        box-sizing: border-box;\r\n        background: #ffffff;\r\n        .title {\r\n            height: 48px;\r\n            line-height: 48px;\r\n            padding-left: 20px;\r\n            color: #212226;\r\n            margin-top: 6px;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n        }\r\n        .active {\r\n            background: rgba(39, 135, 241, 0.1);\r\n            color: $mainTextColor;\r\n            border-right: 2px solid $mainTextColor;\r\n        }\r\n    }\r\n    .content_type {\r\n        width: calc(100% - 200px);\r\n        .msg_title {\r\n            display: flex;\r\n            height: 60px;\r\n            line-height: 60px;\r\n            font-size: 14px;\r\n            background: #ffffff;\r\n            .title {\r\n                height: 58px;\r\n                margin: 0 25px;\r\n                text-align: center;\r\n                cursor: pointer;\r\n            }\r\n            .active {\r\n                color: $mainTextColor;\r\n                border-bottom: 2px solid $mainTextColor;\r\n            }\r\n        }\r\n    }\r\n    .operate {\r\n        .btn {\r\n            height: 30px;\r\n        }\r\n        .disabled {\r\n            height: 30px;\r\n            background: #f8fcff;\r\n            border: 1px solid #d8d8d8;\r\n            border-radius: 4px;\r\n            color: #d8d8d8;\r\n        }\r\n    }\r\n}\r\n.active {\r\n    color: $mainTextColor;\r\n    cursor: pointer;\r\n}\r\n.point {\r\n    width: 4px;\r\n    height: 4px;\r\n    background: #fe7271;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin-right: 5px;\r\n    vertical-align: middle;\r\n}\r\n.unpoint {\r\n    width: 4px;\r\n    height: 4px;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin-right: 5px;\r\n    vertical-align: middle;\r\n}\r\n/deep/ .el-table {\r\n    border: none;\r\n    border-top: 1px solid #f6f6f6;\r\n    height: 670px;\r\n    overflow: auto;\r\n}\r\n\r\n/deep/ .foot {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .selectAll {\r\n        display: flex;\r\n        margin-top: 20px;\r\n        .el-checkbox__input {\r\n            margin: 5px 20px 5px 15px;\r\n            vertical-align: middle;\r\n        }\r\n    }\r\n}\r\n/deep/ .el-table__header .el-table_1_column_2 .cell span {\r\n    margin-left: 10px;\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkSA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/messages","sourcesContent":["<!--\r\n * @Author: zouwenying\r\n * @Date: 2020-11-12 16:58:16\r\n * @LastEditTime: 2021-05-13 15:18:31\r\n * @LastEditors: zwy\r\n * @Description: In User Settings Edit\r\n * @FilePath: \\userCenter\\src\\views\\messages\\index.vue\r\n-->\r\n<template>\r\n    <div class=\"msg_wrap\">\r\n        <div class=\"msg_type\">\r\n            <div\r\n                class=\"title\"\r\n                :class=\"{ active: messageStatus == item.id }\"\r\n                v-for=\"(item, index) in messageList\"\r\n                :key=\"index\"\r\n                @click=\"setType(item.id)\"\r\n            >\r\n                {{ item.name }}\r\n                <span v-if=\"item.id === 0\">({{ unreadNum }})</span>\r\n            </div>\r\n        </div>\r\n        <div class=\"content_type\">\r\n            <div class=\"msg_title\">\r\n                <div\r\n                    class=\"title\"\r\n                    :class=\"{ active: typeId == item.typeId }\"\r\n                    v-for=\"(item, index) in typeList\"\r\n                    :key=\"index\"\r\n                    @click=\"setValue(item.typeId)\"\r\n                >\r\n                    {{ item.type }}\r\n                    <span v-if=\"messageStatus == 0\">({{ item.cn }})</span>\r\n                </div>\r\n            </div>\r\n            <zz-table\r\n                ref=\"table\"\r\n                :cols=\"cols\"\r\n                :settings=\"{ showCheckbox: true, stripe: true }\"\r\n                :data=\"mixins_list\"\r\n                :pageset=\"mixins_pageset\"\r\n                @page-change=\"pageChange\"\r\n                :loading=\"mixins_onQuery\"\r\n                @selection-change=\"selectionChange\"\r\n            >\r\n                <template slot-scope=\"scope\" slot=\"messageContent\">\r\n                    <p\r\n                        @click=\"toUrl(scope.row.id, scope.row.typeId, scope.row.sceneType, scope.row.url)\"\r\n                        :class=\"{ active: scope.row.url !== null }\"\r\n                        style=\"cursor: pointer\"\r\n                    >\r\n                        <span v-if=\"!scope.row.messageStatus\" class=\"point\"></span>\r\n                        <span v-else class=\"unpoint\"></span>\r\n                        {{ scope.row.messageContent }}\r\n                    </p>\r\n                </template>\r\n                <template slot-scope=\"scope\" slot=\"batchtodo\">\r\n                    <div class=\"operate\">\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            :class=\"{ disabled: selectRow.length == 0 }\"\r\n                            :disabled=\"selectRow.length == 0\"\r\n                            @click=\"deleteOne\"\r\n                            >删除</el-button\r\n                        >\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            :class=\"{ disabled: selectRow.length == 0 }\"\r\n                            :disabled=\"selectRow.length == 0\"\r\n                            @click=\"mark\"\r\n                            >标为已读</el-button\r\n                        >\r\n                        <el-button type=\"primary\" class=\"btn\" @click=\"markAll\">全部已读</el-button>\r\n                        <el-button type=\"primary\" class=\"btn\" @click=\"deleteAll\">全部删除</el-button>\r\n                    </div>\r\n                </template>\r\n            </zz-table>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport list from '@utils/list.js';\r\nimport envConfig from '@/config';\r\nimport { mapState, mapGetters, mapMutations, mapActions } from 'vuex';\r\nexport default {\r\n    mixins: [list],\r\n    data() {\r\n        return {\r\n            envConfig: envConfig,\r\n            messageList: [\r\n                { id: 2, name: '全部消息' },\r\n                { id: 0, name: '未读消息' },\r\n                { id: 1, name: '已读消息' }\r\n            ],\r\n            unreadNum: 0,\r\n            typeId: -1,\r\n            typeList: [],\r\n            selectRow: [],\r\n            sceneTypes: { 1: '1014', 2: '1014', 3: '1016', 4: '1015', 5: '1014' },\r\n            cols: [\r\n                {\r\n                    label: '消息内容',\r\n                    prop: 'messageContent',\r\n                    slot: 'messageContent'\r\n                },\r\n                {\r\n                    label: '消息类型',\r\n                    prop: 'typeName'\r\n                },\r\n                {\r\n                    label: '创建时间',\r\n                    prop: 'dateCreate'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapState(['messageStatus'])\r\n    },\r\n    watch: {\r\n        messageStatus() {\r\n            this.search();\r\n        }\r\n    },\r\n    methods: {\r\n        setType(id) {\r\n            this.$store.commit('setmessageStatus', id);\r\n            this.selectRow = [];\r\n            this.search();\r\n        },\r\n        setValue(id) {\r\n            this.typeId = id;\r\n            this.selectRow = [];\r\n            this.search();\r\n        },\r\n        search() {\r\n            if (this.typeId == -1 && this.messageStatus == 2) {\r\n                this.mixins_query = {};\r\n            } else if (this.messageStatus == 2) {\r\n                this.mixins_query = {\r\n                    typeId: this.typeId\r\n                };\r\n            } else if (this.typeId == -1) {\r\n                this.mixins_query = {\r\n                    messageStatus: this.messageStatus\r\n                };\r\n            } else {\r\n                this.mixins_query = {\r\n                    typeId: this.typeId,\r\n                    messageStatus: this.messageStatus\r\n                };\r\n            }\r\n            this.selectRow = [];\r\n            this.getMessageList();\r\n            this.getUnreadNumber();\r\n            this.mixins_search();\r\n        },\r\n        toUrl(id, type, sceneType, urllink) {\r\n            debugger;\r\n            this.$http.post('/sc-message/message/updateMultiple', { ids: [id], messageStatus: 1 }).then(({ status, data, msg }) => {});\r\n            let url, appId;\r\n            url = urllink;\r\n            appId = '1003';\r\n            // if (type == 1 || type == 2) {\r\n            //     appId = this.sceneTypes[sceneType] || '1003';\r\n            // } else if (type == 4) {\r\n            //     appId = '1003';\r\n            // } else if (type == 3 || type == 7) {\r\n            //     appId = '1003';\r\n            // }\r\n            //查询linkpath能不能跳转\r\n            this.$http\r\n                .postForm('/sc-message/message/judgingTheMessageJumpPermission', {\r\n                    url: url.split('/')[url.split('/').length - 1],\r\n                    appId: appId\r\n                })\r\n                .then(({ status, data, msg }) => {\r\n                    url = url + '&access_token=' + localStorage.getItem('SC_token');\r\n                    window.open(url);\r\n                    // if(status==0&&data==0){\r\n                    //     window.open(url);\r\n                    // }else{\r\n                    //     this.$message.error(\"您没有该系统权限\")\r\n                    // }\r\n                });\r\n        },\r\n        selectionChange(val) {\r\n            let arr = [];\r\n            if (val.length) {\r\n                val.map((item, index) => {\r\n                    arr.push(item.id);\r\n                });\r\n                this.selectRow = arr;\r\n                return;\r\n            }\r\n            this.selectRow = [];\r\n        },\r\n        deleteOne() {\r\n            this.$msgBox(`您确定要删除选中的${this.selectRow.length}条消息`, '删除后将无法恢复，是否继续？')\r\n                .then((_) => {\r\n                    this.$http\r\n                        .post('/sc-message/message/updateMultiple', { ids: this.selectRow, status: 0 })\r\n                        .then(({ status, data, msg }) => {\r\n                            if (status === 0) {\r\n                                this.search();\r\n                                this.$refs.table.checkAllChange();\r\n                                this.$message.success('删除消息成功');\r\n                            }\r\n                        });\r\n                })\r\n                .catch((err) => {});\r\n        },\r\n        deleteAll() {\r\n            this.$msgBox(`您确定要删除全部消息`, '删除后将无法恢复，是否继续？')\r\n                .then((_) => {\r\n                    this.$http.post('/sc-message/message/updateMultiple', { ids: [], status: 0 }).then(({ status, data, msg }) => {\r\n                        if (status === 0) {\r\n                            this.search();\r\n                            this.$refs.table.checkAllChange();\r\n                            this.$message.success('删除全部消息成功');\r\n                        }\r\n                    });\r\n                })\r\n                .catch((err) => {});\r\n        },\r\n        mark() {\r\n            this.$msgBox(`您确定要标记选中的${this.selectRow.length}条消息为已读`, '标记后将无法恢复，是否继续？', 'warning')\r\n                .then((_) => {\r\n                    this.$http\r\n                        .post('/sc-message/message/updateMultiple', { ids: this.selectRow, messageStatus: 1 })\r\n                        .then(({ status, data, msg }) => {\r\n                            if (status === 0) {\r\n                                this.search();\r\n                                this.$refs.table.checkAllChange();\r\n                                this.$message.success('标记已读消息成功');\r\n                            }\r\n                        });\r\n                })\r\n                .catch((err) => {});\r\n        },\r\n        markAll() {\r\n            this.$msgBox(`您确定要标记全部消息为已读`, '标记后将无法恢复，是否继续？', 'warning')\r\n                .then((_) => {\r\n                    this.$http.post('/sc-message/message/updateMultiple', { ids: [], messageStatus: 1 }).then(({ status, data, msg }) => {\r\n                        if (status === 0) {\r\n                            this.search();\r\n                            this.$refs.table.checkAllChange();\r\n                            this.$message.success('标记全部消息成功');\r\n                        }\r\n                    });\r\n                })\r\n                .catch((err) => {});\r\n        },\r\n        //查询未读消息数量\r\n        getUnreadNumber() {\r\n            this.$http.postForm('/sc-message/message/queryUnreadMessageStatic').then(({ status, data, msg }) => {\r\n                if (status === 0) {\r\n                    let sum = 0;\r\n                    data.map((item, index) => {\r\n                        sum = sum + item.cn;\r\n                    });\r\n                    this.unreadNum = sum;\r\n                    if (sum == 0) {\r\n                        this.$store.commit('setmessageNumber', false);\r\n                    } else {\r\n                        this.$store.commit('setmessageNumber', true);\r\n                    }\r\n                    data.unshift({ type: '全部类型', cn: sum, typeId: -1 });\r\n                    this.typeList = data;\r\n                }\r\n            });\r\n        },\r\n        //获取最新消息列表\r\n        getMessageList() {\r\n            this.$http.postForm('/sc-message/message/queryLastMessage', { num: '5' }).then(({ status, data, msg }) => {\r\n                if (status === 0) {\r\n                    this.$store.commit('setmessageList', data);\r\n                }\r\n            });\r\n        }\r\n    },\r\n    created() {\r\n        this.mixins_dataUrl = '/sc-message/message/selectPage';\r\n        this.search();\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@assets/css/public-style.scss';\r\n.msg_wrap {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    .msg_type {\r\n        // float: left;\r\n        width: 200px;\r\n        height: 730px;\r\n        border-right: 1px solid #f6f6f6;\r\n        box-sizing: border-box;\r\n        background: #ffffff;\r\n        .title {\r\n            height: 48px;\r\n            line-height: 48px;\r\n            padding-left: 20px;\r\n            color: #212226;\r\n            margin-top: 6px;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n        }\r\n        .active {\r\n            background: rgba(39, 135, 241, 0.1);\r\n            color: $mainTextColor;\r\n            border-right: 2px solid $mainTextColor;\r\n        }\r\n    }\r\n    .content_type {\r\n        width: calc(100% - 200px);\r\n        .msg_title {\r\n            display: flex;\r\n            height: 60px;\r\n            line-height: 60px;\r\n            font-size: 14px;\r\n            background: #ffffff;\r\n            .title {\r\n                height: 58px;\r\n                margin: 0 25px;\r\n                text-align: center;\r\n                cursor: pointer;\r\n            }\r\n            .active {\r\n                color: $mainTextColor;\r\n                border-bottom: 2px solid $mainTextColor;\r\n            }\r\n        }\r\n    }\r\n    .operate {\r\n        .btn {\r\n            height: 30px;\r\n        }\r\n        .disabled {\r\n            height: 30px;\r\n            background: #f8fcff;\r\n            border: 1px solid #d8d8d8;\r\n            border-radius: 4px;\r\n            color: #d8d8d8;\r\n        }\r\n    }\r\n}\r\n.active {\r\n    color: $mainTextColor;\r\n    cursor: pointer;\r\n}\r\n.point {\r\n    width: 4px;\r\n    height: 4px;\r\n    background: #fe7271;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin-right: 5px;\r\n    vertical-align: middle;\r\n}\r\n.unpoint {\r\n    width: 4px;\r\n    height: 4px;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin-right: 5px;\r\n    vertical-align: middle;\r\n}\r\n/deep/ .el-table {\r\n    border: none;\r\n    border-top: 1px solid #f6f6f6;\r\n    height: 670px;\r\n    overflow: auto;\r\n}\r\n\r\n/deep/ .foot {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .selectAll {\r\n        display: flex;\r\n        margin-top: 20px;\r\n        .el-checkbox__input {\r\n            margin: 5px 20px 5px 15px;\r\n            vertical-align: middle;\r\n        }\r\n    }\r\n}\r\n/deep/ .el-table__header .el-table_1_column_2 .cell span {\r\n    margin-left: 10px;\r\n}\r\n</style>"]}]}