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

  • 相关阅读:
    基于虚拟机源码分析move合约(零):Move虚拟机执行原理
    Python 中的省略号对象
    MobTech ShareSDK Android端快速集成
    [极客大挑战 2020]Roamphp2-Myblog - 伪协议+文件上传+(LFI&ZIP)||(LFI&Phar)【***】
    JSON 格式化和校验工具
    pandas实现列转行
    webpack loader原理
    论文日记五:QueryInst
    设计模式学习(十九):访问者模式
    MATLAB中cellstr函数的使用
  • 原文地址:https://blog.csdn.net/m0_62436868/article/details/126883033