# local-preui

**Repository Path**: gcorg-ui/local-preui

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-19
- **Last Updated**: 2025-09-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 格策电气后台管理系统

## 执行命令

```bash

# 安装依赖 推荐使用pnpm代替npm
pnpm install

# 下载包
pnpm add xxx

# 启动服务
npm run dev

# 打包发布
npm run build

# 测试环境
npm run test

```

## 项目配置 (/public/config/config.js)

```bash

# 获取生产环境调用的接口地址
_baseUrl

# 不同环境使用的接口配置
config

# 给接口单独配置超时时间
customTimeOut

#给站点设置接口延迟响应
requestTimeOut

```

## 接口管理 (src/request/api)

-   将所有接口封装好放到 api 文件夹下，方便接口统一管理
-   src/request/api/index.js 文件封装了 post 和 get 请求，如果需要传公共参数，可以导入 index.js 使用封装后的 api 调用接口

## mixins (src/mixins)

-   datePickerOpt.js 是关于日期组件配置的相关配置
-   device.js 是设备管理的公共部分
-   index.js 是所有的公共逻辑
-   validationForm.js 是关于表单验证的封装
-   wxRecharge.js 是微信管理的充值详情记录的页面公共逻辑

## 微信系统和后付费系统

- 后付费系统的页面放在了 src/views 下面
- 微信系统页面放在了 src/pages 下面


## 其他

src/elementUi.js 是统一导入饿了么组件的文件
src/directive.js 统一封装自定义指令
src/filters.js 统一封装全局过滤属性
src/permission.js 路由守卫封装


## 路由配置

路由在 src/router/index.js 文件中配置，如果新增页面，需要在 router 中配置，并且在 src/views 下面新建页面文件，然后在系统菜单中配置路由名称和页面名称。

## mixin参数详解

```
data() {
    return {
      //一共多少页
      rowCount: 0,
      //每页多少条
      pageSize: 30,
      //当前第几页
      pageNow: 1,
      pageSizeS: [10, 30, 50, 100],
      //当前多选的table项
      selectionList: [],
      //新增修改的弹窗使用
      isShow: false, // 控制页面弹窗显示的公共开关
      //编辑表格弹窗使用
      showEditTable: false,
      showMorefun: false,
      activeNames: '1',
      paymentType: [
        { key: '10', value: '预付费' },
        { key: '11', value: '后付费' }
      ],
      // 当前的付费类型
      currentPaymentType: this.$store.getters.userPaymentType ? this.$store.getters.userPaymentType[0].key : '',
      currentPageTable: [],
      CUSTOMER_TYPE,
      checkCustomerTypeByEstateCode
    };
  }
```

estateCode， 统一在此组件中获取 ,这里统一管理分页方法，付费类型，页面弹窗显示等公用参数


#### 页面头部功能

```
currentMenuBtn() {
      const currentUrl = this.$route.fullPath;
      const routers = this.$store.getters.currentRouters;
      const btnList = this.getMenuBtn(routers, currentUrl);
      console.log('currentMenuBtn', btnList);

      return btnList || [];
    }

```

在系统基础-菜单管理 中添加菜单，然后在页面中引入 mixin，调用 currentMenuBtn 方法，即可获取当前页面的功能按钮。