my-dataentry

一个基于 Vue 3 和 Element Plus 的数据录入组件库。

特性

- 支持多种数据类型的录入
- 支持数据项的上下移动
- 支持数据的保存和查询
- 支持文件上传
- 支持富文本编辑
- 支持表格数据编辑
- 支持分类和关联数据
- 支持数据项级别的设置
- 支持备注信息

安装

``bash
npm install my-dataentry
`

使用方法

$3

`typescript
// main.ts
import { createApp } from 'vue'
import DataEntry from 'my-dataentry'
import 'my-dataentry/dist/style.css'

const app = createApp(App)
app.use(DataEntry)
`

$3

`vue



`

组件属性

| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| titleName | string | - | 资源库名称 |
| identifierSuffix | string | - | 标识号 |
| duplicateCheck | number | 1 | 是否查重(1:是, 0:否) |
| dataLevel | string | - | 资源级别 |
| isSave | boolean | false | 是否保存中 |
| isSaved | boolean | false | 是否已保存 |
| recorditemList | array | [] | 记录项列表 |

事件

| 事件名 | 参数 | 说明 |
|--------|------|------|
| save | (data: any) | 保存数据时触发 |
| cancel | - | 取消操作时触发 |
| save-and-search | (data: any) | 保存并查询时触发 |

支持的数据类型

1. 单行文本 (type: 2-5, 15-20)
2. 多行文本 (type: 6)
3. 表格 (type: 7)
4. 文件 (type: 8-14)
5. 网页 (type: 21)
6. 关联 (type: 22, 25)
7. 分类 (type: 23, 24)

开发

`bash

安装依赖

npm install

开发模式

npm run dev

构建

npm run build
``

许可证

MIT