• 💪 Vue 3 Composition API
• 🔥 Written in TypeScript

Install

npm i cjx-zdy-ui

组件引入 main.ts

import CjxUI from 'cjx-zdy-ui'

app.use(CjxUI)

快速开始

<ProTable
  ref="proTableRef"
  :columns="columns"
  :initParam="{ winRate: 100 }"
  :tabs="{ data: getTabsList }"
  rowKey="lotteryActivityAwardId"
  :children-prop="{
    lazy: true,
    load: getChildren
  }"
  :span-method="mergeColum"
  :request-api="getList"
  :beforeSearchSubmit="formatParams"
  :dataCallback="formatData"
>
    <template #tableHeader="{ selectedListIds, selectedList, isSelected }">
      <el-button type="primary">导出报表</el-button>
      <el-button type="primary" :disabled="!isSelected">批量删除</el-button>
    </template>
    <template #action="{ row }">
      <el-button link type="primary"
        >编辑{{ row.lotteryActivityAwardId }}</el-button
      >
    </template>
</ProTable>

图片展示

在线文档

cjx-zdy-ui 文档

组件项目仓库

cjx-zdy-ui 项目仓库