| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/common/fragment/Notice.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/views/common/fragment/Notice.vue","mtime":1621997721946},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJFbGVOb3RpY2UiLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzaG93OiBmYWxzZSwKICAgICAgYWN0aXZlOiAnbm90aWNlJywKICAgICAgbm90aWNlOiBbewogICAgICAgIGljb246ICdlbC1pY29uLXMtY29tbWVudCcsCiAgICAgICAgdGl0bGU6ICfkvaDmlLbliLDkuobkuIDlsIExNOS7veaWsOWRqOaKpScsCiAgICAgICAgdGltZTogJzIwMjAtMDctMjcgMTg6MzA6MTgnCiAgICAgIH0sIHsKICAgICAgICBpY29uOiAnZWwtaWNvbi1zLWNoZWNrJywKICAgICAgICB0aXRsZTogJ+iuuOe7j+eQhuWQjOaEj+S6huS9oOeahOivt+WBh+eUs+ivtycsCiAgICAgICAgdGltZTogJzIwMjAtMDctMjcgMDk6MDg6MzYnCiAgICAgIH0sIHsKICAgICAgICBpY29uOiAnZWwtaWNvbi12aWRlby1jYW1lcmEnLAogICAgICAgIHRpdGxlOiAn6ZmI5oC76YKA6K+35L2g5Y+C5Yqg6KeG6aKR5Lya6K6uJywKICAgICAgICB0aW1lOiAnMjAyMC0wNy0yNiAxODozMDowMScKICAgICAgfSwgewogICAgICAgIGljb246ICdlbC1pY29uLXMtY2xhaW0nLAogICAgICAgIHRpdGxlOiAn5L2g5o6o6I2Q55qE5YiY6K+X6Zuo5bey6YCa6L+H56ys5LiJ6L2u6Z2i6K+VJywKICAgICAgICB0aW1lOiAnMjAyMC0wNy0yNSAxNjozODo0NicKICAgICAgfSwgewogICAgICAgIGljb246ICdlbC1pY29uLW1lc3NhZ2Utc29saWQnLAogICAgICAgIHRpdGxlOiAn5L2g55qENuaciOWKoOePreWllumHkeW3suWPkeaUvicsCiAgICAgICAgdGltZTogJzIwMjAtMDctMjUgMTE6MDM6MzEnCiAgICAgIH1dLAogICAgICBtZXNzYWdlOiBbewogICAgICAgIGF2YXRhcjogcmVxdWlyZSgnQC9hc3NldHMvbG9nby5wbmcnKSwKICAgICAgICB0aXRsZTogJ1N1blNtaWxlIOivhOiuuuS6huS9oOeahOaXpeW/lycsCiAgICAgICAgY29udGVudDogJ+WGmeeahOS4jemUmSwg5Lul5ZCO5aSa5aSa5ZCR5L2g5a2m5LmgficsCiAgICAgICAgdGltZTogJzIwMjAtMDctMjcgMTg6MzA6MTgnCiAgICAgIH0sIHsKICAgICAgICBhdmF0YXI6IHJlcXVpcmUoJ0AvYXNzZXRzL2xvZ28ucG5nJyksCiAgICAgICAgdGl0bGU6ICfliJjor5fpm6gg54K56LWe5LqG5L2g55qE5pel5b+XJywKICAgICAgICBjb250ZW50OiAn5YaZ55qE5LiN6ZSZLCDku6XlkI7lpJrlpJrlkJHkvaDlrabkuaB+JywKICAgICAgICB0aW1lOiAnMjAyMC0wNy0yNyAwOTowODozNicKICAgICAgfSwgewogICAgICAgIGF2YXRhcjogcmVxdWlyZSgnQC9hc3NldHMvbG9nby5wbmcnKSwKICAgICAgICB0aXRsZTogJ+mFt+mFt+eahOWkp+WPlCDor4TorrrkuobkvaDnmoTlkajmiqUnLAogICAgICAgIGNvbnRlbnQ6ICflhpnnmoTkuI3plJksIOS7peWQjuWkmuWkmuWQkeS9oOWtpuS5oH4nLAogICAgICAgIHRpbWU6ICcyMDIwLTA3LTI2IDE4OjMwOjAxJwogICAgICB9LCB7CiAgICAgICAgYXZhdGFyOiByZXF1aXJlKCdAL2Fzc2V0cy9sb2dvLnBuZycpLAogICAgICAgIHRpdGxlOiAnSmFzbWluZSDngrnotZ7kuobkvaDnmoTlkajmiqUnLAogICAgICAgIGNvbnRlbnQ6ICflhpnnmoTkuI3plJksIOS7peWQjuWkmuWkmuWQkeS9oOWtpuS5oH4nLAogICAgICAgIHRpbWU6ICcyMDIwLTA3LTI1IDExOjAzOjMxJwogICAgICB9XSwKICAgICAgdG9kbzogW3sKICAgICAgICBzdGF0ZTogMCwKICAgICAgICB0aXRsZTogJ+WImOivl+mbqOeahOivt+WBh+WuoeaJuScsCiAgICAgICAgZGVzYzogJ+WImOivl+mbqOWcqCAwNy0yNyAxODozMCDmj5DkuqTnmoTor7flgYfnlLPor7cnCiAgICAgIH0sIHsKICAgICAgICBzdGF0ZTogMSwKICAgICAgICB0aXRsZTogJ+esrOS4ieaWueS7o+eggee0p+aApeWPmOabtCcsCiAgICAgICAgZGVzYzogJ+mcgOimgeWcqCAyMDIwLTA3LTI3IOS5i+WJjeWujOaIkCcKICAgICAgfSwgewogICAgICAgIHN0YXRlOiAyLAogICAgICAgIHRpdGxlOiAn5L+h5oGv5a6J5YWo6ICD6K+VJywKICAgICAgICBkZXNjOiAn6ZyA6KaB5ZyoIDIwMjAtMDctMjYgMTg6MzAg5YmN5a6M5oiQJwogICAgICB9LCB7CiAgICAgICAgc3RhdGU6IDIsCiAgICAgICAgdGl0bGU6ICdMYXJhdmVs5Y+R5biD5paw54mI5pysJywKICAgICAgICBkZXNjOiAn6ZyA6KaB5ZyoIDIwMjAtMDctMjUgMTE6MDMg5YmN5a6M5oiQJwogICAgICB9XQogICAgfTsKICB9LAogIGNvbXB1dGVkOiB7CiAgICAvKiDpgJrnn6XmoIfpopggKi8KICAgIG5vdGljZUxhYmVsOiBmdW5jdGlvbiBub3RpY2VMYWJlbCgpIHsKICAgICAgaWYgKHRoaXMubm90aWNlLmxlbmd0aCkgcmV0dXJuICJcdTkwMUFcdTc3RTUoIi5jb25jYXQodGhpcy5ub3RpY2UubGVuZ3RoLCAiKSIpO2Vsc2UgcmV0dXJuICfpgJrnn6UnOwogICAgfSwKCiAgICAvKiDnp4Hkv6HmoIfpopggKi8KICAgIG1lc3NhZ2VMYWJlbDogZnVuY3Rpb24gbWVzc2FnZUxhYmVsKCkgewogICAgICBpZiAodGhpcy5tZXNzYWdlLmxlbmd0aCkgcmV0dXJuICJcdTc5QzFcdTRGRTEoIi5jb25jYXQodGhpcy5tZXNzYWdlLmxlbmd0aCwgIikiKTtlbHNlIHJldHVybiAn56eB5L+hJzsKICAgIH0sCgogICAgLyog5b6F5Yqe5qCH6aKYICovCiAgICB0b2RvTGFiZWw6IGZ1bmN0aW9uIHRvZG9MYWJlbCgpIHsKICAgICAgaWYgKHRoaXMudG9kby5sZW5ndGgpIHJldHVybiAiXHU1Rjg1XHU1MjlFKCIuY29uY2F0KHRoaXMudG9kby5sZW5ndGgsICIpIik7ZWxzZSByZXR1cm4gJ+W+heWKnic7CiAgICB9LAoKICAgIC8qIOaJgOaciea2iOaBr+aVsOmHjyAqLwogICAgYWxsTnVtOiBmdW5jdGlvbiBhbGxOdW0oKSB7CiAgICAgIHJldHVybiB0aGlzLm5vdGljZS5sZW5ndGggKyB0aGlzLm1lc3NhZ2UubGVuZ3RoICsgdGhpcy50b2RvLmxlbmd0aDsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIC8qIOa4heepuua2iOaBryAqLwogICAgY2xlYXI6IGZ1bmN0aW9uIGNsZWFyKHR5cGUpIHsKICAgICAgaWYgKHR5cGUgPT09IDEpIHRoaXMubm90aWNlID0gW107ZWxzZSBpZiAodHlwZSA9PT0gMikgdGhpcy5tZXNzYWdlID0gW107ZWxzZSBpZiAodHlwZSA9PT0gMykgdGhpcy50b2RvID0gW107CiAgICB9LAoKICAgIC8qIOafpeeci+abtOWkmiAqLwogICAgbW9yZTogZnVuY3Rpb24gbW9yZSh0eXBlKSB7CiAgICAgIGNvbnNvbGUubG9nKHR5cGUpOwogICAgICBpZiAodGhpcy4kcm91dGUucGF0aCAhPT0gJy91c2VyL21lc3NhZ2UnKSB0aGlzLiRyb3V0ZXIucHVzaCgnL3VzZXIvbWVzc2FnZScpOwogICAgICB0aGlzLnNob3cgPSBmYWxzZTsKICAgIH0KICB9Cn07"},{"version":3,"sources":["Notice.vue"],"names":[],"mappings":"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","sourcesContent":["<!-- 顶栏消息图标 -->\r\n<template>\r\n <el-popover width=\"300\" v-model=\"show\" trigger=\"click\" popper-class=\"ele-notice-pop\" transition=\"el-zoom-in-top\"\r\n class=\"ele-notice-group\">\r\n <div class=\"ele-notice-group\" slot=\"reference\">\r\n <el-badge :value=\"allNum\" :hidden=\"!allNum\"><i class=\"el-icon-bell\"></i></el-badge>\r\n </div>\r\n <el-tabs v-if=\"show\" v-model=\"active\" class=\"user-info-tabs\">\r\n <el-tab-pane :label=\"noticeLabel\" name=\"notice\">\r\n <div class=\"ele-notice-list ele-scrollbar-mini\">\r\n <div v-for=\"(item,index) in notice\" :key=\"index\" class=\"ele-notice-item\">\r\n <div class=\"ele-cell ele-notice-item-wrapper\">\r\n <i :class=\"[item.icon,'ele-notice-item-icon']\"></i>\r\n <div class=\"ele-cell-content\">\r\n <div class=\"ele-elip\">{{ item.title }}</div>\r\n <div class=\"ele-text-secondary ele-elip\">{{ item.time }}</div>\r\n </div>\r\n </div>\r\n <el-divider/>\r\n </div>\r\n </div>\r\n <div v-if=\"notice.length\" class=\"ele-cell ele-notice-actions\">\r\n <div @click=\"clear(1)\" class=\"ele-cell-content\">清空通知</div>\r\n <el-divider direction=\"vertical\" class=\"line-color-light\"/>\r\n <div @click=\"more(1)\" class=\"ele-cell-content\">查看更多</div>\r\n </div>\r\n <ele-empty v-if=\"!notice.length\" text=\"你已查看所有通知\"/>\r\n </el-tab-pane>\r\n <el-tab-pane :label=\"messageLabel\" name=\"message\">\r\n <div class=\"ele-notice-list ele-scrollbar-mini\">\r\n <div v-for=\"(item,index) in message\" :key=\"index\" class=\"ele-notice-item\">\r\n <div class=\"ele-cell ele-notice-item-wrapper ele-cell-align-top\">\r\n <el-avatar :src=\"item.avatar\" size=\"medium\"/>\r\n <div class=\"ele-cell-content\">\r\n <div class=\"ele-elip\">{{ item.title }}</div>\r\n <div class=\"ele-text-secondary ele-elip\">{{ item.content }}</div>\r\n <div class=\"ele-cell-desc ele-elip\">{{ item.time }}</div>\r\n </div>\r\n </div>\r\n <el-divider/>\r\n </div>\r\n </div>\r\n <div v-if=\"message.length\" class=\"ele-cell ele-notice-actions\">\r\n <div @click=\"clear(2)\" class=\"ele-cell-content\">清空消息</div>\r\n <el-divider direction=\"vertical\" class=\"line-color-light\"/>\r\n <div @click=\"more(2)\" class=\"ele-cell-content\">查看更多</div>\r\n </div>\r\n <ele-empty v-if=\"!message.length\" text=\"你已读完所有私信\"/>\r\n </el-tab-pane>\r\n <el-tab-pane :label=\"todoLabel\" name=\"todo\">\r\n <div class=\"ele-notice-list ele-scrollbar-mini\">\r\n <div v-for=\"(item,index) in todo\" :key=\"index\" class=\"ele-notice-item\">\r\n <div class=\"ele-notice-item-wrapper\">\r\n <div class=\"ele-cell ele-cell-align-top\">\r\n <div class=\"ele-cell-content ele-elip\">{{ item.title }}</div>\r\n <el-tag size=\"mini\" :type=\"['info','danger',''][item.state]\">\r\n {{ ['未开始', '即将到期', '进行中'][item.state] }}\r\n </el-tag>\r\n </div>\r\n <div class=\"ele-text-secondary ele-elip\">{{ item.desc }}</div>\r\n </div>\r\n <el-divider/>\r\n </div>\r\n </div>\r\n <div v-if=\"todo.length\" class=\"ele-cell ele-notice-actions\">\r\n <div @click=\"clear(3)\" class=\"ele-cell-content\">清空待办</div>\r\n <el-divider direction=\"vertical\" class=\"line-color-light\"/>\r\n <div @click=\"more(3)\" class=\"ele-cell-content\">查看更多</div>\r\n </div>\r\n <ele-empty v-if=\"!todo.length\" text=\"你已完成所有任务\"/>\r\n </el-tab-pane>\r\n </el-tabs>\r\n </el-popover>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"EleNotice\",\r\n data() {\r\n return {\r\n show: false,\r\n active: 'notice',\r\n notice: [\r\n {icon: 'el-icon-s-comment', title: '你收到了一封14份新周报', time: '2020-07-27 18:30:18'},\r\n {icon: 'el-icon-s-check', title: '许经理同意了你的请假申请', time: '2020-07-27 09:08:36'},\r\n {icon: 'el-icon-video-camera', title: '陈总邀请你参加视频会议', time: '2020-07-26 18:30:01'},\r\n {icon: 'el-icon-s-claim', title: '你推荐的刘诗雨已通过第三轮面试', time: '2020-07-25 16:38:46'},\r\n {icon: 'el-icon-message-solid', title: '你的6月加班奖金已发放', time: '2020-07-25 11:03:31'}\r\n ],\r\n message: [\r\n {\r\n avatar: require('@/assets/logo.png'),\r\n title: 'SunSmile 评论了你的日志', content: '写的不错, 以后多多向你学习~', time: '2020-07-27 18:30:18'\r\n },\r\n {\r\n avatar: require('@/assets/logo.png'),\r\n title: '刘诗雨 点赞了你的日志', content: '写的不错, 以后多多向你学习~', time: '2020-07-27 09:08:36'\r\n },\r\n {\r\n avatar: require('@/assets/logo.png'),\r\n title: '酷酷的大叔 评论了你的周报', content: '写的不错, 以后多多向你学习~', time: '2020-07-26 18:30:01'\r\n },\r\n {\r\n avatar: require('@/assets/logo.png'),\r\n title: 'Jasmine 点赞了你的周报', content: '写的不错, 以后多多向你学习~', time: '2020-07-25 11:03:31'\r\n }\r\n ],\r\n todo: [\r\n {state: 0, title: '刘诗雨的请假审批', desc: '刘诗雨在 07-27 18:30 提交的请假申请'},\r\n {state: 1, title: '第三方代码紧急变更', desc: '需要在 2020-07-27 之前完成'},\r\n {state: 2, title: '信息安全考试', desc: '需要在 2020-07-26 18:30 前完成'},\r\n {state: 2, title: 'Laravel发布新版本', desc: '需要在 2020-07-25 11:03 前完成'}\r\n ]\r\n }\r\n },\r\n computed: {\r\n /* 通知标题 */\r\n noticeLabel() {\r\n if (this.notice.length) return `通知(${this.notice.length})`;\r\n else return '通知';\r\n },\r\n /* 私信标题 */\r\n messageLabel() {\r\n if (this.message.length) return `私信(${this.message.length})`;\r\n else return '私信';\r\n },\r\n /* 待办标题 */\r\n todoLabel() {\r\n if (this.todo.length) return `待办(${this.todo.length})`;\r\n else return '待办';\r\n },\r\n /* 所有消息数量 */\r\n allNum() {\r\n return this.notice.length + this.message.length + this.todo.length;\r\n }\r\n },\r\n methods: {\r\n /* 清空消息 */\r\n clear(type) {\r\n if (type === 1) this.notice = [];\r\n else if (type === 2) this.message = [];\r\n else if (type === 3) this.todo = [];\r\n },\r\n /* 查看更多 */\r\n more(type) {\r\n console.log(type);\r\n if (this.$route.path !== '/user/message') this.$router.push('/user/message');\r\n this.show = false;\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n/* 消息通知pop */\r\n.ele-notice-pop {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n\r\n.ele-notice-group {\r\n vertical-align: top !important;\r\n display: inline-block;\r\n}\r\n\r\n.ele-notice-group .el-badge {\r\n line-height: normal;\r\n}\r\n\r\n/* tab */\r\n.ele-notice-pop .el-tabs__nav-scroll {\r\n text-align: center;\r\n}\r\n\r\n.ele-notice-pop .el-tabs__nav {\r\n float: none;\r\n display: inline-block;\r\n}\r\n\r\n.ele-notice-pop .el-tabs__item {\r\n padding: 0 20px;\r\n}\r\n\r\n/* 列表 */\r\n.ele-notice-list {\r\n padding-top: 8px;\r\n max-height: 360px;\r\n overflow: auto;\r\n}\r\n\r\n.ele-notice-item .ele-notice-item-wrapper {\r\n padding: 12px 15px;\r\n transition: background-color .2s;\r\n cursor: pointer;\r\n}\r\n\r\n.ele-notice-item .ele-notice-item-wrapper:hover {\r\n background-color: hsla(0, 0%, 60%, .05);\r\n}\r\n\r\n.ele-notice-item .ele-text-secondary {\r\n margin-top: 5px;\r\n font-size: 13px;\r\n}\r\n\r\n.ele-notice-item .ele-cell-desc {\r\n margin-top: 3px !important;\r\n font-size: 12px !important;\r\n}\r\n\r\n.ele-notice-item-icon {\r\n width: 32px;\r\n height: 32px;\r\n line-height: 32px !important;\r\n color: #FFF;\r\n font-size: 16px;\r\n background-color: #60B2FC;\r\n border-radius: 50%;\r\n text-align: center;\r\n}\r\n\r\n.ele-notice-item-icon.el-icon-s-check {\r\n background-color: #F5686F;\r\n}\r\n\r\n.ele-notice-item-icon.el-icon-video-camera {\r\n background-color: #7CD734;\r\n}\r\n\r\n.ele-notice-item-icon.el-icon-s-claim {\r\n background-color: #FAAD14;\r\n}\r\n\r\n.ele-notice-item-icon.el-icon-message-solid {\r\n background-color: #2BCACD;\r\n}\r\n\r\n/* 操作按钮 */\r\n.ele-notice-actions > .ele-cell-content {\r\n line-height: 42px;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n\r\n.ele-notice-actions > .ele-cell-content:hover {\r\n background-color: hsla(0, 0%, 60%, .05);\r\n}\r\n\r\n/* 空视图 */\r\n.ele-notice-pop .ele-empty {\r\n padding: 100px 0;\r\n}\r\n</style>"],"sourceRoot":"src/views/common/fragment"}]}
|
