Quellcode durchsuchen

扫码 + 农业大托管

wulanhaote
庞东旭 vor 2 Jahren
Ursprung
Commit
822c28e8b5
20 geänderte Dateien mit 504 neuen und 4 gelöschten Zeilen
  1. +5
    -1
      src/permission.js
  2. +20
    -0
      src/router/index.js
  3. +362
    -0
      src/views/agriculturalTrusteeship/index.vue
  4. +114
    -0
      src/views/agriculturalTrusteeship/insurance/insuranceList.vue
  5. +3
    -3
      src/views/lawEnforcement/retrospect/retrospectDetail.vue
  6. BIN
      static/images/agriculturalTrusteeship/address.png
  7. BIN
      static/images/agriculturalTrusteeship/index/address_icon.png
  8. BIN
      static/images/agriculturalTrusteeship/index/header.png
  9. BIN
      static/images/agriculturalTrusteeship/index/index_btn_icon_01.png
  10. BIN
      static/images/agriculturalTrusteeship/index/index_btn_icon_02.png
  11. BIN
      static/images/agriculturalTrusteeship/index/name_icon.png
  12. BIN
      static/images/agriculturalTrusteeship/index/nav_01.png
  13. BIN
      static/images/agriculturalTrusteeship/index/nav_02.png
  14. BIN
      static/images/agriculturalTrusteeship/index/nav_03.png
  15. BIN
      static/images/agriculturalTrusteeship/index/nav_04.png
  16. BIN
      static/images/agriculturalTrusteeship/index/notice_icon.png
  17. BIN
      static/images/agriculturalTrusteeship/index/search_icon_01.png
  18. BIN
      static/images/agriculturalTrusteeship/index/search_icon_02.png
  19. BIN
      static/images/agriculturalTrusteeship/index/test.png
  20. BIN
      static/images/agriculturalTrusteeship/return.png

+ 5
- 1
src/permission.js Datei anzeigen

@@ -136,7 +136,11 @@ const whiteList = [
'/newBusinessEntity/conter', //底部组件
'/newBusinessEntity/newsDetails', //新闻详情
'/newBusinessEntity/listBody', //主体名录
'/newBusinessEntity/map' //地图
'/newBusinessEntity/map', //地图

//农业大托管
'/agriculturalTrusteeship/index', //首页
'/agriculturalTrusteeship/insuranceList',//保险列表

]



+ 20
- 0
src/router/index.js Datei anzeigen

@@ -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)
},
];




+ 362
- 0
src/views/agriculturalTrusteeship/index.vue Datei anzeigen

@@ -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>

+ 114
- 0
src/views/agriculturalTrusteeship/insurance/insuranceList.vue Datei anzeigen

@@ -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>

+ 3
- 3
src/views/lawEnforcement/retrospect/retrospectDetail.vue Datei anzeigen

@@ -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="">-->


BIN
static/images/agriculturalTrusteeship/address.png Datei anzeigen

Vorher Nachher
Breite: 11  |  Höhe: 13  |  Größe: 469 B

BIN
static/images/agriculturalTrusteeship/index/address_icon.png Datei anzeigen

Vorher Nachher
Breite: 19  |  Höhe: 19  |  Größe: 658 B

BIN
static/images/agriculturalTrusteeship/index/header.png Datei anzeigen

Vorher Nachher
Breite: 51  |  Höhe: 51  |  Größe: 2.0 KiB

BIN
static/images/agriculturalTrusteeship/index/index_btn_icon_01.png Datei anzeigen

Vorher Nachher
Breite: 67  |  Höhe: 67  |  Größe: 3.7 KiB

BIN
static/images/agriculturalTrusteeship/index/index_btn_icon_02.png Datei anzeigen

Vorher Nachher
Breite: 67  |  Höhe: 67  |  Größe: 3.7 KiB

BIN
static/images/agriculturalTrusteeship/index/name_icon.png Datei anzeigen

Vorher Nachher
Breite: 14  |  Höhe: 12  |  Größe: 349 B

BIN
static/images/agriculturalTrusteeship/index/nav_01.png Datei anzeigen

Vorher Nachher
Breite: 70  |  Höhe: 70  |  Größe: 4.7 KiB

BIN
static/images/agriculturalTrusteeship/index/nav_02.png Datei anzeigen

Vorher Nachher
Breite: 69  |  Höhe: 70  |  Größe: 4.7 KiB

BIN
static/images/agriculturalTrusteeship/index/nav_03.png Datei anzeigen

Vorher Nachher
Breite: 70  |  Höhe: 70  |  Größe: 4.8 KiB

BIN
static/images/agriculturalTrusteeship/index/nav_04.png Datei anzeigen

Vorher Nachher
Breite: 71  |  Höhe: 70  |  Größe: 3.9 KiB

BIN
static/images/agriculturalTrusteeship/index/notice_icon.png Datei anzeigen

Vorher Nachher
Breite: 19  |  Höhe: 16  |  Größe: 704 B

BIN
static/images/agriculturalTrusteeship/index/search_icon_01.png Datei anzeigen

Vorher Nachher
Breite: 15  |  Höhe: 15  |  Größe: 343 B

BIN
static/images/agriculturalTrusteeship/index/search_icon_02.png Datei anzeigen

Vorher Nachher
Breite: 66  |  Höhe: 32  |  Größe: 2.5 KiB

BIN
static/images/agriculturalTrusteeship/index/test.png Datei anzeigen

Vorher Nachher
Breite: 98  |  Höhe: 100  |  Größe: 26 KiB

BIN
static/images/agriculturalTrusteeship/return.png Datei anzeigen

Vorher Nachher
Breite: 9  |  Höhe: 17  |  Größe: 240 B

Laden…
Abbrechen
Speichern