v-if="value.value" | v-if="value.value" | ||||
:preview-src-list="changeAddress(srcList)" | :preview-src-list="changeAddress(srcList)" | ||||
:src="changeAddress(value.value)" | :src="changeAddress(value.value)" | ||||
:initial-index=" | |||||
changeAddress(srcList).indexOf(changeAddress(value.value)) | |||||
" | |||||
style="width: auto;height: 200px" | |||||
:initial-index="changeAddress(srcList).indexOf(changeAddress(value.value))" | |||||
class="my-img-box" style="width: 100%;max-height: 150px;" | |||||
></el-image> | ></el-image> | ||||
<span v-else>---</span> | <span v-else>---</span> | ||||
</el-descriptions-item> | </el-descriptions-item> | ||||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||||
padding: 10px; | padding: 10px; | ||||
} | } | ||||
::v-deep.my-img-box .el-image__preview{ | |||||
width: 100%; | |||||
max-height: 150px; | |||||
object-fit: cover; | |||||
} | |||||
</style> | </style> |
{{ value.value ?? '---' }} | {{ value.value ?? '---' }} | ||||
</el-descriptions-item> | </el-descriptions-item> | ||||
<el-descriptions-item :label="value.label" width="33%" v-else :span="1"> | <el-descriptions-item :label="value.label" width="33%" v-else :span="1"> | ||||
<el-image v-if="value.value" :preview-src-list="changeAddress(srcList)" | |||||
<el-image class="my-img-box" style="width: 100%;max-height: 150px;" v-if="value.value" :preview-src-list="changeAddress(srcList)" | |||||
:src="changeAddress(value.value)" | :src="changeAddress(value.value)" | ||||
:initial-index="changeAddress(srcList).indexOf(changeAddress(value.value))" | |||||
style="width: auto;height: 200px"></el-image> | |||||
:initial-index="changeAddress(srcList).indexOf(changeAddress(value.value))"></el-image> | |||||
<span v-else>---</span> | <span v-else>---</span> | ||||
</el-descriptions-item> | </el-descriptions-item> | ||||
</template> | </template> | ||||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||||
padding: 10px; | padding: 10px; | ||||
} | } | ||||
::v-deep.my-img-box .el-image__preview{ | |||||
width: 100%; | |||||
max-height: 150px; | |||||
object-fit: cover; | |||||
} | |||||
</style> | </style> |
</el-descriptions-item> | </el-descriptions-item> | ||||
<el-descriptions-item :label="value.label" width="33%" | <el-descriptions-item :label="value.label" width="33%" | ||||
v-else-if="value.type == 'img' && !value.visible" :span="1"> | v-else-if="value.type == 'img' && !value.visible" :span="1"> | ||||
<el-image :preview-src-list="[changeAddress(value.value)]" :src="changeAddress(value.value)" | |||||
:initial-index="value.index" style="width: auto;height: 200px"></el-image> | |||||
<el-image class="my-img-box" style="width: 100%;max-height: 150px;" | |||||
:preview-src-list="[changeAddress(value.value)]" | |||||
:src="changeAddress(value.value)" | |||||
:initial-index="value.index"></el-image> | |||||
</el-descriptions-item> | </el-descriptions-item> | ||||
</template> | </template> | ||||
<el-descriptions-item label="审核" :span="1"> | <el-descriptions-item label="审核" :span="1"> | ||||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||||
padding: 10px; | padding: 10px; | ||||
} | } | ||||
::v-deep.my-img-box .el-image__preview{ | |||||
width: 100%; | |||||
max-height: 150px; | |||||
object-fit: cover; | |||||
} | |||||
</style> | </style> |