【陪诊系统-管理端&客户端】管理端点击完成订单、客户端进度更新

上一步如果用户微信支付后，订单状态会更新到待服务

然后，如果服务完成，可以通过管理端，点击完成服务来结束当前订单。

管理端

通过气泡弹窗提示是否确认完成，点击触发事件

<!-- 只有订单支付了才能完成  -->
    <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()
    }
  })
}

客户端