|
@@ -1,17 +1,20 @@
|
|
|
<script setup lang="ts">
|
|
|
-import { computed, onMounted, ref } from "vue";
|
|
|
+import { computed, onMounted, ref, watchEffect } from "vue";
|
|
|
import { useRoute, useRouter } from "vue-router";
|
|
|
import { useResponseHandle } from "/@/hooks";
|
|
|
import { httpDetail, httpStatus } from "/@/api/InvoiceSales/capitalPool";
|
|
|
+import { httpInfo } from "/@/api/InvoiceSales/capitalClaim";
|
|
|
import BasicDescriptions from "/@/components/BasicDescriptions";
|
|
|
import { approval_process } from "../approval-process";
|
|
|
import { CAPITAL_COLUMNS } from "/@/utils/details/tragelog";
|
|
|
+import PaymentReceipt from "../basic-claim/receipt-payment.vue";
|
|
|
|
|
|
const { query } = useRoute();
|
|
|
const { push } = useRouter();
|
|
|
const responseHandle = useResponseHandle();
|
|
|
const capitalDetail = ref<any>({});
|
|
|
-const collapses = ref(["1", "2"]);
|
|
|
+const tradeDetail = ref<any>({});
|
|
|
+const collapses = ref(["1", "2", "3"]);
|
|
|
|
|
|
const logNo = computed(() => query.id);
|
|
|
|
|
@@ -34,6 +37,24 @@ async function requesetCapitalDetail() {
|
|
|
});
|
|
|
}
|
|
|
|
|
|
+//资金详情
|
|
|
+async function requesetTradeDetail() {
|
|
|
+ const { data, message, code } = await httpInfo({
|
|
|
+ tradNo: tradeNo.value
|
|
|
+ });
|
|
|
+
|
|
|
+ responseHandle({
|
|
|
+ code,
|
|
|
+ message,
|
|
|
+ handler: () => (tradeDetail.value = data)
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+const tradeNo = computed(() => {
|
|
|
+ const { tradNo } = capitalDetail.value;
|
|
|
+ return tradNo;
|
|
|
+});
|
|
|
+
|
|
|
//资金认证状态
|
|
|
async function requesetCapitalStatus(otherParams) {
|
|
|
const { code, message } = await httpStatus({
|
|
@@ -55,6 +76,8 @@ function initalData() {
|
|
|
}
|
|
|
|
|
|
onMounted(() => initalData());
|
|
|
+
|
|
|
+watchEffect(() => tradeNo.value && requesetTradeDetail());
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
@@ -62,8 +85,11 @@ onMounted(() => initalData());
|
|
|
<ElTabs>
|
|
|
<ElTabPane label="详情">
|
|
|
<ElCollapse v-model="collapses">
|
|
|
- <!-- 详情 -->
|
|
|
<ElCollapseItem title="资金详情" name="1">
|
|
|
+ <PaymentReceipt :trade-info="tradeDetail" />
|
|
|
+ </ElCollapseItem>
|
|
|
+ <!-- 详情 -->
|
|
|
+ <ElCollapseItem title="认领资金详情" name="2">
|
|
|
<BasicDescriptions
|
|
|
:columns="CAPITAL_COLUMNS"
|
|
|
:data="capitalDetail"
|
|
@@ -73,7 +99,7 @@ onMounted(() => initalData());
|
|
|
|
|
|
<!-- 审核 -->
|
|
|
<ElCollapseItem
|
|
|
- name="2"
|
|
|
+ name="3"
|
|
|
v-if="currentProcess"
|
|
|
:title="currentProcess.title"
|
|
|
>
|