## 技术栈

Appgallery connect

## 开发准备

上一节我们实现了回收金提现记录的展示功能，我们回收金相关的内容更加的丰富了，在之前的业务逻辑中我们添加了一个设置安全锁的功能，虽然我们成功设置了安全锁，也把对应的表信息提交到云端，但是我们并没有在提现的流程中去使用安全锁相关的内容，这一节我们就把安全锁相关的内容跟提现流程关联起来，让我们的功能安全性更高

## 功能分析

首先我们在进入提现页面的时候要先查询当前userid下的安全锁表有没有数据，有数据我们就拿当前安全锁开启的状态，如果是开启的，那我们就在用户点击提现按钮的时候进行一个弹窗校验，根据用户在弹窗里绘制的值跟我们设置的安全锁的值进行匹配，如果匹配成功，就执行内容的添加操作，如果不成功，提醒用户，安全锁验证失败

## 代码实现

首先我们在提现页面先查询对应的表内容

```css

let databaseZone = cloudDatabase.zone('default');

let condition3 = new cloudDatabase.DatabaseQuery(verify_info);

    condition.equalTo("user_id", this.user?.user_id)

    let listData3 = await databaseZone.query(condition3);

    let json3 = JSON.stringify(listData3)

    let data3: VerifyInfo[] = JSON.parse(json3)

  this.verifyInfo=data3

```

然后我们进行数据源的非空判断，安全锁开关判断

```css

 if (this.verifyInfo.length>0) {

                    if (this.verifyInfo[0].open_lock) {

                    }

                  }

```

都没问题之后我们需要有一个校验的弹窗

```css

import showToast from '../utils/ToastUtils';

@Preview

@CustomDialog

export struct WithdrawalLockDialog {

  @State passwords: Number[]=[];

  public callback:(passwords:string)=>void=():void=>{}

  private patternLockController: PatternLockController = new PatternLockController();

  controller: CustomDialogController;

  build() {

    Column({space:10}) {

      Text("请验证您的安全密码！")

        .fontColor(Color.White)

        .fontWeight(FontWeight.Bold)

        .fontSize(16)

        .width('100%')

        .textAlign(TextAlign.Center)

        .padding(10)

      PatternLock(this.patternLockController)

        .sideLength(300)

        .circleRadius(9)

        .pathStrokeWidth(5)

        .borderRadius(10)

        .activeColor('#707070')

        .selectedColor('#707070')

        .pathColor('#707070')

        .backgroundColor('#F5F5F5')

        .autoReset(true)

        .onDotConnect((index: number) => {

          console.log("onDotConnect index: " + index);

        })

        .onPatternComplete((input: Array<number>) => {

          if (input.length < 5) {

            showToast("图案连接数不能小于5")

            return;

          }

              const str: string = JSON.stringify(input);

              this.callback(str)

              this.controller.close()

        })

    }.width('100%').height(400)

  }

}

```

这里我们把弹窗中输入的值通过回调传递出去，在提现页面引用弹窗

```css

private dialogController: CustomDialogController = new CustomDialogController({

    builder: WithdrawalLockDialog({

      callback: async (str:string)=>{

      }

    }),

    alignment: DialogAlignment.Bottom,

    customStyle:false

  });

```

然后我们把输入的值跟表中存储的值进行校验，验证成功后提交对应的记录

```css

 if (str==this.verifyInfo[0].lock_str) {

          showToast("校验成功")

          let record=new withdrawal_record()

          record.id=Math.floor(Math.random() * 1000000)

          record.user_id=this.user!.user_id

          record.bank_name=this.bankList[0].bank_name

          record.bank_num=this.bankList[0].bank_card

          record.creat_time=this.year+"-"+this.month+"-"+this.day+" "+this.time

          record.type_str='0'

          record.money=this.moneyNum

          let status =  await databaseZone.upsert(record);

          let money=new money_info()

          money.id=Math.floor(Math.random() * 1000000)

          money.user_id=this.user!.user_id

          money.money=String(this.moneyNum)

          money.all_money=''

          money.money_type='1'

          money.address='银行卡提现'

          money.year=this.year

          money.month=this.month

          money.day=this.day

          money.time=this.time

          money.create_time=this.year+"-"+this.month+"-"+this.day+" "+this.time

          let nums =  await databaseZone.upsert(money);

          let userData=new user_info()

          userData.id=this.userInfo!.id

          userData.user_id=this.userInfo!.user_id

          userData.sex=this.userInfo!.sex

          userData.bind_phone=this.userInfo!.bind_phone

          userData.create_time=this.userInfo!.create_time

          userData.nickname=this.userInfo!.nickname

          userData.head_img=this.userInfo!.head_img

          if (this.userInfo?.money!=null) {

            userData.money=this.userInfo!.money-this.moneyNum

          }else {

            userData.money=0

          }

          if (this.userInfo?.points!=null) {

            userData.points=this.userInfo!.points

          }else {

            userData.points=0

          }

          let s= await databaseZone.upsert(userData);

          if (s>0) {

            router.pushUrl({url:'pages/recycle/money/SuccessPage'})

          }

          this.dialogController.close()

        }else {

          showToast("安全锁验证失败！")

        }

```

现在我们就成功在提现时开启安全锁