| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navBars\\breadcrumb\\userNews.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navBars\\breadcrumb\\userNews.vue","mtime":1761185180055},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpsZXQgbmV3T3JkZXJBdWRpb0xpbmsgPSBuZXcgQXVkaW8ocmVxdWlyZSgnQC9hc3NldHMvdmlkZW8vbmV3T3JkZXJBdWRpb0xpbmsubXAzJykpOw0KaW1wb3J0IHsgam5vdGljZVJlcXVlc3QgfSBmcm9tICdAL2FwaS9jb21tb24nOw0KaW1wb3J0IHsgYWRtaW5Tb2NrZXQgfSBmcm9tICdAL2xpYnMvc29ja2V0JzsNCmltcG9ydCB7IGdldENvb2tpZXMsIHJlbW92ZUNvb2tpZXMsIHNldENvb2tpZXMgfSBmcm9tICdAL2xpYnMvdXRpbCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdsYXlvdXRCcmVhZGNydW1iVXNlck5ld3MnLA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBuZXdzTGlzdDogW10sDQogICAgICBuZXdPcmRlckF1ZGlvTGluazogbnVsbCwNCiAgICAgIG1lc3NhZ2VMaXN0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuZ2V0Tm90aWN0KCk7DQogICAgdGhpcy5uZXdPcmRlckF1ZGlvTGluayA9IG5ld09yZGVyQXVkaW9MaW5rOw0KICAgIGFkbWluU29ja2V0LnRoZW4oKHdzKSA9PiB7DQogICAgICB3cy5zZW5kKHsNCiAgICAgICAgdHlwZTogJ2xvZ2luJywNCiAgICAgICAgZGF0YTogZ2V0Q29va2llcygndG9rZW4nKSwNCiAgICAgIH0pOw0KICAgICAgbGV0IHRoYXQgPSB0aGlzOw0KICAgICAgd3MuJG9uKCdBRE1JTl9ORVdfUFVTSCcsIGZ1bmN0aW9uIChkYXRhKSB7DQogICAgICAgIHRoYXQuZ2V0Tm90aWN0KCk7DQogICAgICB9KTsNCg0KICAgICAgd3MuJG9uKCdORVdfT1JERVInLCBmdW5jdGlvbiAoZGF0YSkgew0KICAgICAgICB0aGF0LiRub3RpZnkuaW5mbyh7DQogICAgICAgICAgdGl0bGU6ICfmlrDorqLljZUnLA0KICAgICAgICAgIG1lc3NhZ2U6ICfmgqjmnInkuIDkuKrmlrDnmoTorqLljZUsSUTkuLooJyArIGRhdGEub3JkZXJfaWQgKyAnKSzor7fms6jmhI/mn6XnnIsnLA0KICAgICAgICB9KTsNCiAgICAgICAgaWYgKG5ld09yZGVyQXVkaW9MaW5rKSBuZXdPcmRlckF1ZGlvTGluay5wbGF5KCk7DQogICAgICAgIHRoYXQubWVzc2FnZUxpc3QucHVzaCh7DQogICAgICAgICAgdGl0bGU6ICfmlrDorqLljZXmj5DphpInLA0KICAgICAgICAgIGljb246ICdtZC1idWxiJywNCiAgICAgICAgICBpY29uQ29sb3I6ICcjODdkMDY4JywNCiAgICAgICAgICB0aW1lOiAwLA0KICAgICAgICAgIHJlYWQ6IDAsDQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgICB3cy4kb24oJ05FV19SRUZVTkRfT1JERVInLCBmdW5jdGlvbiAoZGF0YSkgew0KICAgICAgICB0aGF0LiRub3RpZnkuaW5mbyh7DQogICAgICAgICAgdGl0bGU6ICfpgIDmrL7orqLljZXmj5DphpInLA0KICAgICAgICAgIG1lc3NhZ2U6ICfmgqjmnInkuIDkuKrorqLljZXnlLPor7fpgIDmrL4sSUTkuLooJyArIGRhdGEub3JkZXJfaWQgKyAnKSzor7fms6jmhI/mn6XnnIsnLA0KICAgICAgICB9KTsNCiAgICAgICAgaWYgKG5ld09yZGVyQXVkaW9MaW5rKSBuZXdPcmRlckF1ZGlvTGluay5wbGF5KCk7DQogICAgICAgIHRoYXQubWVzc2FnZUxpc3QucHVzaCh7DQogICAgICAgICAgdGl0bGU6ICfpgIDmrL7orqLljZXmj5DphpInLA0KICAgICAgICAgIGljb246ICdtZC1pbmZvcm1hdGlvbicsDQogICAgICAgICAgaWNvbkNvbG9yOiAnI2ZlNWM1NycsDQogICAgICAgICAgdGltZTogMCwNCiAgICAgICAgICByZWFkOiAwLA0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgICAgd3MuJG9uKCdXSVRIRFJBVycsIGZ1bmN0aW9uIChkYXRhKSB7DQogICAgICAgIC8vIHRoYXQuJE5vdGljZS53YXJuaW5nKHsNCiAgICAgICAgLy8gICB0aXRsZTogJ+aPkOeOsOaPkOmGkicsDQogICAgICAgIC8vICAgZHVyYXRpb246IDgsDQogICAgICAgIC8vICAgZGVzYzogJ+acieeUqOaIt+eUs+ivt+aPkOeOsCznvJblj7fkuLooJyArIGRhdGEuaWQgKyAnKSzor7fms6jmhI/mn6XnnIsnLA0KICAgICAgICAvLyB9KTsNCiAgICAgICAgdGhhdC4kbm90aWZ5LmluZm8oew0KICAgICAgICAgIHRpdGxlOiAn5o+Q546w5o+Q6YaSJywNCiAgICAgICAgICBtZXNzYWdlOiAn5pyJ55So5oi355Sz6K+35o+Q546wLOe8luWPt+S4uignICsgZGF0YS5pZCArICcpLOivt+azqOaEj+afpeeciycsDQogICAgICAgIH0pOw0KICAgICAgICB0aGF0Lm1lc3NhZ2VMaXN0LnB1c2goew0KICAgICAgICAgIHRpdGxlOiAn6YCA5qy+6K6i5Y2V5o+Q6YaSJywNCiAgICAgICAgICBpY29uOiAnbWQtcGVvcGxlJywNCiAgICAgICAgICBpY29uQ29sb3I6ICcjZjA2MjkyJywNCiAgICAgICAgICB0aW1lOiAwLA0KICAgICAgICAgIHJlYWQ6IDAsDQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgICB3cy4kb24oJ1NUT1JFX1NUT0NLJywgZnVuY3Rpb24gKGRhdGEpIHsNCiAgICAgICAgdGhhdC4kbm90aWZ5LmluZm8oew0KICAgICAgICAgIHRpdGxlOiAn5bqT5a2Y6aKE6K2mJywNCiAgICAgICAgICBtZXNzYWdlOiAn5ZWG5ZOBSUTkuLooJyArIGRhdGEuaWQgKyAnKeeahOW6k+WtmOS4jei2s+WVpizor7fms6jmhI/mn6XnnIt+JywNCiAgICAgICAgfSk7DQogICAgICAgIHRoYXQubWVzc2FnZUxpc3QucHVzaCh7DQogICAgICAgICAgdGl0bGU6ICflupPlrZjpooToraYnLA0KICAgICAgICAgIGljb246ICdtZC1pbmZvcm1hdGlvbicsDQogICAgICAgICAgaWNvbkNvbG9yOiAnI2ZlNWM1NycsDQogICAgICAgICAgdGltZTogMCwNCiAgICAgICAgICByZWFkOiAwLA0KICAgICAgICB9KTsNCiAgICAgIH0pOw0KICAgICAgd3MuJG9uKCdQQVlfU01TX1NVQ0NFU1MnLCBmdW5jdGlvbiAoZGF0YSkgew0KICAgICAgICB0aGF0LiRub3RpZnkuaW5mbyh7DQogICAgICAgICAgdGl0bGU6ICfnn63kv6HlhYXlgLzmiJDlip8nLA0KICAgICAgICAgIG1lc3NhZ2U6ICfmga3llpzmgqjlhYXlgLwnICsgZGF0YS5wcmljZSArICflhYPvvIzojrflvpcnICsgZGF0YS5udW1iZXIgKyAn5p2h55+t5L+hJywNCiAgICAgICAgfSk7DQogICAgICAgIHRoYXQubWVzc2FnZUxpc3QucHVzaCh7DQogICAgICAgICAgdGl0bGU6ICfnn63kv6HlhYXlgLzmiJDlip8nLA0KICAgICAgICAgIGljb246ICdtZC1idWxiJywNCiAgICAgICAgICBpY29uQ29sb3I6ICcjODdkMDY4JywNCiAgICAgICAgICB0aW1lOiAwLA0KICAgICAgICAgIHJlYWQ6IDAsDQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgfSk7DQogIH0sDQogIGZpbHRlcnM6IHsNCiAgICAvLyAxIOW+heWPkei0pyAyIOW6k+WtmOaKpeitpiAgM+ivhOiuuuWbnuWkjSAgNOaPkOeOsOeUs+ivtw0KICAgIG1zZ1R5cGUodHlwZSkgew0KICAgICAgbGV0IHR5cGVOYW1lOw0KICAgICAgc3dpdGNoICh0eXBlKSB7DQogICAgICAgIGNhc2UgMToNCiAgICAgICAgICB0eXBlTmFtZSA9ICflvoXlj5HotKforqLljZXmj5DphpInOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDI6DQogICAgICAgICAgdHlwZU5hbWUgPSAn5bqT5a2Y5oql6K2mJzsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAzOg0KICAgICAgICAgIHR5cGVOYW1lID0gJ+ivhOiuuuWbnuWkjSc7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgNDoNCiAgICAgICAgICB0eXBlTmFtZSA9ICfmj5DnjrDnlLPor7cnOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBkZWZhdWx0Og0KICAgICAgICAgIHR5cGVOYW1lID0gJ+WFtuWugyc7DQogICAgICB9DQogICAgICByZXR1cm4gdHlwZU5hbWU7DQogICAgfSwNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOWFqOmDqOW3suivu+eCueWHuw0KICAgIG9uQWxsUmVhZENsaWNrKCkgew0KICAgICAgdGhpcy5uZXdzTGlzdCA9IFtdOw0KICAgICAgdGhpcy4kZW1pdCgnaGF2ZU5ld3MnLCAhIXRoaXMubmV3c0xpc3QubGVuZ3RoKTsNCiAgICB9LA0KICAgIC8vIOWJjeW+gOmAmuefpeS4reW/g+eCueWHuw0KICAgIG9uR29Ub0dpdGVlQ2xpY2soKSB7fSwNCiAgICBnZXROb3RpY3QoKSB7DQogICAgICBqbm90aWNlUmVxdWVzdCgpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLm5ld3NMaXN0ID0gcmVzLmRhdGEgfHwgW107DQogICAgICAgICAgdGhpcy4kZW1pdCgnaGF2ZU5ld3MnLCAhIXRoaXMubmV3c0xpc3QubGVuZ3RoKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKCgpID0+IHt9KTsNCiAgICB9LA0KICAgIGp1bXBVcmwocGF0aCkgew0KICAgICAgdGhpcy4kcm91dGVyLnB1c2goew0KICAgICAgICBwYXRoLA0KICAgICAgfSk7DQogICAgfSwNCiAgICBpY29uKHR5cGUpIHsNCiAgICAgIHJldHVybiByZXF1aXJlKGBAL2Fzc2V0cy9pbWFnZXMvbmV3cy0ke3R5cGV9LnBuZ2ApOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["userNews.vue"],"names":[],"mappings":";AA+BA;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;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":"userNews.vue","sourceRoot":"src/layout/navBars/breadcrumb","sourcesContent":["<template>\r\n <div class=\"layout-navbars-breadcrumb-user-news\">\r\n <div class=\"head-box\">\r\n <div class=\"head-box-title\">系统通知</div>\r\n <div class=\"head-box-btn\" v-if=\"newsList.length > 0\" v-db-click @click=\"onAllReadClick\">全部已读</div>\r\n </div>\r\n <div class=\"content-box\">\r\n <template v-if=\"newsList.length > 0\">\r\n <div class=\"content-box-item\" v-for=\"(v, k) in newsList\" :key=\"k\" v-db-click @click=\"jumpUrl(v.url)\">\r\n <img class=\"icon\" :src=\"icon(v.type)\" alt=\"\" />\r\n <div class=\"content-box-right\">\r\n <div class=\"content-box-type\">{{ v.type | msgType }}</div>\r\n <div class=\"content-box-msg\">\r\n {{ v.title }}\r\n </div>\r\n </div>\r\n\r\n <!-- <div class=\"content-box-time\">{{ v.time }}</div> -->\r\n </div>\r\n </template>\r\n <div class=\"content-box-empty\" v-else>\r\n <div class=\"content-box-empty-margin\">\r\n <img class=\"no-msg\" src=\"@/assets/images/no-msg.png\" alt=\"\" />\r\n <div class=\"mt15\">暂无通知</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nlet newOrderAudioLink = new Audio(require('@/assets/video/newOrderAudioLink.mp3'));\r\nimport { jnoticeRequest } from '@/api/common';\r\nimport { adminSocket } from '@/libs/socket';\r\nimport { getCookies, removeCookies, setCookies } from '@/libs/util';\r\nexport default {\r\n name: 'layoutBreadcrumbUserNews',\r\n data() {\r\n return {\r\n newsList: [],\r\n newOrderAudioLink: null,\r\n messageList: [],\r\n };\r\n },\r\n mounted() {\r\n this.getNotict();\r\n this.newOrderAudioLink = newOrderAudioLink;\r\n adminSocket.then((ws) => {\r\n ws.send({\r\n type: 'login',\r\n data: getCookies('token'),\r\n });\r\n let that = this;\r\n ws.$on('ADMIN_NEW_PUSH', function (data) {\r\n that.getNotict();\r\n });\r\n\r\n ws.$on('NEW_ORDER', function (data) {\r\n that.$notify.info({\r\n title: '新订单',\r\n message: '您有一个新的订单,ID为(' + data.order_id + '),请注意查看',\r\n });\r\n if (newOrderAudioLink) newOrderAudioLink.play();\r\n that.messageList.push({\r\n title: '新订单提醒',\r\n icon: 'md-bulb',\r\n iconColor: '#87d068',\r\n time: 0,\r\n read: 0,\r\n });\r\n });\r\n ws.$on('NEW_REFUND_ORDER', function (data) {\r\n that.$notify.info({\r\n title: '退款订单提醒',\r\n message: '您有一个订单申请退款,ID为(' + data.order_id + '),请注意查看',\r\n });\r\n if (newOrderAudioLink) newOrderAudioLink.play();\r\n that.messageList.push({\r\n title: '退款订单提醒',\r\n icon: 'md-information',\r\n iconColor: '#fe5c57',\r\n time: 0,\r\n read: 0,\r\n });\r\n });\r\n ws.$on('WITHDRAW', function (data) {\r\n // that.$Notice.warning({\r\n // title: '提现提醒',\r\n // duration: 8,\r\n // desc: '有用户申请提现,编号为(' + data.id + '),请注意查看',\r\n // });\r\n that.$notify.info({\r\n title: '提现提醒',\r\n message: '有用户申请提现,编号为(' + data.id + '),请注意查看',\r\n });\r\n that.messageList.push({\r\n title: '退款订单提醒',\r\n icon: 'md-people',\r\n iconColor: '#f06292',\r\n time: 0,\r\n read: 0,\r\n });\r\n });\r\n ws.$on('STORE_STOCK', function (data) {\r\n that.$notify.info({\r\n title: '库存预警',\r\n message: '商品ID为(' + data.id + ')的库存不足啦,请注意查看~',\r\n });\r\n that.messageList.push({\r\n title: '库存预警',\r\n icon: 'md-information',\r\n iconColor: '#fe5c57',\r\n time: 0,\r\n read: 0,\r\n });\r\n });\r\n ws.$on('PAY_SMS_SUCCESS', function (data) {\r\n that.$notify.info({\r\n title: '短信充值成功',\r\n message: '恭喜您充值' + data.price + '元，获得' + data.number + '条短信',\r\n });\r\n that.messageList.push({\r\n title: '短信充值成功',\r\n icon: 'md-bulb',\r\n iconColor: '#87d068',\r\n time: 0,\r\n read: 0,\r\n });\r\n });\r\n });\r\n },\r\n filters: {\r\n // 1 待发货 2 库存报警 3评论回复 4提现申请\r\n msgType(type) {\r\n let typeName;\r\n switch (type) {\r\n case 1:\r\n typeName = '待发货订单提醒';\r\n break;\r\n case 2:\r\n typeName = '库存报警';\r\n break;\r\n case 3:\r\n typeName = '评论回复';\r\n break;\r\n case 4:\r\n typeName = '提现申请';\r\n break;\r\n default:\r\n typeName = '其它';\r\n }\r\n return typeName;\r\n },\r\n },\r\n methods: {\r\n // 全部已读点击\r\n onAllReadClick() {\r\n this.newsList = [];\r\n this.$emit('haveNews', !!this.newsList.length);\r\n },\r\n // 前往通知中心点击\r\n onGoToGiteeClick() {},\r\n getNotict() {\r\n jnoticeRequest()\r\n .then((res) => {\r\n this.newsList = res.data || [];\r\n this.$emit('haveNews', !!this.newsList.length);\r\n })\r\n .catch(() => {});\r\n },\r\n jumpUrl(path) {\r\n this.$router.push({\r\n path,\r\n });\r\n },\r\n icon(type) {\r\n return require(`@/assets/images/news-${type}.png`);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.layout-navbars-breadcrumb-user-news {\r\n width: 320px;\r\n padding: 8px 14px 14px;\r\n .head-box {\r\n display: flex;\r\n // border-bottom: 1px solid var(--prev-border-color-lighter);\r\n box-sizing: border-box;\r\n color: var(--prev-color-text-primary);\r\n justify-content: space-between;\r\n // height: 35px;\r\n align-items: center;\r\n .head-box-title {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #333333;\r\n line-height: 13px;\r\n }\r\n .head-box-btn {\r\n color: var(--prev-color-primary);\r\n font-size: 13px;\r\n cursor: pointer;\r\n opacity: 0.8;\r\n font-weight: 400;\r\n line-height: 13px;\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n .content-box {\r\n font-size: 13px;\r\n .content-box-item {\r\n padding-top: 24px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n &:last-of-type {\r\n // padding-bottom: 12px;\r\n }\r\n .icon {\r\n width: 26px;\r\n height: 26px;\r\n margin-right: 10px;\r\n }\r\n .content-box-right {\r\n }\r\n .content-box-type {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #333333;\r\n line-height: 13px;\r\n }\r\n .content-box-msg {\r\n margin-top: 6px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #666666;\r\n line-height: 13px;\r\n }\r\n .content-box-time {\r\n color: var(--prev-color-text-secondary);\r\n }\r\n }\r\n .content-box-empty {\r\n width: 292px;\r\n // height: 200px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n .content-box-empty-margin {\r\n text-align: center;\r\n font-size: 13px;\r\n color: #999999;\r\n i {\r\n color: var(--prev-color-primary);\r\n font-size: 60px;\r\n }\r\n .no-msg {\r\n width: 180px;\r\n height: 138px;\r\n }\r\n }\r\n }\r\n }\r\n .foot-box {\r\n height: 35px;\r\n color: var(--prev-color-primary);\r\n font-size: 13px;\r\n cursor: pointer;\r\n opacity: 0.8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-top: 1px solid var(--prev-border-color-lighter);\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n ::v-deep(.el-empty__description p) {\r\n font-size: 13px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
