| | |
| | | <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 class="notice-content" :is="noticeInfo.jumpPath" :entrustCodeNew="noticeInfo.entrustCode" |
| | | :laboratoryNew="noticeInfo.laboratory"> |
| | | </component> |
| | | </div> |
| | | </div> |
| | |
| | | overflow-y: auto; |
| | | padding: 16px 0; |
| | | } |
| | | |
| | | .notice-detail-page::-webkit-scrollbar { |
| | | width: 0; |
| | | } |
| | | |
| | | .notice-detail-head{ |
| | | background: #fff; |
| | | border-radius: 3px; |
| | | box-sizing: border-box; |
| | | padding: 16px; |
| | | } |
| | | |
| | | .info-box{ |
| | | margin-top: 16px; |
| | | width: 100%; |
| | |
| | | border-radius: 4px; |
| | | min-height: calc(100% - 192px - 22px); |
| | | } |
| | | |
| | | .notice-detail-head-content div{ |
| | | border-radius: 8px; |
| | | border: 1px solid #ccc; |