扫码 + 农业大托管

src/permission.js

@@ -136,7 +136,11 @@ const whiteList = [
   '/newBusinessEntity/conter',  //底部组件
   '/newBusinessEntity/newsDetails',  //新闻详情
   '/newBusinessEntity/listBody',  //主体名录
-  '/newBusinessEntity/map'      //地图
+  '/newBusinessEntity/map',      //地图
+
+  //农业大托管
+  '/agriculturalTrusteeship/index',      //首页
+  '/agriculturalTrusteeship/insuranceList',//保险列表
 
 ]
 

src/router/index.js

@@ -4488,6 +4488,26 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/bankAgriculture/bankOfDeposit/bankOfDepositModify'], resolve)
   },
+
+  //<--------------------------------------农业大托管-------------------------------------->
+  {
+    path: '/agriculturalTrusteeship/index',
+    name: 'agriculturalTrusteeshipIndex',
+    meta: {
+      title: '农业大托管',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/index'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/insuranceList',
+    name: 'agriculturalTrusteeshipInsuranceList',
+    meta: {
+      title: '保险服务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/insurance/insuranceList'], resolve)
+  },
 ];
 
 

src/views/agriculturalTrusteeship/index.vue

@@ -0,0 +1,362 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <img src="../../../static/images/agriculturalTrusteeship/index/header.png">
+      <div class="header_box">
+        <p>点击登录</p>
+        <p>登录才能下单或发布产品哦</p>
+      </div>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  导航开始  -->
+    <div class="nav">
+      <van-grid :column-num="4" :border="false">
+        <van-grid-item :to="{name:'lawEnforcementCaseQuery'}">
+          <img src="../../../static/images/agriculturalTrusteeship/index/nav_01.png"/>
+          <p>社会化</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseStatistics'}">
+          <img src="../../../static/images/agriculturalTrusteeship/index/nav_02.png"/>
+          <p>农担</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseDistributionMap'}">
+          <img src="../../../static/images/agriculturalTrusteeship/index/nav_03.png"/>
+          <p>贷款</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList'}">
+          <img src="../../../static/images/agriculturalTrusteeship/index/nav_04.png"/>
+          <p>保险</p>
+        </van-grid-item>
+      </van-grid>
+
+      <div class="nav_notice_box">
+        <van-notice-bar left-icon="../../../static/images/agriculturalTrusteeship/index/notice_icon.png" mode="link" :scrollable="false" background="#E2E9FD" color="#334281">
+          <van-swipe
+            vertical
+            class="notice-swipe"
+            :autoplay="3000"
+            :show-indicators="false"
+          >
+            <van-swipe-item>12.0版本上线啦！点击查看更改内容~</van-swipe-item>
+            <van-swipe-item>12.1版本上线啦！点击查看更改内容~</van-swipe-item>
+            <van-swipe-item>12.2版本上线啦！点击查看更改内容~</van-swipe-item>
+          </van-swipe>
+        </van-notice-bar>
+      </div>
+    </div>
+    <!--  导航结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+      <div class="main_header">
+        <p>社会化服务产品</p>
+        <p>河东河西村</p>
+      </div>
+      <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>
+
+      <div class="main_content">
+        <div class="main_content_left">
+          <van-sidebar v-model="activeKey">
+            <van-sidebar-item title="全套服务" />
+            <van-sidebar-item title="开垦" />
+            <van-sidebar-item title="除草" />
+            <van-sidebar-item title="播种" />
+            <van-sidebar-item title="灌溉" />
+            <van-sidebar-item title="开垦" />
+            <van-sidebar-item title="除草" />
+            <van-sidebar-item title="播种" />
+            <van-sidebar-item title="灌溉" />
+            <van-sidebar-item title="开垦" />
+            <van-sidebar-item title="除草" />
+            <van-sidebar-item title="播种" />
+            <van-sidebar-item title="灌溉" />
+          </van-sidebar>
+        </div>
+        <div class="main_content_right">
+          <div class="main_content_right_header">
+            <p class="main_content_right_header_tit">灌溉</p>
+            <van-tabs v-model="active" animated>
+              <van-tab title="评分排序"></van-tab>
+              <van-tab title="销量排序"></van-tab>
+            </van-tabs>
+          </div>
+          <div class="main_content_right_nav">
+            <p>服务</p>
+            <p>服务</p>
+            <p>服务</p>
+            <p>服务</p>
+            <p>服务</p>
+          </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>
+
+        </div>
+      </div>
+
+    </div>
+    <!--  内容结束  -->
+
+    <img src="../../../static/images/agriculturalTrusteeship/index/index_btn_icon_01.png" class="pc"/>
+
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    padding: 4vh 4% 2vh;
+    .header_box{
+      margin-left: 4%;
+      p{
+        &:nth-child(1){
+          color: #ffffff;
+          font-size: .45rem;
+        }
+        &:nth-child(2){
+          color: #E5E5E5;
+          margin-top: .5vh;
+        }
+      }
+    }
+  }
+
+  /*导航栏目*/
+  .nav{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    .van-grid{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+    }
+    .nav_notice_box{
+      background: #ffffff;
+      padding:.5vh 0 1vh;
+    }
+    /deep/ .van-notice-bar{
+      width: 94%;
+      margin: 0 auto;
+      border-radius: 5PX;
+      .notice-swipe {
+        height: 40px;
+        line-height: 42px;
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    background: #ffffff;
+    .main_header{
+      display: flex;
+      padding: 0 4% 1vh;
+      justify-content: space-between;
+      align-items: center;
+      p{
+        color: #334281;
+        &:nth-child(1){
+          font-size: .4rem;
+        }
+        &:nth-child(2){
+          font-size: .35rem;
+          background: url("../../../static/images/agriculturalTrusteeship/index/address_icon.png") no-repeat left center;
+          padding: 5PX 0 5PX 22PX;
+
+        }
+      }
+    }
+    .search{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      border: 1px solid #6E93F3;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+        margin-left: 10PX;
+      }
+    }
+    /deep/ .van-tabs--line .van-tabs__wrap{
+      border-radius: 100rem;
+      height: 25PX;
+    }
+    /deep/ .van-tab{
+      z-index: 1;
+      color: #8F8F8F;
+      padding: 5PX 10PX;
+    }
+    /deep/ .van-tab--active{
+      color: #334281;
+    }
+    /deep/ .van-tabs__nav{
+      background: #ECECEC;
+    }
+    /deep/ .van-tabs__nav--line{
+      padding: 0;
+    }
+    /deep/ .van-tabs__line{
+      background: #D6D9E6;
+      border-radius: 100rem;
+      z-index: 0;
+      width: 50%;
+      height: 100%;
+      bottom: 0;
+    }
+    .main_content{
+      display: flex;
+      width: 96%;
+      margin-top: 2vh;
+      height: 56.8vh;
+      overflow: hidden;
+      .van-sidebar-item{
+        text-align: center;
+      }
+      /deep/ .van-sidebar-item--select::before{
+        display: none;
+      }
+      .main_content_left{
+        border-top-right-radius: 15PX;
+        height: 100%;
+        overflow-y: scroll;
+      }
+      .main_content_right{
+        flex: 1;
+        padding-left: 4%;
+        height: 100%;
+        overflow-y: scroll;
+        .main_content_right_header{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .main_content_right_header_tit{
+            font-size: .4rem;
+            color: #1A1D4A;
+          }
+        }
+        .main_content_right_nav{
+          display: flex;
+          justify-content: space-between;
+          margin-top: 2vh;
+          p{
+            padding: 5PX 10PX;
+            background: #F5F5F5;
+            color: #8F8F8F;
+            border-radius: 4PX;
+          }
+        }
+        .main_content_right_list{
+          display: flex;
+          margin-top: 2vh;
+          img{
+            border-radius: 15PX;
+            margin-right: 4%;
+          }
+          .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: 14PX;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*飘窗*/
+  .pc{
+    position: absolute;
+    bottom: 10vh;
+    right: 0;
+  }
+</style>

src/views/agriculturalTrusteeship/insurance/insuranceList.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <div class="header_left">
+        <img src="../../../../static/images/agriculturalTrusteeship/return.png">
+        <p>保险服务</p>
+      </div>
+      <p class="header_right">河东河西村</p>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-tabs v-model="active" sticky>
+        <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-tab>
+        <van-tab title="保险产品">
+          内容
+        </van-tab>
+      </van-tabs>
+    </div>
+    <!--  内容结束  -->
+
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipInsuranceList",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    padding: 2vh 4% 2vh;
+    .header_left{
+      display: flex;
+      align-items: center;
+      p{
+        font-size: .4rem;
+        color: #ffffff;
+        line-height: 1;
+        margin-left: 10PX;
+      }
+    }
+    .header_right{
+      font-size: .35rem;
+      background: #ffffff url("../../../../static/images/agriculturalTrusteeship/address.png") no-repeat 10PX center;
+      padding: 2PX 15PX 2PX 25PX;
+      border-radius: 50PX;
+    }
+  }
+
+  /* 内容 */
+  .main{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    /deep/ .van-tabs__nav{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+    }
+    /deep/ .van-tabs__line{
+      background: #334281!important;
+    }
+    /deep/ .van-tab--active{
+      color: #334281;
+    }
+    /deep/ .van-tabs__content{
+      background: #ffffff;
+    }
+    .search{
+       display: flex;
+       justify-content: space-between;
+       align-items: center;
+       width: 92%;
+       margin: 0PX auto;
+       border: 1px solid #6E93F3;
+       padding: 1PX 1PX 1PX 12PX ;
+       border-radius: 50PX;
+       input{
+         flex: 1;
+         background: transparent;
+         margin-left: 10PX;
+       }
+    }
+  }
+</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" v-if="scanLink.indexOf('http')>-1">-->
+<!--        <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="">-->