| | |
|---|
| | | <div>申请时间：<strong>{{ formatDate(detail.applyTime) }}</strong></div> |
|---|
| | | <div class="full-line">申请理由：<strong>{{ text(detail.applyReason) }}</strong></div> |
|---|
| | | </div> |
|---|
| | | <div v-for="honor in (detail.honors || [])" :key="honor.id" class="honor-block"> |
|---|
| | | <div v-for="honor in (detail.honors || [])" :key="honor.id" class="upgrade-detail-grid honor-block"> |
|---|
| | | <div>新获得的荣誉称号/大奖项：<strong>{{ text(honor.honorName) }}</strong></div> |
|---|
| | | <div>获得时间：<strong>{{ text(honor.obtainedDate) }}</strong></div> |
|---|
| | | <div class="honor-images"> |
|---|
| | | <div class="honor-images full-line"> |
|---|
| | | <el-image |
|---|
| | | v-if="imageUrl(honor)" |
|---|
| | | :src="resolveImageUrl(imageUrl(honor))" |
|---|
| | |
|---|
| | | .upgrade-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 36px; padding: 18px; background: #f5f6f8; color: #606266; } |
|---|
| | | .upgrade-detail-grid strong { color: #303133; font-weight: 500; } |
|---|
| | | .full-line { grid-column: 1 / -1; } |
|---|
| | | .honor-block { margin-top: 14px; padding: 16px; background: #f5f6f8; color: #606266; } |
|---|
| | | .honor-images { display: flex; gap: 20px; min-height: 130px; margin-top: 14px; } |
|---|
| | | .honor-block { margin-top: 14px; } |
|---|
| | | .honor-images { display: flex; gap: 20px; align-items: flex-start; } |
|---|
| | | .honor-image { width: 150px; height: 110px; background: #e9eaec; cursor: zoom-in; } |
|---|
| | | .honor-images span { display: flex; align-items: center; justify-content: center; width: 150px; height: 110px; color: #909399; background: #e9eaec; } |
|---|
| | | .upgrade-detail-actions { display: flex; align-items: center; gap: 12px; padding: 18px 0; } |
|---|
