| | |
| | | <template> |
| | | <div class="notice-detail-page"> |
| | | <div class="notice-detail-head"> |
| | | <h4 style="margin-bottom: 16px;text-align:left;" v-if="noticeInfo.theme">{{ noticeInfo.theme }} <el-tag style="margin-left: 10px;" :type="options.find(m=>m.value==noticeInfo.messageType).type" v-if="options.find(m=>m.value==noticeInfo.messageType)">{{ options.find(m=>m.value==noticeInfo.messageType).label }}</el-tag></h4> |
| | | <h4 style="margin-bottom: 16px;text-align:left;" v-if="noticeInfo.theme">{{ noticeInfo.theme }} <el-tag |
| | | style="margin-left: 10px;" :type="options.find(m => m.value == noticeInfo.messageType).type" |
| | | v-if="options.find(m => m.value == noticeInfo.messageType)">{{ |
| | | options.find(m => m.value == noticeInfo.messageType).label }}</el-tag></h4> |
| | | <p style="font-size: 12px;color: #999;margin-bottom: 20px;text-align:left;"> |
| | | <!-- <span>消息类型:审批 </span> --> |
| | | <span>发送人:{{ noticeInfo.createUser }} </span> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="info-box" v-if="noticeInfo.jumpPath"> |
| | | <component class="notice-content" :is="noticeInfo.jumpPath"> |
| | | </component> |
| | | <component class="notice-content" :is="noticeInfo.jumpPath" :entrustCodeNew="noticeInfo.entrustCode" |
| | | :laboratoryNew="noticeInfo.laboratory"> |
| | | </component> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | export default { |
| | | components: comObj, |
| | | data() { |
| | | return{ |
| | | noticeInfo:{}, |
| | | options:[] |
| | | return { |
| | | noticeInfo: {}, |
| | | options: [] |
| | | } |
| | | }, |
| | | mounted(){ |
| | | mounted() { |
| | | this.noticeInfo = JSON.parse(localStorage.getItem("noticeInfo")); |
| | | this.$bus.$on("change", (msg) => { |
| | | this.noticeInfo = JSON.parse(msg); |
| | |
| | | }); |
| | | this.getTypeDicts() |
| | | }, |
| | | methods:{ |
| | | methods: { |
| | | getTypeDicts() { |
| | | this.$axios.post(this.$api.enums.selectEnumByCategory, { |
| | | category: "消息类型" |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .notice-detail-page{ |
| | | .notice-detail-page { |
| | | height: calc(100% - 30px); |
| | | overflow-y: auto; |
| | | padding: 16px 0; |
| | | } |
| | | |
| | | .notice-detail-page::-webkit-scrollbar { |
| | | width: 0; |
| | | } |
| | | .notice-detail-head{ |
| | | |
| | | .notice-detail-head { |
| | | background: #fff; |
| | | border-radius: 3px; |
| | | box-sizing: border-box; |
| | | padding: 16px; |
| | | } |
| | | .info-box{ |
| | | |
| | | .info-box { |
| | | margin-top: 16px; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | padding: 8px 20px 20px; |
| | | background: rgba(0,0,0, 0.03); |
| | | background: rgba(0, 0, 0, 0.03); |
| | | /* box-shadow: 0 0 10px 10px #fff; */ |
| | | border-radius: 4px; |
| | | min-height: calc(100% - 192px - 22px); |
| | | } |
| | | .notice-detail-head-content div{ |
| | | |
| | | .notice-detail-head-content div { |
| | | border-radius: 8px; |
| | | border: 1px solid #ccc; |
| | | min-height: 60px; |
| | |
| | | margin-top: 12px; |
| | | } |
| | | |
| | | .notice-content{ |
| | | .notice-content { |
| | | height: 600px; |
| | | } |
| | | </style> |