| | |
| | | <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> |
| | |
| | | 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: '确定', |