|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <GlobalWindow :title="'账单详情'" :visible.sync="visible" :confirm-working="isWorking" @close="close" | 
|---|
|  |  |  | <GlobalWindow :title="'账单详情'" :withFooter="false" :visible.sync="visible" :confirm-working="isWorking" @close="close" | 
|---|
|  |  |  | @confirm="confirm"> | 
|---|
|  |  |  | <div style="width: 100%; position: sticky; top: 0; left: 0; z-index: 999; background: #ffffff;"> | 
|---|
|  |  |  | <div class="home_title"> | 
|---|
|  |  |  | <div class="left"> | 
|---|
|  |  |  | <span class="mr10">付款方:{{info.customerName}}</span> | 
|---|
|  |  |  | <span class="mr10">{{info.billType === 0 ? '收款方' : '付款方'}}:{{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> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="val" style="margin-top: 10px;">{{info.actReceivableFee}}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item" style="flex: 1;"> | 
|---|
|  |  |  | <div class="la">需{{info.needReceivableFee > 0 ? '收' : '付'}}金额(元)</div> | 
|---|
|  |  |  | <template v-if="info.billType === 1"> | 
|---|
|  |  |  | <div class="la">需付金额(元)</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <div class="la" v-else>需{{info.needReceivableFee > 0 ? '收' : '付'}}金额(元)</div> | 
|---|
|  |  |  | <div class="val" style="margin-top: 10px;">{{Math.abs(info.needReceivableFee)}}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item" style="flex: 1;"> | 
|---|