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

  • 相关阅读:
    深度学习笔记之优化算法(五)AdaGrad算法的简单认识
    spring-security-oauth2之AuthorizationServerConfigurerAdapter浅析
    Python4
    软件工程毕业设计课题(55)微信小程序毕业设计JAVA企业公司小程序系统设计与实现
    聊聊机器如何“写“好广告文案?
    AndroidStudio smalidea插件下载
    Java之UDP,TCP的详细解析
    毛球修剪器方案开发的工作原理和构成
    vue之sourcemap
    函数基础
  • 原文地址:https://blog.csdn.net/m0_62436868/article/details/126883033