# vue-admin-template

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

> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

**Live demo:** http://panjiachen.github.io/vue-admin-template

**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**

## Build Setup

```bash
# clone the project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# 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
```

Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information

## Demo

![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)

## Extra

If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)

For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))

## Related Project

- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)

- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)

- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)

- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)

## Browsers support

Modern browsers and Internet Explorer 10+.

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE10, IE11, Edge                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               |

## License

[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.

Copyright (c) 2017-present PanJiaChen

- 后台前端需要重置标准表格宽度 [x]
- 后台后端列表需要 sort 排序 [x]
- 数据字典组件 [x]
- 暂时停止批量编辑 [x]
- 上传位置 幼儿园活动组件 [x]
- 活动管理需要场景组件 [x]
- 上传照片管理 [x]
- 图片管理如果预览图没有使用文案提示 or 是否裂变[后端判断照片商品管理] 上传照片管理追加字段 [x]
- 图片上传地址 [ ]
- 管理后台登录页，输入图片验证码、输入短信验证码。两个都支持回车键，提交表单。 [x]
- 重新打开图片验证码弹框，没有清空原来的内容。 [x]
- 图片审核界面，没有加载图片 [x]
- 图片审核界面，提交审核数据缺失 id [x]
- 三个照片列表还是没有加载列表预览图（目前界面是可以跑通上传图片了）[x]
- 照片商品管理的编辑框，照片错位了。 [x]
- 照片商品管理的列表。把是否精选，是否随手拍放到列表上[x]

-------- todo -----------

- 是否精选，是否随手拍 配置哪里？
- 后台前端富文本需要 px 转换 rem
- 积分配置
- 省市区组件
- 三个照片列表的图片被压缩。看看如何适配好看些。
- 优化项，场景管理里面的两个列表。页面加载卡顿。不确定是否与编辑页的模态框数据加载有关。
- H5 补充幼儿园详情页、活动详情页。到时再看看怎么展示图片等图片吧。（H5 的详情页只是做基本信息展示 + 后面增加个导流下载 app 的（增加一个浮动弹框，打开腾讯应用宝的注册。上线后就有了））
- 照片审核通过，是否可以考虑设置为上架？

--- hold 暂时停滞 --------------

- 优化项，全局的搜索条件如果是下啦选择的，选择之后立马发送查询请求
- 客户端那边我看到请求接口带上了"/yxl-back-end"，其实这个应该是写到环境变量里面。域名 + 上下文。决定请求的前缀。。。