0.4.0 • Published 8 months ago

wigem_ui_business v0.4.0

Weekly downloads
-
License
ISC
Repository
-
Last release
8 months ago

wigemUiBusiness

wigemUiBusiness 组件库

一款基于 wigem_ui 进行开发的业务组件库

此组件供内部使用,要想使用组件,详细文档请见上述链接

下载方式

npm install wigem_ui_business 或者 yarn add wigem_ui_business

从项目中引用

在 main.ts 中引用

这里指展示此组件引用,element 组件需要自行引用

import { createApp } from 'vue'
import wigemModule from 'wigem_ui'
import 'wigem_ui/dist/style.css'
import wigemBusiness from 'wigem_ui_business'
createApp(App).use(wigemModule).use(wigemBusiness).mount('#app')

组件

wgPicker 日期选择器

<wg-picker></wg-picker>

属性
属性名说明类型可选值默认值
model-value/v-model绑定值string----
showValue返回转换日期值string----
disabled是否禁用状态booleantrue/falsefalse
方法
方法名说明参数
handelClick获取转换日期格式--
monthStr获取月份--
yearStr获取年份--
initDataTime获取当前日期--

Table 表格组件

<wg-table></wg-table>

属性
属性名说明类型可选值默认值
url请求 urlstring----
data数据 dataArray----
headerTitle表格标题string----
columns需要展示的列,prop:列数据对应的属性,label:列名,align:对齐方式,width:列宽Array----
where排序条件Object----
isPage是否分页booleantrue/falsetrue
param分页参数{pageNo: 1, pageSize: 20, count: 0,}Object--{pageNo: 1, pageSize: 20, count: 0,}
isTableTitle是否展示标题booleantrue/falsefalse
timeOut延时加载Number--100
isShowSummary是否在表尾显示合计行booleantrue/falsefalse
border是否带边框booleantrue/falsetrue
selection是否开启多选booleantrue/falsefalse
type选择方式(仅用于多选时)stringselect(多选)/radio(单选)select
tableHeight表格高度Number--330
dataTime时间string----
highlight是否高亮booleantrue/falsefalse
方法
方法名说明参数
_tableInit加载默认表格配置信息--
load重新加载--
插槽
名称说明
--自定义列的内容 作用域参数为 { row, column, $index }

wg-dictionary 下拉框字典组件

<wg-dictionary></wg-dictionary>

属性
属性名说明类型可选值默认值
modelValue绑定值string----
code字典键值string----
placeholder输入框占位文本string--'请选择'
multiple是否开启多选booleantrue/falsefalse
multipleLimit最大选择数量Number----
collapseTags多选时是否将选中值按文字的形式展示booleantrue/falsefalse
封装请求方法

新建 utils 文件夹,新增 request 文件

import request from 'wigem_ui_business'
// 导出 axios 实例
export default request.common

在文件中使用

import request from '/@/utils/request'

export function 方法名(params: object) {
  return request({
    url: url,
    method: ' 请求方式(get、post)等',
    data: params,
  })
}
0.4.0

8 months ago

0.3.9

8 months ago

0.3.8

8 months ago

0.3.7

8 months ago

0.3.6

8 months ago

0.3.5

8 months ago

0.3.4

8 months ago

0.3.3

8 months ago

0.3.2

8 months ago

0.3.1

8 months ago

0.3.0

8 months ago

0.2.9

8 months ago

0.2.8

8 months ago

0.2.7

8 months ago

0.2.6

8 months ago

0.2.5

8 months ago

0.2.4

8 months ago

0.2.3

8 months ago

0.2.2

8 months ago

0.2.1

8 months ago

0.2.0

9 months ago

0.1.9

9 months ago

0.1.8

9 months ago

0.1.7

9 months ago

0.1.6

9 months ago

0.1.5

9 months ago

0.1.4

9 months ago

0.1.3

9 months ago

0.1.2

9 months ago

0.1.1

9 months ago

0.1.0

9 months ago

0.0.9

9 months ago

0.0.8

9 months ago

0.0.7

9 months ago

0.0.6

9 months ago

0.0.5

9 months ago

0.0.4

9 months ago

0.0.3

9 months ago

0.0.2

9 months ago