|
|
@@ -1,32 +1,29 @@
|
|
|
<template>
|
|
|
<view class="p-t20">
|
|
|
<view class="task-body m-lr20 animate__animated animate__fadeIn" v-if="taskList.length>0">
|
|
|
- <view class="row-c page-box-bg-fff m-b20 r-30 box-shadow-197" v-for="(item,index) in taskList" :key="index"
|
|
|
- @click="onTaskDetails(item)">
|
|
|
- <view class="main_string" :style="{background:lineColor[0]}"></view>
|
|
|
+ <view class="row-c page-box-bg-fff m-b20 r-30 box-shadow-197" v-for="(item,index) in taskList" :key="index">
|
|
|
+ <view class="main_string" :style="{background:lineColor[item.product_id%3]}"></view>
|
|
|
<view class="row-c flex p-30">
|
|
|
<image class="wh-80" :src="item.product_icon" mode=""></image>
|
|
|
<view class="flex m-l20">
|
|
|
<view class="row-justify-sb center flex">
|
|
|
<text class="text-color-333 sys-weight-600">{{item.product_name}}</text>
|
|
|
- <view class="row-c line-40">
|
|
|
+ <view class="row-c line-40" @click.stop="makCall(item.phone)">
|
|
|
<text class="size-26 text-color-333">{{item.name}}</text>
|
|
|
- <image class="wh-30 m-l16"
|
|
|
- src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-phone.png"
|
|
|
- mode=""></image>
|
|
|
+ <image class="wh-30 m-l16" src="https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-phone.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view
|
|
|
class="p-tb14 p-lr30 m-tb20 r-100 row-justify-sb center size-24 text-color-12 sys-from-background-color sys-weight-600"
|
|
|
style="line-height: 40rpx;">
|
|
|
- <text class="size-28 text-color-E21">120万</text>
|
|
|
+ <text class="size-28 text-color-E21">{{(item.loans_money/10000).toFixed(2)}}万</text>
|
|
|
<view class="">
|
|
|
- <text>9/36</text><text class="sys-weight-400">期</text>
|
|
|
+ <text>{{item.refund_num-item.residue_num}}/{{item.refund_num}}</text><text class="sys-weight-400">期</text>
|
|
|
</view>
|
|
|
- <view class="">
|
|
|
- <text>12456.45</text><text class="sys-weight-400">元</text>
|
|
|
+ <view class="" v-if="item.status === 1">
|
|
|
+ <text>{{(item.repayment_money*1).toFixed(2)}}</text><text class="sys-weight-400">元</text>
|
|
|
</view>
|
|
|
- <text class="color-FF730E">23.98%</text>
|
|
|
+ <text class="color-FF730E">{{(item.interest_rate*1).toFixed(2)}}%</text>
|
|
|
</view>
|
|
|
<view class="row-justify-sb center">
|
|
|
<text></text>
|
|
|
@@ -96,40 +93,14 @@
|
|
|
return {
|
|
|
leftImg: ['task-house', 'task-business', 'task-repayment'],
|
|
|
iconList: ['task-audit', 'task-do', 'task-stay'],
|
|
|
- lineColor: ['#DE5847', '#EF8F27', '#0FB160'],
|
|
|
+ lineColor: [ '#EF8F27','#DE5847', '#0FB160'],
|
|
|
isAjax: false
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- // takeTask(index) {
|
|
|
- // if (this.isAjax) {
|
|
|
- // return;
|
|
|
- // }
|
|
|
- // this.isAjax = true;
|
|
|
- // takeTask({
|
|
|
- // 'id': this.taskList[index].id
|
|
|
- // }).then((res) => {
|
|
|
- // this.isAjax = false
|
|
|
- // if (res.code === 1) {
|
|
|
- // tools.success(res.msg)
|
|
|
- // // this.taskList.splice(index, 1)
|
|
|
- // this.$emit('takeTask', index)
|
|
|
- // } else {
|
|
|
- // tools.error(res.msg)
|
|
|
- // }
|
|
|
- // })
|
|
|
- // },
|
|
|
- getIconStatus() {
|
|
|
- return `https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/${this.iconList[this.iconStatus]}.png`
|
|
|
- },
|
|
|
- getLeftImg() {
|
|
|
- return `https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/${this.leftImg[this.leftImgStatus]}.png`
|
|
|
- },
|
|
|
- // onTaskDetails(item) {
|
|
|
- // uni.navigateTo({
|
|
|
- // url: '/page_task/task_details/task_details?taskId=' + item.id
|
|
|
- // })
|
|
|
- // }
|
|
|
+ makCall(phone){
|
|
|
+ tools.makingCall(phone)
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -171,4 +142,4 @@
|
|
|
button::after {
|
|
|
border: none;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|