day16/下午/332-尚硅谷-尚融宝-借款申请状态的前端实现

好，接下来呢，我们在这个页面呢，整合刚才咱们的这个接口，所以呢，在我们的这个apply view这个页面当中，咱们呢，先获取啊借款审批状态啊，所以呢咱们在。那个嗯，我想一下啊。那就直接写吧，叫做get Bo。W in four status好，然后接下来呢，就是this.dollar x.Dollar get好，然后就是刚才咱们那个接口地址啊，刚咱们那个接口地址呢，在这面呢，直接能粘过来啊，就这个地址，刚才咱们刚测完好，把它粘过来看看对不对，API call borrowing for hours get borrow for没问题，然后呢，它直接就是the啊，瑞斯dance好，然后接下来呢，在这个里面呢，我们去判断判断什么呢？就是先从response里面呢，把咱们的那个状态拿出来啊，拿出来之后存到哪呢？先存到这个里面来，这个就是审批状态嘛，Borrow in for。

所以这面呢，我们先this.borrow等于response.data.borrow。S啊，看一看后台啊，我们存的是包是吧，是他啊把它复制过来，好，那所以这个呢，是我们的这个状态，然后接下来呢，我们就对这个状态呢，进行一个判断啊，也无非就是四种情况，把四种情况都判断一下，那么第一种情况呢，是当他等于零的时候，那就是借款人还没有提交任何的借款申请，对不对，好那么就是我们的后台的这个这个这个状态啊。

就这个状态，就是还没有提交数据呢，后台还没有数据呢，等着他提交呢，如果要等着他提交的话呢，那就意味着你得给借款人展示表单，那么给借款人展示表单呢，就是未认证状态哈，所以这点I呢就应该等于零啊，让借款人呢能看到这个表单啊，然后接下来呢，如果借款人能看到表单的话，我们再去触发下来里边如果借款人看到的不是表单那一个步骤，那你初始化下拉列表当中的这个表单是没有意义的，这个和之前我们提交那个借款额度申请是一个意思啊，所以呢，我们把数始化下拉列表这块，还有这个获取额度这块啊，其实呢，都应该移植到这个地方来，明白吧？啊，只有在这个步骤当中获取这两个信息才有意义啊，那所以呢，这个步骤我们就放在就行，This，好。

然后接下来呢，这个是等于零的情况啊，然后接下来呢，就else if else if呢就是等于一的情况，那就是目前为止啊，刚刚提交还没有进行审批的情况，那么呢，我们的this.active呢，就应该等于一啊，就是审批中的这个步骤。好，就是哪个步骤啊，就这个步骤对吧，审审正在审批的这个步骤，然后接下来呢，那就是else if else if呢。还是LFLF呢，它等于二。对吧，二这个呢是审批成功，审批成功好，然后还有一个L。

第点borrow等于负一，这是审批失败对吧？审批失败啊，好，无论是审批成功还是审批失败，我们的active呢，都等于二。所以他俩一起写在else里面是不是也可以啊，但是这样写呢，可能就是语义上会更清晰一些啊，无论是成功失败，我们都等于二，那这样的话，我们来看一下这面。刷新一下这个页面。帅，我看一下啊F。Network哈。看下调没调啊，Get borrow status是吧？调用了调用了之后呢，这面的response，我们拿到的borrowing for status呢是一啊，然后接下来呢，如果拿到的borrow for status是一的话，前端这面。

啊，我们这面呢，response.data.follow。Create。像这个值就应该是一对吧，我们来调试一下啊，看一看第4.borrowinfour是不是。然后呢，看一下这面。啊，Layout next page page user apply，然后这面呢，就是borrows是一对吧，啊，所以这面是一啊这边如果是一的话呢，然后呢，也就是说这个地方。我们已经成功复职了。啊，然后接下来呢，我们这个地方如果成功赋值的话呢，我们这边就判断，如果它等于零，就是this active等于零获取额度，然后else if，如果它等于这块也错了是吧，等于一对吧，那么我们这个审批中就应该是什么呀，就应该是一。

是这意思吧，啊，所以这样的话那就对了啊，然后接下来呢，我们在这个位置刷新。啊，就刚才已经看到了，就是这样的一个结果了啊，这个也和我们之前的那个借款额度审批呢，有一个同样的问题，就是它第一个步骤呢闪了一下啊，那这个解决方案我们有经验了，就是默认情况下呢，这个active它等于零了，所以第一个地步闪了一下，那么我们不想让他第一个步骤闪呢，我们就把这个active呢。它的默认值呢，设置为，那这样的话，它第一个步骤就不傻了，对不对啊好，然后我们再来看一下刷新一下啊，那这样的话呢，我们这个过程就写好了，那现在呢，就是这个第二个步骤就审核中啊，我们再简单的来测试一下啊，假设说来到了第三个步骤。

打开表啊，就是手工的给他改一下，主要就是看看那边的业务对不对，然后呢，这边呢，比如说来到了二，那就是审批通过，然后看一下这面。就应该展示审批通过对吧？啊，然后在接下来呢，这边来到了负一，就是审批没通过。好，然后再来看一下，这面呢，就应该是审批未通过对吧，这样的话，我们这个测试就成功了，然后呢，我们再别忘了把它还原回来啊，把它还原到正常的状态，还原成一就可以了。那当然了，你也可以去做什么呢？就是然后再把它还原成没提交的状态，没提交的状态的话呢，就是它把它删掉，就删掉了，就又变成没提交的状态了，那这个时候你再刷新的话呢，他就来到了这个表单页面对吧？啊，那这个时候呢，你再重新提交，重新做一个流程测试就可以了啊所以这块呢，是我们写的整个的一个获取借款申请状态啊的这样的一个判断。

所以在这个过程当中啊，大家可能会发现，就是你写的过程当中难免会有错误啊，但是你出现错误的时候呢，我我建议大家呢，就是不要先对照着老师的笔记看，哎，我哪写错了一行一行对，那这样的话对你没有成长啊，你要做的呢，就是像我刚才比如说我刚才发生错误了，那我们就捋我们的思路是什么，那正常情况下呢，就是应该是数据取出来了对吧，数据取出来了一定如果取正确了，那么我们就一定会赋值给他，所以先看看它赋值的对不对，好，它赋值对了，那就证明赋值这一部分没没错，那赋值这部分没错，那错误一定会出现在这个位置。那出现在这个位置，出现在哪呢？发现这个地方判断写错了，所以呢，这样的话一下呢，我们就能够通过我们这个代码呢，能够把这个业务流程呢，给清晰的就是按照他的这个逻辑走，而不是说你照着笔记一行一行对，看我哪写错了，这样的话就不是一个好方式明白哈，好，那所以这块是咱们整个的一个获取申请借款状态啊的一个完整的一个实现了。