# manage-admin-front

**Repository Path**: shanzhimoo/manage-admin-front

## Basic Information

- **Project Name**: manage-admin-front
- **Description**: 管理后台-前端（旧版）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-24
- **Last Updated**: 2021-11-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# back-stage-management

## 介绍
后台管理系统

## 软件架构
使用了 AdminUI 框架, 使用 elementUI  vuex  axios  vueRouter


## 安装教程

> 1. npm install 初始化仓库
> 2. npm run dev 启动项目
> 3. npm run lint:fix  格式化代码


## 使用说明
- 仓库地址 [https://gitee.com/shanzhimoo/back-stage-management](https://gitee.com/shanzhimoo/back-stage-management)

- 启动项目后  需在 cookie 中配置  token   值:随意


> 1. /src/permission.js              拦截路由权限配置
> 2. /src/menuSet.js                 菜单配置
> 3. /src/router                     路由配置
> 4. /src/styles/variables.scss      主题配置


## 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


## 组件

#### model
- 介绍  
>包含基础查询, 表单验证, 列表展示, 分页配置等基础功能

- 用法:  
>可单独创建一个js文件, 用于配置 默认 表单查询业务组件  
>1. searchForm 查询条件配置  
> ```
skuName: {    // skuName代表查询 key
    name: '商品名称',
    widget: 'input',  // 类型框 (现仅支持 input) 如需要增加其他类型 请与我联系
    defaultValue: '默认值'
  }
> ```
>2. tableColumn 展示表格配置  
> ```
billId: {    // 后端返回字段
    name: '单据号' // 表头标题
  }
> ```
>3. configData 总体配置  
> ```
pagination: { // 分页配置
    pageSize: 10 // 页数
  }
api: { // 初始化请求配置
    request: ''
  }
tableConfig: { // 表格配置
    selection: false,
    index: false
  }
> ```

> 中间添加按钮 插槽名字  top_button
> ```

> ```

#### DialogXH  
- 介绍  
> 弹出框统一样式 (全局组件可直接用)  
> 参数 : title(标题) , width(弹出框宽度) , closeOnClickModal (遮罩层是否关闭弹窗)  
> visible: 控制显示隐藏, 需要设置 ref , 获取组件内部属性 visible


#### 问题
路由,  图标