• 微服务项目:尚融宝(42)(核心业务流程:借款额度审批(2))


    认清现实,放弃幻想,准备斗争

    前端

    1、创建页面组件

    创建 src/views/core/borrow-info/list.vue

    1. <script>
    2. export default {
    3. }
    4. script>

    创建 src/views/core/borrow-info/detail.vue 

    1. <script>
    2. export default {
    3. }
    4. script>

    2、配置路由

    src/router/index.js

    在“借款管理”下添加子路由

          {
            path: 'info-list',
            name: 'coreBorrowInfoList',
            component: () => import('@/views/core/borrow-info/list'),
            meta: { title: '借款列表' }
          },

          {
            path: 'info-detail/:id',
            name: 'coreBorrowInfoDetail',
            component: () => import('@/views/core/borrow-info/detail'),
            meta: { title: '借款详情' },
            hidden: true
          }

    3、定义api

    创建 src/api/core/borrow-info.js

    1. import request from '@/utils/request'
    2. export default {
    3. getList() {
    4. return request({
    5. url: `/admin/core/borrowInfo/list`,
    6. method: 'get'
    7. })
    8. }
    9. }

    4、页面脚本

    src/views/core/borrow-info/list.vue

    5、页面模板

    src/views/core/borrow-info/list.vue

  • 相关阅读:
    webpack项目篇(六十六):react 全家桶 和 webpack 开发 h5 商城项目的整体思路
    【英语:语法基础】B8.核心语法-并列复合句和主从复合句
    并发编程day02
    SparkSQL系列-7、自定义UDF函数?
    ResNet网络的改进版:ResNeXt
    全球经济自由度1995-2021&最新版绿色金融指数2001-2020
    flex布局
    C++重点归纳
    UI设计师岗位的基本职责八篇
    Java代码一行怎么运转起来?
  • 原文地址:https://blog.csdn.net/m0_62436868/article/details/126883033