@@ -56,10 +56,8 @@ | |||
v-if="value.value" | |||
:preview-src-list="changeAddress(srcList)" | |||
: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> | |||
<span v-else>---</span> | |||
</el-descriptions-item> | |||
@@ -907,4 +905,9 @@ pre { | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | |||
::v-deep.my-img-box .el-image__preview{ | |||
width: 100%; | |||
max-height: 150px; | |||
object-fit: cover; | |||
} | |||
</style> |
@@ -22,10 +22,9 @@ | |||
{{ value.value ?? '---' }} | |||
</el-descriptions-item> | |||
<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)" | |||
: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> | |||
</el-descriptions-item> | |||
</template> | |||
@@ -451,4 +450,9 @@ pre { | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | |||
::v-deep.my-img-box .el-image__preview{ | |||
width: 100%; | |||
max-height: 150px; | |||
object-fit: cover; | |||
} | |||
</style> |
@@ -10,8 +10,10 @@ | |||
</el-descriptions-item> | |||
<el-descriptions-item :label="value.label" width="33%" | |||
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> | |||
</template> | |||
<el-descriptions-item label="审核" :span="1"> | |||
@@ -173,4 +175,9 @@ pre { | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | |||
::v-deep.my-img-box .el-image__preview{ | |||
width: 100%; | |||
max-height: 150px; | |||
object-fit: cover; | |||
} | |||
</style> |