wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

562bug

This commit is contained in:
gaoyuanwei 2022-07-14 15:37:27 +08:00
parent 9f5186f12b
commit 0929b51faf
1 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
front/src/views/detailsAll/components/LayerService/LayerServicePreview.vue
View File

@ -9,12 +9,15 @@
<div class="application-presentation" v-if="flag"> <div class="application-presentation" v-if="flag">
<detals-title title="图层预览" type="PREVIEW"></detals-title> <detals-title title="图层预览" type="PREVIEW"></detals-title>
<div class="main"> <div class="main">
<iframe <!-- <iframe
:src="img" :src="img"
width="100%" width="100%"
height="100%" height="100%"
border-radius="0.1rem" border-radius="0.1rem"
></iframe> ></iframe> -->
<div class="iframe-box">
<iframe :src="img" width="100%" height="440"></iframe>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -37,7 +40,7 @@
} else { } else {
props.dataList.infoList.map((item) => { props.dataList.infoList.map((item) => {
if (item.attrType === '预览服务地址') { if (item.attrType === '预览服务地址') {
img.value = imgindex.attrValue || '--' img.value = item.attrValue.replace(/amp;/g, '') || '--'
} }
}) })
} }
@ -54,7 +57,7 @@
} else { } else {
val.infoList.map((item) => { val.infoList.map((item) => {
if (item.attrType === '预览服务地址') { if (item.attrType === '预览服务地址') {
img.value = imgindex.attrValue || '--' img.value = item.attrValue.replace(/amp;/g, '') || '--'
} }
}) })
} }
@ -64,14 +67,23 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.application-presentation { .application-presentation {
padding: 0.8rem 3rem 0; padding: 0.8rem 3rem 0.6rem;
.main { .main {
height: 5rem; // border-radius: 0.1rem;
border-radius: 0.1rem;
margin-top: 0.4rem; margin-top: 0.4rem;
// display: flex;
// justify-content: center;
// align-items: center;
iframe {
border: none;
}
.iframe-box {
width: 100%;
height: 440px;
margin-top: 10px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; }
} }
} }
</style> </style>