zhcc-web

How to use

npm install zhcc-web

在main.js中使用：

import 'zhcc-web/lib/zhcc-web.css'
import ZhccWeb from 'zhcc-web'
Vue.use(ZhccWeb)

description-table

列表详情组件
参数: 
title：标题
column：每行显示的字段数
labelList：对应的字段数组（type 1: 默认 2：单个id或者数组里是id 3：数组里是对象 4：本地数据字典 5：系统数据字典 6: 数组内容换行显示 7：图片）
getForm：获取详情异步函数
注：其中props里对应后台返回单条数据显示所对应的字段

drawer

抽屉组件
参数：
dataList：存在tab切换是所传数据
checkTypeId：选中tab的id
title：标题
@handleClose：关闭方法
@checkType：tab切换方法

table-button

列表操作按钮组件
参数：
type：默认常规，dropdown时为下拉
text：文字
disabled：是否禁用，默认false
@click：点击方法

table-opera、table-opera-button

列表头部及按钮组件
参数：
text：文字
className：类名
disabled：是否禁用，默认false
type：default、primary、text
icon：svg-icon图标
@click：点击方法

table-pagination

列表分页组件
参数：
pageNum：页码
pageSize：每页显示条数
total：总条数

table-search、table-search-item

列表搜索组件
参数：
filtrate：是否开启高级搜索（table-search中设置）
type：搜索类型
placeholder：提示文字
clearable：是否显示清空
value：绑定值
data：为下拉选择时传值
props：{
    label: 'label',
    value: 'value',
    checkStrictly: true,
    emitPath: false
}
typeId：仓库选择器特有，表示选择到的仓库层级，1卷烟厂、2仓库、3楼栋、4楼层、5仓间、6垛位
warehouseId：仓库唯一标识，默认code
multiple：是否多选
disabled：是否禁用，默认false
type=='input'：输入框
type=='select'：下拉选择器
type=='year'：年份选择器
type=='date'：日期选择器
type=='daterange'：日期范围选择器
type=='datetimerange'：日期时间范围选择器
type=='cascader'：联级选择器
type=='warehouse'：仓库选择器

table-status

列表状态组件
参数：
type：本地数据字典用，类型，为2，默认为返回对应的数据字典文字
value：本地数据字典用，传值
styles：接口数据字典样式
text：接口数据字典文字

table-title

列表状态组件
参数：
title：标题
tabData：有切换时传数据
tabProps：{
    label: 'label',
    value: 'value'
}
tabValue：切换默认值

table-wrapper

列表组件
参数：
loading：加载状态
pagination：是否显示分页
tableData：列表数据
pageNum：页码
pageSize：每页显示条数
total：总数
expandRowKeys：当树形数据时默认展开的数据
@handleSelectionChange：复选框选中事件
@handleSizeChange：每页条数切换事件
@handleCurrentChange：当前页切换事件