wms封装插件使用说明

一、表格组件(tableCard)

Ⅰ标签名称:

<tableCard  :titleName="'客户信息'" :tableList="dataList" 
			:getList="getList" :total="total" :queryParams="queryParams" 
			:loading="loading" :headerList="headerList" :isAddButton="true" 
			:handleAdd="handleAdd" :isShowSearch="isShowSearch" 
			:handleSearch="handleSearch" />

Ⅱ参数说明:

  1. titleName : 表格名称;
  2. tableList :表格查询接口数据;
  3. getList :查询接口的方法;
  4. total :查询数据的总条数,用于显示分页;
  5. queryParams :查询接口参数;
  6. loading :数据加载 ‘thre’ 或 ‘false’ ;
  7. isAddButton:是否显示添加按钮 ‘thre’ 或 ‘false’ ;
  8. handleAdd:添加按钮绑定事件;
  9. isShowSearch :展开搜索栏,收起搜索栏, ‘thre’ 或 ‘false’ ;
  10. handleSearch : 展开搜索
  11. headerList :表格的排列格式,以及样式;
headerList = [{
                prop: 'inCode', //tableList 里的字段名称
                label: '入库单据', //tableList 里的字段名称所代表的意思
                width: 135,	//单元格的宽度
            }, {
            	prop: 'status', //Tag样式的单元格
                label: '状态',
                width: 65,
            }, {
                label: '',	//操作 只能写值为''
                width: 80,
                popovers:[{
                    function: this.handleListing, //按钮绑定的方法
                    icon: 'el-icon-upload2', //按钮的 element icon图标
                    text: '上架', //按照上的文字
                    color: '#67c23a' //按钮颜色
             }]
            }

效果图

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值