更新记录

1.0.6（2025-07-12） 下载此版本

长按放大只适配移动端

1.0.5（2025-07-12） 下载此版本

可设置限制行内容高度,内容溢出...省略表示,长按单元格可放大查看内容

1.0.4（2025-02-26） 下载此版本

将选项框放到最右边

平台兼容性

云端兼容性

uni-app(4.66)

wulin-LeftTopTable

一、props属性说明：

/** 
 * @property {Array}  list  表格要加载的对象数组   必传
 * @property {Array}  fields  表格列名设置   必传 示例: [{name: 'communicationTime',width: '30vw',colname: '沟通时间',fontsize: '30rpx'}]     
 * @property {Array} eventCols  Array 设置可点击的字段数组 
 * @property {Number} trDataLimitFontRowCount  限制表格每行可显示内容的行数,超出用"..."表示省略
 * @property {String} trDataLimitTextRowHight  限制表格每行可显示内容的高度,默认50rpx
 * @property {Number} eachpagenum   每页显示的行数  默认为0则不开启分页功能
 * @property {Boolean} showAllPageBtn   是否显示全显示按钮
 * @property {Boolean} showAllPageBtn   启用分页时,全显示(将所有数据显示为1页)按钮是否显示,默认隐藏
 * @property  {Boolean}  issingle     是否为单选  默认单选模式
 * @property  {Number}   outselectindex   表格加载时,默认显示选中的索引
 * @event  {Function}  resdata 返回对象 {selectindex:0,chickindex: null,chickobj: null,data: []}
 */

二、返回事件举例:

resdata(res) {
    console.log(res)
    let e = res.chickobj  //被点击的行对象
    if (e) { //判断点击有效
        uni.setStorageSync(e.recordNo, e)
        //开始检验
        uni.navigateTo({
            url: "/pages/business/EquipmentCheck/Checking/Checking?recordNo=" + e.recordNo
        })
    }

},

三、使用举例（注：请给组件设置高度，不然无上下滚动效果）：

 <wulin-LeftTopTable  :eachpagenum="50"    style="height: 60vh;"  :eventCols="eventCols"  @resdata="resdata" :list="CheckRecord"
  :fields="columnsInventory"></wulin-LeftTopTable>

data() {
    return {    
        CheckRecord: [],    
        eventCols: ['sn'],
        columnsInventory: [

            // 自定义列背景
            {
                name: 'sn',
                colname: '资产编码',
                width: '15vw'
            },
            {
                name: 'createTime',
                colname: '检验日',
                width: '15vw'
            },
            {
                name: 'assetName',
                colname: '设备',
                width: '15vw'
            },
            {
                name: 'spotcheckName',
                colname: '保养表',
                width: '15vw'
            },

            {
                name: 'status',
                colname: '状态',
                width: '15vw'
            },

            {
                name: 'runningStatus',
                colname: '运行状态',
                width: '15vw'
            },

            {
                name: 'checkPeriodName',
                colname: '检验周期',
                width: '15vw'
            },

            {
                name: 'workShiftName',
                colname: '班次',
                width: '15vw'
            },

            {
                name: 'creatorName',
                colname: '创建人',
                width: '15vw'
            },
            {
                name: 'maintUserName',
                colname: '保养人',
                width: '15vw'
            },
            {
                name: 'auditUserName',
                colname: '核查人',
                width: '15vw'
            },
            {
                name: 'modifieTime',
                colname: '修改时间',
                width: '15vw'
            }
        ],

    }
},