(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[35],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=script&lang=js&": /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"EleNotice\",\n data: function 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: function noticeLabel() {\n if (this.notice.length) return \"\\u901A\\u77E5(\".concat(this.notice.length, \")\");else return '通知';\n },\n\n /* 私信标题 */\n messageLabel: function messageLabel() {\n if (this.message.length) return \"\\u79C1\\u4FE1(\".concat(this.message.length, \")\");else return '私信';\n },\n\n /* 待办标题 */\n todoLabel: function todoLabel() {\n if (this.todo.length) return \"\\u5F85\\u529E(\".concat(this.todo.length, \")\");else return '待办';\n },\n\n /* 所有消息数量 */\n allNum: function allNum() {\n return this.notice.length + this.message.length + this.todo.length;\n }\n },\n methods: {\n /* 清空消息 */\n clear: function clear(type) {\n if (type === 1) this.notice = [];else if (type === 2) this.message = [];else if (type === 3) this.todo = [];\n },\n\n /* 查看更多 */\n more: function 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/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c7c7227c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=template&id=fb8a0ee6&": /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c7c7227c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/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() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"el-popover\",\n {\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 },\n [\n _c(\n \"div\",\n {\n staticClass: \"ele-notice-group\",\n attrs: { slot: \"reference\" },\n slot: \"reference\"\n },\n [\n _c(\n \"el-badge\",\n { attrs: { value: _vm.allNum, hidden: !_vm.allNum } },\n [_c(\"i\", { staticClass: \"el-icon-bell\" })]\n )\n ],\n 1\n ),\n _vm.show\n ? _c(\n \"el-tabs\",\n {\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 },\n [\n _c(\n \"el-tab-pane\",\n { attrs: { label: _vm.noticeLabel, name: \"notice\" } },\n [\n _c(\n \"div\",\n { staticClass: \"ele-notice-list ele-scrollbar-mini\" },\n _vm._l(_vm.notice, function(item, index) {\n return _c(\n \"div\",\n { key: index, staticClass: \"ele-notice-item\" },\n [\n _c(\n \"div\",\n { staticClass: \"ele-cell ele-notice-item-wrapper\" },\n [\n _c(\"i\", {\n class: [item.icon, \"ele-notice-item-icon\"]\n }),\n _c(\"div\", { staticClass: \"ele-cell-content\" }, [\n _c(\"div\", { staticClass: \"ele-elip\" }, [\n _vm._v(_vm._s(item.title))\n ]),\n _c(\n \"div\",\n {\n staticClass: \"ele-text-secondary ele-elip\"\n },\n [_vm._v(_vm._s(item.time))]\n )\n ])\n ]\n ),\n _c(\"el-divider\")\n ],\n 1\n )\n }),\n 0\n ),\n _vm.notice.length\n ? _c(\n \"div\",\n { staticClass: \"ele-cell ele-notice-actions\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content\",\n on: {\n click: function($event) {\n return _vm.clear(1)\n }\n }\n },\n [_vm._v(\"清空通知\")]\n ),\n _c(\"el-divider\", {\n staticClass: \"line-color-light\",\n attrs: { direction: \"vertical\" }\n }),\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content\",\n on: {\n click: function($event) {\n return _vm.more(1)\n }\n }\n },\n [_vm._v(\"查看更多\")]\n )\n ],\n 1\n )\n : _vm._e(),\n !_vm.notice.length\n ? _c(\"ele-empty\", { attrs: { text: \"你已查看所有通知\" } })\n : _vm._e()\n ],\n 1\n ),\n _c(\n \"el-tab-pane\",\n { attrs: { label: _vm.messageLabel, name: \"message\" } },\n [\n _c(\n \"div\",\n { staticClass: \"ele-notice-list ele-scrollbar-mini\" },\n _vm._l(_vm.message, function(item, index) {\n return _c(\n \"div\",\n { key: index, staticClass: \"ele-notice-item\" },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"ele-cell ele-notice-item-wrapper ele-cell-align-top\"\n },\n [\n _c(\"el-avatar\", {\n attrs: { src: item.avatar, size: \"medium\" }\n }),\n _c(\"div\", { staticClass: \"ele-cell-content\" }, [\n _c(\"div\", { staticClass: \"ele-elip\" }, [\n _vm._v(_vm._s(item.title))\n ]),\n _c(\n \"div\",\n {\n staticClass: \"ele-text-secondary ele-elip\"\n },\n [_vm._v(_vm._s(item.content))]\n ),\n _c(\n \"div\",\n { staticClass: \"ele-cell-desc ele-elip\" },\n [_vm._v(_vm._s(item.time))]\n )\n ])\n ],\n 1\n ),\n _c(\"el-divider\")\n ],\n 1\n )\n }),\n 0\n ),\n _vm.message.length\n ? _c(\n \"div\",\n { staticClass: \"ele-cell ele-notice-actions\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content\",\n on: {\n click: function($event) {\n return _vm.clear(2)\n }\n }\n },\n [_vm._v(\"清空消息\")]\n ),\n _c(\"el-divider\", {\n staticClass: \"line-color-light\",\n attrs: { direction: \"vertical\" }\n }),\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content\",\n on: {\n click: function($event) {\n return _vm.more(2)\n }\n }\n },\n [_vm._v(\"查看更多\")]\n )\n ],\n 1\n )\n : _vm._e(),\n !_vm.message.length\n ? _c(\"ele-empty\", { attrs: { text: \"你已读完所有私信\" } })\n : _vm._e()\n ],\n 1\n ),\n _c(\n \"el-tab-pane\",\n { attrs: { label: _vm.todoLabel, name: \"todo\" } },\n [\n _c(\n \"div\",\n { staticClass: \"ele-notice-list ele-scrollbar-mini\" },\n _vm._l(_vm.todo, function(item, index) {\n return _c(\n \"div\",\n { key: index, staticClass: \"ele-notice-item\" },\n [\n _c(\n \"div\",\n { staticClass: \"ele-notice-item-wrapper\" },\n [\n _c(\n \"div\",\n { staticClass: \"ele-cell ele-cell-align-top\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content ele-elip\"\n },\n [_vm._v(_vm._s(item.title))]\n ),\n _c(\n \"el-tag\",\n {\n attrs: {\n size: \"mini\",\n type: [\"info\", \"danger\", \"\"][item.state]\n }\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n [\"未开始\", \"即将到期\", \"进行中\"][\n item.state\n ]\n ) +\n \" \"\n )\n ]\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary ele-elip\" },\n [_vm._v(_vm._s(item.desc))]\n )\n ]\n ),\n _c(\"el-divider\")\n ],\n 1\n )\n }),\n 0\n ),\n _vm.todo.length\n ? _c(\n \"div\",\n { staticClass: \"ele-cell ele-notice-actions\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content\",\n on: {\n click: function($event) {\n return _vm.clear(3)\n }\n }\n },\n [_vm._v(\"清空待办\")]\n ),\n _c(\"el-divider\", {\n staticClass: \"line-color-light\",\n attrs: { direction: \"vertical\" }\n }),\n _c(\n \"div\",\n {\n staticClass: \"ele-cell-content\",\n on: {\n click: function($event) {\n return _vm.more(3)\n }\n }\n },\n [_vm._v(\"查看更多\")]\n )\n ],\n 1\n )\n : _vm._e(),\n !_vm.todo.length\n ? _c(\"ele-empty\", { attrs: { text: \"你已完成所有任务\" } })\n : _vm._e()\n ],\n 1\n )\n ],\n 1\n )\n : _vm._e()\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/views/common/fragment/Notice.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c7c7227c-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&lang=css&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&lang=css& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n/* 消息通知pop */\\n.ele-notice-pop {\\n margin: 0 !important;\\n padding: 0 !important;\\n}\\n.ele-notice-group {\\n vertical-align: top !important;\\n display: inline-block;\\n}\\n.ele-notice-group .el-badge {\\n line-height: normal;\\n}\\n\\n/* tab */\\n.ele-notice-pop .el-tabs__nav-scroll {\\n text-align: center;\\n}\\n.ele-notice-pop .el-tabs__nav {\\n float: none;\\n display: inline-block;\\n}\\n.ele-notice-pop .el-tabs__item {\\n padding: 0 20px;\\n}\\n\\n/* 列表 */\\n.ele-notice-list {\\n padding-top: 8px;\\n max-height: 360px;\\n overflow: auto;\\n}\\n.ele-notice-item .ele-notice-item-wrapper {\\n padding: 12px 15px;\\n transition: background-color .2s;\\n cursor: pointer;\\n}\\n.ele-notice-item .ele-notice-item-wrapper:hover {\\n background-color: hsla(0, 0%, 60%, .05);\\n}\\n.ele-notice-item .ele-text-secondary {\\n margin-top: 5px;\\n font-size: 13px;\\n}\\n.ele-notice-item .ele-cell-desc {\\n margin-top: 3px !important;\\n font-size: 12px !important;\\n}\\n.ele-notice-item-icon {\\n width: 32px;\\n height: 32px;\\n line-height: 32px !important;\\n color: #FFF;\\n font-size: 16px;\\n background-color: #60B2FC;\\n border-radius: 50%;\\n text-align: center;\\n}\\n.ele-notice-item-icon.el-icon-s-check {\\n background-color: #F5686F;\\n}\\n.ele-notice-item-icon.el-icon-video-camera {\\n background-color: #7CD734;\\n}\\n.ele-notice-item-icon.el-icon-s-claim {\\n background-color: #FAAD14;\\n}\\n.ele-notice-item-icon.el-icon-message-solid {\\n background-color: #2BCACD;\\n}\\n\\n/* 操作按钮 */\\n.ele-notice-actions > .ele-cell-content {\\n line-height: 42px;\\n text-align: center;\\n cursor: pointer;\\n}\\n.ele-notice-actions > .ele-cell-content:hover {\\n background-color: hsla(0, 0%, 60%, .05);\\n}\\n\\n/* 空视图 */\\n.ele-notice-pop .ele-empty {\\n padding: 100px 0;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/views/common/fragment/Notice.vue?./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&lang=css&": /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??ref--6-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/common/fragment/Notice.vue?vue&type=style&index=0&lang=css& ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a