LK/income_payments_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 80806

Browse Source
This commit is contained in:
danshihao
2024-01-16 10:11:29 +08:00
parent d86e6bd972
commit c178220904
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProgressBar.vue
+3 -3
View File
@@ -5,19 +5,19 @@
<div class="progress" v-if="(data.allPayment + data.partPayment + data.notPayment) !== 0"> <div class="progress" v-if="(data.allPayment + data.partPayment + data.notPayment) !== 0">
<!-- 将全部付款和部分付款放入一个div中--> <!-- 将全部付款和部分付款放入一个div中-->
<div class="full-and-partial" <div class="full-and-partial"
:style="{width: (data.allPayment + data.partPayment)/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}"> :style="{width: (data.allPayment + data.partPayment)/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%', minWidth: 'fit-content'}">
<!-- 全部付款--> <!-- 全部付款-->
<div :style="{width: data.allPayment/(data.allPayment + data.partPayment) * 100 + '%'}" <div :style="{width: data.allPayment/(data.allPayment + data.partPayment) * 100 + '%'}"
class="progress-item pay-in-full" v-if="data.allPayment !== 0"> class="progress-item pay-in-full" v-if="data.allPayment !== 0">
{{ data.allPayment }} {{ data.allPayment }}
</div> </div>
<!-- 部分付款--> <!-- 部分付款-->
<div :style="{width: data.partPayment/(data.allPayment + data.partPayment) * 100 + '%'}" <div :style="{width: data.partPayment/(data.allPayment + data.partPayment) * 100 + '%', minWidth: 'fit-content'}"
class="progress-item partial-payment" v-if="data.partPayment !== 0"> class="progress-item partial-payment" v-if="data.partPayment !== 0">
{{ data.partPayment }} {{ data.partPayment }}
</div> </div>
</div> </div>
<div :style="{width: data.notPayment/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%'}" <div :style="{width: data.notPayment/(data.allPayment + data.partPayment + data.notPayment) * 100 + '%', minWidth: 'fit-content'}"
class="progress-item non-payment" v-if="data.notPayment !== 0"> class="progress-item non-payment" v-if="data.notPayment !== 0">
{{ data.notPayment }} {{ data.notPayment }}
</div> </div>