(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[32],{ /***/ "./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?!./node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=script&lang=js": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options!./src/views/common/fragment/Notice.vue?vue&type=script&lang=js ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.43.0@core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"EleNotice\",\n data() {\n return {\n show: false,\n active: 'notice',\n notice: [{\n icon: 'el-icon-s-comment',\n title: '你收到了一封14份新周报',\n time: '2020-07-27 18:30:18'\n }, {\n icon: 'el-icon-s-check',\n title: '许经理同意了你的请假申请',\n time: '2020-07-27 09:08:36'\n }, {\n icon: 'el-icon-video-camera',\n title: '陈总邀请你参加视频会议',\n time: '2020-07-26 18:30:01'\n }, {\n icon: 'el-icon-s-claim',\n title: '你推荐的刘诗雨已通过第三轮面试',\n time: '2020-07-25 16:38:46'\n }, {\n icon: 'el-icon-message-solid',\n title: '你的6月加班奖金已发放',\n time: '2020-07-25 11:03:31'\n }],\n message: [{\n avatar: __webpack_require__(/*! @/assets/logo.png */ \"./src/assets/logo.png\"),\n title: 'SunSmile 评论了你的日志',\n content: '写的不错, 以后多多向你学习~',\n time: '2020-07-27 18:30:18'\n }, {\n avatar: __webpack_require__(/*! @/assets/logo.png */ \"./src/assets/logo.png\"),\n title: '刘诗雨 点赞了你的日志',\n content: '写的不错, 以后多多向你学习~',\n time: '2020-07-27 09:08:36'\n }, {\n avatar: __webpack_require__(/*! @/assets/logo.png */ \"./src/assets/logo.png\"),\n title: '酷酷的大叔 评论了你的周报',\n content: '写的不错, 以后多多向你学习~',\n time: '2020-07-26 18:30:01'\n }, {\n avatar: __webpack_require__(/*! @/assets/logo.png */ \"./src/assets/logo.png\"),\n title: 'Jasmine 点赞了你的周报',\n content: '写的不错, 以后多多向你学习~',\n time: '2020-07-25 11:03:31'\n }],\n todo: [{\n state: 0,\n title: '刘诗雨的请假审批',\n desc: '刘诗雨在 07-27 18:30 提交的请假申请'\n }, {\n state: 1,\n title: '第三方代码紧急变更',\n desc: '需要在 2020-07-27 之前完成'\n }, {\n state: 2,\n title: '信息安全考试',\n desc: '需要在 2020-07-26 18:30 前完成'\n }, {\n state: 2,\n title: 'Laravel发布新版本',\n desc: '需要在 2020-07-25 11:03 前完成'\n }]\n };\n },\n computed: {\n /* 通知标题 */\n noticeLabel() {\n if (this.notice.length) return `通知(${this.notice.length})`;else return '通知';\n },\n /* 私信标题 */\n messageLabel() {\n if (this.message.length) return `私信(${this.message.length})`;else return '私信';\n },\n /* 待办标题 */\n todoLabel() {\n if (this.todo.length) return `待办(${this.todo.length})`;else return '待办';\n },\n /* 所有消息数量 */\n allNum() {\n return this.notice.length + this.message.length + this.todo.length;\n }\n },\n methods: {\n /* 清空消息 */\n clear(type) {\n if (type === 1) this.notice = [];else if (type === 2) this.message = [];else if (type === 3) this.todo = [];\n },\n /* 查看更多 */\n more(type) {\n console.log(type);\n if (this.$route.path !== '/user/message') this.$router.push('/user/message');\n this.show = false;\n }\n }\n});\n\n//# sourceURL=webpack:///./src/views/common/fragment/Notice.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"a00eae3e-vue-loader-template\"}!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?!./node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js?!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=template&id=fb8a0ee6": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a00eae3e-vue-loader-template"}!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options!./src/views/common/fragment/Notice.vue?vue&type=template&id=fb8a0ee6 ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"el-popover\", {\n staticClass: \"ele-notice-group\",\n attrs: {\n width: \"300\",\n trigger: \"click\",\n \"popper-class\": \"ele-notice-pop\",\n transition: \"el-zoom-in-top\"\n },\n model: {\n value: _vm.show,\n callback: function ($$v) {\n _vm.show = $$v;\n },\n expression: \"show\"\n }\n }, [_c(\"div\", {\n staticClass: \"ele-notice-group\",\n attrs: {\n slot: \"reference\"\n },\n slot: \"reference\"\n }, [_c(\"el-badge\", {\n attrs: {\n value: _vm.allNum,\n hidden: !_vm.allNum\n }\n }, [_c(\"i\", {\n staticClass: \"el-icon-bell\"\n })])], 1), _vm.show ? _c(\"el-tabs\", {\n staticClass: \"user-info-tabs\",\n model: {\n value: _vm.active,\n callback: function ($$v) {\n _vm.active = $$v;\n },\n expression: \"active\"\n }\n }, [_c(\"el-tab-pane\", {\n attrs: {\n label: _vm.noticeLabel,\n name: \"notice\"\n }\n }, [_c(\"div\", {\n staticClass: \"ele-notice-list ele-scrollbar-mini\"\n }, _vm._l(_vm.notice, function (item, index) {\n return _c(\"div\", {\n key: index,\n staticClass: \"ele-notice-item\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell ele-notice-item-wrapper\"\n }, [_c(\"i\", {\n class: [item.icon, \"ele-notice-item-icon\"]\n }), _c(\"div\", {\n staticClass: \"ele-cell-content\"\n }, [_c(\"div\", {\n staticClass: \"ele-elip\"\n }, [_vm._v(_vm._s(item.title))]), _c(\"div\", {\n staticClass: \"ele-text-secondary ele-elip\"\n }, [_vm._v(_vm._s(item.time))])])]), _c(\"el-divider\")], 1);\n }), 0), _vm.notice.length ? _c(\"div\", {\n staticClass: \"ele-cell ele-notice-actions\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell-content\",\n on: {\n click: function ($event) {\n return _vm.clear(1);\n }\n }\n }, [_vm._v(\"清空通知\")]), _c(\"el-divider\", {\n staticClass: \"line-color-light\",\n attrs: {\n direction: \"vertical\"\n }\n }), _c(\"div\", {\n staticClass: \"ele-cell-content\",\n on: {\n click: function ($event) {\n return _vm.more(1);\n }\n }\n }, [_vm._v(\"查看更多\")])], 1) : _vm._e(), !_vm.notice.length ? _c(\"ele-empty\", {\n attrs: {\n text: \"你已查看所有通知\"\n }\n }) : _vm._e()], 1), _c(\"el-tab-pane\", {\n attrs: {\n label: _vm.messageLabel,\n name: \"message\"\n }\n }, [_c(\"div\", {\n staticClass: \"ele-notice-list ele-scrollbar-mini\"\n }, _vm._l(_vm.message, function (item, index) {\n return _c(\"div\", {\n key: index,\n staticClass: \"ele-notice-item\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell ele-notice-item-wrapper ele-cell-align-top\"\n }, [_c(\"el-avatar\", {\n attrs: {\n src: item.avatar,\n size: \"medium\"\n }\n }), _c(\"div\", {\n staticClass: \"ele-cell-content\"\n }, [_c(\"div\", {\n staticClass: \"ele-elip\"\n }, [_vm._v(_vm._s(item.title))]), _c(\"div\", {\n staticClass: \"ele-text-secondary ele-elip\"\n }, [_vm._v(_vm._s(item.content))]), _c(\"div\", {\n staticClass: \"ele-cell-desc ele-elip\"\n }, [_vm._v(_vm._s(item.time))])])], 1), _c(\"el-divider\")], 1);\n }), 0), _vm.message.length ? _c(\"div\", {\n staticClass: \"ele-cell ele-notice-actions\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell-content\",\n on: {\n click: function ($event) {\n return _vm.clear(2);\n }\n }\n }, [_vm._v(\"清空消息\")]), _c(\"el-divider\", {\n staticClass: \"line-color-light\",\n attrs: {\n direction: \"vertical\"\n }\n }), _c(\"div\", {\n staticClass: \"ele-cell-content\",\n on: {\n click: function ($event) {\n return _vm.more(2);\n }\n }\n }, [_vm._v(\"查看更多\")])], 1) : _vm._e(), !_vm.message.length ? _c(\"ele-empty\", {\n attrs: {\n text: \"你已读完所有私信\"\n }\n }) : _vm._e()], 1), _c(\"el-tab-pane\", {\n attrs: {\n label: _vm.todoLabel,\n name: \"todo\"\n }\n }, [_c(\"div\", {\n staticClass: \"ele-notice-list ele-scrollbar-mini\"\n }, _vm._l(_vm.todo, function (item, index) {\n return _c(\"div\", {\n key: index,\n staticClass: \"ele-notice-item\"\n }, [_c(\"div\", {\n staticClass: \"ele-notice-item-wrapper\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell ele-cell-align-top\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell-content ele-elip\"\n }, [_vm._v(_vm._s(item.title))]), _c(\"el-tag\", {\n attrs: {\n size: \"mini\",\n type: [\"info\", \"danger\", \"\"][item.state]\n }\n }, [_vm._v(\" \" + _vm._s([\"未开始\", \"即将到期\", \"进行中\"][item.state]) + \" \")])], 1), _c(\"div\", {\n staticClass: \"ele-text-secondary ele-elip\"\n }, [_vm._v(_vm._s(item.desc))])]), _c(\"el-divider\")], 1);\n }), 0), _vm.todo.length ? _c(\"div\", {\n staticClass: \"ele-cell ele-notice-actions\"\n }, [_c(\"div\", {\n staticClass: \"ele-cell-content\",\n on: {\n click: function ($event) {\n return _vm.clear(3);\n }\n }\n }, [_vm._v(\"清空待办\")]), _c(\"el-divider\", {\n staticClass: \"line-color-light\",\n attrs: {\n direction: \"vertical\"\n }\n }), _c(\"div\", {\n staticClass: \"ele-cell-content\",\n on: {\n click: function ($event) {\n return _vm.more(3);\n }\n }\n }, [_vm._v(\"查看更多\")])], 1) : _vm._e(), !_vm.todo.length ? _c(\"ele-empty\", {\n attrs: {\n text: \"你已完成所有任务\"\n }\n }) : _vm._e()], 1)], 1) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack:///./src/views/common/fragment/Notice.vue?./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22a00eae3e-vue-loader-template%22%7D!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.4.1@babel-loader/lib!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js?!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js?!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&id=fb8a0ee6&lang=css": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&id=fb8a0ee6&lang=css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js */ \"./node_modules/_css-loader@3.6.0@css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\r\\n/* 消息通知pop */\\n.ele-notice-pop {\\r\\n margin: 0 !important;\\r\\n padding: 0 !important;\\n}\\n.ele-notice-group {\\r\\n vertical-align: top !important;\\r\\n display: inline-block;\\n}\\n.ele-notice-group .el-badge {\\r\\n line-height: normal;\\n}\\r\\n\\r\\n/* tab */\\n.ele-notice-pop .el-tabs__nav-scroll {\\r\\n text-align: center;\\n}\\n.ele-notice-pop .el-tabs__nav {\\r\\n float: none;\\r\\n display: inline-block;\\n}\\n.ele-notice-pop .el-tabs__item {\\r\\n padding: 0 20px;\\n}\\r\\n\\r\\n/* 列表 */\\n.ele-notice-list {\\r\\n padding-top: 8px;\\r\\n max-height: 360px;\\r\\n overflow: auto;\\n}\\n.ele-notice-item .ele-notice-item-wrapper {\\r\\n padding: 12px 15px;\\r\\n transition: background-color .2s;\\r\\n cursor: pointer;\\n}\\n.ele-notice-item .ele-notice-item-wrapper:hover {\\r\\n background-color: hsla(0, 0%, 60%, .05);\\n}\\n.ele-notice-item .ele-text-secondary {\\r\\n margin-top: 5px;\\r\\n font-size: 13px;\\n}\\n.ele-notice-item .ele-cell-desc {\\r\\n margin-top: 3px !important;\\r\\n font-size: 12px !important;\\n}\\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;\\n}\\n.ele-notice-item-icon.el-icon-s-check {\\r\\n background-color: #F5686F;\\n}\\n.ele-notice-item-icon.el-icon-video-camera {\\r\\n background-color: #7CD734;\\n}\\n.ele-notice-item-icon.el-icon-s-claim {\\r\\n background-color: #FAAD14;\\n}\\n.ele-notice-item-icon.el-icon-message-solid {\\r\\n background-color: #2BCACD;\\n}\\r\\n\\r\\n/* 操作按钮 */\\n.ele-notice-actions > .ele-cell-content {\\r\\n line-height: 42px;\\r\\n text-align: center;\\r\\n cursor: pointer;\\n}\\n.ele-notice-actions > .ele-cell-content:hover {\\r\\n background-color: hsla(0, 0%, 60%, .05);\\n}\\r\\n\\r\\n/* 空视图 */\\n.ele-notice-pop .ele-empty {\\r\\n padding: 100px 0;\\n}\\r\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/views/common/fragment/Notice.vue?./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/_vue-style-loader@4.1.3@vue-style-loader/index.js?!./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js?!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js?!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js?!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&id=fb8a0ee6&lang=css": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/_vue-style-loader@4.1.3@vue-style-loader??ref--6-oneOf-1-0!./node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@3.0.0@postcss-loader/src??ref--6-oneOf-1-2!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.11.1@vue-loader/lib??vue-loader-options!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&id=fb8a0ee6&lang=css ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a