# prd-web-extension-system

**Repository Path**: ouyangzhiyuan/prd-web-extension-system

## Basic Information

- **Project Name**: prd-web-extension-system
- **Description**: Vue-V2 、ElementUI  axios iconfont permission control 
- **Primary Language**: JavaScript
- **License**: Zlib
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 3
- **Created**: 2020-02-24
- **Last Updated**: 2023-05-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 管理后台, Vue, Element-UI

## README

# st-cli-vue

English | [简体中文](./README-zh.md)

```bash
# enter the project directory
cd vue-admin-template

# install dependency
npm install

# develop
npm run dev
```

This will automatically open http://localhost:9528

## Build

```bash
# build for test environment
npm run build:stage

# build for production environment
npm run build:prod
```

## Advanced

```bash
# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix
```

## 项目结构

```bash
|-- prd-web-st-cli-
    |-- public  ----------------------------------项目公共静态资源
    |   |-- index.html  --------------------------首页
    |   |-- favicon.ico  -------------------------ico 资源
    |   |-- logo.png  -------------------------LOGO图
    |-- src  -------------------------------------源代码
    |   |-- App.vue  -----------------------------vue 入口组件
    |   |-- main.js  -----------------------------vue 入口
    |   |-- api  ---------------------------------ajax 请求层
    |   |-- assets  ------------------------------静态资源存放区
    |   |-- components  --------------------------组件区
    |   |   |-- bussiness  -----------------------业务组件
    |   |   |   |-- layout  --------------------------布局组件
    |   |   |-- common  --------------------------通用组件
    |   |-- config  ------------------------------项目静态配置 
    |   |-- utils  -------------------------------工具库
    |   |   |-- request  -------------------------ajax 请求处理逻辑层
    |   |   |-- validate  ------------------------校验方法封装
    |   |-- views  -------------------------------页面存放区
    |   |-- router  ------------------------------路由层
    |   |-- store  -------------------------------vuex 状态数据存放区
    |   |-- styles  ------------------------------主题样式区
    |-- .env.development  ------------------------本地打包环境
    |-- .env.staging  ----------------------------测试打包环境
    |-- .env.production  -------------------------生产打包环境
    |-- .eslintrc.js  ----------------------------eslint配置
    |-- .gitignore  ------------------------------git忽略项
    |-- .eslintignore  ---------------------------eslint忽略项
    |-- babel.config.js  -------------------------babel配置
    |-- deploy_vue.sh  ---------------------------前端跳转机脚本存放
    |-- package-lock.json  -----------------------锁定npm包版本
    |-- package.json  ----------------------------项目入口文件，包含项目信息与依赖、配置管理
    |-- prettier.config.js  ----------------------prettier代码格式化插件配置
    |-- postcss.config.js  -----------------------px->rem配置文件
    |-- README.md  -------------------------------项目介绍
    |-- vue.config.js  ---------------------------Vue Cli配置文件
```


## 需求分析

#### 用户痛点
1. 维持推广商及其名下推广员的签约/开户（可后台登录）
2. 支持推广商查看其名下，所有包推广员总览数据/明细数据
3. 迭代支持财务结算系统给，推广商设置分成利润
#### 研发方案
1. 权限系统
    代理商类权限
    推广商类权限
    推广员类权限
    权限等级 代理商(userid:1328) 》 推广商 》 推广员
    代理商添加推广商
    推广商添加推广员
    代理商token验证登录，推广商和推广员账密登录

1. 对分成模块进行模块化拆分做到可自由配置可复用

1. 推广平台登录与权限
    登录分为两种登录模式，代理商账号使用code单点登录、推广商与推广员使用常规的账密登录
    登录后返回角色权限类型

    1. 登录失效重新获取token
    2. 账密 登录 账号密码