《仿盒马》app开发技术分享-- 逻辑优化第一弹(81)

举报
yd_215151764 发表于 2025/06/30 10:52:21 2025/06/30
【摘要】 ## 技术栈Appgallery connect## 开发准备随着上一节我们兑换商品订单相关逻辑的实现,我们的app功能已经更加的完善了,接下来我们开始对整个app缺失的小功能以及对已有的功能bug进行优化和逻辑的新增,这一节我们新增的功能是,商城订单的揽收功能,兑换订单的取消后积分退回功能,如果不实现积分退回,就会出现用户兑换后取消订单,但是积分已经消耗的情况## 功能分析要实现商城订单的...


## 技术栈

Appgallery connect

## 开发准备
随着上一节我们兑换商品订单相关逻辑的实现,我们的app功能已经更加的完善了,接下来我们开始对整个app缺失的小功能以及对已有的功能bug进行优化和逻辑的新增,这一节我们新增的功能是,商城订单的揽收
功能,兑换订单的取消后积分退回功能,如果不实现积分退回,就会出现用户兑换后取消订单,但是积分已经消耗的情况,这时我们的业务逻辑就产生了一个bug,造成了一个比较抽象的情况。

## 功能分析
要实现商城订单的揽收功能,首先需要在待发货列表里新增确认揽收按钮,并新增修改订单状态的功能,在实现确认揽收时,我们要注意的是id的问题,在这里我们实现了upsert方法去修改数据源,在修改之前我们就拿到了数据,所以在修改的时候我们需要的id是我们查询出来的id,不是我们新增的id,如果我们新增id,就会在后端创建一跳出了id以外一摸一样的数据,造成数据错乱,然后我们在兑换订单点击取消按钮后把扣除掉用户的积分返还给用户,在积分返还的时候我们也要注意id的问题,只要是修改数据,我们的id都要是查询出来的id,不需要去实现一个随机数id


## 代码实现
首先我们在列表中新增确认揽收按钮,实现相关的逻辑,在确认揽收中我们提交了若干参数,在创建当前时间戳的时候我们还需要生成对应的时间戳方法。

```c
 formatCurrentDate(): string {
    const now = new Date();

    const year = now.getFullYear();
    const month = String(now.getMonth() + 1).padStart(2, '0');
    const day = String(now.getDate()).padStart(2, '0');

    return `${year}-${month}-${day}`;
  }
```
接下来我们实现确认揽收相关的方法
```css
 Row({space:10}){
                  Text()
                  Blank()
                  Text("确认揽收")
                    .fontColor(Color.Black)
                    .fontSize(12)
                    .padding(5)
                    .borderRadius(10)
                    .backgroundColor(Color.Pink)
                    .onClick(async ()=>{
                      let orderPush=new order_list()
                      orderPush.id=item.id
                      orderPush.user_id=this.user!.user_id
                      orderPush.order_product_id=item.order_product_id
                      orderPush.order_code=item.order_code
                      orderPush.order_status=1
                      orderPush.order_remark=item.order_remark
                      orderPush.address=item.address
                      orderPush.nickname=item.nickname
                      orderPush.phone=item.phone
                      orderPush.order_create_time=item.order_create_time
                      orderPush.order_pay_time=this.formatCurrentDate()
                      orderPush.order_delivery_time=this.formatCurrentDate()
                      let num = await databaseZone.upsert(orderPush);
                      if (num>0) {
                        this.onRefresh()
                        showToast("揽收成功")
                      }
                    })

                }
                .width('100%')
```
接下来我们在积分订单按钮点击逻辑事件中,实现积分兑换订单取消,在取消订单后我们给当前操作用户实现一条数据的新增,实现把积分返还给用户

```css
if (num>0) {
                      showToast("兑换取消成功")

                      let points=new points_info()
                      points.id=Math.floor(Math.random() * 1000000)
                      points.user_id=this.user!.user_id
                      points.points=String(item.points)
                      points.points_type='0'
                      points.address='客户端下单奖励'
                      points.year=this.year
                      points.month=this.month
                      points.day=this.day
                      points.time=this.time
                      points.create_time=this.year+"-"+this.month+"-"+this.day+" "+this.time
                      let nums1 =  await databaseZone.upsert(points);
                      this.onRefresh()
                    }
```
现在我们就不会出现用户退单后积分已经消费的问题了

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。