• 微服务项目:尚融宝(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

  • 相关阅读:
    【Linux】文件系统
    基于SqlSugar的开发框架循序渐进介绍(14)-- 基于Vue3+TypeScript的全局对象的注入和使用
    CODESYS平台的ST语言笔记
    REGEXP函数正则表达式
    谷歌牛人发布小说式《算法图解》,竟被人扒下来,在GitHub开源了
    Django数据库重新初始化
    (20)Verilog实现信号延迟N拍【3拍】
    Moonbeam Illuminate/22线上生态盛会|Derek开场演讲
    PyTorch入门之【tensor】
    【linux应用开发】
  • 原文地址:https://blog.csdn.net/m0_62436868/article/details/126883033