| | |
| | | <div class="notice-detail-page"> |
| | | <div class="notice-detail-head"> |
| | | <el-row :gutter="20"> |
| | | <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 16px;"></el-col> |
| | | </el-row> |
| | | <div class="head-item"> |
| | | <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;"> |
| | | <label>主题:</label> |
| | | <p></p> |
| | | </div> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;"> |
| | | <label>发件时间:</label> |
| | | <p></p> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;"> |
| | | <label>发送人:</label> |
| | | <p></p> |
| | | </el-col> |
| | | <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;"> |
| | | <label>收件人:</label> |
| | | <p></p> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="head-item"> |
| | | <label>内容:</label> |
| | | <p></p> |
| | | </div> |
| | | <div class="head-item"> |
| | | <label>发件时间:</label> |
| | | <p></p> |
| | | </div> |
| | | <div class="head-item"> |
| | | <label>发送人:</label> |
| | | <p></p> |
| | | </div> |
| | | <div class="head-item"> |
| | | <label>收件人:</label> |
| | | <p></p> |
| | | </div> |
| | | </div> |
| | | <component class="notice-content" :is="noticeInfo.u"> |
| | | <component class="notice-content" :is="noticeInfo.u" style="height: calc(100% - 120px);"> |
| | | </component> |
| | | </div> |
| | | </template> |
| | |
| | | padding: 16px; |
| | | } |
| | | .notice-detail-head{ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | </style> |