# repair_manage
**Repository Path**: wqja/repair_manage
## Basic Information
- **Project Name**: repair_manage
- **Description**: 测试测测测试测测测试测测测试测测测试测测
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-07-01
- **Last Updated**: 2025-07-01
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
Ant Design Pro Vue
An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on
Ant Design of Vue
[](#backers) [](#sponsors) [](https://github.com/sendya/ant-design-pro-vue/blob/master/LICENSE)
[](https://github.com/sendya/ant-design-pro-vue/releases/latest)
[](https://travis-ci.org/sendya/ant-design-pro-vue)
- 预览: https://preview.pro.loacg.com
- 首页: https://pro.loacg.com
- 文档: https://pro.loacg.com/docs/getting-started
- 更新日志: https://pro.loacg.com/docs/changelog
- 常见问题: https://pro.loacg.com/docs/faq
Overview
----
基于 [Ant Design of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 实现的 [Ant Design Pro](https://pro.ant.design/)
环境和依赖
----
- node
- yarn
- webpack
- eslint
- @vue/cli ~3
- [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件
- [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表
- [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - antv/g2 封装实现
> 请注意，我们强烈建议本项目使用 [Yarn](https://yarnpkg.com/) 包管理工具，这样可以与本项目演示站所加载完全相同的依赖版本 (yarn.lock) 。由于我们没有对依赖进行强制的版本控制，采用非 yarn 包管理进行引入时，可能由于 Pro 所依赖的库已经升级版本而引入了新版本所导致的问题。作者可能会由于时间问题无法及时排查而导致您采用本项目作为基项目而出现问题。
项目下载和运行
----
- 拉取项目代码
```bash
git clone https://github.com/sendya/ant-design-pro-vue.git
cd ant-design-pro-vue
```
- 安装依赖
```
yarn install
```
- 开发模式运行
```
yarn run serve
```
- 编译项目
```
yarn run build
```
- Lints and fixes files
```
yarn run lint
```
其他说明
----
- **关于 Issue 反馈 (重要!重要!重要!) 请在开 *Issue* 前，先阅读该内容：[Issue / PR 编写建议](https://github.com/sendya/ant-design-pro-vue/issues/90)**
- 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请确保你所使用的 vue-cli 是新版，并且已经学习 cli 官方文档使用教程
- 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码, `vue.config.json` 下的 `lintOnSave` 值改为 `false`
- 组件按需加载 `/src/main.js` L14 相关代码 `import './core/lazy_use'` / `import './core/use'`
- [修改 Ant Design 配色 (@kokoroli)](https://github.com/kokoroli/antd-awesome/blob/master/docs/Ant_Design_%E6%A0%B7%E5%BC%8F%E8%A6%86%E7%9B%96.md)
- I18n: [多语言支持 (@musnow)](./src/locales/index.js)
- 生成环境默认不加载 `mock`，更多详情请看 `src/mock/index.js`
- **用于生产环境，请使用 `release` 版本代码，使用 master 代码出现的任何问题需要你自行解决**
代码生成器
----
- 生成后的代码列表页面，每一行为一个row，每个row有两个col，这个是需要手动配置的。
- 统一的在form上加上:label-col :wrapper-col
```
```
- 如果是富文本，那么需要在单独的加上 :labelCol="$global.labelTextAreaCol" :wrapperCol="$global.wrapperTextAreaCol"
```
```
路由跳转回显之前查询条件
----
- 列表路由跳转后，返回需要回显之前列表查询的条件处理
- 1.列表页面的name 需要和component中最后面保持一致 例如name 为WorkAttendanceList 那么component为system/workAttendance/WorkAttendanceList
- 2.列表页面 需要加入，和method同级
```
activated () {
//防止页面进入后刷新两次，所以临时加了一个缓存
if (store.getters.checkKeepAliveTmpList(this.$options.name)) {
this.$refs.table.refresh(true)
}
},
beforeRouteLeave (to, from, next) {
// 跳转页面可以 回显的 router_path name
if (!(to.name === 'workAttendanceView' || to.name === 'workAttendanceSignRecord')) {
//WorkAttendanceList 是vue页面的name
store.commit('noKeepAlive', this.$options.name)
}
next()
},
beforeRouteEnter (to, from, next) {
// 跳转页面可以 回显的 router_path name
if ((from.name === 'workAttendanceView' || from.name === 'workAttendanceSignRecord')) {
// 防止页面进入后刷新两次，所以临时加了一个缓存
store.commit('iskeepAliveTmp', 'WorkAttendanceList')
}
store.commit('iskeepAlive', 'WorkAttendanceList')
next()
},
```