Commit ca7521dc authored by 李晓兵's avatar 李晓兵

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

parents 16a13b24 9747aa87
Pipeline #3665 canceled with stages
...@@ -9,62 +9,62 @@ ...@@ -9,62 +9,62 @@
</template> </template>
<script> <script>
export default { export default {
name: 'CurrencyInput', name: 'CurrencyInput',
props: { props: {
value: { value: {
type: Number, type: Number,
default: 0, default: 0,
},
disable: {
type: Boolean,
default: false,
},
}, },
disable: {
type: Boolean,
default: false,
},
},
data () { data () {
return { return {
focused: false, focused: false,
}
},
filter: {
uncurrency (val) {
if (!val) return null
return (Number((val).replace(/,/gi, ''))) === 0 ? null : Number((val).replace(/,/gi, ''))
},
},
computed: {
formatValue () {
let currency = this.$options.filters['currency']
if (!this.focused) {
return currency(this.value)
} else {
return this.value
} }
}, },
filter: { },
uncurrency (val) { methods: {
if (!val) return null onInput: function (value) {
return (Number((val).replace(/,/gi, ''))) === 0 ? null : Number((val).replace(/,/gi, '')) if (this.disable) return
}, let uncurrency = this.$options.filter['uncurrency']
this.currencyValue = uncurrency(value)
this.$emit('input', this.currencyValue)
}, },
computed: { onFocus (event) {
formatValue () { if (this.disable) return
let currency = this.$options.filters['currency'] this.focused = true
if (!this.focused) { setTimeout(function () {
return currency(this.value) event.target.type = 'number'
} else { event.target.focus()
return this.value }, 0)
}
},
}, },
methods: { onBlur (event) {
onInput: function (value) { if (this.disable) return
if (this.disable) return event.target.type = 'text'
let uncurrency = this.$options.filter['uncurrency'] this.focused = false
this.currencyValue = uncurrency(value)
this.$emit('input', this.currencyValue)
},
onFocus (event) {
if (this.disable) return
this.focused = true
setTimeout(function () {
event.target.type = 'number'
event.target.focus()
}, 0)
},
onBlur (event) {
if (this.disable) return
event.target.type = 'text'
this.focused = false
},
}, },
} },
}
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
......
...@@ -204,6 +204,11 @@ export default { ...@@ -204,6 +204,11 @@ export default {
if (res.result === 'S') { if (res.result === 'S') {
vm.equip = res.lists vm.equip = res.lists
vm.hlsPopup.showSuccess('发车成功') vm.hlsPopup.showSuccess('发车成功')
setTimeout(() => {
vm.$router.push({
name: 'ConfirmList',
})
}, 2000)
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
......
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-09-29 10:02:11 * @Date: 2019-09-29 10:02:11
* @LastEditTime: 2019-11-20 17:01:18 * @LastEditTime: 2019-11-21 13:40:59
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
--> -->
...@@ -131,7 +131,6 @@ export default { ...@@ -131,7 +131,6 @@ export default {
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
console.log(res.lists)
vm.lists = res.lists vm.lists = res.lists
vm.submitLists = res.lists.filter(item => item.confirm_status === 'SUBMIT') vm.submitLists = res.lists.filter(item => item.confirm_status === 'SUBMIT')
vm.approvedLists = res.lists.filter(item => item.confirm_status === 'APPROVED') vm.approvedLists = res.lists.filter(item => item.confirm_status === 'APPROVED')
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip""/>User Settings Edit * @Descrip""/>User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-29 20:31:00 * @Date: 2019-09-29 20:31:00
* @LastEditTime: 2019-11-13 09:31:10 * @LastEditTime: 2019-11-21 12:39:19
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</item> </item>
<item> <item>
<div slot="name" class="font-color">设备总价</div> <div slot="name" class="font-color">设备总价</div>
<input slot="content" v-model="equip_price" placeholder="请输入设备总价"> <CurrencyInput slot="content" :value="equip_price" @input="getVal" />
</item> </item>
<item> <item>
<div slot="name" class="font-color">融资金额</div> <div slot="name" class="font-color">融资金额</div>
...@@ -117,8 +117,12 @@ ...@@ -117,8 +117,12 @@
</template> </template>
<script> <script>
import CurrencyInput from '@/components/currencyInput'
export default { export default {
name: 'FinancingDetails', name: 'FinancingDetails',
components: {
CurrencyInput,
},
data () { data () {
return { return {
info: {}, info: {},
...@@ -126,7 +130,7 @@ export default { ...@@ -126,7 +130,7 @@ export default {
insurance_fee: '', // 保险押金 insurance_fee: '', // 保险押金
quotation_id: '', // 试算成功返回id quotation_id: '', // 试算成功返回id
trial_flag: false, // 检测是否通过试算 trial_flag: false, // 检测是否通过试算
equip_price: null, // 设备价格 equip_price: '', // 设备价格
periodLists: [], // 还款周期 periodLists: [], // 还款周期
product_num: '', // 产品数量 product_num: '', // 产品数量
price_date_to: '请选择时间', // 预计还款日 price_date_to: '请选择时间', // 预计还款日
...@@ -143,7 +147,7 @@ export default { ...@@ -143,7 +147,7 @@ export default {
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
if (from.name === 'FinancingTrial') { if (from.name === 'FinancingTrial') {
vm.equip_price = vm.$route.params.plan_price // 参考价 vm.equip_price = Number(vm.$route.params.plan_price) // 参考价
// if (vm.product_plan_id !== vm.$route.params.product_plan_id) { // if (vm.product_plan_id !== vm.$route.params.product_plan_id) {
// 重置产品id、试算返回id、试算状态、保险押金、gps费用、预计还款日 // 重置产品id、试算返回id、试算状态、保险押金、gps费用、预计还款日
vm.product_plan_id = vm.$route.params.product_plan_id vm.product_plan_id = vm.$route.params.product_plan_id
...@@ -162,7 +166,10 @@ export default { ...@@ -162,7 +166,10 @@ export default {
created () {}, created () {},
methods: methods:
{ {
// 还款计划 getVal (val) {
this.equip_price = val
},
// 还款计划
goRepay () { goRepay () {
if (this.trial_flag) { if (this.trial_flag) {
this.$router.push({ this.$router.push({
......
...@@ -47,7 +47,8 @@ ...@@ -47,7 +47,8 @@
<div class="userInfo">我的合同</div> <div class="userInfo">我的合同</div>
<div class="my-contract"> <div class="my-contract">
<div class="content-wrap" @click="goSign"> <div class="content-wrap" @click="goSign">
<span v-if="signCount > 0" <span
v-if="signCount > 0"
:class="{'content-wrap-class-width':signCount>99, 'content-wrap-class':signCount<99}" :class="{'content-wrap-class-width':signCount>99, 'content-wrap-class':signCount<99}"
>{{ signCount > 99 ? '99+' : signCount }}</span> >{{ signCount > 99 ? '99+' : signCount }}</span>
<img src="@/assets/myInfo/unSign.png" > <img src="@/assets/myInfo/unSign.png" >
...@@ -61,14 +62,16 @@ ...@@ -61,14 +62,16 @@
<p>待确认</p> <p>待确认</p>
</div> --> </div> -->
<div class="content-wrap" @click="goVideoSign"> <div class="content-wrap" @click="goVideoSign">
<span v-if="vedioCount > 0" <span
v-if="vedioCount > 0"
:class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}" :class="{'content-wrap-class-width':vedioCount>99, 'content-wrap-class':vedioCount<99}"
>{{ vedioCount > 99 ? '99+' : vedioCount }}</span> >{{ vedioCount > 99 ? '99+' : vedioCount }}</span>
<img src="@/assets/myInfo/unFace.png" > <img src="@/assets/myInfo/unFace.png" >
<p>待面签</p> <p>待面签</p>
</div> </div>
<div class="content-wrap" @click="goCarConfirm"> <div class="content-wrap" @click="goCarConfirm">
<span v-if="carCount > 0" <span
v-if="carCount > 0"
:class="{'content-wrap-class-width':carCount>99, 'content-wrap-class':carCount<99}" style="margin-left:5px;" :class="{'content-wrap-class-width':carCount>99, 'content-wrap-class':carCount<99}" style="margin-left:5px;"
>{{ carCount > 99 ? '99+' : carCount }}</span> >{{ carCount > 99 ? '99+' : carCount }}</span>
<img src="@/assets/myInfo/carConfirm.png" > <img src="@/assets/myInfo/carConfirm.png" >
...@@ -87,7 +90,8 @@ ...@@ -87,7 +90,8 @@
<item @click.native="goMyProduct"> <item @click.native="goMyProduct">
<img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" > <img slot="left-icon" src="@/assets/myInfo/collect.png" class="left-icon" >
<div slot="name">我的收藏</div> <div slot="name">我的收藏</div>
<div v-if="productCount > 0" <div
v-if="productCount > 0"
slot="right-icon" slot="right-icon"
:class="{'right-icon-width':productCount>99, 'right-icon':productCount<99}" :class="{'right-icon-width':productCount>99, 'right-icon':productCount<99}"
>{{ productCount > 99 ? '99+' : productCount }}</div> >{{ productCount > 99 ? '99+' : productCount }}</div>
...@@ -796,4 +800,23 @@ export default { ...@@ -796,4 +800,23 @@ export default {
color: #fff; color: #fff;
border-radius: 50%; border-radius: 50%;
} }
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#my-info {
button {
margin-bottom: 98px;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#my-info {
button {
margin-bottom: 98px;
}
}
}
}
</style> </style>
...@@ -36,8 +36,7 @@ ...@@ -36,8 +36,7 @@
<div class="item-right"> <div class="item-right">
<p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p> <p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p>
<p>{{ e.received_amount|currency }}</p> <p>{{ e.received_amount|currency }}</p>
<input v-model="e.amount" type="number" placeholder="请输入还款金额"> <CurrencyInput v-model="e.amount" placeholder="请输入还款金额"/></div>
</div>
</div> </div>
</div> </div>
</section> </section>
...@@ -60,8 +59,11 @@ ...@@ -60,8 +59,11 @@
</template> </template>
<script> <script>
import CurrencyInput from '../../../components/currencyInput'
export default { export default {
components: {}, components: {
CurrencyInput,
},
data () { data () {
return { return {
money: 0, money: 0,
...@@ -120,7 +122,7 @@ export default { ...@@ -120,7 +122,7 @@ export default {
vm.prj_lists = res.prj_lists vm.prj_lists = res.prj_lists
vm.prj_lists.forEach(i => { vm.prj_lists.forEach(i => {
i.cf_lists.forEach(j => { i.cf_lists.forEach(j => {
let num = (parseFloat(j.due_amount) - parseFloat(j.received_amount)) let num = (parseFloat(j.due_amount) - parseFloat(j.received_amount)).toFixed(2)
vm.$set(j, 'amount', num) vm.$set(j, 'amount', num)
}) })
}) })
...@@ -213,7 +215,8 @@ export default { ...@@ -213,7 +215,8 @@ export default {
bottom: 150px; bottom: 150px;
width: 100%; width: 100%;
//margin-top:-60px; //margin-top:-60px;
height: 370px; // height: 370px;
height:7.4rem;
overflow: scroll; overflow: scroll;
//background-color: #FFF; //background-color: #FFF;
.contract-item { .contract-item {
...@@ -382,4 +385,31 @@ export default { ...@@ -382,4 +385,31 @@ export default {
color: #fff; color: #fff;
} }
} }
.platform-ios {
#contract-record {
.pay-content {
height: 370px;
}
}
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#contract-record {
.pay-content {
height: 9.4rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#contract-record {
.pay-content {
height: 9.4rem;
}
}
}
}
</style> </style>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<div> <div>
<span>本次还款</span> <span>本次还款</span>
<section> <section>
<input v-model="detail.amount" type="number" placeholder="请输入还款金额" > <CurrencyInput v-model="detail.amount" placeholder="请输入还款金额" />
</section> </section>
</div> </div>
</div> </div>
...@@ -102,9 +102,12 @@ ...@@ -102,9 +102,12 @@
</h-view> </h-view>
</template> </template>
<script> <script>
import CurrencyInput from '../../../components/currencyInput'
export default { export default {
name: 'PaymentContractRecord', name: 'PaymentContractRecord',
components: {}, components: {
CurrencyInput,
},
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
vm.getRentInfo() vm.getRentInfo()
...@@ -478,4 +481,23 @@ export default { ...@@ -478,4 +481,23 @@ export default {
color: white; color: white;
} }
} }
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#payment-contract-record {
.pay-content {
height: 63%;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#payment-contract-record {
.pay-content {
height: 63%;
}
}
}
}
</style> </style>
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