| 1 |
- {"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=script&lang=js&","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\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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\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",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA;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;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;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/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>"]}]}
|
