| 1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\Notice\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\Notice\\index.vue","mtime":1678954023500},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwppbXBvcnQgeyBnZXRBbGxNZXNzYWdlLCByZWNlaXZlTWVzc2FnZSB9IGZyb20gIkAvYXBpL2NvbW1vbiI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiTm90aWNlIiwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFjdGl2ZU5hbWU6ICJub3RpY2UiLAogICAgICBiYWRnZTogbnVsbCwKICAgICAgbGlzdDogW10sCiAgICAgIHBhZ2U6IDEsCiAgICAgIHBhZ2VTaXplOiAyMAogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgc2hvd05vdGljZTogInNldHRpbmdzL3Nob3dOb3RpY2UiCiAgICB9KQogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7CiAgICAgIGlmICh0aGlzLnNob3dOb3RpY2UpIHsKICAgICAgICB0aGlzLmdldEFsbE1lc3NhZ2UoKTsKICAgICAgfQogICAgfSk7CiAgfSwKCiAgbWV0aG9kczogewogICAgaGFuZGxlQ2xpY2sodGFiKSB7Ly8gdGhpcy5mZXRjaERhdGEoKTsKICAgIH0sCgogICAgaGFuZGxlQ2xlYXJOb3RpY2UoKSB7CiAgICAgIHRoaXMuYmFkZ2UgPSBudWxsOwogICAgICB0aGlzLmxpc3QgPSBbXTsKICAgICAgdGhpcy4kYmFzZU1lc3NhZ2UoIua4heepuua2iOaBr+aIkOWKnyIsICJzdWNjZXNzIik7CiAgICB9LAoKICAgIC8vIOiOt+WPlumAmuefpQogICAgYXN5bmMgZ2V0QWxsTWVzc2FnZSgpIHsKICAgICAgY29uc3QgewogICAgICAgIGRhdGEsCiAgICAgICAgcGFnZVRvdGFsCiAgICAgIH0gPSBhd2FpdCBnZXRBbGxNZXNzYWdlKHsKICAgICAgICBwYWdlOiB0aGlzLnBhZ2UsCiAgICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsCiAgICAgICAgcmVjZWl2ZVN0YXR1czogNAogICAgICB9KTsKICAgICAgdGhpcy5saXN0ID0gZGF0YTsKICAgICAgdGhpcy5iYWRnZSA9IHBhZ2VUb3RhbDsKICAgIH0sCgogICAgLy8g54K55Ye75bey6K+7CiAgICBhc3luYyBoYXNSZWFkKGlkLCBpbmRleCkgewogICAgICBjb25zdCB7CiAgICAgICAgZXJyLAogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IHJlY2VpdmVNZXNzYWdlKGlkKTsKICAgICAgaWYgKGVycikgcmV0dXJuOyAvLyB0aGlzLmxpc3RbaW5kZXhdLnJlY2VpdmVTdGF0dXMgPSA1OwogICAgICAvLyB0aGlzLmJhZGdlID0gdGhpcy5iYWRnZSAtIDE7CgogICAgICB0aGlzLmdldEFsbE1lc3NhZ2UoKTsKICAgIH0sCgogICAgcGFnZUNoYW5nZShwYWdlKSB7CiAgICAgIHRoaXMucGFnZSA9IHBhZ2U7CiAgICAgIHRoaXMuZ2V0QWxsTWVzc2FnZSgpOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;AACA;AAEA;EACAA,cADA;;EAEAC;IACA;MACAC,oBADA;MAEAC,WAFA;MAGAC,QAHA;MAIAC,OAJA;MAKAC;IALA;EAOA,CAVA;;EAWAC,YACA;MACAC;IADA;EADA,CAXA;;EAgBAC;IACA;MACA;QACA;MACA;IACA,CAJA;EAKA,CAtBA;;EAwBAC;IACAC,kBACA;IACA,CAHA;;IAIAC;MACA;MACA;MACA;IACA,CARA;;IASA;IACA;MACA;QAAAX;QAAAY;MAAA;QACAR,eADA;QAEAC,uBAFA;QAGAQ;MAHA;MAMA;MACA;IACA,CAnBA;;IAoBA;IACA;MACA;QAAAC;QAAAd;MAAA;MACA,gBAFA,CAGA;MACA;;MACA;IACA,CA3BA;;IA4BAe;MACA;MACA;IACA;;EA/BA;AAxBA","names":["name","data","activeName","badge","list","page","pageSize","computed","showNotice","created","methods","handleClick","handleClearNotice","pageTotal","receiveStatus","err","pageChange"],"sourceRoot":"src/vab/components/Notice","sources":["index.vue"],"sourcesContent":["<template>\n <el-badge v-if=\"showNotice\" :value=\"badge >= 100 ? '99+' : badge\">\n <el-popover placement=\"bottom\" trigger=\"hover\" width=\"300\">\n <vab-remix-icon\n slot=\"reference\"\n icon-class=\"notification-line\"\n ></vab-remix-icon>\n <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\">\n <el-tab-pane label=\"未读消息\" name=\"notice\">\n <div class=\"notice-list\">\n <el-scrollbar>\n <ul>\n <li v-for=\"(item, index) in list\" :key=\"index\">\n <!-- <el-avatar :size=\"45\" :src=\"item.image\"></el-avatar>-->\n <p class=\"title\">{{ item.title }}</p>\n <p class=\"content\">{{ item.content }}</p>\n <el-button\n class=\"read-btn\"\n type=\"text\"\n size=\"mini\"\n plain\n @click=\"hasRead(item.id, index)\"\n >\n 标记已读\n </el-button>\n </li>\n </ul>\n </el-scrollbar>\n </div>\n </el-tab-pane>\n <!-- <el-tab-pane :label=\"translateTitle('邮件')\" name=\"email\">-->\n <!-- <div class=\"notice-list\">-->\n <!-- <el-scrollbar>-->\n <!-- <ul>-->\n <!-- <li v-for=\"(item, index) in list\" :key=\"index\">-->\n <!-- <el-avatar :size=\"45\" :src=\"item.image\"></el-avatar>-->\n <!-- <span>{{ item.email }}</span>-->\n <!-- </li>-->\n <!-- </ul>-->\n <!-- </el-scrollbar>-->\n <!-- </div>-->\n <!-- </el-tab-pane>-->\n </el-tabs>\n <div class=\"notice-clear\">\n <!-- <vab-remix-icon icon-class=\"close-circle-line\"></vab-remix-icon>-->\n <!-- {{ translateTitle(\"清空消息\") }}-->\n <el-pagination\n small\n layout=\"prev, pager, next\"\n :total=\"badge\"\n :current-page=\"page\"\n :page-size=\"pageSize\"\n @current-change=\"pageChange\"\n ></el-pagination>\n </div>\n </el-popover>\n </el-badge>\n</template>\n\n<script>\n import { mapGetters } from \"vuex\";\n import { getAllMessage, receiveMessage } from \"@/api/common\";\n\n export default {\n name: \"Notice\",\n data() {\n return {\n activeName: \"notice\",\n badge: null,\n list: [],\n page: 1,\n pageSize: 20,\n };\n },\n computed: {\n ...mapGetters({\n showNotice: \"settings/showNotice\",\n }),\n },\n created() {\n this.$nextTick(() => {\n if (this.showNotice) {\n this.getAllMessage();\n }\n });\n },\n\n methods: {\n handleClick(tab) {\n // this.fetchData();\n },\n handleClearNotice() {\n this.badge = null;\n this.list = [];\n this.$baseMessage(\"清空消息成功\", \"success\");\n },\n // 获取通知\n async getAllMessage() {\n const { data, pageTotal } = await getAllMessage({\n page: this.page,\n pageSize: this.pageSize,\n receiveStatus: 4,\n });\n\n this.list = data;\n this.badge = pageTotal;\n },\n // 点击已读\n async hasRead(id, index) {\n const { err, data } = await receiveMessage(id);\n if (err) return;\n // this.list[index].receiveStatus = 5;\n // this.badge = this.badge - 1;\n this.getAllMessage();\n },\n pageChange(page) {\n this.page = page;\n this.getAllMessage();\n },\n },\n };\n</script>\n\n<style lang=\"scss\" scoped>\n ::v-deep {\n .el-tabs__active-bar {\n min-width: 28px;\n }\n }\n\n .notice-list {\n height: 59vh;\n\n ul {\n padding: 0 15px 0 0;\n margin: 0;\n\n li {\n padding: 10px 0 10px 0;\n position: relative;\n border-bottom: 1px solid #f2f2f2;\n\n ::v-deep {\n .el-avatar {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n }\n }\n\n .title {\n font-weight: bold;\n }\n .content {\n font-size: 12px;\n }\n .read-btn {\n position: absolute;\n top: 0;\n right: 0;\n }\n }\n }\n }\n\n .notice-clear {\n /*display: flex;*/\n /*align-items: center;*/\n /*justify-content: center;*/\n /*padding: 10px 0 0 0;*/\n /*font-size: 14px;*/\n /*color: #515a6e;*/\n color: $base-color-blue;\n /*text-align: center;*/\n /*cursor: pointer;*/\n border-top: 1px solid #e8eaec;\n -webkit-transition: color 0.2s ease-in-out;\n transition: color 0.2s ease-in-out;\n\n i {\n margin-right: 3px;\n }\n }\n</style>\n"]}]}
|
