# base-framework-vue

**Repository Path**: liangxiaoshan/base-framework-vue

## Basic Information

- **Project Name**: base-framework-vue
- **Description**: 主要版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-11-09
- **Last Updated**: 2021-11-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: ligang
 * @Date: 2021-08-21 16:13:28
 * @LastEditors: ligang
 * @LastEditTime: 2021-10-08 18:18:57
 * @Description:
-->

# 安装依赖

npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题

npm install --registry=https://registry.npm.taobao.org

# 启动服务

npm run dev

````

浏览器访问 http://localhost:80

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
````

```控制可编辑权限
可读，不可编辑 值为角色表中的key
v-hasDisabledRole="['common']"
```

```控制可用权限
无权限不显示功能 值为角色表中的key
v-hasPermi="['egq:company:edit']"
v-hasRole="['1']"
```

SMS 加解密

```
	vue方式:
	this.$sm4.encrypt(str)加密
	this.$sm4.decrypt(str)解密
	js方式：
	引用js/sm4/sm4.js
	encrypt(str)
	decrypt(str)
```

# 开启 sso

src/setting.js 中
sso: false,
ssoLogin: 'http://192.168.8.20:8080/sso/cas',
ssoLogout: 'http://192.168.8.20:8080/sso/cas/logout',

# el-table 多列排序

<!-- el-table中添加 -->

:header-cell-class-name="handleHeaderClass" @change-click="handleHeaderClick" @sort-change="changeColumn"

<!-- 排序数组 -->

ordersList: [],

<!-- 方法 -->

// 设置列的排序为自定义排序
handleHeaderClass({ column }) {
  column.order = column.multiOrder
},
// 点击表头
handleHeaderClick(column) {
  if (column.sortable !== 'custom') {
    return
  }
  if (!column.multiOrder) {
    column.multiOrder = 'descending'
  } else if (column.multiOrder == 'descending') {
    column.multiOrder = 'ascending'
  } else {
    column.multiOrder = ''
  }
  this.handleOrderChange(column.property, column.multiOrder)
},
// 排序变化时触发
handleOrderChange(orderColumn, orderState) {
  let result = this.ordersList.find(e => e.orderColumn === orderColumn)
  if (result) {
    result.orderState = orderState
  } else {
    this.ordersList.push({
      orderColumn: orderColumn,
      orderState: orderState
    })
  }
  // 调接口查询，在传参的时候把 ordersList 进行处理成后端想要的格式
  const arr = []
  this.ordersList.forEach(item => {
    if (item.orderState == 'descending') {
      arr.push(`${toLine(item.orderColumn)} desc`)
    } else if (item.orderState == 'ascending') {
      arr.push(`${toLine(item.orderColumn)} asc`)
    }
  })
  this.queryParams.pageParam.orderByColumn = arr.join()
  this.getList()
},
//监听表格排序 column, prop, order
changeColumn({column}) {
  this.handleHeaderClick(column)
},

https://gitee.com/wuyaostudy/vue-form-making
https://gitee.com/wuyaostudy/vue-form-making/blob/master/docs/component.zh-CN.md#%E8%A1%A8%E5%8D%95%E7%94%9F%E6%88%90%E5%99%A8generateform

http://form.making.link/control/#/zh-CN/buy/02 liangxiaoshan liangxiaoshan