扫码 + 农业大托管

src/views/agriculturalTrusteeship/insurance/insuranceList.vue

@@ -12,16 +12,63 @@
 
     <!--  内容开始  -->
     <div class="main">
-      <van-tabs v-model="active" sticky>
+      <van-tabs v-model="active" sticky animated>
         <van-tab title="保险公司">
           <div class="search">
             <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
             <input type="text" placeholder="输入需求进行搜索" />
             <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
           </div>
+
+          <van-list
+            v-model="loading"
+            :finished="finished"
+            finished-text="没有更多了"
+          >
+            <div class="content" v-for="item in 10" :key="item">
+              <p class="content_tt">张三李四合伙开公司有限公司</p>
+              <div class="content_con">
+                <div class="content_con_left">
+                  <p>60个产品</p>
+                  <p>林巧巧</p>
+                  <p>18765332194</p>
+                </div>
+                <div class="content_con_right">
+                  <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+                  <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+                  <img src="../../../../static/images/agriculturalTrusteeship/insurance/insurance_go.png">
+                </div>
+              </div>
+            </div>
+          </van-list>
+
         </van-tab>
         <van-tab title="保险产品">
-          内容
+          <div class="search">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
+            <input type="text" placeholder="输入需求进行搜索" />
+            <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
+          </div>
+
+          <van-list
+            v-model="loading"
+            :finished="finished"
+            finished-text="没有更多了"
+          >
+            <!--            @load="onLoad"-->
+            <div class="main_content_right_list" v-for="item in 10" :key="item">
+              <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+              <div class="main_content_right_list_content">
+                <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+<!--                <div class="tab">-->
+<!--                  <p>￥<span>66</span>.00/亩</p>-->
+<!--                  <p><span>销 600</span><span>分 4.7</span></p>-->
+<!--                </div>-->
+                <p class="name">张三社会服务旗舰店</p>
+              </div>
+            </div>
+          </van-list>
+
         </van-tab>
       </van-tabs>
     </div>
@@ -94,6 +141,7 @@
     }
     /deep/ .van-tabs__content{
       background: #ffffff;
+      padding-top: 2vh;
     }
     .search{
        display: flex;
@@ -110,5 +158,111 @@
          margin-left: 10PX;
        }
     }
+    .content{
+      width: 92%;
+      margin: 0 auto;
+      box-shadow: 0px 0px 10PX rgba(0,0,0,0.1);
+      border-radius: 10PX;
+      margin-top: 2vh;
+      padding: 1.5vh 4%;
+      .content_tt{
+        font-size: .35rem;
+      }
+      .content_con{
+        display: flex;
+        justify-content: space-between;
+        margin-top: 1.5vh;
+        .content_con_left{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          p{
+            font-size: .35rem;
+            padding-left: 18PX;
+            &:nth-child(1){
+              background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_project.png") no-repeat left center;
+            }
+            &:nth-child(2){
+              background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_name.png") no-repeat left center;
+            }
+            &:nth-child(3){
+              background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_iphone.png") no-repeat left center;
+            }
+          }
+        }
+        .content_con_right{
+          display: flex;
+          justify-content: end;
+          align-items: center;
+          img{
+            border-radius: 10PX;
+            width: 40%;
+            margin-left: 5%;
+            box-shadow: 0px 5PX 10PX rgba(0,0,0,0.2);
+            &:last-child{
+              width: auto;
+              box-shadow: none;
+            }
+          }
+        }
+      }
+    }
+    .main_content_right_list{
+      display: flex;
+      margin: 0 auto;
+      margin-top: 2vh;
+      width: 92%;
+      img{
+        border-radius: 15PX;
+        margin-right: 4%;
+        width: 20%;
+      }
+      .main_content_right_list_content{
+        display: flex;
+        flex-direction:column;
+        justify-content: space-between;
+        .tt{
+          color: #333333;
+          font-size: .35rem;
+        }
+        .tab{
+          display: flex;
+          justify-content: space-between;
+          p{
+            &:nth-child(1){
+              flex: 1;
+              color: #FF5E00;
+              span{
+                font-size: .4rem;
+              }
+            }
+            &:nth-child(2){
+              flex: 1;
+              span{
+                width: 50%;
+                display: inline-block;
+                text-align: center;
+                padding: 2PX 2PX;
+                &:nth-child(1){
+                  color: #497CE8;
+                  background: #E2E9FD;
+                  border-top-left-radius: 10PX;
+                }
+                &:nth-child(2){
+                  color: #ffffff;
+                  background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                  border-bottom-right-radius: 10PX;
+                }
+              }
+            }
+          }
+        }
+        .name{
+          color: #8F8F8F;
+          background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center;
+          padding-left: 18PX;
+        }
+      }
+    }
   }
 </style>

src/views/lawEnforcement/retrospect/retrospectDetail.vue

@@ -25,9 +25,9 @@
       <div class="main_box">
         <a style="font-size: 14px;display: block;width: 100%;text-align: center;">{{scanLink}}</a>
       </div>
-<!--      <div class="iframe-wrap" v-if="scanLink.indexOf('http')>-1">-->
-<!--        <iframe id="iframe" :src="scanLink" class="iframe" width="100%" frameborder="0"></iframe>-->
-<!--      </div>-->
+      <div class="iframe-wrap">
+        <iframe id="iframe" :src="scanLink" class="iframe" width="100%" frameborder="0"></iframe>
+      </div>
 
 <!--      <div class="main_box center_box" style="margin-top: 10px;">-->
 <!--        <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_15.png" alt="">-->
@@ -106,9 +106,7 @@
         if (to.path === '/lawEnforcement/retrospectDetail') {
           // do anything you want
           if (Cookies.get('scanLink')){
-            alert(Cookies.get('scanLink').indexOf('http')>-1)
             this.scanLink = Cookies.get('scanLink');
-            console.log(this.scanLink)
           }
         }
       }

src/views/lawEnforcement/retrospect/scan.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="scan">
     <div class="nav">
-      <a class="close" @click="history.back(-1)"></a>
+      <a class="close" @click="() => $router.go(-1)"></a>
       <p class="title">扫一扫</p>
     </div>
     <div class="scroll-container">
@@ -37,7 +37,7 @@ export default {
       this.scanned = code;
         alert(`扫码解析成功: ${code}`);
         Cookies.set("scanLink", code);
-        // history.back(-1);
+        this.$router.go(-1)
     },
     errorCaptured(error) {
       switch (error.name) {