liukangdong
2024-12-23 7c23d914bcce65cfa3450b119d3ffcf0556c6145
admin/src/views/finance/components/details.vue
@@ -1,41 +1,43 @@
<template>
    <GlobalWindow :title="title" :withFooter="false" :visible.sync="visible" :confirm-working="isWorking" @close="close"
        @confirm="confirm">
        <div class="home_title">
            <div class="left">
                <span class="mr10">对方单位名称:{{info.customerName}}</span>
                <el-tag type="success" v-if="info.status === 0">开启</el-tag>
                <el-tag type="info" v-if="info.status === 1">关闭</el-tag>
        <div style="position: sticky; top: 0; left: 0; width: 100%; background: #ffffff;">
            <div class="home_title">
                <div class="left">
                    <span class="mr10">对方单位名称:{{info.customerName}}</span>
                    <el-tag type="success" v-if="info.status === 0">开启</el-tag>
                    <el-tag type="info" v-if="info.status === 1">关闭</el-tag>
                </div>
                <el-button type="danger" v-if="isShow(info.status, info.contractStatus)" @click="closeDW()">关闭流水</el-button>
            </div>
            <el-button type="danger" v-if="info.status !== 1 || !['3','4'].includes(info.contractStatus)" @click="closeDW()">关闭流水</el-button>
        </div>
        <div class="line"></div>
        <div class="main">
            <div class="list" style="background: rgba(0,0,0,0); padding: 0; margin-bottom: 0;">
                <div class="item" style="flex: 1;">
                    <div class="la">结清状态</div>
                    <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 0">待收款</div>
                    <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 1">已结清</div>
                    <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 2">部分结清</div>
                    <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 3">待付款</div>
                    <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 4">待退款</div>
                    <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 5">已关闭</div>
                </div>
                <div class="item" style="flex: 1;">
                    <div class="la">应{{info.revenueType === 0 ? '收' : '付'}}金额(元)</div>
                    <div class="val" style="margin-top: 10px;">{{info1.receivableFee}}</div>
                </div>
                <div class="item" style="flex: 1;">
                    <div class="la">实{{info.revenueType === 0 ? '收' : '付'}}金额(元)</div>
                    <div class="val" style="margin-top: 10px;">{{info1.actReceivableFee}}</div>
                </div>
                <div class="item" style="flex: 1;">
                    <div class="la">需{{info.revenueType === 0 ? '收' : '付'}}金额(元)</div>
                    <div class="val" style="margin-top: 10px;">{{info1.needReceivableFee}}</div>
                </div>
                <div class="item" style="flex: 1;">
                    <div class="la">应{{info.revenueType === 0 ? '收' : '付'}}日期</div>
                    <div class="val" style="margin-top: 10px;">{{info1.planPayDate}}</div>
            <div class="line"></div>
            <div class="main">
                <div class="list" style="background: rgba(0,0,0,0); padding: 0; margin-bottom: 0;">
                    <div class="item" style="flex: 1;">
                        <div class="la">结清状态</div>
                        <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 0">待收款</div>
                        <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 1">已结清</div>
                        <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 2">部分结清</div>
                        <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 3">待付款</div>
                        <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 4">待退款</div>
                        <div class="val" style="margin-top: 10px;" v-if="info1.payStatus === 5">已关闭</div>
                    </div>
                    <div class="item" style="flex: 1;">
                        <div class="la">应{{info.revenueType === 0 ? '收' : '付'}}金额(元)</div>
                        <div class="val" style="margin-top: 10px;">{{info1.receivableFee}}</div>
                    </div>
                    <div class="item" style="flex: 1;">
                        <div class="la">实{{info.revenueType === 0 ? '收' : '付'}}金额(元)</div>
                        <div class="val" style="margin-top: 10px;">{{info1.actReceivableFee}}</div>
                    </div>
                    <div class="item" style="flex: 1;">
                        <div class="la">需{{info.revenueType === 0 ? '收' : '付'}}金额(元)</div>
                        <div class="val" style="margin-top: 10px;">{{info1.needReceivableFee}}</div>
                    </div>
                    <div class="item" style="flex: 1;">
                        <div class="la">应{{info.revenueType === 0 ? '收' : '付'}}日期</div>
                        <div class="val" style="margin-top: 10px;">{{info1.planPayDate}}</div>
                    </div>
                </div>
            </div>
        </div>
@@ -225,6 +227,11 @@
      tabsClick(val) {
        this.activeTabs = val
      },
      isShow (status, contractStatus) {
        if (status === 1) return false
        if (contractStatus === '3' || contractStatus === '4') return false
        return true
      },
      closeDW () {
        this.$confirm('确认关闭此流水吗?', '提示', {
          confirmButtonText: '确定',