| | |
|---|
| | | <el-descriptions :column="isMobile ? 1 : 2" border> |
|---|
| | | <el-descriptions-item label="服务评价">{{ otherInfo.serviceOrdVisit }}</el-descriptions-item> |
|---|
| | | <el-descriptions-item label="发票状态">{{ otherInfo.invoiceStatus }}</el-descriptions-item> |
|---|
| | | <el-descriptions-item label="知情同意书"> |
|---|
| | | <div v-if="otherInfo.imageUrls && otherInfo.imageUrls.length > 0" class="image-container"> |
|---|
| | | <el-image |
|---|
| | | v-for="image in otherInfo.imageUrls" |
|---|
| | | :key="image" |
|---|
| | | :src="image" |
|---|
| | | :preview-src-list="otherInfo.imageUrls" |
|---|
| | | class="preview-image" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <span v-else>暂无图片</span> |
|---|
| | | </el-descriptions-item> |
|---|
| | | </el-descriptions> |
|---|
| | | </el-card> |
|---|
| | | </el-col> |
|---|
| | |
|---|
| | | .el-descriptions-item { padding: 8px !important; } |
|---|
| | | .el-descriptions-item__label { width: 100px !important; } |
|---|
| | | } |
|---|
| | | .image-container { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | gap: 10px; |
|---|
| | | } |
|---|
| | | .preview-image { |
|---|
| | | width: 100px; |
|---|
| | | height: 100px; |
|---|
| | | object-fit: cover; |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | </style> |
|---|
