82 lines
4.1 KiB
Vue
82 lines
4.1 KiB
Vue
<template>
|
|
<el-dialog title="支付明细" :visible.sync="dialogVisible" width="60%">
|
|
<view v-for="(item, index) in payList" :key="index" class="py-20 border-bottom">
|
|
<el-descriptions :title="item.type" :column="2" border :labelStyle="{width: '120px'}">
|
|
<template slot="extra">
|
|
<div class="flex justify-start items-center">
|
|
<template v-if="!item.buyerRefuse">
|
|
<el-button plain type="primary" size="mini" @click="showPay(item)"
|
|
v-if="item.status === 0 && item.isBuyer && !item.hasPaid">上传支付凭证
|
|
</el-button>
|
|
<el-button type="primary" size="mini" class="mx-20" @click="confirmPay(item)"
|
|
v-if="item.hasPaid && item.isSeller && !item.sellerConfirm">
|
|
确认收款
|
|
</el-button>
|
|
<el-button plain type="primary" size="mini" class="mx-20" @click="paidRefuse(item)"
|
|
v-if="item.isBuyer && item.status === 0 && !item.paidVoucher">
|
|
驳回
|
|
</el-button>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
<el-descriptions-item label="支付金额">{{ item.amount }}</el-descriptions-item>
|
|
<el-descriptions-item label="支付凭证">
|
|
<template v-if="!item.buyerRefuse">
|
|
<span v-if="item.isSeller && !item.hasPaid">待买方支付</span>
|
|
<view v-else-if="item.paidVoucher">
|
|
<el-image :src="item.paidVoucher[0]" style="width: 80px; height: 80px" fit="cover"
|
|
:preview-src-list="item.paidVoucher"/>
|
|
</view>
|
|
<view v-else-if="!item.paidVoucher">
|
|
<span>未上传凭证</span>
|
|
</view>
|
|
</template>
|
|
<span v-else class="text-main">买家已拒绝: {{ item.refuseReason }}</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="交货凭证">
|
|
<el-image v-for="(photo, photoIndex) in item.expressPhoto" :key="photoIndex" :src="photo"
|
|
style="width: 80px; height: 80px" fit="cover"
|
|
:preview-src-list="item.expressPhoto"/>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="备注">
|
|
<text>{{ item.remark ? item.remark : '无' }}</text>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="买家备注">
|
|
<text>{{ item.buyerRemark ? item.buyerRemark : '无' }}</text>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="图片">
|
|
<template v-if="item.photos && item.photos.length > 0">
|
|
<el-image v-for="(photo, photoIndex) in item.photos" :key="photoIndex" :src="photo"
|
|
style="width: 80px; height: 80px" fit="cover"
|
|
:preview-src-list="item.photos"/>
|
|
</template>
|
|
<span v-else>无</span>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="状态">
|
|
<span v-if="!item.hasPaid && !item.buyerRefuse">待上传凭证</span>
|
|
<span v-if="!item.sellerConfirm && item.hasPaid">待确认收款</span>
|
|
<span v-if="item.sellerConfirm && item.hasPaid">已完成</span>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
</view>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "PayList",
|
|
data() {
|
|
return {
|
|
dialogVisible: false,
|
|
payList: [],
|
|
}
|
|
},
|
|
methods: {
|
|
open(payList) {
|
|
this.payList = payList
|
|
this.dialogVisible = true
|
|
},
|
|
}
|
|
}
|
|
</script> |