农业执法扫码优化

src/views/lawEnforcement/retrospect/retrospectDetail.vue

@@ -23,33 +23,37 @@
     <div class="main">
 
       <div class="main_box">
-        <a href="#" style="font-size: 14px;display: block;width: 100%;text-align: center;">www.kasdhefivnskdfkhhwkn5664nn.5164888874.com</a>
+        <a href="http://y.acexe.cn?q=10946481001086181062569234199632" style="font-size: 14px;display: block;width: 100%;text-align: center;">http://y.acexe.cn?q=10946481001086181062569234199632</a>
       </div>
 
-      <div class="main_box center_box" style="margin-top: 10px;">
-        <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_15.png" alt="">
-        <p>该产品单元识别代码合规</p>
-        <p>1534565635645126353535335656</p>
+      <div class="iframe-wrap">
+        <iframe id="iframe" src="http://y.acexe.cn?q=10946481001086181062569234199632" class="iframe" width="100%" frameborder="0"></iframe>
       </div>
 
-      <div class="main_box" style="margin-top: 10px;">
-        <van-cell :border="false">
-          <template #title>
-            <span class="custom-title">草甘膦铵盐</span>
-          </template>
-        </van-cell>
-        <van-cell title="登记证号" :border="false" value="登记证号" />
-        <van-cell title="有效成分" :border="false" value="有效成分" />
-        <van-cell title="剂型" :border="false" value="剂型" />
-        <van-cell title="总含量" :border="false" value="总含量" />
-        <van-cell title="有效期至" :border="false" value="有效期至" />
-        <van-cell title="登记持有人" :border="false" value="登记持有人" />
-      </div>
+<!--      <div class="main_box center_box" style="margin-top: 10px;">-->
+<!--        <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_15.png" alt="">-->
+<!--        <p>该产品单元识别代码合规</p>-->
+<!--        <p>1534565635645126353535335656</p>-->
+<!--      </div>-->
 
-      <div class="main_box" style="margin-top: 10px;">
-        <van-cell title="防伪追溯网址" :border="false" value="防伪追溯网址" />
-        <van-cell title="单元识别代码" :border="false" value="单元识别代码" />
-      </div>
+<!--      <div class="main_box" style="margin-top: 10px;">-->
+<!--        <van-cell :border="false">-->
+<!--          <template #title>-->
+<!--            <span class="custom-title">草甘膦铵盐</span>-->
+<!--          </template>-->
+<!--        </van-cell>-->
+<!--        <van-cell title="登记证号" :border="false" value="登记证号" />-->
+<!--        <van-cell title="有效成分" :border="false" value="有效成分" />-->
+<!--        <van-cell title="剂型" :border="false" value="剂型" />-->
+<!--        <van-cell title="总含量" :border="false" value="总含量" />-->
+<!--        <van-cell title="有效期至" :border="false" value="有效期至" />-->
+<!--        <van-cell title="登记持有人" :border="false" value="登记持有人" />-->
+<!--      </div>-->
+
+<!--      <div class="main_box" style="margin-top: 10px;">-->
+<!--        <van-cell title="防伪追溯网址" :border="false" value="防伪追溯网址" />-->
+<!--        <van-cell title="单元识别代码" :border="false" value="单元识别代码" />-->
+<!--      </div>-->
 
     </div>
   </div>
@@ -104,6 +108,42 @@
   }
   .app-container {
 
+    height: 100vh;
+
+    overflow: hidden;
+
+  }
+  .iframe-wrap{
+
+    position: relative;
+
+    overflow: hidden;
+
+    width: 100%;
+
+    height: calc(100vh - 269PX);
+
+    background: #eee;
+
+  }
+  .iframe{
+
+    width: calc(100% + 20PX);
+
+    border: none;
+
+    position: absolute;
+
+    right: -20PX;
+
+    top: 0;
+
+    bottom: 0;
+
+    overflow-x: hidden; overflow-y: scroll;
+
+    height: 100%;
+
   }
   .retrospect_icon{
     position: absolute;
@@ -198,7 +238,7 @@
     }
   }
   .header_main{
-    /*height: 116px;*/
+    height: 225PX;
     background: url('../../../../static/images/lawEnforcement/new/header_bg.png') no-repeat;
     background-size: 100% 100%;
     /*position: fixed;*/
@@ -257,7 +297,8 @@
   }
   .main_box{
     width: 96%;
-    margin: 0 auto;
+    height: 58PX;
+    margin: 0 auto 15PX;
     border-radius: 10PX;
     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
     overflow: hidden;