Commit 7c9a052f authored by 李晓兵's avatar 李晓兵

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

parents e9ed2635 9d44e4cf
src/assets/myInfo/about.png

893 Bytes | W: | H:

src/assets/myInfo/about.png

936 Bytes | W: | H:

src/assets/myInfo/about.png
src/assets/myInfo/about.png
src/assets/myInfo/about.png
src/assets/myInfo/about.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/back.png

70.6 KB | W: | H:

src/assets/myInfo/back.png

31.4 KB | W: | H:

src/assets/myInfo/back.png
src/assets/myInfo/back.png
src/assets/myInfo/back.png
src/assets/myInfo/back.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/carConfirm.png

2.27 KB | W: | H:

src/assets/myInfo/carConfirm.png

2.7 KB | W: | H:

src/assets/myInfo/carConfirm.png
src/assets/myInfo/carConfirm.png
src/assets/myInfo/carConfirm.png
src/assets/myInfo/carConfirm.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/collect.png

1.88 KB | W: | H:

src/assets/myInfo/collect.png

1.77 KB | W: | H:

src/assets/myInfo/collect.png
src/assets/myInfo/collect.png
src/assets/myInfo/collect.png
src/assets/myInfo/collect.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/exit.png

952 Bytes | W: | H:

src/assets/myInfo/exit.png

908 Bytes | W: | H:

src/assets/myInfo/exit.png
src/assets/myInfo/exit.png
src/assets/myInfo/exit.png
src/assets/myInfo/exit.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/help.png

2.01 KB | W: | H:

src/assets/myInfo/help.png

1.91 KB | W: | H:

src/assets/myInfo/help.png
src/assets/myInfo/help.png
src/assets/myInfo/help.png
src/assets/myInfo/help.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/myRefund.png

831 Bytes | W: | H:

src/assets/myInfo/myRefund.png

773 Bytes | W: | H:

src/assets/myInfo/myRefund.png
src/assets/myInfo/myRefund.png
src/assets/myInfo/myRefund.png
src/assets/myInfo/myRefund.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/pay.png

11 KB | W: | H:

src/assets/myInfo/pay.png

8.81 KB | W: | H:

src/assets/myInfo/pay.png
src/assets/myInfo/pay.png
src/assets/myInfo/pay.png
src/assets/myInfo/pay.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/refresh.png

1.41 KB | W: | H:

src/assets/myInfo/refresh.png

1.43 KB | W: | H:

src/assets/myInfo/refresh.png
src/assets/myInfo/refresh.png
src/assets/myInfo/refresh.png
src/assets/myInfo/refresh.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/refund.png

11.2 KB | W: | H:

src/assets/myInfo/refund.png

9.7 KB | W: | H:

src/assets/myInfo/refund.png
src/assets/myInfo/refund.png
src/assets/myInfo/refund.png
src/assets/myInfo/refund.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/repay.png

2.2 KB | W: | H:

src/assets/myInfo/repay.png

2.1 KB | W: | H:

src/assets/myInfo/repay.png
src/assets/myInfo/repay.png
src/assets/myInfo/repay.png
src/assets/myInfo/repay.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/unConfirm.png

2.32 KB | W: | H:

src/assets/myInfo/unConfirm.png

2.36 KB | W: | H:

src/assets/myInfo/unConfirm.png
src/assets/myInfo/unConfirm.png
src/assets/myInfo/unConfirm.png
src/assets/myInfo/unConfirm.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/unFace.png

2.44 KB | W: | H:

src/assets/myInfo/unFace.png

2.31 KB | W: | H:

src/assets/myInfo/unFace.png
src/assets/myInfo/unFace.png
src/assets/myInfo/unFace.png
src/assets/myInfo/unFace.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/myInfo/unSign.png

1.92 KB | W: | H:

src/assets/myInfo/unSign.png

1.96 KB | W: | H:

src/assets/myInfo/unSign.png
src/assets/myInfo/unSign.png
src/assets/myInfo/unSign.png
src/assets/myInfo/unSign.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -89,6 +89,9 @@ export default {
methods: {
selectShowList () {
let vm = this
vm.undo = []
vm.done = []
vm.tabNum = 0
this.lists.forEach(item => {
if (item.confirm_status === 'SUBMIT') {
vm.undo.push(item)
......@@ -96,6 +99,7 @@ export default {
vm.done.push(item)
}
})
this.showList = this.undo
},
getTabNum (i) {
this.tabNum = i
......@@ -119,30 +123,6 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
// vm.lists = [{
// 'project_id': '48812',
// 'project_number': '',
// 'bp_name': '张三',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'SUBMIT',
// },
// {
// 'project_id': '48800',
// 'project_number': '',
// 'bp_name': '李四',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'APPROVED',
// },
// {
// 'project_id': '48800',
// 'project_number': '',
// 'bp_name': '王五',
// 'total_price': '51',
// 'division_n': 'PDJ',
// 'confirm_status': 'APPROVED',
// }]
vm.selectShowList()
} else {
hlsPopup.showLongCenter(res.message)
......
<!--
* @Author: your name
* @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-11-05 18:15:37
* @LastEditTime: 2019-11-06 16:47:37
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
-->
......@@ -113,7 +113,7 @@ export default {
// 合同查询
contractList () {
let vm = this
let url = $config.basePath + 'con_confirm_list_query'
let url = $config.basePath + 'prj_confirm_list_query'
let param = {
user_phone: window.localStorage.user_phone,
}
......
......@@ -6,7 +6,7 @@
<span>合同发车</span>
</div>
</h-header>
<Tab :tabNum="tabNum" @getTabNum="getTabNum" />
<Tab @getTabNum="getTabNum" />
<div class="search">
<input placeholder="请输入合同号/产品线/承租人名称" >
</div>
......@@ -61,7 +61,7 @@ export default {
},
data () {
return {
tabNum: 0,
tabNum: '',
contructs: [],
lists: [],
showList: [],
......@@ -91,18 +91,18 @@ export default {
created () {
},
methods: {
selectShowList (e) {
selectShowList () {
let vm = this
vm.undo = []
vm.done = []
vm.tabNum = 0
e.forEach(item => {
if (item.leases_status === 'N') {
vm.undo.push(item)
} else if (item.leases_status === 'Y') {
vm.done.push(item)
}
vm.undo = vm.lists.filter(i => {
return i.leases_status === 'N'
})
vm.done = vm.lists.filter(i => {
return i.leases_status === 'Y'
})
this.showList = this.undo
},
getTabNum (i) {
this.tabNum = i
......@@ -133,7 +133,7 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
vm.selectShowList(res.lists)
vm.selectShowList()
} else {
hlsPopup.showLongCenter(res.message)
}
......
......@@ -20,15 +20,15 @@ import sign from '@/assets/contractStart/1.png'
import finish from '@/assets/contractStart/3.png'
export default {
props: {
'tabNum': {
type: Number,
default: 0,
},
},
// props: {
// 'tabNum': {
// type: Number,
// default: 0,
// },
// },
data () {
return {
// tabNum: 0,
tabNum: 0,
signed: signed,
finished: finished,
sign: sign,
......
/**
* @Author Sean
* @Date 2019/10/22
*/
<template>
<h-view id="reimburseDetail" class="public-style" style="height: 100%">
<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>
<list-item :item-height="44">
<item>
<div slot="name">交易流水号</div>
<div slot="content">{{ detail.order_number }}</div>
</item>
<item>
<div slot="name">交易时间</div>
<div slot="content">{{ detail.order_date }}</div>
</item>
<item>
<div slot="name">收款账号</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
<item>
<div slot="name">收款账户名称</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
<item>
<div slot="name">商业伙伴</div>
<div slot="content">{{ detail.bp_name }}</div>
</item>
<item>
<div slot="name">商业伙伴类型</div>
<div slot="content">{{ detail.bp_type_n }}</div>
</item>
<item>
<div slot="name">付款账号</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
<item>
<div slot="name">付款账户名称</div>
<div slot="content">{{ '暂无字段' }}</div>
</item>
</list-item>
<div v-for="(list,index) in conList" :key="index" class="contract">
<div>
<div class="top">
<img src="@/assets/reimburseMyself/q.png" >
<span class="number">合同号</span>
<span>{{ list.project_number }}</span>
</div>
<div v-for="(item,indexTwo) in list.con_lists" :key="indexTwo" class="bottom">
<list-item >
<item>
<div slot="name">首付款</div>
<div slot="content">{{ item.down_payment | currency }}</div>
</item>
<item>
<div slot="name">保证金</div>
<div slot="content">{{ item.deposit | currency }}</div>
</item>
<item>
<div slot="name">手续费</div>
<div slot="content">{{ item.lease_charge | currency }}</div>
</item>
<item>
<div slot="name">GPS费用</div>
<div slot="content">{{ item.gps_fee | currency }}</div>
</item>
<item>
<div slot="name">保险押金</div>
<div slot="content">{{ item.insurance_fee | currency }}</div>
</item>
</list-item>
</div>
</div>
</div>
</h-content>
</h-view>
</template>
<script>
export default {
data () {
return {
detail: {},
conList: [],
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.getDetail()
vm.getConList()
})
},
created: function () {},
mounted: function () {},
updated: function () {},
destroyed: function () {},
methods: {
getDetail () {
let vm = this
let url = process.env.basePath + 'my_repayment_detial_query'
let param = {
order_id: vm.$route.params.order_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.detail = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getConList () {
let vm = this
let url = process.env.basePath + 'my_con_list_query'
let param = {
order_id: vm.$route.params.order_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.conList = res.prj_lists
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
},
}
</script>
<style lang="less" rel="stylesheet">
#reimburseDetail {
.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;
}
}
.hls-item .contents .add-name .left-icon {
width: 30px;
}
.list-wrap {
margin: 10px;
}
.add-name {
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
}
}
.add-content {
.money-font {
font-family: Verdana-Bold;
font-size: 15px;
color: rgba(56, 63, 69, 0.6);
font-weight: 600;
}
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
}
}
.contract {
width: 359px;
background-color: #fff;
margin: 0 auto;
margin-top: 8px;
.top {
height: 43px;
display: flex;
align-items: center;
display: flex;
img {
width: 30px;
height: 30px;
margin-left: 10px;
}
.number {
margin-left: 10px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #4b4a4b;
letter-spacing: 0;
line-height: 18px;
}
span:last-child {
margin-left: 116px;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: rgba(75, 74, 75, 0.97);
letter-spacing: 0;
line-height: 18px;
}
}
.bottom {
width: 300px;
margin: 0 auto;
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 1;
text-align: right;
}
}
}
</style>
<template>
<h-view id="reimburse" class="public-style" style="height: 100%">
<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>
<div class="hinput">
<input v-model="keyWords" type="text" placeholder="请输入退款金额" >
</div>
<scroll ref="scroll" :updateData="[reimburseList]" :pullUp="true">
<section class="reimburse-wrap">
<list-item
v-for="(list,index) in reimburseList"
:key="index"
@click.native="godetail(list.order_id)"
>
<item>
<img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon" >
<div slot="name">退款金额</div>
<div slot="content" class="money-font">{{ list.orderamount | currency }}</div>
</item>
<item>
<div slot="left-icon" class="left-icon" />
<div slot="name" class="time-font">还款时间</div>
<div slot="content" class="time-font">{{ list.order_date }}</div>
</item>
</list-item>
</section>
</scroll>
</h-view>
</template>
<script>
export default {
data () {
return {
reimburseList: [],
keyWords: '',
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.getList()
})
},
methods: {
godetail (e) {
this.$router.push({
name: 'DrawbackDetail',
params: {
order_id: e,
},
})
},
getList () {
// let vm = this
// let url = process.env.basePath + 'my_repayment_query'
// let param = {
// user_phone: window.localStorage.getItem('user_phone'),
// }
// vm.hlsPopup.showLoading('数据加载中,请稍后!')
// vm.hlsHttp.post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
// vm.reimburseList = res.lists
this.reimburseList = [
{
order_date: '2019/10/24',
orderamount: '0',
order_id: '16',
},
]
// if (res.lists.length > 0 && res.lists.length < 10) {
// vm.$refs.scroll.update(true)
// }
// }
// })
},
},
}
</script>
<style lang="less" rel="stylesheet">
#reimburse {
.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: 68px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 3px;
background: #fff;
input {
width: 351px;
height: 36px;
padding-left: 20px;
margin: 0 auto;
opacity: 0.4;
border: none;
line-height: 34px;
border: none;
background: url("../../assets/drawback/uncheck.png") 310px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
}
input:focus {
background-color: #fff;
background: url("../../assets/drawback/check.png") 310px no-repeat;
background-size: 16px 16px;
border: 1px solid #1d3fff;
}
}
.content {
margin-top: 10px;
}
.scrollContent {
padding-bottom: 70px;
}
.reimburse-wrap {
margin: 10px;
}
.hls-item .contents .add-name .left-icon {
width: 30px;
}
.add-name {
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
}
}
.add-content {
.money-font {
font-family: Verdana-Bold;
font-size: 15px;
color: #1d3fff;
}
.time-font {
font-family: PingFangSC-Regular;
font-size: 14px;
color: rgba(56, 63, 69, 0.6);
}
}
}
</style>
<!--
* @Author: your name
* @Date: 2019-10-30 19:29:24
* @LastEditTime: 2019-10-31 10:26:52
* @LastEditTime: 2019-11-06 15:56:54
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \hls-xcmg-vue-app\src\pages\financingTrial\trial-repay-plan.vue
......@@ -36,15 +36,15 @@
</div>
<h-content id="content" class="plan-content">
<!-- 已结清 black , 逾期 orange , 还款中 blue , 未还款 green -->
<div v-for="(item,index) in 5" :key="index" :class="{'plan-list':true,'or':statu==='orange','bl':statu==='blue','gr':statu==='green'}">
<div v-for="(item,index) in repayLists" :key="index" :class="{'plan-list':true,'or':statu==='orange','bl':statu==='blue','gr':statu==='green'}">
<div :class="{'period':true,'orange':statu==='orange','blue':statu==='blue','green':statu==='green'}">{{ index + 1 }}</div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/black.png" alt="" class="left">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/orange.png" alt="" class="left">
<img v-if="statu === 'blue'" src="@/assets/contractInquire/blue.png" alt="" class="left">
<img v-if="statu === 'green'" src="@/assets/contractInquire/green.png" alt="" class="left">
<div class="time">
<p>2019</p>
<span>01-01</span>
<p>{{ item.due_date.substr(0,4) }}</p>
<span>{{ dateConverse(item.due_date).substr(5,10) }}</span>
</div>
<div class="name">
<p>现金流项目</p>
......@@ -52,7 +52,7 @@
</div>
<div class="number">
<p>租金</p>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">90,000.00</span>
<span :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}">{{ item.rental |currency }}</span>
</div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt="" class="status">
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt="" class="status">
......@@ -71,12 +71,13 @@ export default {
data () {
return {
// 已结清 black , 逾期 orange , 还款中 blue , 未还款 green
statu: 'black',
statu: 'orange',
info: {},
show: false,
height: 0,
oldHeight: 0,
newHeight: 0,
repayLists: [], // 每期还款
}
},
computed: {},
......@@ -90,6 +91,16 @@ export default {
next()
},
methods: {
dateConverse (date) {
return date.replace(/\//g, '-')
},
arrSort (property) {
return function (a, b) {
var value1 = a[property]
var value2 = b[property]
return value1 - value2
}
},
showDetails () {
if (!this.flag) {
this.flag = true
......@@ -124,6 +135,8 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.info = res.info
vm.repayLists = res.lists.sort(vm.arrSort('times')) // 根据还款期排序
} else {
hlsPopup.showLongCenter(res.message)
}
......@@ -283,7 +296,7 @@ export default {
display: flex;
padding-right: 20px;
padding-left: 10px;
padding-top: 16px;
padding-top: 20px;
margin-bottom: 10px;
.left {
......@@ -306,13 +319,14 @@ export default {
left: 0;
background: rgba(75,74,75,.5);
border-radius: 4px 0 4px 0;
width: 30px;
height: 15px;
// width: 30px;
padding: 1px 2px;
height: 20px;
color: #fff;
font-family: PingFangSC-Semibold;
font-size: 12px;
letter-spacing: 1.09px;
line-height: 15px;
line-height: 20px;
text-align: center;
}
......@@ -336,7 +350,7 @@ export default {
font-size: 12px;
color: rgba(56,63,69,0.60);
margin-bottom: 4px;
margin-top: 5px;
margin-top: 8px;
}
span {
......
This diff is collapsed.
......@@ -122,21 +122,22 @@ export default {
newList () {
let vm = this
vm.nongBank = []
let newList = vm.lists.map(i => {
return i.bank_full_name.indexOf('农业') === -1
})
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
let notNong = vm.lists.filter(i => {
return (i.bank_full_name.indexOf('农业') === -1)
})
console.log(notNong)
if (vm.flag) {
vm.select = 'nong0'
} else {
vm.select = 'one'
}
return newList
return notNong
},
},
watch: {},
......
......@@ -121,20 +121,23 @@ export default {
computed: {
newList () {
let vm = this
let value
vm.nongBank = []
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
value = vm.lists.splice(i, 1)
vm.nongBank.push(...value)
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
let notNong = vm.lists.filter(i => {
return (i.bank_full_name.indexOf('农业') === -1)
})
console.log(notNong)
if (vm.flag) {
vm.select = 'nong0'
} else {
vm.select = 'one'
}
return vm.lists
return notNong
},
},
watch: {},
......
......@@ -112,20 +112,23 @@ export default {
computed: {
newList () {
let vm = this
let value
vm.nongBank = []
vm.lists.forEach((item, i) => {
if (item.bank_full_name.indexOf('农业') !== -1) {
value = vm.lists.splice(i, 1)
vm.nongBank.push(...value)
vm.nongBank.push(vm.lists[i])
vm.flag = true
}
})
let notNong = vm.lists.filter(i => {
return (i.bank_full_name.indexOf('农业') === -1)
})
console.log(notNong)
if (vm.flag) {
vm.select = 'nong0'
} else {
vm.select = 'one'
}
return vm.lists
return notNong
},
},
watch: {},
......
......@@ -2,7 +2,7 @@
* @Descrip: 产品明细
* @Author: your name
* @Date: 2019-10-15 14:30:00
* @LastEditTime: 2019-11-06 10:36:40
* @LastEditTime: 2019-11-06 16:35:55
* @LastEditors: Please set LastEditors
-->
<template>
......@@ -23,11 +23,14 @@
<!-- <Tab v-if="slide" :tabNums="tabNum" @getTabNum="getTabNum"/> -->
<!-- 基本信息 -->
<h-content v-swipeup="(e)=>vueTouch('上滑',e)" v-swipedown="(e)=>vueTouch('下滑',e)" class="hcontent">
<scroll class="scrolls">
<div id="baseInfo" class="base">
<img :src="picLists[0].url" alt="" class="detail-pic">
<scroll class="scrolls" ref="scrolls">
<!-- 基本信息 -->
<div id="baseInfo" class="base">
<swipe :interval="5000" class="hls-swipe">
<swipe-item v-for="(item,index) in picLists" :key="index" class="hls-swipe">
<img :src="item.url" alt="">
</swipe-item>
</swipe>
<div class="base-content">
<div class="top-code">
<div>参数项 &nbsp;{{ baseInfo.product_code }}</div>
......@@ -155,23 +158,33 @@ export default {
}
},
methods:
{
// tab切换
tabCheck (num) {
let scrollContent = document.getElementsByClassName('scrollContent')[0]
if(num === 0){
this.num = 0
console.log('基本信息',document.getElementsByClassName('base')[0].getBoundingClientRect().top)
this.height = document.getElementsByClassName('base')[0].getBoundingClientRect().top - 83
// console.log(height)
scrollContent.style.transition = 'all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s'
scrollContent.style.transform = 'translate(0px, -' + this.height + 'px) scale(1) translateZ(0px)'
}else if(num === 1){
this.num = 1
console.log('详情信息',document.getElementsByClassName('prodetail')[0].getBoundingClientRect().top)
this.height = document.getElementsByClassName('prodetail')[0].getBoundingClientRect().top - 83
console.log(this.height)
scrollContent.style.transition = 'all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s'
scrollContent.style.transform = 'translate(0px, -' + this.height + 'px) scale(1) translateZ(0px)'
}else{
this.num = 2
console.log('配置信息',document.getElementsByClassName('procnf')[0].getBoundingClientRect().top)
this.height = document.getElementsByClassName('procnf')[0].getBoundingClientRect().top - 83
// console.log(height)
document.getElementsByClassName('scrollContent')[0].style.transition = 'all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s'
document.getElementsByClassName('scrollContent')[0].style.transform = 'translate(0px, -' + this.height + 'px) scale(1) translateZ(0px)'
scrollContent.style.transition = 'all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s'
scrollContent.style.transform = 'translate(0px, -' + this.height + 'px) scale(1) translateZ(0px)'
}
},
returnGo () {
......@@ -183,12 +196,7 @@ export default {
vueTouch: function (s, e) {
// console.log(s, e)
this.slide = true
this.height = 0
// document.getElementsByTagName('hcontent')[0].addEventListener('touchmove',function(e){
// console.log("开始滑动了touchstart");
// let a = document.documentElement.scrollTop;
// console.log("滑动距离为:",a);
// });
// this.height = 0
// console.log(this.$refs.detail.style)
let clientHeight = document.body.clientHeight // 屏幕可视高度
let procnfGather = document.getElementsByClassName('procnf')[0].getBoundingClientRect() // 配置信息元素集合
......@@ -198,7 +206,7 @@ export default {
this.num = 2
} else if (clientHeight - detailGather.top >= detailGather.height) {
this.num = 1
} else if (clientHeight - baseGather.top >= baseGather.height) {
} else if ( -(baseGather.top) <= baseGather.height/2) {
this.num = 0
}
},
......
......@@ -23,7 +23,7 @@
<list-item v-for="(item,index) in lists" :key="index">
<item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
<div slot="name" class="item-pic">
<img src="@/assets/homePage/WechatIMG2 Copy@2x.png" alt="">
<img :src="item.url" alt="">
</div>
<div slot="content" class="item-content">
<div class="pro-name">
......@@ -81,6 +81,11 @@ export default {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
res.lists.forEach(item => {
item['url'] = process.env.filePath + 'attachment_id=' + item.product_attachment_id + '&access_token=' + window.localStorage.access_token
})
// vm.picLists = res.lists
// console.log('........',vm.picLists)
} else {
hlsPopup.showLongCenter(res.message)
}
......
......@@ -96,6 +96,10 @@ import ContractRecords from '@/pages/contractInquire/contract-records'
import RepayDetail from '@/pages/contractInquire/repay-detail'
import RepayPlans from '@/pages/contractInquire/repay-plans'
// 业务退款
import DrawbackList from '@/pages/drawback/drawback-list'
import DrawbackDetail from '@/pages/drawback/drawback-detail'
Vue.use(Router)
export default new Router({
......@@ -239,6 +243,11 @@ export default new Router({
{path: '/repay-detail', component: RepayDetail, name: 'RepayDetail', meta: {keepAlive: true}},
{path: '/repay-plans', component: RepayPlans, name: 'RepayPlans', meta: {keepAlive: true}},
{path: '/ifram-test', component: IframTest, name: 'IframTest', meta: {keepAlive: false}},
// 业务退款
{path: '/drawback-list', component: DrawbackList, name: 'DrawbackList', meta: {keepAlive: false}},
{path: '/drawback-detail', component: DrawbackDetail, name: 'DrawbackDetail', meta: {keepAlive: false}},
],
scrollBehavior (to, from, savedPosition) {
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