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

  • 相关阅读:
    轻松搭建本地知识库的ChatGLM2-6B
    怎么压缩视频?视频过大跟我这样压缩
    低代码选型要注意什么问题?
    golang读取键盘功能按键输入
    java集合类常用的方法介绍
    【RabbitMQ】——延迟队列
    Riccati 方程求解
    搜索帮助demo:F4IF_INT_TABLE_VALUE_REQUEST返回多列值
    Android Studio实现一个垃圾分类系统(Kotlin版本)
    【Android】WMS(四)WMS职责
  • 原文地址:https://blog.csdn.net/m0_62436868/article/details/126883033