上一步如果用户微信支付后,订单状态会更新到待服务
然后,如果服务完成,可以通过管理端,点击完成服务来结束当前订单。
管理端
通过气泡弹窗提示是否确认完成,点击触发事件
<!-- 只有订单支付了才能完成 -->
<el-table-column label="操作" width="100" fixed="right">
<template #default="scope">
<!-- 气泡弹窗 -->
<el-popconfirm
v-if="scope.row.trade_state === '待服务'"
confirm-button-text="是"
cancel-button-text="否"
:icon="InfoFilled"
icon-color="#626AEF"
title="是否确认完成?"
@confirm="confirmEvent(scope.row.out_trade_no)"
>
<template #reference>
<el-button type="primary" link>服务完成</el-button>
</template>
</el-popconfirm>
<el-button v-else type="primary" link disabled>暂无服务</el-button>
</template>
</el-table-column>
点击完成会触发请求事件,向服务器发送当前完成订单的id,更新服务状态
// 提交完成
const confirmEvent = (id)=>{
updateOrder({id}).then(({data})=>{
if(data.code === 10000){
//重新请求当前已经更新过状态的订单列表
getListData()
}
})
}