feat: indexdb存储人员名单，使用dexie

src/utils/dexie/index.ts

@@ -0,0 +1,108 @@
+import type { EntityTable } from 'dexie'
+import type { DbData } from './type'
+import dayjs from 'dayjs'
+import Dexie from 'dexie'
+
+class IndexDb {
+    name: string
+    dbStore: any
+    version: number
+    dbKeys: string[]
+    tableNames: string[]
+    constructor(name: string, tableNames: string[], version = 1, dbKeys: string[] = []) {
+        this.name = name // 数据库名称
+        this.version = version // 数据库版本号
+        this.dbKeys = dbKeys // 数据库key
+        this.tableNames = tableNames
+        this.dbStore = new Dexie(name) as Dexie & { [key: string]: EntityTable<DbData, 'id'> }
+        // 获取存在的key
+        const stores: Record<string, string> = {}
+        for (const tableName of tableNames) {
+            stores[tableName] = 'id,dateTime,type,uid' // 根据需要调整字段
+        }
+        this.dbStore.version(this.version).stores(stores)
+    }
+
+    setAllData(tableName: string, data: DbData[]) {
+        this.dbStore[tableName].bulkAdd(data)
+    }
+
+    /**
+     * @param data
+     * @description 添加单条数据，并为数据添加dataTime和type属性
+     */
+    setData(tableName: string, data: Partial<DbData>) {
+        if (!data.dateTime) {
+            data.dateTime = dayjs().format('YYYY-MM-DD HH:mm:ss:SSS')
+        }
+        if (!data.type) {
+            data.type = 'info'
+        }
+        this.dbStore[tableName].add(data)
+    }
+
+    // 更新单条数据
+    updateData(tableName: string, data: Partial<DbData>) {
+        this.dbStore[tableName].update(data.id, data)
+    }
+
+    /**
+     * @returns 所有数据Array
+     * @description 删除所有数据并返回被删除的数据
+     */
+    deleteAll(tableName: string) {
+        return this.dbStore[tableName].clear()
+    }
+
+    /**
+     * @param data
+     * @description 删除单条数据
+     */
+    deleteData(tableName: string, data: Partial<DbData>) {
+        this.dbStore[tableName].delete(data.id)
+    }
+
+    /**
+     * @returns 所有数据Array
+     * @description 获取所有数据
+     */
+    async getAllData(tableName: string, isAsc: boolean = true) {
+        const allData = await this.dbStore[tableName].toArray()
+        // return allData
+        return isAsc ? allData : allData.reverse()
+    }
+
+    // 分页获取数据
+    async getPageData(tableName: string, pageNum: number, pageSize: number, isAsc: boolean = true) {
+        const allData = await this.dbStore[tableName].toArray()
+        const start = (pageNum - 1) * pageSize
+        const end = pageNum * pageSize
+        return isAsc ? allData.slice(start, end) : allData.slice(end, start).reverse()
+    }
+
+    /**
+     * @returns 数据库总长度
+     * @description 获取所有数据的列表长度
+     */
+    getAllLength(tableName: string) {
+        return this.dbStore[tableName].count()
+    }
+
+    /**
+     *
+     * @param filter 根据筛选条件返回数据
+     * @returns
+     */
+    getFilterData(tableName: string, filter: string) {
+        return this.dbStore[tableName].filter((item: any) => {
+            return item.content.includes(filter)
+        }).toArray()
+    }
+
+    getKeys(tableName: string, key: string) {
+        // keys 方法获取所有主键
+        return this.dbStore[tableName].orderBy(key).keys()
+    }
+}
+
+export { IndexDb }

src/utils/dexie/type.ts

@@ -0,0 +1,3 @@
+export interface DbData {
+    [key: string]: any
+}