yw-common-list v0.6.0

yw-common-list

基于vxe-table封装的自定义可配置表格

vxetable文档

👉 查看文档

运行项目

安装依赖

npm install

启动本地调试

npm run serve

编译打包，生成编译后的目录：lib

npm run lib

说明

表格不设置宽高时可以进行自适应，需要表格外层容器的高度为100%能够占满剩余区域

<template>
  <div class="page1">
    <ya-wei-list table-key="yw_student"/>
  </div>
</template>
<style lang="scss" scoped>
.page1 {
  height: 100%;
}
</style>

API

slot自定义插槽

参数说明

{row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, _columnIndex}

示例代码

列名：address，列表头部插槽名：addressName，列表数据插槽：address

<ya-wei-list>
  <template #addressHeader>
    地址头部
  </template>
  <template #address="{ row }">
    <span>{{ row.name }}</span>
  </template>
</ya-wei-list>

方法

接口代理：/yw-common-list

module.exports = {
  devServer: {
    proxy: {
      // 代理通用列表后台地址
      '/yw-common-list': {
        target: 'http://localhost:8983/',
        ws: false,
        changeOrigin: true,
        pathRewrite: {
          '^/yw-common-list': ''
        }
      }
    }
  },
  ...
}

高级查询参数

rule参数说明

"gt": "大于", "ge": "大于等于", "lt": "小于", "le": "小于等于", "eq": "等于", "ne": "不等于", "in": "包含", "like": "全模糊", "left_like": "左模糊", "right_like": "右模糊",

[
  {
    "rule": "判断条件",
    "val": "参数值",
    "field": "参数名"
  },
  {
    "rule": "eq",
    "val": 123,
    "field": "id"
  }
]