详情图片修改
Zhufu
parent
89023a44c5
commit
c972e99391
|
|
@ -51,17 +51,23 @@
|
||||||
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
||||||
<a-descriptions-item label="图斑照片">
|
<a-descriptions-item label="图斑照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
||||||
|
|
@ -142,17 +148,23 @@
|
||||||
}}</a-descriptions-item>
|
}}</a-descriptions-item>
|
||||||
<a-descriptions-item label="照片">
|
<a-descriptions-item label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
||||||
|
|
@ -190,20 +202,26 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template
|
<a-image-preview-group
|
||||||
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
:preview="{
|
||||||
:key="imageIndex"
|
getContainer:getContainer,
|
||||||
>
|
}"
|
||||||
<a-image
|
>
|
||||||
v-if="imageItem"
|
<template
|
||||||
width="100px"
|
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
||||||
height="100px"
|
:key="imageIndex"
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
>
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
||||||
|
|
@ -221,17 +239,23 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in bubanzhaopianList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in bubanzhaopianList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
||||||
|
|
@ -509,7 +533,7 @@
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.image-div {
|
.image-div {
|
||||||
width: 300px;
|
width: 330px;
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -531,6 +555,12 @@
|
||||||
height: calc(100vh - 100px);
|
height: calc(100vh - 100px);
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
:deep(.ant-image){
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-left){
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
.info-container {
|
.info-container {
|
||||||
// float: left;
|
// float: left;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -545,7 +575,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
.ant-image-preview-operations {
|
.ant-image-preview-operations {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.ant-image-preview-operations-operation{
|
.ant-image-preview-operations-operation{
|
||||||
flex:1;
|
flex:1;
|
||||||
|
|
|
||||||
|
|
@ -48,17 +48,23 @@
|
||||||
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
||||||
<a-descriptions-item label="图斑照片">
|
<a-descriptions-item label="图斑照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
||||||
|
|
@ -126,17 +132,23 @@
|
||||||
}}</a-descriptions-item>
|
}}</a-descriptions-item>
|
||||||
<a-descriptions-item label="照片">
|
<a-descriptions-item label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
||||||
|
|
@ -170,20 +182,26 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template
|
<a-image-preview-group
|
||||||
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
:preview="{
|
||||||
:key="imageIndex"
|
getContainer:getContainer,
|
||||||
>
|
}"
|
||||||
<a-image
|
>
|
||||||
v-if="imageItem"
|
<template
|
||||||
width="100px"
|
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
||||||
height="100px"
|
:key="imageIndex"
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
>
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
||||||
|
|
@ -201,20 +219,26 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template
|
<a-image-preview-group
|
||||||
v-for="(imageItem, imageIndex) in bubanzhaopianList"
|
:preview="{
|
||||||
:key="imageIndex"
|
getContainer:getContainer,
|
||||||
>
|
}"
|
||||||
<a-image
|
>
|
||||||
v-if="imageItem"
|
<template
|
||||||
width="100px"
|
v-for="(imageItem, imageIndex) in bubanzhaopianList"
|
||||||
height="100px"
|
:key="imageIndex"
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
>
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
||||||
|
|
@ -875,6 +899,20 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.image-div {
|
||||||
|
width: 330px;
|
||||||
|
max-height: 200px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
:deep(.ant-image){
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-right){
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-left){
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
.detail-container {
|
.detail-container {
|
||||||
width: calc(100vw - 15px);
|
width: calc(100vw - 15px);
|
||||||
height: calc(100vh - 120px);
|
height: calc(100vh - 120px);
|
||||||
|
|
@ -905,7 +943,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
.ant-image-preview-operations {
|
.ant-image-preview-operations {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.ant-image-preview-operations-operation{
|
.ant-image-preview-operations-operation{
|
||||||
flex:1;
|
flex:1;
|
||||||
|
|
|
||||||
|
|
@ -51,17 +51,23 @@
|
||||||
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
||||||
<a-descriptions-item label="图斑照片">
|
<a-descriptions-item label="图斑照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
||||||
|
|
@ -142,17 +148,23 @@
|
||||||
}}</a-descriptions-item>
|
}}</a-descriptions-item>
|
||||||
<a-descriptions-item label="照片">
|
<a-descriptions-item label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
||||||
|
|
@ -190,20 +202,26 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template
|
<a-image-preview-group
|
||||||
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
:preview="{
|
||||||
:key="imageIndex"
|
getContainer:getContainer,
|
||||||
>
|
}"
|
||||||
<a-image
|
>
|
||||||
v-if="imageItem"
|
<template
|
||||||
width="100px"
|
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
||||||
height="100px"
|
:key="imageIndex"
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
>
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
||||||
|
|
@ -221,17 +239,23 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in bubanzhaopianList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in bubanzhaopianList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
||||||
|
|
@ -509,7 +533,7 @@
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.image-div {
|
.image-div {
|
||||||
width: 300px;
|
width: 330px;
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -531,6 +555,12 @@
|
||||||
height: calc(100vh - 100px);
|
height: calc(100vh - 100px);
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
:deep(.ant-image){
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-left){
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
.info-container {
|
.info-container {
|
||||||
// float: left;
|
// float: left;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -545,7 +575,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
.ant-image-preview-operations {
|
.ant-image-preview-operations {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.ant-image-preview-operations-operation{
|
.ant-image-preview-operations-operation{
|
||||||
flex:1;
|
flex:1;
|
||||||
|
|
|
||||||
|
|
@ -48,17 +48,23 @@
|
||||||
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
<a-descriptions-item label="下发时间">{{ createtime }}</a-descriptions-item>
|
||||||
<a-descriptions-item label="图斑照片">
|
<a-descriptions-item label="图斑照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in casepicList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
<a-descriptions-item label="接收人">{{ jieshou_people }}</a-descriptions-item>
|
||||||
|
|
@ -126,17 +132,23 @@
|
||||||
}}</a-descriptions-item>
|
}}</a-descriptions-item>
|
||||||
<a-descriptions-item label="照片">
|
<a-descriptions-item label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
<a-image-preview-group
|
||||||
<a-image
|
:preview="{
|
||||||
v-if="imageItem"
|
getContainer:getContainer,
|
||||||
width="100px"
|
}"
|
||||||
height="100px"
|
>
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
<template v-for="(imageItem, imageIndex) in anjianzhaopianList" :key="imageIndex">
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
<a-descriptions-item label="填报人">{{ examiner_name }}</a-descriptions-item>
|
||||||
|
|
@ -170,20 +182,26 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
<a-descriptions-item v-if="measure_name == 0" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template
|
<a-image-preview-group
|
||||||
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
:preview="{
|
||||||
:key="imageIndex"
|
getContainer:getContainer,
|
||||||
>
|
}"
|
||||||
<a-image
|
>
|
||||||
v-if="imageItem"
|
<template
|
||||||
width="100px"
|
v-for="(imageItem, imageIndex) in chaichufugenghoupicList"
|
||||||
height="100px"
|
:key="imageIndex"
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
>
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
<a-descriptions-item v-if="measure_name == 1" label="附件">
|
||||||
|
|
@ -201,20 +219,26 @@
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
<a-descriptions-item v-if="measure_name == 1" label="照片">
|
||||||
<div class="image-div">
|
<div class="image-div">
|
||||||
<template
|
<a-image-preview-group
|
||||||
v-for="(imageItem, imageIndex) in bubanzhaopianList"
|
:preview="{
|
||||||
:key="imageIndex"
|
getContainer:getContainer,
|
||||||
>
|
}"
|
||||||
<a-image
|
>
|
||||||
v-if="imageItem"
|
<template
|
||||||
width="100px"
|
v-for="(imageItem, imageIndex) in bubanzhaopianList"
|
||||||
height="100px"
|
:key="imageIndex"
|
||||||
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
>
|
||||||
:preview="{
|
<a-image
|
||||||
getContainer,
|
v-if="imageItem"
|
||||||
}"
|
width="100px"
|
||||||
></a-image>
|
height="100px"
|
||||||
</template>
|
:src="`${VITE_GLOB_INFO_IMAGE_URL}/${imageItem}`"
|
||||||
|
:preview="{
|
||||||
|
getContainer,
|
||||||
|
}"
|
||||||
|
></a-image>
|
||||||
|
</template>
|
||||||
|
</a-image-preview-group>
|
||||||
</div>
|
</div>
|
||||||
</a-descriptions-item>
|
</a-descriptions-item>
|
||||||
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
<a-descriptions-item label="办理人">{{ transactor_name }}</a-descriptions-item>
|
||||||
|
|
@ -875,6 +899,20 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.image-div {
|
||||||
|
width: 330px;
|
||||||
|
max-height: 200px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
:deep(.ant-image){
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-right){
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
:deep(.ant-image-preview-switch-left){
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
.detail-container {
|
.detail-container {
|
||||||
width: calc(100vw - 15px);
|
width: calc(100vw - 15px);
|
||||||
height: calc(100vh - 120px);
|
height: calc(100vh - 120px);
|
||||||
|
|
@ -905,7 +943,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
.ant-image-preview-operations {
|
.ant-image-preview-operations {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.ant-image-preview-operations-operation{
|
.ant-image-preview-operations-operation{
|
||||||
flex:1;
|
flex:1;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue