day15/下午/304-尚硅谷-尚融宝-获取借款人额度申请状态的前端整合

那前端整合这一块呢，我们是还是在我们当前这包这个页面里面整合，那我们希望呢，在我们前面做的这个页面里面呢，首先页面一加载的时候，就获取这个借款人的借款状态，然后呢，借款人的借款状态拿到之后呢，我们通过借款状态来判断到底给用户显示哪一个步骤啊，哪一个具体信息好，所以呢，我们来看一下，在页面当中，我们呢，在页面一加载的时候，我们呢，就希望去获取借款人的借款状态，而且呢，我们在页面一加载的时候获取借款状态呢？啊，他肯定是要先于。这个下拉列表去获取，为什么？因为大家想一想，如果我们当前借款人的借款状态是已经在审批的过程当中，或者是啊，审批通过，或者是审批未通过啊，无论是哪一种，只要不是还没申请呢，他就不应该展示这个表单了，对不对？

啊，如果他不展示这个表单，那么是不是意味着表单里面的下拉列表的数据我们就不需要去后台获取了啊，所以假设说我们当前的借款人的状态啊，决定我们这个表单不用展示，那么我们就不获取数据，不获取数据就意味着这个Dis it selected并不一定上来就执行，而是我们要通过判断借款状态，当借款状态是没借款的时候才执行它，当借款状态已经借款了，就没有必要去执行它，去展示这个列表页得下来了，好，那基于这样的一个原因的话呢，我们在这个地方呢，先添加一个方法啊。比如说叫get user info，获取这个当前用户的一个基本信息，然后接下来呢，this.dollar a sales.dollar嗯，刚才你应该是get吧，然后接下来我们看一下啊。

这款是。Controller对吧，是个get，然后呢，上面这个路径呢，是API call or，它粘过来啊，下面这个路径呢，是o got get for status啊把把它粘过来这面啊，它粘过来好，这个呢是咱们对这个接口的一个调用啊，然后接下来呢，就是点then。啊，然后呢，接下来呢，就是response好，然后接下来呢，这个里面呢，我们就把response.data里面的这个拿出来，把什么拿出来呢，把这个嗯。Borrow status拿出来borrow status啊，然后给它复制，给谁呢？注意复制给前面我们的就是这个纸。啊，那个包啊，这呢，复制给他复制给包啊。

然后呢，This，第2BORROW status好，我们这个borrow statuss呢，它有几个不同的状态对不对？首先我们来看一下我们后台定义的它的这个啊枚举啊，那如果是零的话，就未认证，如果是未认证的话，就说明用户还没有填写表单，那么再展示下拉列表啊，所以呢，在这个地方我们可以判断一下为认证未认证，展示下拉列表啊if啊borrow status等于零，如果它等于零的话，那么我们呢，就。是未认证，未认证的状态下呢，我们认为首先下拉列表要展示出来，所以把下拉列表的展示放在这儿啊，然后这地方放什么，这个地方就放它，这能理解吧，也就是说页面一加载的时候，首先其实我们要判断的是什么呀，当前用户认没认证的，如果被认证，咱们再找下拉列表，当然了，默认情况下呢，我们可以对点active，把它呢，给它设置成零，这就是第一个步骤对吧？啊好，这第一个步骤咱们处理好了，第二个步骤，Else if啊，如果this borrow statuss，如果它是已认证的状态，这是刚才咱们看到的这个一啊，认证中实际上认证写到这吧，写到这啊，然后这块呢，是认证中的状态，那么this.active就等于什么呀，就等于一。

啊，就等于一，那么我们现在来看一下，现在我们这个页面呢，其实就是认证中的状态，我们这个数据呢，取出来它就是一对不对，那正常情况下应该进来之后直接显示第二步，所以大家看一看是说直接就变成第二步了哈，然再来看一遍啊，比如说关上重新访问一下。好回车。哎，是不是到第二步，但是这个过程当中，大家会发现有个问题，什么问题，就是我进来的时候，它要因为它有一个取数据的过程，它取数据的时候呢，它这个是个异步取数据哈，可能有一个时间延迟，所以它就闪了一下第一个步骤啊，因为我们默认情况下呢，我们的这个页面呀。

这个地方呢，我们的步骤呢，实际上写的是写的是零，所以进来的时候，首先active等于零，初始化active等于零，初始化就显示那个表达，但是呢，经过咱们从后台获取数据，发现呢，Borrows等于一，好borrow等于一之后呢，就把active设置成一了，所以呢，就第一步闪了一下，马上变成第二步，那这个呢，其实用户体验呢就不太好，那怎么办呢？我们可以在这个位置呢，把active呢设成呢，就一开始呢，它不是零，如果一开始他进来的时候不是零，那么这个这个这个地方个人基本信息这个表单就不会显示，它啥都不显示，因为这里面除了零就是一，就是二，对不对，好，既不是零，也不是一，也不是二是那那显示哪一段，哪一段也不显示，所以当我们把这个数据加载完成，判断完成之后，它才真正的去显示这个active，等于一这一段，那这样的话呢，就体验。

会更好一些，所以大家再来看一下啊，现在呢，我再重新来访问一下这个页面，这回呢就不应该闪那个登录页了，我回车。大家看是不是他就没有登录页的闪了，他只不过一开始啥也不展示，然后判断出来之后展示相应的内容就可以了啊，那如果这个用户还还没有这个提交这个借款申请呢？啊，比如说。比如说嗯，我想一下啊，比如说咱们再注册一个用户吧。借款人13766816633123456啊登录。啊，这个注册哈，注册，然后接下来呢，手机号码13766816633137686633获取验证码，然后我看一下这个验证码啊。

好4329，然后123456。下一步。好，然后接下来呢，就登录13766816633对吧，然后123456，然后登录。哎，我我刚才注册的是这个用户吗？我看一下啊，间接性失忆。13766816633，对呀啊，我注册成这个账号一了哈，那咱们直接手动改改造改造一下吧，注册成这个借款人啊，刚才注册成投资人了是不是行，然后这块呢，就借款人，然后这块人咱们就123456啊，然后点登录好，那就登录，登录之后呢，然后咱们在这个地方点进来叫包，大家看进入到包也是一样的，这个时候他还没有什么呀。

他还没有进行真正的啊，一个借款申请的提交，就这是新用户嘛啊，而且他还没有账户绑定的是不是啊，所以呢，那他这边呢，所看到的信息呢，就是还还未提交，还未提交的话，那么一进来首先啥也没有，然后判断出来他的状态是零，那么就把这个表单漏的出来啊，就是这样的一个状态。对吧，就是这样一个状态，然后我们再切换回我们的这个用户到13766816632啊，然后123456，然后点登录好，然后这个用户呢，我们杠还是BORROW1进来，诶，他已经申请了，所以他的状态呢就是这样的。

所以这个是我们的啊，已申请和未申请的一个状态，然后接下来呢，除了这两个状态之外，我们还有另外的两个状态，我们看一下页面啊，页面其实我们已经写了一些内容了，就是这个是啊填写啊，这个是active对吧？啊等啊啊这呢啊，这个是active等于零，这个active等于零呢，就是未申请的时候，然后下面这个呢，是。Active等于一，Active等于一呢，就是刚才咱们看到的这个啊，已经成功提交了，请耐心等待，然后还有一个就是active等于二，Active等于二呢有两种情况，一个呢是通过，一个是未通过，都会在这个第三个步骤，就是啊所谓的等待认证结果这个步骤，所以呢，那我们在这个地方呢，就可以判断了。这面要写else if this，第2FOLLOW status啊，如果等于二，二是什么？二我们后台叫做认证成功对吧？啊，如果认证成功了，我们说我们的this.add呢，就等于二，它来到第二个步骤啊，然后else if。

第点status，如果等于。负一，那么我们也让this.active等于二，实际上就意味着if else if，然后这块你也可以怎么写，直接，因为就这几个状态了啊，可以可以这样写。可以对吧，其他的两个。怎么回事？重写一下。Else是吧，This active等于二都可以啊啊，更明确的显示上面这两个else if，那实际上无论是这个还是这个，反正一共就四个状态嘛，除了零，除了一就其他的了，那么都是等于二。

明白吧，就展示到第二个步骤，成功还是失败，就是展示第二步骤，然后呢，在这第二个步骤这个地方，一旦active等于二了，然后在里面如果borrow是等于二，那么就是审批通过，如果等于负一，那么就是审批未通过，所以呢，在这面呢，我们来进来先看一下啊，现在呢，我们这个是一了，然后咱们模拟一下二的情况，所以咱们手动的把这个数据先先改一下啊，比如说这块呢，我就让它变成。嗯。Status是吧，把它变成二。好，然后呢，我这边进来之后。他就应该是您的认证审批已通过啊，是这样的一个情况，然后那如果给他改成负一。

好，然后我们再进来，那就是您的认证审批未通过。明白吧，啊，当然了，当前我们这个还要给它改回来啊，改成已已经审批的这个状态，就是咱们正确的状态。好，所以呢这块呢，就是整个咱们借款信息申请啊的一个过程，申请完了之后啊，如果过程当中后台管理员对这个内容。进行了审核，或者是我们等待审核的过程当中，这个状态的一个展示啊。