一、表格组件(tableCard)
Ⅰ标签名称:
<tableCard :titleName="'客户信息'" :tableList="dataList"
:getList="getList" :total="total" :queryParams="queryParams"
:loading="loading" :headerList="headerList" :isAddButton="true"
:handleAdd="handleAdd" :isShowSearch="isShowSearch"
:handleSearch="handleSearch" />
Ⅱ参数说明:
- titleName : 表格名称;
- tableList :表格查询接口数据;
- getList :查询接口的方法;
- total :查询数据的总条数,用于显示分页;
- queryParams :查询接口参数;
- loading :数据加载 ‘thre’ 或 ‘false’ ;
- isAddButton:是否显示添加按钮 ‘thre’ 或 ‘false’ ;
- handleAdd:添加按钮绑定事件;
- isShowSearch :展开搜索栏,收起搜索栏, ‘thre’ 或 ‘false’ ;
- handleSearch : 展开搜索
- headerList :表格的排列格式,以及样式;
headerList = [{
prop: 'inCode',
label: '入库单据',
width: 135,
}, {
prop: 'status',
label: '状态',
width: 65,
}, {
label: '',
width: 80,
popovers:[{
function: this.handleListing,
icon: 'el-icon-upload2',
text: '上架',
color: '#67c23a'
}]
}