forked from liweijie/education
1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\HeaderNotice\\DetailView.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\layout\\components\\HeaderNotice\\DetailView.vue","mtime":1787567871536},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\babel-loader\\lib\\index.js","mtime":1787309793142},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\babel.config.js","mtime":1787567871334},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\babel-loader\\lib\\index.js","mtime":1787309793142},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJDOi9Vc2Vycy9BZG1pbi9EZXNrdG9wL2VkdWNhdGlvbi9mcm9udGVuZC9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQuanMiKS5kZWZhdWx0OwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7CiAgdmFsdWU6IHRydWUKfSk7CmV4cG9ydHMuZGVmYXVsdCA9IHZvaWQgMDsKdmFyIF90eXBlb2YyID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCJDOi9Vc2Vycy9BZG1pbi9EZXNrdG9wL2VkdWNhdGlvbi9mcm9udGVuZC9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy90eXBlb2YuanMiKSk7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5zdHJpbmcudHJpbS5qcyIpOwp2YXIgX25vdGljZSA9IHJlcXVpcmUoIkAvYXBpL3N5c3RlbS9ub3RpY2UiKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gZXhwb3J0cy5kZWZhdWx0ID0gewogIG5hbWU6ICdOb3RpY2VEZXRhaWxWaWV3JywKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdmlzaWJsZTogZmFsc2UsCiAgICAgIGxvYWRpbmc6IGZhbHNlLAogICAgICBkZXRhaWw6IG51bGwKICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgaXNTdGF0dXNOb3JtYWw6IGZ1bmN0aW9uIGlzU3RhdHVzTm9ybWFsKCkgewogICAgICB2YXIgcyA9IHRoaXMuZGV0YWlsICYmIHRoaXMuZGV0YWlsLnN0YXR1czsKICAgICAgcmV0dXJuIHMgPT09ICcwJyB8fCBzID09PSAwOwogICAgfSwKICAgIGhhc0NvbnRlbnQ6IGZ1bmN0aW9uIGhhc0NvbnRlbnQoKSB7CiAgICAgIHZhciBjID0gdGhpcy5kZXRhaWwgJiYgdGhpcy5kZXRhaWwubm90aWNlQ29udGVudDsKICAgICAgcmV0dXJuIGMgIT0gbnVsbCAmJiBTdHJpbmcoYykudHJpbSgpICE9PSAnJzsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIG9wZW46IGZ1bmN0aW9uIG9wZW4ocGF5bG9hZCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwogICAgICB2YXIgaWQgPSBudWxsOwogICAgICB2YXIgcHJlc2V0ID0gbnVsbDsKICAgICAgaWYgKHBheWxvYWQgIT0gbnVsbCAmJiAoMCwgX3R5cGVvZjIuZGVmYXVsdCkocGF5bG9hZCkgPT09ICdvYmplY3QnKSB7CiAgICAgICAgaWQgPSBwYXlsb2FkLm5vdGljZUlkOwogICAgICAgIGlmIChwYXlsb2FkLm5vdGljZUNvbnRlbnQgIT0gbnVsbCkgewogICAgICAgICAgcHJlc2V0ID0gcGF5bG9hZDsKICAgICAgICB9CiAgICAgIH0gZWxzZSB7CiAgICAgICAgaWQgPSBwYXlsb2FkOwogICAgICB9CiAgICAgIHRoaXMudmlzaWJsZSA9IHRydWU7CiAgICAgIGlmIChwcmVzZXQpIHsKICAgICAgICB0aGlzLmRldGFpbCA9IHByZXNldDsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgaWYgKGlkID09IG51bGwgfHwgaWQgPT09ICcnKSB7CiAgICAgICAgdGhpcy5kZXRhaWwgPSBudWxsOwogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOwogICAgICB0aGlzLmRldGFpbCA9IG51bGw7CiAgICAgICgwLCBfbm90aWNlLmdldE5vdGljZSkoaWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLmRldGFpbCA9IHJlcy5kYXRhOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMuZGV0YWlsID0gbnVsbDsKICAgICAgfSkuZmluYWxseShmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMubG9hZGluZyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVDbG9zZTogZnVuY3Rpb24gaGFuZGxlQ2xvc2UoKSB7CiAgICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlOwogICAgICB0aGlzLmRldGFpbCA9IG51bGw7CiAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOwogICAgfQogIH0KfTs="},{"version":3,"names":["_notice","require","name","data","visible","loading","detail","computed","isStatusNormal","s","status","hasContent","c","noticeContent","String","trim","methods","open","payload","_this","id","preset","_typeof2","default","noticeId","getNotice","then","res","catch","finally","handleClose"],"sources":["src/layout/components/HeaderNotice/DetailView.vue"],"sourcesContent":["<template>\r\n <el-drawer title=\"公告详情\" :visible.sync=\"visible\" direction=\"rtl\" size=\"50%\" append-to-body :before-close=\"handleClose\" custom-class=\"notice-detail-drawer\">\r\n <div v-loading=\"loading\" class=\"notice-detail-drawer__body\">\r\n <div v-if=\"!detail\" class=\"notice-empty\">\r\n <i class=\"el-icon-document\"></i>\r\n <span>暂无数据</span>\r\n </div>\r\n <div v-else class=\"notice-page\">\r\n <div class=\"notice-type-wrap\">\r\n <span v-if=\"detail.noticeType === '1'\" class=\"notice-type-tag type-notify\">\r\n <i class=\"el-icon-bell\"></i> 通知\r\n </span>\r\n <span v-else-if=\"detail.noticeType === '2'\" class=\"notice-type-tag type-announce\">\r\n <i class=\"el-icon-message\"></i> 公告\r\n </span>\r\n <span v-else class=\"notice-type-tag type-notify\">\r\n <i class=\"el-icon-document\"></i> 消息\r\n </span>\r\n </div>\r\n\r\n <h1 class=\"notice-title\">{{ detail.noticeTitle }}</h1>\r\n\r\n <div class=\"notice-meta\">\r\n <span class=\"meta-item\">\r\n <i class=\"el-icon-user\"></i>\r\n <span>{{ detail.createBy || '—' }}</span>\r\n </span>\r\n <span class=\"meta-item\">\r\n <i class=\"el-icon-time\"></i>\r\n <span>{{ detail.createTime || '—' }}</span>\r\n </span>\r\n <span class=\"meta-item\">\r\n <span :class=\"['status-dot', isStatusNormal ? 'status-ok' : 'status-off']\"></span>\r\n <span>{{ isStatusNormal ? '正常' : '已关闭' }}</span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"notice-divider\">\r\n <span class=\"notice-divider-dot\"></span>\r\n <span class=\"notice-divider-dot\"></span>\r\n <span class=\"notice-divider-dot\"></span>\r\n </div>\r\n\r\n <div class=\"notice-body\">\r\n <div v-if=\"hasContent\" class=\"notice-content\" v-html=\"detail.noticeContent\" />\r\n <div v-else class=\"notice-empty notice-empty--inner\">\r\n <i class=\"el-icon-document\"></i> 暂无内容\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </el-drawer>\r\n</template>\r\n\r\n<script>\r\nimport { getNotice } from '@/api/system/notice'\r\n\r\nexport default {\r\n name: 'NoticeDetailView',\r\n data() {\r\n return {\r\n visible: false,\r\n loading: false,\r\n detail: null\r\n }\r\n },\r\n computed: {\r\n isStatusNormal() {\r\n const s = this.detail && this.detail.status\r\n return s === '0' || s === 0\r\n },\r\n hasContent() {\r\n const c = this.detail && this.detail.noticeContent\r\n return c != null && String(c).trim() !== ''\r\n }\r\n },\r\n methods: {\r\n open(payload) {\r\n let id = null\r\n let preset = null\r\n if (payload != null && typeof payload === 'object') {\r\n id = payload.noticeId\r\n if (payload.noticeContent != null) {\r\n preset = payload\r\n }\r\n } else {\r\n id = payload\r\n }\r\n this.visible = true\r\n if (preset) {\r\n this.detail = preset\r\n return\r\n }\r\n if (id == null || id === '') {\r\n this.detail = null\r\n return\r\n }\r\n this.loading = true\r\n this.detail = null\r\n getNotice(id).then(res => {\r\n this.detail = res.data\r\n }).catch(() => {\r\n this.detail = null\r\n }).finally(() => {\r\n this.loading = false\r\n })\r\n },\r\n handleClose() {\r\n this.visible = false\r\n this.detail = null\r\n this.loading = false\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.notice-page {\r\n max-width: 760px;\r\n margin: 0 auto;\r\n padding: 8px 8px 20px;\r\n animation: notice-fade-up 0.28s ease both;\r\n}\r\n\r\n@keyframes notice-fade-up {\r\n from {\r\n opacity: 0;\r\n transform: translateY(14px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.notice-type-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 3px 12px;\r\n border-radius: 2px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.type-notify {\r\n background: #fff8e6;\r\n color: #b7791f;\r\n border-left: 3px solid #d97706;\r\n}\r\n\r\n.type-announce {\r\n background: #e8f5e9;\r\n color: #276749;\r\n border-left: 3px solid #38a169;\r\n}\r\n\r\n.notice-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #1a202c;\r\n line-height: 1.45;\r\n margin: 0 0 16px;\r\n letter-spacing: -0.2px;\r\n}\r\n\r\n.notice-meta {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n padding: 12px 0;\r\n border-top: 1px solid #e9ecef;\r\n border-bottom: 1px solid #e9ecef;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 12px;\r\n color: #718096;\r\n}\r\n\r\n.meta-item i {\r\n font-size: 12px;\r\n color: #a0aec0;\r\n}\r\n\r\n.status-dot {\r\n display: inline-block;\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n margin-right: 4px;\r\n}\r\n\r\n.status-ok {\r\n background: #38a169;\r\n}\r\n\r\n.status-off {\r\n background: #e53e3e;\r\n}\r\n\r\n.notice-divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.notice-divider::before,\r\n.notice-divider::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, #dee2e6, transparent);\r\n}\r\n\r\n.notice-divider-dot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #cbd5e0;\r\n}\r\n\r\n.notice-body {\r\n background: #fff;\r\n border-radius: 6px;\r\n padding: 28px 32px;\r\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\r\n min-height: 120px;\r\n}\r\n\r\n.notice-content {\r\n font-size: 14px;\r\n line-height: 1.85;\r\n color: #2d3748;\r\n word-break: break-word;\r\n}\r\n\r\n.notice-content ::v-deep p {\r\n margin: 0 0 1em;\r\n}\r\n\r\n.notice-content ::v-deep h1,\r\n.notice-content ::v-deep h2,\r\n.notice-content ::v-deep h3 {\r\n font-weight: 700;\r\n color: #1a202c;\r\n margin: 1.4em 0 0.6em;\r\n}\r\n\r\n.notice-content ::v-deep h1 {\r\n font-size: 18px;\r\n}\r\n\r\n.notice-content ::v-deep h2 {\r\n font-size: 16px;\r\n}\r\n\r\n.notice-content ::v-deep h3 {\r\n font-size: 14px;\r\n}\r\n\r\n.notice-content ::v-deep a {\r\n color: #3182ce;\r\n text-decoration: underline;\r\n}\r\n\r\n.notice-content ::v-deep a:hover {\r\n color: #2b6cb0;\r\n}\r\n\r\n.notice-content ::v-deep img {\r\n max-width: 100%;\r\n border-radius: 4px;\r\n margin: 8px 0;\r\n}\r\n\r\n.notice-content ::v-deep ul,\r\n.notice-content ::v-deep ol {\r\n padding-left: 20px;\r\n margin: 0 0 1em;\r\n}\r\n\r\n.notice-content ::v-deep li {\r\n margin-bottom: 4px;\r\n}\r\n\r\n.notice-content ::v-deep blockquote {\r\n border-left: 3px solid #cbd5e0;\r\n margin: 1em 0;\r\n padding: 6px 16px;\r\n color: #718096;\r\n background: #f7fafc;\r\n}\r\n\r\n.notice-content ::v-deep table {\r\n border-collapse: collapse;\r\n width: 100%;\r\n margin: 1em 0;\r\n font-size: 13px;\r\n}\r\n\r\n.notice-content ::v-deep table th,\r\n.notice-content ::v-deep table td {\r\n border: 1px solid #e2e8f0;\r\n padding: 7px 12px;\r\n}\r\n\r\n.notice-content ::v-deep table th {\r\n background: #f7fafc;\r\n font-weight: 600;\r\n}\r\n\r\n.notice-empty {\r\n text-align: center;\r\n padding: 40px 0;\r\n color: #a0aec0;\r\n font-size: 13px;\r\n}\r\n\r\n.notice-empty i {\r\n font-size: 28px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.notice-empty--inner {\r\n padding: 32px 0;\r\n}\r\n\r\n.notice-empty--inner i {\r\n font-size: 28px;\r\n}\r\n\r\n::v-deep .notice-detail-drawer {\r\n .el-drawer__header {\r\n margin-bottom: 0;\r\n padding: 16px 20px;\r\n border-bottom: 1px solid #ebeef5;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #303133;\r\n }\r\n .el-drawer__body {\r\n background: #f5f6f8;\r\n }\r\n}\r\n\r\n.notice-detail-drawer__body {\r\n height: 100%;\r\n overflow: auto;\r\n padding: 10px 16px 22px;\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;AAuDA,IAAAA,OAAA,GAAAC,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAEA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACAC,OAAA;MACAC,MAAA;IACA;EACA;EACAC,QAAA;IACAC,cAAA,WAAAA,eAAA;MACA,IAAAC,CAAA,QAAAH,MAAA,SAAAA,MAAA,CAAAI,MAAA;MACA,OAAAD,CAAA,YAAAA,CAAA;IACA;IACAE,UAAA,WAAAA,WAAA;MACA,IAAAC,CAAA,QAAAN,MAAA,SAAAA,MAAA,CAAAO,aAAA;MACA,OAAAD,CAAA,YAAAE,MAAA,CAAAF,CAAA,EAAAG,IAAA;IACA;EACA;EACAC,OAAA;IACAC,IAAA,WAAAA,KAAAC,OAAA;MAAA,IAAAC,KAAA;MACA,IAAAC,EAAA;MACA,IAAAC,MAAA;MACA,IAAAH,OAAA,gBAAAI,QAAA,CAAAC,OAAA,EAAAL,OAAA;QACAE,EAAA,GAAAF,OAAA,CAAAM,QAAA;QACA,IAAAN,OAAA,CAAAL,aAAA;UACAQ,MAAA,GAAAH,OAAA;QACA;MACA;QACAE,EAAA,GAAAF,OAAA;MACA;MACA,KAAAd,OAAA;MACA,IAAAiB,MAAA;QACA,KAAAf,MAAA,GAAAe,MAAA;QACA;MACA;MACA,IAAAD,EAAA,YAAAA,EAAA;QACA,KAAAd,MAAA;QACA;MACA;MACA,KAAAD,OAAA;MACA,KAAAC,MAAA;MACA,IAAAmB,iBAAA,EAAAL,EAAA,EAAAM,IAAA,WAAAC,GAAA;QACAR,KAAA,CAAAb,MAAA,GAAAqB,GAAA,CAAAxB,IAAA;MACA,GAAAyB,KAAA;QACAT,KAAA,CAAAb,MAAA;MACA,GAAAuB,OAAA;QACAV,KAAA,CAAAd,OAAA;MACA;IACA;IACAyB,WAAA,WAAAA,YAAA;MACA,KAAA1B,OAAA;MACA,KAAAE,MAAA;MACA,KAAAD,OAAA;IACA;EACA;AACA","ignoreList":[]}]} |