|
@@ -12,7 +12,7 @@
|
|
<div style="border: 1px solid black">
|
|
<div style="border: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -27,7 +27,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -41,11 +41,11 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="display: flex; border-bottom: 1px solid black"
|
|
|
|
- v-if="printDetails.type != '3'"
|
|
|
|
|
|
+ style="display: flex; border-bottom: 1px solid black"
|
|
|
|
+ v-if="printDetails.type != '3'"
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -59,7 +59,7 @@
|
|
<div style="width: calc(100% - 140px)">
|
|
<div style="width: calc(100% - 140px)">
|
|
<div style="border-bottom: 1px solid black; display: flex">
|
|
<div style="border-bottom: 1px solid black; display: flex">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
@@ -70,7 +70,7 @@
|
|
费用类型
|
|
费用类型
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: calc(100% - 300px);
|
|
width: calc(100% - 300px);
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -80,7 +80,7 @@
|
|
款项说明
|
|
款项说明
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 60px;
|
|
width: 60px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -92,21 +92,21 @@
|
|
<div style="width: 100px; padding: 4px 8px; text-align: center">付款金额</div>
|
|
<div style="width: 100px; padding: 4px 8px; text-align: center">付款金额</div>
|
|
</div>
|
|
</div>
|
|
<template
|
|
<template
|
|
- v-if="
|
|
|
|
|
|
+ v-if="
|
|
printDetails.paymentRequestsDetailList &&
|
|
printDetails.paymentRequestsDetailList &&
|
|
printDetails.paymentRequestsDetailList.length > 0
|
|
printDetails.paymentRequestsDetailList.length > 0
|
|
"
|
|
"
|
|
>
|
|
>
|
|
<div v-for="(item, index) in printDetails.paymentRequestsDetailList" :key="index">
|
|
<div v-for="(item, index) in printDetails.paymentRequestsDetailList" :key="index">
|
|
<div
|
|
<div
|
|
- :style="
|
|
|
|
|
|
+ :style="
|
|
index + 1 !== printDetails.paymentRequestsDetailList.length
|
|
index + 1 !== printDetails.paymentRequestsDetailList.length
|
|
? 'border-bottom: 1px solid black; display: flex'
|
|
? 'border-bottom: 1px solid black; display: flex'
|
|
: ' display: flex'
|
|
: ' display: flex'
|
|
"
|
|
"
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
@@ -117,7 +117,7 @@
|
|
{{ dictValueLabel(item.expenseType, expenseType) }}
|
|
{{ dictValueLabel(item.expenseType, expenseType) }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: calc(100% - 300px);
|
|
width: calc(100% - 300px);
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -128,7 +128,7 @@
|
|
{{ item.remark }}
|
|
{{ item.remark }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 60px;
|
|
width: 60px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -148,7 +148,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black" v-else>
|
|
<div style="display: flex; border-bottom: 1px solid black" v-else>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -162,7 +162,7 @@
|
|
<div style="width: calc(100% - 140px)">
|
|
<div style="width: calc(100% - 140px)">
|
|
<div style="border-bottom: 1px solid black; display: flex">
|
|
<div style="border-bottom: 1px solid black; display: flex">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
@@ -173,7 +173,7 @@
|
|
费用类型
|
|
费用类型
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: calc(100% - 360px);
|
|
width: calc(100% - 360px);
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -183,7 +183,7 @@
|
|
款项说明
|
|
款项说明
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 60px;
|
|
width: 60px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -193,7 +193,7 @@
|
|
货币
|
|
货币
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 80px;
|
|
width: 80px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -205,21 +205,21 @@
|
|
<div style="width: 80px; padding: 4px 8px; text-align: center">付款金额</div>
|
|
<div style="width: 80px; padding: 4px 8px; text-align: center">付款金额</div>
|
|
</div>
|
|
</div>
|
|
<template
|
|
<template
|
|
- v-if="
|
|
|
|
|
|
+ v-if="
|
|
printDetails.paymentRequestsDetailList &&
|
|
printDetails.paymentRequestsDetailList &&
|
|
printDetails.paymentRequestsDetailList.length > 0
|
|
printDetails.paymentRequestsDetailList.length > 0
|
|
"
|
|
"
|
|
>
|
|
>
|
|
<div v-for="(item, index) in printDetails.paymentRequestsDetailList" :key="index">
|
|
<div v-for="(item, index) in printDetails.paymentRequestsDetailList" :key="index">
|
|
<div
|
|
<div
|
|
- :style="
|
|
|
|
|
|
+ :style="
|
|
index + 1 !== printDetails.paymentRequestsDetailList.length
|
|
index + 1 !== printDetails.paymentRequestsDetailList.length
|
|
? 'border-bottom: 1px solid black; display: flex'
|
|
? 'border-bottom: 1px solid black; display: flex'
|
|
: ' display: flex'
|
|
: ' display: flex'
|
|
"
|
|
"
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
@@ -230,7 +230,7 @@
|
|
{{ dictValueLabel(item.expenseType, expenseType) }}
|
|
{{ dictValueLabel(item.expenseType, expenseType) }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: calc(100% - 360px);
|
|
width: calc(100% - 360px);
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -241,7 +241,7 @@
|
|
{{ item.remark }}
|
|
{{ item.remark }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 60px;
|
|
width: 60px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -252,7 +252,7 @@
|
|
人民币
|
|
人民币
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 80px;
|
|
width: 80px;
|
|
padding: 4px 8px;
|
|
padding: 4px 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -271,11 +271,11 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="display: flex; border-bottom: 1px solid black"
|
|
|
|
- v-if="printDetails.type !== '3'"
|
|
|
|
|
|
+ style="display: flex; border-bottom: 1px solid black"
|
|
|
|
+ v-if="printDetails.type !== '3'"
|
|
>
|
|
>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -296,7 +296,7 @@
|
|
<div v-else>
|
|
<div v-else>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -316,7 +316,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -336,7 +336,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -357,7 +357,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -372,7 +372,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -386,7 +386,7 @@
|
|
<div style="width: calc(100% - 140px)">
|
|
<div style="width: calc(100% - 140px)">
|
|
<div style="border-bottom: 1px solid black; display: flex">
|
|
<div style="border-bottom: 1px solid black; display: flex">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 19%;
|
|
width: 19%;
|
|
padding: 0 8px;
|
|
padding: 0 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -396,7 +396,7 @@
|
|
支付方式
|
|
支付方式
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 27%;
|
|
width: 27%;
|
|
padding: 0 8px;
|
|
padding: 0 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -406,7 +406,7 @@
|
|
收款方户名
|
|
收款方户名
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 27%;
|
|
width: 27%;
|
|
padding: 0 8px;
|
|
padding: 0 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -419,7 +419,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex">
|
|
<div style="display: flex">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 19%;
|
|
width: 19%;
|
|
padding: 0 8px;
|
|
padding: 0 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -430,7 +430,7 @@
|
|
{{ dictValueLabel(printDetails.payType, payType) }}
|
|
{{ dictValueLabel(printDetails.payType, payType) }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 27%;
|
|
width: 27%;
|
|
padding: 0 8px;
|
|
padding: 0 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -441,7 +441,7 @@
|
|
{{ printDetails.accountName }}
|
|
{{ printDetails.accountName }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
width: 27%;
|
|
width: 27%;
|
|
padding: 0 8px;
|
|
padding: 0 8px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -451,7 +451,15 @@
|
|
>
|
|
>
|
|
{{ printDetails.depositBank }}
|
|
{{ printDetails.depositBank }}
|
|
</div>
|
|
</div>
|
|
- <div style="width: 27%; padding: 0 8px; display: flex; align-items: center; word-break: break-all">
|
|
|
|
|
|
+ <div
|
|
|
|
+ style="
|
|
|
|
+ width: 27%;
|
|
|
|
+ padding: 0 8px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ "
|
|
|
|
+ >
|
|
{{ printDetails.account }}
|
|
{{ printDetails.account }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -459,7 +467,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div style="display: flex; border-bottom: 1px solid black">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -474,7 +482,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex">
|
|
<div style="display: flex">
|
|
<div
|
|
<div
|
|
- style="
|
|
|
|
|
|
+ style="
|
|
max-width: 140px;
|
|
max-width: 140px;
|
|
min-width: 140px;
|
|
min-width: 140px;
|
|
border-right: 1px solid black;
|
|
border-right: 1px solid black;
|
|
@@ -489,7 +497,7 @@
|
|
<template v-if="recordList && recordList.length > 0">
|
|
<template v-if="recordList && recordList.length > 0">
|
|
<div v-for="(item, index) in recordList" :key="index">
|
|
<div v-for="(item, index) in recordList" :key="index">
|
|
<div
|
|
<div
|
|
- :style="
|
|
|
|
|
|
+ :style="
|
|
index + 1 !== recordList.length
|
|
index + 1 !== recordList.length
|
|
? 'border-bottom: 1px solid black; padding: 4px 8px; display: flex'
|
|
? 'border-bottom: 1px solid black; padding: 4px 8px; display: flex'
|
|
: 'padding: 4px 8px; display: flex'
|
|
: 'padding: 4px 8px; display: flex'
|
|
@@ -518,11 +526,11 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
-import {getDoneListTwoApi} from '@/api/flow/execute'
|
|
|
|
-import {getDetailApi} from '@/api/business/payment/requests'
|
|
|
|
-import {getDictByCode} from '@/utils/dict'
|
|
|
|
-import {getPageApi as getCorporationPageApi} from '@/api/business/corporation/corporation'
|
|
|
|
-import {useUserStore} from '@/stores/modules/user'
|
|
|
|
|
|
+import { getDoneListTwoApi } from '@/api/flow/execute'
|
|
|
|
+import { getDetailApi } from '@/api/business/payment/requests'
|
|
|
|
+import { getDictByCode } from '@/utils/dict'
|
|
|
|
+import { getPageApi as getCorporationPageApi } from '@/api/business/corporation/corporation'
|
|
|
|
+import { useUserStore } from '@/stores/modules/user'
|
|
|
|
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
rowData: Object
|
|
rowData: Object
|
|
@@ -567,7 +575,7 @@ function getDictData() {
|
|
getDictByCode('expense_type').then((res) => {
|
|
getDictByCode('expense_type').then((res) => {
|
|
expenseType.value = res
|
|
expenseType.value = res
|
|
})
|
|
})
|
|
- getCorporationPageApi({searchAll: true}).then((res) => {
|
|
|
|
|
|
+ getCorporationPageApi({ searchAll: true }).then((res) => {
|
|
if (res?.records && res.records.length > 0) {
|
|
if (res?.records && res.records.length > 0) {
|
|
companyData.value = res.records.map((item) => {
|
|
companyData.value = res.records.map((item) => {
|
|
return {
|
|
return {
|
|
@@ -585,15 +593,15 @@ getDictData()
|
|
const computeMoney = (label) => {
|
|
const computeMoney = (label) => {
|
|
let amount = 0
|
|
let amount = 0
|
|
if (
|
|
if (
|
|
- printDetails.value.paymentRequestsDetailList &&
|
|
|
|
- printDetails.value.paymentRequestsDetailList.length > 0
|
|
|
|
|
|
+ printDetails.value.paymentRequestsDetailList &&
|
|
|
|
+ printDetails.value.paymentRequestsDetailList.length > 0
|
|
) {
|
|
) {
|
|
for (let i = 0; i < printDetails.value.paymentRequestsDetailList.length; i++) {
|
|
for (let i = 0; i < printDetails.value.paymentRequestsDetailList.length; i++) {
|
|
if (printDetails.value.paymentRequestsDetailList[i][label]) {
|
|
if (printDetails.value.paymentRequestsDetailList[i][label]) {
|
|
amount = Number(
|
|
amount = Number(
|
|
- parseFloat(
|
|
|
|
- Number(amount) + Number(printDetails.value.paymentRequestsDetailList[i][label])
|
|
|
|
- ).toFixed(2)
|
|
|
|
|
|
+ parseFloat(
|
|
|
|
+ Number(amount) + Number(printDetails.value.paymentRequestsDetailList[i][label])
|
|
|
|
+ ).toFixed(2)
|
|
)
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -702,7 +710,7 @@ const getStatus = (row) => {
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
presentTime.value = formatDate(new Date())
|
|
presentTime.value = formatDate(new Date())
|
|
if (props?.rowData?.id) {
|
|
if (props?.rowData?.id) {
|
|
- getDetailApi({id: props.rowData.id}).then((res) => {
|
|
|
|
|
|
+ getDetailApi({ id: props.rowData.id }).then((res) => {
|
|
printDetails.value = res
|
|
printDetails.value = res
|
|
})
|
|
})
|
|
getDoneListTwoApi(props.rowData.id).then((res) => {
|
|
getDoneListTwoApi(props.rowData.id).then((res) => {
|