day16/上午/321-尚硅谷-尚融宝-借款申请页面的下拉列表展示

好，我们额度已经获取完了，我们就来做前端的整合，前端这个借款入口这个按钮呢，前面我们已经整合过了，所以我们先看这个，直接看第三部分就是借款申请这块，我们把这个页面呢，啊，就是给他复制进来，那那呃，上一堂课呢，我们也复制进来了，就是user apply view，对吧？好，然后接下来呢，在。这个页面当中我们会发现看一下这个页面啊，我们会发现这里面呢，有一个还款方式，有一个资金用途，那这两个呢是下拉列表，这两个拉列表呢，跟我们之前的这个包那个页面里面的那个下拉列表呢，就是数据字典那个下拉列表是一致的，因为这两个也是从数据字典当中获取的，所以呢，我们用相同的方式把这个相关的下拉列表呢，给它获取出来，那么这个咱们就不详细说了，因为之前在借款额度申请的时候呢，已经做过其他的下拉列表的一个获取了，所以这块呢，我就直接把它拿过来了啊。

叫selected，我直接就把它粘过来。当然如果你前面还没做过这的话，可能你现在看起来呢，就有点嗯吃力了哈，你要做过的话呢，你就会发现啊，这个咱们之前写过就是什么呀，通过find by code，然后我要获取的是还款方式啊，Find by code，我要获取的是资金用途对吧？啊，通过咱们之前写过的这两这一个啊接口方法，然后通过传两个不同的参数，我们呢，就获取到不同的两个下拉列表的值，分别把它渲染到return method list以及money use list，也就是这个还款方式列表和资金用途列表里。好，然后那这个呢，我们必须得在create里面调用一下。还有这块呢，写this点啊啊init select我就调一下啊，这块呢是初始化下拉列表好，然后呢，这调用完了之后呢，这两个列表呢，就有值了，这两个列表有值之后我们看页面。

页面当中呢。还款方式这个列表，以及啊这个下面这块啊，资金用途这个列表，那就有值了，对吧？啊有值了之后呢，主要就是刚才我们渲染的绑定的是这个啊，Return method list和many use list哈，这面呢就可以做循环遍历了，那么就出现在下拉列表里，并且这个循环变历里面所选中的值呢，是不是就给它赋值了，这面也是一样的，这面的循环所最后选中的值就会给它赋值，所以最终我们这个页面呢，是要组织一个borrow in for的。啊，所以我们来看一下。现在呢，我的还款方式里面就有值了，我的资金用途里面呢也有值了，好然后我F12。

哎呀，六。然后呢，这边我们来看一下啊next。然后我们看一下这面啊，比如说我现在嗯，要组装的呢，实际上就是这个borrow in for这个对象啊，那现在呢，我来选还款方式，大家看这个还款方式呢，等额本息就是一啊，它后面对应的那个值是一，然后等额本金啊，对面就是二，所以就绑上了嘛啊然后资金用途也是一样的，比如说医疗好这面呢，就是return method等于二。啊，这个money use啊，Money use等于四对吧，这资金用途完了，比如说其他money use等于六对吧？啊，所以说其实这个就是为了把borrow info数据的，那么我们就能猜到了，最终我们提交的时候提交谁呀，是不是就提交这个borrow info啊，因为我们在表单当中组织数据的时候，组织的是谁，那一般情况下提交的就是谁了啊。

所以这块呢，是我们的下拉列表的一个展示，然后这这个是我们前期的一个，把这个页面呢，给它做完善了先，然后我们再来看一下这个啊借款额度这一块，怎么去通过刚才咱们后台写的借口在这个位置呢，把额度给它展示出来。