| | |
| | | {{ item.symbol }}</span> |
| | | </div> |
| | | <div class="mb-8">{{ $t("备注") }}: {{ item.reason }}</div> |
| | | <!-- <div v-if="item.state === 2"> |
| | | <div v-if="item.state === 2"> |
| | | {{ $t("剩余天数") }}: {{ item.remainQuota }} |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <div class="right text-center text-white"> |
| | | <div class="loanBtn mb-5" @click="applyRefund(item.uuid)" v-if="item.state === 2"> |
| | | <div class="loanBtn mb-5" @click="$router.push('/customerService')" v-if="item.state === 2"> |
| | | {{ $t("申请还款") }} |
| | | </div> |
| | | <div class="loanBtn mb-5" :style="{ background: loanBgText(item.state) }" v-else> |
| | |
| | | <div class="flex align-center"> |
| | | <!-- <input class="font-semibold textColor border-none text-right mr-3 mainBackground" v-model="loanAmount" disabled="disabled" @input="inputAmunt" />--> |
| | | <span class="mr-3 font-semibold">{{ loanData.quota || 0 }}</span> |
| | | <span class="font-semibold">{{loanData.symbol}}</span> |
| | | <span class="font-semibold">USDT</span> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="flex justify-between py-8 border-b-color"> |
| | | <div class="flex justify-between py-8 border-b-color"> |
| | | <div> |
| | | <span class="grayText">{{ $t("还款周期") }}</span> |
| | | </div> |
| | |
| | | <span>{{ loanData.term }} {{ $t("Day") }}</span> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="flex justify-between py-8 border-b-color"> |
| | | </div> |
| | | <div class="flex justify-between py-8 border-b-color"> |
| | | <div> |
| | | <span class="grayText">{{ $t("日利率") }}</span> |
| | | </div> |
| | | <div class="flex align-center"> |
| | | <span class="font-semibold">{{ loanData.dailyRate * 1 * 100 || 0 }}%</span> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="flex justify-between py-8 border-b-color"> |
| | | <div> |
| | | <span class="grayText">{{ $t("还款方式") }}</span> |
| | |
| | | <span class="grayText">{{ $t("利息") }}</span> |
| | | </div> |
| | | <div class="flex align-center"> |
| | | <span class="font-semibold">{{ loanData.dailyRate * loanData.quota || 0 }} {{loanData.symbol}}</span> |
| | | <span class="font-semibold">{{ loanData.totalInterest || 0 }} USDT</span> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="flex justify-between py-8 border-b-color"> |
| | | <div class="flex justify-between py-8 border-b-color"> |
| | | <div> |
| | | <span class="grayText">{{ $t("放款机构") }}</span> |
| | | </div> |
| | | <div class="flex align-center"> |
| | | <span class="font-semibold">{{ loanData.lendingName }}</span> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="flex justify-between py-8 border-b-color"> |
| | | <div> |
| | | <span class="grayText">{{ $t("状态") }}</span> |
| | |
| | | }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="flex justify-between py-8 border-b-color" v-if="loanData.state === 2"> |
| | | <div class="flex justify-between py-8 border-b-color" v-if="loanData.state === 2"> |
| | | <div> |
| | | <span class="grayText">{{ $t("剩余天数") }}</span> |
| | | </div> |
| | | <div class="flex align-center"> |
| | | <span class="font-semibold">{{ loanData.remainQuota }}</span> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="flex justify-between py-8"> |
| | | <div> |
| | | <span class="grayText">{{ $t("订单时间") }}</span> |
| | |
| | | |
| | | <script> |
| | | import AssetsHead from "@/components/Transform/assets-head/index.vue"; |
| | | import { _loanOrderList, _loanOrderDetail, _loanRefund } from "@/service/fund.api"; |
| | | import { _loanOrderList, _loanOrderDetail } from "@/service/fund.api"; |
| | | import { Popup } from "vant"; |
| | | import { dataTimeEx } from "@/utils/utis"; |
| | | import { showToast } from 'vant'; |
| | | export default { |
| | | name: "loanHistory", |
| | | mounted() { |
| | |
| | | }); |
| | | }, |
| | | loanBgText(val) { |
| | | const bg = { 0: "#BBA635", 1: "#bba635", 2: "#00a7ee", 3: "#E35461", 4: "#b0b4bc", 6: "#00a7ee" }; |
| | | const bg = { 0: "#BBA635", 1: "#bba635", 2: "#00a7ee", 3: "#E35461", 4: "#b0b4bc" }; |
| | | // console.log('this.btnBg',bg[val]) |
| | | return bg[val]; |
| | | }, |
| | |
| | | 2: this.$t("还款中"), |
| | | 4: this.$t("已逾期"), |
| | | 5: this.$t("已还款"), |
| | | 6: this.$t("提交还款申请"), |
| | | }; |
| | | return loanStatus[val] || this.$t("审批中"); |
| | | }, |
| | | // 申请还款 |
| | | applyRefund(orderNo) { |
| | | _loanRefund(orderNo).then((res) => { |
| | | showToast(this.$t("提交还款申请成功") || "提交还款申请成功"); |
| | | // 重新获取列表 |
| | | this.getLoanOrderList(); |
| | | }) |
| | | }, |
| | | changeTab(item) { |
| | | this.activeTabIndex = item.id; |
| | |
| | | { id: 3, menuName: this.$t("审批失败") }, |
| | | { id: 2, menuName: this.$t("还款中") }, |
| | | { id: 5, menuName: this.$t("已还款") }, |
| | | { id: 6, menuName: this.$t("提交还款申请") }, |
| | | ], |
| | | loanOrderList: [], |
| | | loanAllOrderList: [], |