Skip to content

H
hls-xcmg-vue-app
Commit d25e7a0f authored by 李晓兵's avatar 李晓兵
Browse files
Options

Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

parents 18ed042e b33f0612
Show whitespace changes
Inline Side-by-side
Showing with 730 additions and 88 deletions
src/pages/functionState.js
View file @ d25e7a0f
/*
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-09-24 12:34:06
* @LastEditors: your name
*/
export default { export default {
bannerList: [ bannerList: [
{ {
......
src/pages/home/functionState.js 0 → 100644
View file @ d25e7a0f
/*
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-10-15 11:13:36
* @LastEditors: Please set LastEditors
*/
export default {
bannerList: [
// {
// pictureUrl: require('../assets/image/home/bannerWrap@2x.png'),
// },
// {
// pictureUrl: require('../assets/image/home/bannerWrap2@2x.png'),
// },
],
moduleSeparateList: [
{
'moduleId': 1,
'moduleCode': 'PARTNER',
'moduleName': '产品查询',
'moduleIcon': require('@/assets/homePage/product-select.png'),
'roleId': 1,
'roleCode': 'ADMIN',
'roleName': '管理员',
},
{
'moduleId': 2,
'moduleCode': 'PROJECT',
'moduleName': '产品试算',
'moduleIcon': require('@/assets/homePage/product-trial.png'),
'roleId': 1,
'roleCode': 'ADMIN',
'roleName': '管理员',
},
{
'moduleId': 3,
'moduleCode': 'CONTRACT',
'moduleName': '合同查询',
'moduleIcon': require('@/assets/homePage/contract-query.png'),
'roleId': 1,
'roleCode': 'ADMIN',
'roleName': '管理员',
},
{
'moduleId': 4,
'moduleCode': 'PERSONAL',
'moduleName': '还款计划',
'moduleIcon': require('@/assets/homePage/replay.png'),
'roleId': 1,
'roleCode': 'ADMIN',
'roleName': '管理员',
},
],
}
src/pages/home/home-page.vue
View file @ d25e7a0f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip: 主页 * @Descrip: 主页
* @Author: your name * @Author: your name
* @Date: 2019-10-10 14:25:15 * @Date: 2019-10-10 14:25:15
* @LastEditTime: 2019-10-14 13:57:37 * @LastEditTime: 2019-10-15 15:02:01
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div slot="left" class="h-header-btn"> <div slot="left" class="h-header-btn">
<!-- <i class="ion-ios-arrow-back" /> --> <!-- <i class="ion-ios-arrow-back" /> -->
<img class="locations" src="@/assets/homePage/location.png" alt="" @click="location"> <img class="locations" src="@/assets/homePage/location.png" alt="" @click="location">
<span>{{ city }}</span> <span class="home-city">{{ city }}</span>
</div> </div>
<div slot="center" @click="getLocation">徐工租赁</div> <div slot="center" @click="getLocation">徐工租赁</div>
</h-header> </h-header>
...@@ -24,12 +24,22 @@ ...@@ -24,12 +24,22 @@
<img src="@/assets/homePage/banner2.png" alt=""> <img src="@/assets/homePage/banner2.png" alt="">
</swipe-item> </swipe-item>
</swipe> </swipe>
<div class="functions">
<function-item
v-for="item in moduleSeparateList.slice(0,4)" :key="item.moduleId" :functionIcon="item.moduleIcon"
:functionName="item.moduleName"
:data="item" @clickFunction="goModuleFunction"/>
</div>
<div class="middle-box">
<header>常用应用</header>
<div class="function"> <div class="function">
<function-item <function-item
v-for="(item,index) in functionList" :key="index" :functionIcon="item.functionIcon" v-for="(item,index) in functionList" :key="index" :functionIcon="item.functionIcon"
:functionName="item.functionName" :functionName="item.functionName"
:data="item" class="function-item vue-1px" @clickFunction="goFunctionHome"/> :data="item" class="function-item vue-1px" @clickFunction="goFunctionHome"/>
</div> </div>
</div>
<div class="center-pic"> <div class="center-pic">
<div class="left-pic"> <div class="left-pic">
<img src="@/assets/homePage/1 copy@2x.png" alt=""> <img src="@/assets/homePage/1 copy@2x.png" alt="">
...@@ -69,33 +79,43 @@ ...@@ -69,33 +79,43 @@
</h-view> </h-view>
</template> </template>
<script> <script>
import functionState from './functionState'
export default { export default {
name: 'HomePage', name: 'HomePage',
data () { data () {
return { return {
city: '', city: '',
province: '', province: '',
user_bp_status: '',
user_bp_class: '',
bp_id: '',
moduleSeparateList: [],
functionList: [ functionList: [
{ {
functionIcon: require('@/assets/homePage/product-select.png'), functionIcon: require('@/assets/userBind/np.png'),
functionName: '产品查询', functionName: '用户绑定',
functionState: 'UserBind', functionState: 'UserBind',
}, },
{ {
functionIcon: require('@/assets/homePage/product-trial.png'), functionIcon: require('@/assets/intoApproval/introduce.png'),
functionName: '产品试算', functionName: '绑定查询',
functionState: 'NaturePersonReadOnly', functionState: 'NaturePersonReadOnly',
}, },
{ {
functionIcon: require('@/assets/homePage/contract-query.png'), functionIcon: require('@/assets/intoApproval/introduce.png'),
functionName: '合同查询', functionName: '进件审批',
functionState: 'IntoList', functionState: 'IntoList',
}, },
{ {
functionIcon: require('@/assets/homePage/replay.png'), functionIcon: require('@/assets/intoApproval/introduce.png'),
functionName: '还款计划', functionName: '经销商签约',
functionState: 'ContractList', functionState: 'ContractList',
}, },
{
functionIcon: require('@/assets/intoApproval/introduce.png'),
functionName: '合同签约',
functionState: 'ContractSigning',
},
], ],
} }
}, },
...@@ -104,6 +124,14 @@ export default { ...@@ -104,6 +124,14 @@ export default {
created () { created () {
this.getLocation() this.getLocation()
}, },
beforeRouteEnter (to, from, next) {
next(vm => {
// if (from.name === 'Login') {
vm.moduleSeparateList = [...functionState.moduleSeparateList]
vm.userQuery()
// }
})
},
methods: methods:
{ {
// 定位 // 定位
...@@ -128,29 +156,37 @@ export default { ...@@ -128,29 +156,37 @@ export default {
}, {enableHighAccuracy: true}) }, {enableHighAccuracy: true})
}, },
goFunctionHome (data) { goFunctionHome (data) {
// if (data.functionState === 'NaturePersonReadOnly') { if (data.functionState === 'NaturePersonReadOnly') {
// if (this.user_bp_status === 'APPROVED' && this.user_bp_class === 'NP') { if (this.user_bp_status !== 'APPROVING' && this.user_bp_class === 'NP') {
// this.$router.push({ this.$router.push({
// name: 'NaturePersonReadOnly', name: 'NaturePersonReadOnly',
// params: { params: {
// 'bp_id': this.bp_id, 'bp_id': this.bp_id,
// }, },
// }) })
// } else if (this.user_bp_status === 'APPROVED' && this.user_bp_class === 'ORG') { } else if (this.user_bp_status !== 'APPROVING' && this.user_bp_class === 'ORG') {
// this.$router.push({ this.$router.push({
// name: 'EnterpriseReadOnly', name: 'EnterpriseReadOnly',
// params: { params: {
// 'bp_id': this.bp_id, 'bp_id': this.bp_id,
// }, },
// }) })
// } else { } else {
// this.hlsPopup.showLongCenter('您的绑定申请还在流程中') this.hlsPopup.showLongCenter('您的绑定申请还在流程中')
// } }
// } else { } else {
// this.$router.push({ this.$router.push({
// name: data.functionState, name: data.functionState,
// }) })
// } }
},
goModuleFunction (data) {
console.log('........', data)
if (data.moduleId === 1) {
this.$router.push({
name: 'QueryHome',
})
}
}, },
location () { location () {
this.$router.push({ this.$router.push({
...@@ -161,15 +197,114 @@ export default { ...@@ -161,15 +197,114 @@ export default {
}, },
}) })
}, },
// 用户信息查询
userQuery () {
let vm = this
let url = $config.basePath + 'user_query'
let param = {
'phone': window.localStorage.getItem('user_phone'),
}
vm.$post(url, param).then(function (res) {
if (res.result === 'S') {
vm.user_bp_status = res.info.user_bp_status
vm.user_bp_class = res.info.user_bp_class
vm.bp_id = res.info.user_bp_id
}
})
},
}, },
} }
</script> </script>
<style lang='less' scoped> <style lang='less' scoped>
@import "../../styles/vue-1px";
#homePage { #homePage {
.home-city {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.h-header .h-header-left .h-header-btn:first-of-type { .h-header .h-header-left .h-header-btn:first-of-type {
padding-left: 0.2rem; padding-left: 0.2rem;
} }
.functions {
height: 82px;
width: 100%;
background: #fff;
padding-top: 10px;
display: flex;
justify-content: space-between;
&:before {
content: ''
}
&:after {
content: ''
}
.function-item {
text-align: center;
}
}
.middle-box {
margin-top: 8px;
background: white;
header {
height: 33px;
display: flex;
align-items: center;
line-height: 100%;
color: #5D98F6;
position: relative;
&:before {
content: '';
width: 4px;
height: 15px;
margin-right: 9px;
margin-left: 10px;
background-image: linear-gradient(-180deg, #5D98F6 0%, #76BCEE 100%);
border-radius: 2px;
}
&:after {
.setBottomLine()
}
span {
font-size: 12px;
color: #878A8D;
position: absolute;
right: 15px;
}
}
.function{
display: flex;
flex-wrap: wrap;
.function-item {
width: 25%;
height: 89px;
font-size: 12px;
// border: 1px solid rgba(169,169,169,0.1); /*no*/
/deep/ img {
height: 30px;
width: 30px;
margin: 23px 28px 9px 33px;
}
&:before {
.setBottomLine();
}
&:after {
.setRightLine();
}
}
}
}
.h-header .h-header-center div{ .h-header .h-header-center div{
text-align: left!important; text-align: left!important;
} }
......
src/pages/home/location.vue
View file @ d25e7a0f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip""/>User Settings Edit * @Descrip""/>User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-10-11 09:39:51 * @Date: 2019-10-11 09:39:51
* @LastEditTime: 2019-10-15 10:26:04 * @LastEditTime: 2019-10-15 14:12:36
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -62,9 +62,7 @@ ...@@ -62,9 +62,7 @@
</list-item> </list-item>
</div> </div>
</section> </section>
</section></h-view>
</section>
</h-view>
</template> </template>
<script> <script>
import BScroll from 'better-scroll' import BScroll from 'better-scroll'
...@@ -211,6 +209,9 @@ export default { ...@@ -211,6 +209,9 @@ export default {
line-height: 24px; line-height: 24px;
} }
} }
// .sec {
// position: fixed;
// }
.current-location { .current-location {
height: 34px; height: 34px;
width: 100%; width: 100%;
......
src/pages/myInfo/my-info.vue
View file @ d25e7a0f
<template> <template>
<section> <h-view id="my-info">
<h-header> <div class="top">
<h-header class="header">
<div slot="left" class="h-header-btn" @click="$routeGo(-1)"> <div slot="left" class="h-header-btn" @click="$routeGo(-1)">
<i class="ion-ios-arrow-back"/> <img src="@/assets/myInfo/arrow-left.png" >
</div> </div>
<div slot="center">个人中心</div> <div slot="center" class="top-word">个人中心</div>
</h-header> </h-header>
<h-content> <div class="card">
<list-item :item-height="45"> <div class="card-info">
<item :show-arrow="true" @click.native="changePageHead"> <div class="card-top">
<div slot="name">头像</div> <img src="@/assets/myInfo/arrow-left.png" @click.native="changePageHead" >
<span>用户名</span>
</div>
<div class="card-bottom">
<div>
<img src="@/assets/myInfo/car.png" >
<p>发车申请</p>
</div>
<div>
<img src="@/assets/myInfo/pay.png" >
<p>首付还款</p>
</div>
<div>
<img src="@/assets/myInfo/refund.png" >
<p>租金还款</p>
</div>
</div>
</div>
</div>
</div>
<h-content class="my-content">
<div class="userInfo">我的合同</div>
<div class="my-contract">
<div>
<img src="@/assets/myInfo/unSign.png" >
<p>待签约</p>
</div>
<div>
<img src="@/assets/myInfo/unConfirm.png" >
<p>待确认</p>
</div>
<div>
<img src="@/assets/myInfo/unFace.png" >
<p>待面签</p>
</div>
<div>
<img src="@/assets/myInfo/carConfirm.png" >
<p>发车确认</p>
</div>
</div>
<list-item :item-height="44" class="list">
<item>
<img slot="left-icon" src="@/assets/myInfo/myRefund.png" class="left-icon" >
<div slot="name">我的还款</div>
</item> </item>
<item :show-arrow="true" @click.native="updateVersion"> <item>
<div slot="name">检查更新</div> <img slot="left-icon" src="@/assets/myInfo/repay.png" class="left-icon" >
<div slot="name">业务退款</div>
</item> </item>
<item :show-arrow="true" @click.native="logOut"> <item>
<div slot="name">退出登录</div> <img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
<div slot="name">我的收藏</div>
</item>
<item>
<img slot="left-icon" src="@/assets/myInfo/help.png" class="left-icon" >
<div slot="name">帮助与反馈</div>
</item>
<item>
<img slot="left-icon" src="@/assets/myInfo/about.png" class="left-icon" >
<div slot="name">关于徐工</div>
</item> </item>
</list-item>
<button v-if="flag" @click="changePageHead">用户绑定</button> <button v-if="flag" @click="changePageHead">用户绑定</button>
<button v-if="!flag">解除绑定</button> <button v-if="!flag" @click="unBind">解除绑定</button>
</list-item>
</h-content> </h-content>
</section> </h-view>
</template> </template>
<script> <script>
export default { export default {
data () { data () {
...@@ -39,15 +92,19 @@ export default { ...@@ -39,15 +92,19 @@ export default {
vm.userQuery() vm.userQuery()
}) })
}, },
activated () { activated () {},
},
methods: { methods: {
updateVersion () { updateVersion () {
if (vum.Platform.isAndroid()) { if (vum.Platform.isAndroid()) {
this.hote_update_version('发现新版本是否更新', 'http://hlsapp.hand-china.com/file/XCMG/www/android/www.zip') this.hote_update_version(
'发现新版本是否更新',
'http://hlsapp.hand-china.com/file/XCMG/www/android/www.zip'
)
} else { } else {
this.hote_update_version('发现新版本是否更新', 'http://hlsapp.hand-china.com/file/XCMG/www/ios/www.zip') this.hote_update_version(
'发现新版本是否更新',
'http://hlsapp.hand-china.com/file/XCMG/www/ios/www.zip'
)
} }
}, },
hote_update_version (content, url) { hote_update_version (content, url) {
...@@ -74,6 +131,42 @@ export default { ...@@ -74,6 +131,42 @@ export default {
}, },
}) })
}, },
unBind () {
let vm = this
hlsPopup.showConfirm({
title: '提示',
content: '确定解除绑定？',
onConfirm: function (index) {
if (index === 1) {
// window.localStorage.clear()
// vm.$router.push('/login')
let myPhone = window.localStorage.getItem('user_phone')
let myPassword = window.localStorage.getItem('password')
let url = process.env.basePath + 'bp_unbind'
let param = {
master: {
phone: myPhone,
password: myPassword,
},
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp
.post(url, param)
.then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
debugger
this.hlsPopup.showLongCenter('解绑成功')
this.flag = true
}
})
.catch(() => {
this.hlsPopup.showLongCenter('传入参数异常')
})
}
},
})
},
changePageHead () { changePageHead () {
let vm = this let vm = this
if (vm.bp_id) { if (vm.bp_id) {
...@@ -83,14 +176,14 @@ export default { ...@@ -83,14 +176,14 @@ export default {
vm.$router.push({ vm.$router.push({
name: 'NaturePerson', name: 'NaturePerson',
params: { params: {
'bp_id': this.bp_id, bp_id: this.bp_id,
}, },
}) })
} else { } else {
this.$router.push({ this.$router.push({
name: 'Enterprise', name: 'Enterprise',
params: { params: {
'bp_id': this.bp_id, bp_id: this.bp_id,
}, },
}) })
} }
...@@ -100,16 +193,16 @@ export default { ...@@ -100,16 +193,16 @@ export default {
vm.$router.push({ vm.$router.push({
name: 'NaturePerson', name: 'NaturePerson',
params: { params: {
'bp_id': this.bp_id, bp_id: this.bp_id,
'status': 'APPROVED', status: 'APPROVED',
}, },
}) })
} else { } else {
this.$router.push({ this.$router.push({
name: 'Enterprise', name: 'Enterprise',
params: { params: {
'bp_id': this.bp_id, bp_id: this.bp_id,
'status': 'APPROVED', status: 'APPROVED',
}, },
}) })
} }
...@@ -119,20 +212,28 @@ export default { ...@@ -119,20 +212,28 @@ export default {
} }
} else { } else {
vm.flag = true vm.flag = true
this.hlsPopup.showLongCenter('请先进行用户绑定') this.$router.push({
name: 'UserBind',
})
// this.hlsPopup.showLongCenter('请先进行用户绑定')
} }
}, },
userQuery () { userQuery () {
let vm = this let vm = this
let url = $config.basePath + 'user_query' let url = $config.basePath + 'user_query'
let param = { let param = {
'phone': window.localStorage.getItem('user_phone'), phone: window.localStorage.getItem('user_phone'),
} }
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
if (res.result === 'S') { if (res.result === 'S') {
if (res.info.user_bp_status === 'APPROVED') {
vm.flag = false
}
vm.user_bp_status = res.info.user_bp_status vm.user_bp_status = res.info.user_bp_status
vm.user_bp_class = res.info.user_bp_class vm.user_bp_class = res.info.user_bp_class
vm.bp_id = res.info.user_bp_id vm.bp_id = res.info.user_bp_id
} else {
this.hlsPopup.showLongCenter(res.message)
} }
}) })
}, },
...@@ -141,12 +242,147 @@ export default { ...@@ -141,12 +242,147 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
button{ #my-info {
margin-top:50px; .top {
margin-left:100px; width: 100%;
width: 150px; height: 206px;
height: 50px; background: url("../../assets/myInfo/back.png") no-repeat;
background-size: 100% 206px;
.header {
background-color: rgba(0, 0, 0, 0);
.top-word {
font-family: PingFangSC-Semibold;
font-size: 17px;
letter-spacing: 0.61px;
color: #fff; color: #fff;
background-color: navy; }
}
.card {
width: 343px;
height: 217px;
margin: 0 auto;
z-index: 10;
position: relative;
top: 0px;
left: 0px;
background-color: #fff;
box-shadow: 0 2px 17px -1px rgba(0, 0, 0, 0.1);
border-radius: 4px;
.card-info {
width: 295px;
margin: 0 auto;
.card-top {
height: 110px;
display: flex;
align-items: center;
border-bottom: 1px solid #d9dbdf;
img {
width: 59px;
height: 59px;
border-radius: 50%;
border: 1px solid #00469c;
}
span {
font-family: PingFangSC-Semibold;
font-size: 18px;
color: #383f45;
margin-left: 24px;
}
}
.card-bottom {
height: 100px;
width: 285px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
p {
font-family: PingFangSC-Regular;
font-size: 13px;
color: #3c3d48;
margin-top: 5px;
}
img {
width: 48px;
height: 48px;
}
}
}
}
}
.my-content {
.userInfo {
height: 45px;
line-height: 45px;
color: #00469c;
font-size: 15px;
margin-left: 16px;
position: relative;
margin-top: 88px;
}
.userInfo::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: #00469c;
position: absolute;
left: -15px;
top: 12px;
}
.my-contract {
width: 295px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
img {
width: 38px;
height: 38px;
}
p {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #383f45;
margin-top: 5px;
}
}
.list {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
letter-spacing: 0;
line-height: 18px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
}
button {
width: 359px;
height: 40px;
background: #00469c;
border-radius: 4px;
color: #fff;
margin-bottom: 100px;
margin-left:2%;
}
}
.content {
background-color: #fff;
} }
</style> </style>
<!-- <list-item :item-height="45">
<item :show-arrow="true" @click.native="changePageHead">
<div slot="name">头像</div>
</item>
<item :show-arrow="true" @click.native="updateVersion">
<div slot="name">检查更新</div>
</item>
<item :show-arrow="true" @click.native="logOut">
<div slot="name">退出登录</div>
</item>
</list-item>
<button v-if="flag" @click="changePageHead">用户绑定</button>
<button v-if="!flag" @click="unBind">解除绑定</button> -->
src/pages/productQuery/query-home.vue 0 → 100644
View file @ d25e7a0f
<!--
* @Descrip: 查询首页
* @Author: your name
* @Date: 2019-10-15 14:30:00
* @LastEditTime: 2019-10-15 15:54:08
* @LastEditors: Please set LastEditors
-->
<template>
<h-view id="query" class="public-style" title="产品查询">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>产品信息</span>
</div>
</h-header>
<h-content>
<div class="hinput">
<div class="search-box">
<input type="text" placeholder="请输入产品类别/产品线">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div>
<div class="box">
<div class="first">
<img src="@/assets/productQuery/product-query.png" alt="">
<p class="product-class">产品类别</p>
<p class="product">装载机械</p>
</div>
<div class="second">
<p class="product-class">产品线</p>
<p class="product">轮式装载机</p>
<img src="@/assets/productQuery/pull.png" alt="">
</div>
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="">
</div>
<div class="box">
<div class="first">
<img src="@/assets/productQuery/product-query.png" alt="">
<p class="product-class">产品类别</p>
<p class="product">道路机械</p>
</div>
<div class="second">
<p class="product-class">产品线</p>
<p class="product">压路机</p>
<img src="@/assets/productQuery/pull.png" alt="">
</div>
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="">
</div>
<div class="box">
<div class="first">
<img src="@/assets/productQuery/product-query.png" alt="">
<p class="product-class">产品类别</p>
<p class="product">起重机械</p>
</div>
<div class="second">
<p class="product-class">产品线</p>
<p class="product">塔式起重机</p>
<img src="@/assets/productQuery/pull.png" alt="">
</div>
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="">
</div>
</h-content>
</h-view>
</template>
<script>
export default {
name: 'QueryHome',
data () {
return {
}
},
computed: {},
watch: {},
methods:
{
},
}
</script>
<style lang='less' scoped>
#query {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.hinput {
position: relative;
z-index: 50;
width: 100%;
height: 50px;
//border-bottom: 1px solid #cccccc70;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
.search-box {
width: 93.6%;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
font-family: PingFangSC-Regular;
border: 1px solid rgba(56, 63, 69, 0.60);
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
input {
width: 90%;
height: 100%;
opacity: 0.4;
border: none;
line-height: 34px;
}
}
}
.box {
position: relative;
width: 100%;
height: 79px;
background: #fff;
border-top: 1px solid #cccccc70;
margin-bottom: 8px;
.first {
height: 20px;
width: 100%;
display: flex;
flex-direction: row;
margin-top: 16px;
img {
width: 16px;
height: 16px;
margin-left: 16px;
}
.product-class {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56,63,69,0.60);
margin-left: 8px;
}
.product {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383F45;
margin-left: 16px
}
}
.second {
height: 20px;
width: 100%;
display: flex;
flex-direction: row;
margin-top: 7px;
.product-class {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56,63,69,0.60);
margin-left: 54px;
}
.product {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #383F45;
margin-left: 16px
}
img {
width: 16px;
height: 16px;
margin-left: 9px;
}
}
.arrow {
position: absolute;
top: 50%;
margin-top: -8px;
right: 20px;
height: 16px;
width: 16px;
}
}
}
</style>
src/pages/tab.vue
View file @ d25e7a0f
<!--
* @Description: In User Settings Edit
* @Author: your name
* @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-10-15 13:55:04
* @LastEditors: Please set LastEditors
-->
<template> <template>
<div id="tab" style="height: 100%;width:100%;"> <div id="tab" style="height: 100%;width:100%;">
<transition> <transition>
...@@ -9,7 +16,7 @@ ...@@ -9,7 +16,7 @@
<router-view v-if="!$route.meta.keepAlive"/> <router-view v-if="!$route.meta.keepAlive"/>
</transition> </transition>
<tabbar slot="bottom" class="vux-tabbar" icon-class="vux-center"> <tabbar slot="bottom" class="vux-tabbar" icon-class="vux-center">
<tabbar-item :link="{path:'/tab/home'}" :selected="$route.path === '/' || $route.path==='/tab/home'"> <tabbar-item :link="{path:'/tab/home-page'}" :selected="$route.path === '/' || $route.path==='/tab/home-page'">
<img slot="icon-active" src="../assets/image/tab/home@2x.png"> <img slot="icon-active" src="../assets/image/tab/home@2x.png">
<img slot="icon" src="../assets/image/tab/n_home@2x.png"> <img slot="icon" src="../assets/image/tab/n_home@2x.png">
<span slot="label">主页</span> <span slot="label">主页</span>
...@@ -50,7 +57,7 @@ export default { ...@@ -50,7 +57,7 @@ export default {
this.pathList.push(to.path) this.pathList.push(to.path)
this.$router.isBack = false this.$router.isBack = false
} }
if (to.path === '/tab/home') { if (to.path === '/tab/home-page') {
this.$router.isBack = true this.$router.isBack = true
this.pathList = [] this.pathList = []
} }
......
src/router/index.js
View file @ d25e7a0f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-24 12:34:06 * @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-10-14 13:47:34 * @LastEditTime: 2019-10-15 14:37:42
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
*/ */
import Vue from 'vue' import Vue from 'vue'
...@@ -58,7 +58,8 @@ import PaymentContractRecord from '@/pages/pay/payment/contract-record' ...@@ -58,7 +58,8 @@ import PaymentContractRecord from '@/pages/pay/payment/contract-record'
// 保证金支付 // 保证金支付
import MarginFirstPay from '../pages/pay/marginPay/first-pay' import MarginFirstPay from '../pages/pay/marginPay/first-pay'
import MarginPayEntry from '../pages/pay/marginPay/pay-entry' import MarginPayEntry from '../pages/pay/marginPay/pay-entry'
// 产品查询
import QueryHome from '@/pages/productQuery/query-home'
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
...@@ -83,10 +84,10 @@ export default new Router({ ...@@ -83,10 +84,10 @@ export default new Router({
path: '/tab', path: '/tab',
component: Tab, component: Tab,
name: 'Tab', name: 'Tab',
redirect: '/tab/home', redirect: '/tab/home-page',
meta: {keepAlive: true}, meta: {keepAlive: true},
children: [ children: [
{path: '/tab/home', component: Home, name: 'Home', meta: {keepAlive: true}}, {path: '/tab/home-page', component: HomePage, name: 'HomePage', meta: {keepAlive: false}},
{path: '/tab/my-info', component: MyInfo, name: 'MyInfo', meta: {keepAlive: true}}, {path: '/tab/my-info', component: MyInfo, name: 'MyInfo', meta: {keepAlive: true}},
], ],
}, },
...@@ -165,7 +166,8 @@ export default new Router({ ...@@ -165,7 +166,8 @@ export default new Router({
// 保证金支付 // 保证金支付
{path: '/margin-first-pay', component: MarginFirstPay, name: 'MarginFirstPay', meta: {keepAlive: true}}, {path: '/margin-first-pay', component: MarginFirstPay, name: 'MarginFirstPay', meta: {keepAlive: true}},
{path: '/margin-pay-entry', component: MarginPayEntry, name: 'MarginPayEntry', meta: {keepAlive: true}}, {path: '/margin-pay-entry', component: MarginPayEntry, name: 'MarginPayEntry', meta: {keepAlive: true}},
// 产品查询
{path: '/query-home', component: QueryHome, name: 'QueryHome', meta: {keepAlive: true}},
], ],
scrollBehavior (to, from, savedPosition) { scrollBehavior (to, from, savedPosition) {
if (to.hash) { if (to.hash) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment