# groupVue

**Repository Path**: Yangzhixue/groupvue

## Basic Information

- **Project Name**: groupVue
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-09-08
- **Last Updated**: 2021-03-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 描述
 这是vue+elemnetui 的表格+分页+搜索框的列表组件
 list-table<br/>
 @desc 按钮部分,搜索部分,表格,分页<br/>
 @author yangzhixue<br/>
 @date 2021年01月03日<br/>
 @param {Object} [config]    - 配置参数<br/>
     @param {String} [header]    - 头部部分<br/>
            @param {String} [placeHolder]    - 搜索栏placeholder<br/>
            @param {Array} [btnList]    - 头部按钮组<br/>
            @param {Boolean} [inputNotDisplay]	-搜索栏是否不显示（不传默认显示）<br/>
            @param {Object} [selectInput]	- 选择下拉框<br/>
                @param {String} [placeHolder]		-下拉框placeHolder<br/>
                @param {Array} [options]		-下拉框选项<br/>
    @param {Array} [tableBtn]    - 表格操作栏中的按钮组<br/>
    @param {Array} [column]    - 表格列对应label<br/>
@param {Array} [table]    - 表格数据<br/>
@param {Boolean} [loading]    - 表格loading状态(false)<br/>
@param {Number} [totalPage]    - 表格总页数<br/>
@param {Boolean} [hasPagination]    - 表格是否有分页(true)<br/>
@functions [getAllData] - 获取数据<br/>
@functions [clickBtn] - 点击头部按钮事件<br/>
@functions [clickTableBtn] - 点击表格操作栏按钮事件<br/>
@example 调用示例<br/>
~~~
<list-table
    ref="table"
    @getAllData="getDataList"
    @clickBtn="clickBtn"
    @clickTableBtn="clickTableBtn"
    :loading="loading"
    :totalPage="totalPage"
    :table="table"
    :config="config">
        <template slot="time" slot-scope="props">
                    {{getTime(props.value)}}
        </template>
    </list-table>
~~~
##config样例<br/>
~~~
	header: {
        btnList: [//头部按钮
            {name: '新增'},
            {name: '批量发布', plain: true},
            {name: '批量删除', plain: true}
          ]
        },
        tableBtn: [//操作按钮后续操作按钮更新有待新开发
          {name: '详情'},
          {name: '修改'},
          {name: '预览'},
          {name: '删除'},
          {name: '发布'}
        ],
        tableBtnWidth: '60px',/操作列宽
        column: [//定义列 custom名称插槽<
          {key: 'name', label: '名称'},
          {key: 'subType', label: '分类'},
          {key: 'videoTime', label: '时间', custom: 'time'},
          {key: 'status', label: '发布状态'}
        ]
      }
~~~