From 0929b51faf69a15c78f8f35a38f89fef74f6b4a2 Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Thu, 14 Jul 2022 15:37:27 +0800
Subject: [PATCH] 562bug

---
 .../LayerService/LayerServicePreview.vue      | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

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