# Oil

**Repository Path**: Thyiad/Oil

## Basic Information

- **Project Name**: Oil
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-11-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# oil

> oil front end project

### 心路历程

- [x] 配置vue-cli
- [x] 配置路由
    - [x] 普通路由
    - [x] 除了正常的路由，配置一个*匹配NotFound路由
- [x] 配置导航守卫
    - [x] 需要身份验证的路由，判断是否已登陆，未登陆就跳转到login
    - [x] login路由，判断是否已登陆，已登陆就跳转到首页
- [x] 配置vuex
    - [x] 配置mutation-types, action-types
    - [x] 暂时不使用namespace
- [x] util封装
    - [x] util封装cache
    - [x] util封装post请求（使用axios）
- [x] 使用mock模拟数据
- [x] 页面搭建
    - [x] 登陆页面
    - [x] 使用element-ui搭建layout
- [x] UI封装
    - [x] 表单
        - [x] text 文本框
        - [x] area 文本域
        - [x] number 数字框
        - [x] select 下拉框
        - [x] date 日期选择器
        - [x] dateRange 日期区域选择器
        - [x] singleFile文件上传
        - [x] singleImage 图片上传及预览


## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

### 备注TODO

- [ ] 企业信息，已有数据时进入编辑页面不做任何操作，点击下一步日期验证会报错
- [ ] 文件上传，暂时只封装了单图片、单文件上传，多文件上传尚未封装
- [ ] 文件上传，为elmentui默认的http请求，要么后台暂时不做token的验证直接返回结果path，要么前端把header加上，并且在响应里添加code状态判断


### 接口格式说明

- X-Token
> 请求时头部会附加X-Token字段，除了login等不需要身份验证的接口都需要验证该字段
> 可能会存在跨域问题，后台将需要添加如下配置：
``` xml
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="X-Token, Access-Control-Allow-Origin, Authorization, Origin, x-requested-with, Content-Type, Content-Range, Content-Disposition, Content-Description" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
```
- 返回格式
``` js
{
    code,
    // 20000: ok
    // 50008: 非法的token
    // 50012: 其他客户端登录了
    // 50014: Token过期了
    message,
    // 一般用来提示错误message
    data,
    // 响应的数据
}
```