统计管理前端页面实现

蔚落 2021-07-24 14:24 577阅读 0赞

# 一 API #

import request from '@/utils/request'
    export default {
      createStatistics(day) {
        return request({
          // baseURL: 'http://127.0.0.1:8180',
          url: `/admin/statistics/daily/create/${day}`,
          method: 'post'
        })
      }
    }

# 二 路由 #

## 1 新建页面组件 ##

statistics
    -- chart.vue
    -- create.vue

## 2 路由配置 ##

{
        path: '/statistics',
        component: Layout,
        redirect: '/statistics/create',
        name: 'Statistics',
        meta: { title: '统计分析' },
        children: [
          {
            path: 'create',
            name: 'StatisticsCreate',
            component: () => import('@/views/statistics/create'),
            meta: { title: '生成统计' }
          },
          {
            path: 'chart',
            name: 'StatisticsChart',
            component: () => import('@/views/statistics/chart'),
            meta: { title: '统计图表' }
          }
        ]
      },

# 三 页面组件 #

## 1 html ##

## 2 script ##

# 四 后端网关配置 #

- id: service-statistics
      uri: lb://service-statistics
      predicates:
      - Path=/*/statistics/**

# 五 测试 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/f734512dd3d742c089032845c00570e5.png