{"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":[]}]}