HC_YFZX
/
CaiYuanYiTiHua
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【详情】guid和没数据的不显示，弹框详情固定高度

dianlixunjian
Zhufu 2024-06-21 15:20:24 +08:00
parent a7d2846604
commit 51e2868d9b
2 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/demo/onlineform/formCall/InfoCallModal/index.vue
View File

@ -11,23 +11,21 @@
'word-break': 'break-all' 'word-break': 'break-all'
}"> }">
<template v-for="(item, index) in tab.children" :key="index"> <template v-for="(item, index) in tab.children" :key="index">
<a-descriptions-item v-if="item.component === 'ImageUpload'" :label="item.label"> <template v-if="item.infoShowValue">
<a-image <a-descriptions-item v-if="item.component === 'ImageUpload'" :label="item.label">
v-if="item.infoShowValue" <a-image
width="100px" width="100px"
height="100px" height="100px"
:src="`${item.componentProps.server}/${item.infoShowValue}`" :src="`${item.componentProps.server}/${item.infoShowValue}`"
></a-image> ></a-image>
<div v-else style="opacity: 0.3; user-select: none;">{{"(暂无)"}}</div> </a-descriptions-item>
</a-descriptions-item> <a-descriptions-item v-else-if="item.component === 'VideoUpload'" :label="item.label">
<a-descriptions-item v-else-if="item.component === 'VideoUpload'" :label="item.label"> <img style="width: 100px; height: 100px; cursor: pointer;" src="./video.png" @click="handlePreview(item)" alt="">
<img v-if="item.infoShowValue" style="width: 100px; height: 100px; cursor: pointer;" src="./video.png" @click="handlePreview(item)" alt=""> </a-descriptions-item>
<div v-else style="opacity: 0.3; user-select: none;">{{"(暂无)"}}</div> <a-descriptions-item v-else :label="item.label">
</a-descriptions-item> <div>{{ item.infoShowValue}}</div>
<a-descriptions-item v-else :label="item.label"> </a-descriptions-item>
<div v-if="item.infoShowValue">{{ item.infoShowValue}}</div> </template>
<div v-else style="opacity: 0.3; user-select: none;">{{"(暂无)"}}</div>
</a-descriptions-item>
</template> </template>
</a-descriptions> </a-descriptions>
</a-tab-pane> </a-tab-pane>
@ -43,17 +41,19 @@
'word-break': 'break-all' 'word-break': 'break-all'
}"> }">
<template v-for="(item, index) in showList" :key="index"> <template v-for="(item, index) in showList" :key="index">
<a-descriptions-item v-if="item.component === 'ImageUpload'" :label="item.label"> <template v-if="item.infoShowValue">
<a-image <a-descriptions-item v-if="item.component === 'ImageUpload'" :label="item.label">
width="100px" <a-image
height="100px" width="100px"
:src="`${item.componentProps.server}/${item.infoShowValue}`" height="100px"
></a-image> :src="`${item.componentProps.server}/${item.infoShowValue}`"
</a-descriptions-item> ></a-image>
<a-descriptions-item v-else-if="item.component === 'VideoUpload'" :label="item.label"> </a-descriptions-item>
<img v-if="item.infoShowValue" style="width: 100px; height: 100px; cursor: pointer;" src="./video.png" @click="handlePreview(item)" alt=""> <a-descriptions-item v-else-if="item.component === 'VideoUpload'" :label="item.label">
</a-descriptions-item> <img style="width: 100px; height: 100px; cursor: pointer;" src="./video.png" @click="handlePreview(item)" alt="">
<a-descriptions-item v-else :label="item.label">{{ item.infoShowValue }}</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item v-else :label="item.label">{{ item.infoShowValue }}</a-descriptions-item>
</template>
</template> </template>
</a-descriptions> </a-descriptions>
<a-table v-if="subTableData" :columns="columns" :data-source="props.data.infoUseSubTableData" :pagination="false"></a-table> <a-table v-if="subTableData" :columns="columns" :data-source="props.data.infoUseSubTableData" :pagination="false"></a-table>
@ -113,7 +113,7 @@ onMounted(() => {
...childItem, ...childItem,
infoShowValue: getOptionLabel(childItem) infoShowValue: getOptionLabel(childItem)
}) })
}else{ }else if(childItem.component !== 'InputGuid'){
showList.value[tabIndex].children.push({ showList.value[tabIndex].children.push({
...childItem, ...childItem,
infoShowValue: props.data.infoUseMainTableData[childItem.field] infoShowValue: props.data.infoUseMainTableData[childItem.field]
@ -155,7 +155,7 @@ onMounted(() => {
key: child.field, key: child.field,
}) })
}) })
}else{ }else if(item.component !== 'InputGuid'){
showList.value.push({ showList.value.push({
...item, ...item,
infoShowValue: props.data.infoUseMainTableData[item.field] infoShowValue: props.data.infoUseMainTableData[item.field]

4
src/views/demo/onlineform/formCall/index.vue
View File

@ -1042,6 +1042,8 @@
z-index: 999; z-index: 999;
} }
.content{ .content{
padding: 30px; padding: 30px;
height: 750px;
overflow: auto;
} }
</style> </style>