# gft-fre-vue

**Repository Path**: dlm2015/gft-fre-vue

## Basic Information

- **Project Name**: gft-fre-vue
- **Description**: 国富通项目开源前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-10-20
- **Last Updated**: 2024-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# gft-project

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Run your unit tests
```
yarn test:unit
```

### Run your end-to-end tests
```
yarn test:e2e
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).


## 接口文档
后端 `Nodejs` 基于 `Express` + `Mock.js`
在 `server` 目录下。

上线 baseUrl = 域名

调试  baseUrl = http://localhost:8080

返回客户端 数据结构

```js
{
  message: 查询结果,
  meta: { msg: 'success', status: 200 }
}
```
### 首页
#### 首页轮播
**简要描述：**
 - 首页轮播图

**请求URL:**
 - `http://localhost:8080/gftopen/index/lunbo`
 
**请求方式：**
- GET:

**参数：无**

**返回示例**
```js
{
  lunbo: {
    'big|5': [{ img_url: '@IMAGE(1920x890)', name: '' }],
    'small|5': [{}]
  },
  'lists|3': [
    { title: '@ctitle(4)', content: '@ctitle(12)', images: '@IMAGE(555x328)' }
  ],
  links: [
    { link: '/Product', name: '产品中心', iconfont: 'icon-biaoqiankuozhan_chanpin-197', text: '@ctitle(22)' },
    { link: '/Service', name: '配送服务', iconfont: 'icon--_peisongshang', text: '@ctitle(22)' },
    { link: '/News', name: '价格动态', iconfont: 'icon-community', text: '@ctitle(22)' }
  ]
}
```
### 关于我们页面
#### 关于我们页面轮播
**简要描述：**
- 关于我们页面轮播

**请求URL:**
- `http://localhost:8080/gftopen/about/lunbo`

**请求方式：**
- GET:

**参数：无**

**返回示例**
```js
{
  lunbo: {
    big: [
      { img_url: '@IMAGE(1920x608)', name: '轮播1' }
    ]
  }
}
```

#### 关于我们图文
**简要描述：**
- 关于我们页面中间图文内容
**请求URL:**
- `http://localhost:8080/gftopen/about/introduce`
**请求方式：**
- GET
**参数：无**

**返回示例**
```js
{
  'aboutContent|2': [
    {
      text: '<p>@ctitle(156)</p><p>@ctitle(156)</p>',
      img_url: '@IMAGE(500x315)'
    }
  ]
}
```

### 产品页面
#### 产品页轮播
**简要描述：**
- 产品页面轮播图

**请求URL:**
- `http://localhost:8080/gftopen/product/lunbo`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  lunbo: {
    big: [
      { img_url: '@IMAGE(1920x811)', name: '轮播1' }
    ]
  }
}
```

#### 产品多级分类
**简要描述：**
- 产品页面产品多级分类

**请求URL:**
- `http://localhost:8080/gftopen/product/cagegrate`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js

```
#### 管道产品数据
**简要描述：**
- 产品管道页面展示数据

**请求URL:**
- `http://localhost:8080/gftopen/product/pipeline`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  cat_id: 15,
  cat_name: '管道',
  cat_pid: '1',
  cat_level: '1',
  cat_deleted: 0,
  cat_icon: null,
  'children|4': [
    {
      cat_id: 87,
      cat_pid: '15',
      cat_level: '2',
      cat_deleted: 0,
      cat_icon: function () { return Random.image('50x50', '#ccc', 'icon'); },
      cat_name: '@ctitle(4,6)系列',
      'children|9': [
        { cat_icon: '@IMAGE(1100x754)', goods_name: '@CTITLE()', goods_introduce: '@CPARAGRAPH(6)' }
      ]
    }
  ]
}
```
#### 水暖产品数据
**简要描述：**
- 产品页面水暖数据接口

**请求URL:**
- `http://localhost:8080/gftopen/product/plumbing`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  cat_id: 15,
  cat_name: '水暖卫浴',
  cat_pid: '1',
  cat_level: '1',
  cat_deleted: 0,
  cat_icon: null,
  'children|6': [
    {
      cat_id: 15,
      cat_pid: '1',
      cat_level: '2',
      cat_deleted: 0,
      cat_icon: function () { return Random.image('50x50', '#ccc', 'icon'); },
      cat_name: '@ctitle(4,6)系列',
      'children|3-6': [{
        cat_icon: '@IMAGE(1100x754)',
        goods_name: '@CTITLE()',
        goods_introduce: '@CPARAGRAPH(6)'
      }]
    }]
}
```
#### 建筑材料产品数据
**简要描述：**
- 产品页面轮播图

**请求URL:**
- `http://localhost:8080/gftopen/product/building`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  cat_id: 15,
  cat_name: '钢筋建材',
  cat_pid: '1',
  cat_level: '1',
  cat_deleted: 0,
  cat_icon: null,
  'children|6': [
    {
      cat_id: 15,
      cat_pid: '1',
      cat_level: '2',
      cat_deleted: 0,
      cat_icon: function () { return Random.image('50x50', '#ccc', 'icon'); },
      cat_name: '@ctitle(4,6)系列',
      'children|3-6': [{
        cat_icon: '@IMAGE(1100x754)',
        goods_name: '@CTITLE()',
        goods_introduce: '@CPARAGRAPH(6)'
      }]
    }]
}
```

### 服务页面
#### 服务页面轮播
**简要描述：**
- 服务页面轮播图

**请求URL:**
- `http://localhost:8080/gftopen/service/lunbo`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  lunbo: {
    big: [
      { img_url: '@IMAGE(1920X540)', name: '轮播1' }
    ]
  }
}
```
#### 服务页面产品画册
**简要描述：**
- 服务页面产品画册

**请求URL:**
- `http://localhost:8080/gftopen/service/brochures`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  'brochures|7': [
    { img_url: '@IMAGE(1248X1680)', name: '钢筋建材@ctitle(4,6)系列' },
    { img_url: '@IMAGE(1248X1680)', name: '家居水暖@ctitle(4,6)系列' },
    { img_url: '@IMAGE(1248X1680)', name: '管道产业@ctitle(4,6)系列' }
  ]
}
```

### 新闻页面
#### 新闻页面轮播
**简要描述：**
- 产品页面轮播图

**请求URL:**
- `http://localhost:8080/gftopen/news/lunbo`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
    big: [
      { img_url: '@IMAGE(1920X540)', name: '轮播1' }
    ]
  }
}
```
### 加入我们页面
#### 加入我们页面轮播
**简要描述：**
- 产品页面轮播图

**请求URL:**
- `http://localhost:8080/gftopen/join/lunbo`

**请求方式：**
- GET

**参数：无**

**返回示例**
```js
{
  lunbo: {
    big: [
      { img_url: '@IMAGE(1920X540)', name: '轮播1' }
    ]
  }
}
```