@@ -141,6 +141,7 @@ const whiteList = [ | |||||
//农业大托管 | //农业大托管 | ||||
'/agriculturalTrusteeship/index', //首页 | '/agriculturalTrusteeship/index', //首页 | ||||
'/agriculturalTrusteeship/insuranceList',//保险列表 | '/agriculturalTrusteeship/insuranceList',//保险列表 | ||||
'/agriculturalTrusteeship/insuranceProjectList',//保险产品列表 | |||||
] | ] | ||||
@@ -4508,6 +4508,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/insurance/insuranceList'], resolve) | component: (resolve) => require(['@/views/agriculturalTrusteeship/insurance/insuranceList'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/agriculturalTrusteeship/insuranceProjectList', | |||||
name: 'agriculturalTrusteeshipInsuranceProjectList', | |||||
meta: { | |||||
title: '保险服务', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/insurance/insuranceProjectList'], resolve) | |||||
}, | |||||
]; | ]; | ||||
@@ -25,7 +25,7 @@ | |||||
:finished="finished" | :finished="finished" | ||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
> | > | ||||
<div class="content" v-for="item in 10" :key="item"> | |||||
<div class="content" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipInsuranceProjectList'})"> | |||||
<p class="content_tt">张三李四合伙开公司有限公司</p> | <p class="content_tt">张三李四合伙开公司有限公司</p> | ||||
<div class="content_con"> | <div class="content_con"> | ||||
<div class="content_con_left"> | <div class="content_con_left"> | ||||
@@ -0,0 +1,186 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<!-- 头部开始 --> | |||||
<div class="header"> | |||||
<div class="header_left"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | |||||
<p>张三服务合作社</p> | |||||
</div> | |||||
</div> | |||||
<!-- 头部结束 --> | |||||
<!-- 内容开始 --> | |||||
<div class="main"> | |||||
<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> | |||||
</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{ | |||||
background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_head.png") no-repeat; | |||||
} | |||||
/*头部*/ | |||||
.header{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
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: #ffffff; | |||||
padding-top: 2vh; | |||||
border-top-left-radius: 25PX; | |||||
border-top-right-radius: 25PX; | |||||
/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; | |||||
padding-top: 2vh; | |||||
} | |||||
.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; | |||||
} | |||||
} | |||||
.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> |
@@ -2,7 +2,7 @@ | |||||
<div class="app-container"> | <div class="app-container"> | ||||
<div class="title"> | <div class="title"> | ||||
<img style="display: inline-block;margin-right: 10px;" src="../../../static/images/lawEnforcement/login_logo.png" alt=""> | <img style="display: inline-block;margin-right: 10px;" src="../../../static/images/lawEnforcement/login_logo.png" alt=""> | ||||
<p>农业综合行政执法公众平台</p> | |||||
<p>农业综合行政执法平台</p> | |||||
</div> | </div> | ||||
<van-form style="width: 88%;margin: 0 auto;margin-top: 50px;" v-if="!showMessage"> | <van-form style="width: 88%;margin: 0 auto;margin-top: 50px;" v-if="!showMessage"> | ||||
<van-field | <van-field | ||||
@@ -38,9 +38,9 @@ | |||||
<div style="margin: 50px 16px 16px;border-radius: 30px;overflow: hidden;"> | <div style="margin: 50px 16px 16px;border-radius: 30px;overflow: hidden;"> | ||||
<van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button> | <van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button> | ||||
</div> | </div> | ||||
<div style="margin: 0px 16px;border-radius: 30px;overflow: hidden;"> | |||||
<van-button block type="info" @click="registerShow=true">注册</van-button> | |||||
</div> | |||||
<!-- <div style="margin: 0px 16px;border-radius: 30px;overflow: hidden;">--> | |||||
<!-- <van-button block type="info" @click="registerShow=true">注册</van-button>--> | |||||
<!-- </div>--> | |||||
<van-popup v-model:show="registerShow" style="width: 80%" round> | <van-popup v-model:show="registerShow" style="width: 80%" round> | ||||
<div style="background: #FFF;padding: 5% 2%;"> | <div style="background: #FFF;padding: 5% 2%;"> | ||||
@@ -96,7 +96,7 @@ | |||||
}, | }, | ||||
openAlert(){ | openAlert(){ | ||||
this.$dialog.alert({ | this.$dialog.alert({ | ||||
message: '暂未开通功能', | |||||
message: '执法仪型号过低,不支持现场播放!', | |||||
}) | }) | ||||
} | } | ||||
}, | }, | ||||
@@ -26,7 +26,7 @@ | |||||
<a style="font-size: 14px;display: block;width: 100%;text-align: center;">{{scanLink}}</a> | <a style="font-size: 14px;display: block;width: 100%;text-align: center;">{{scanLink}}</a> | ||||
</div> | </div> | ||||
<div class="iframe-wrap"> | <div class="iframe-wrap"> | ||||
<iframe id="iframe" :src="scanLink" class="iframe" width="100%" frameborder="0"></iframe> | |||||
<iframe id="iframe" src="http://y.acexe.cn?q=10946481001086181062569234199632" class="iframe" width="100%" frameborder="0"></iframe> | |||||
</div> | </div> | ||||
<!-- <div class="main_box center_box" style="margin-top: 10px;">--> | <!-- <div class="main_box center_box" style="margin-top: 10px;">--> | ||||