hs-admin-ui 1.0.6 → 1.0.8

package/src/components/business/bcPageConfig/components/hsTables/useTableConfigList.ts

@@ -0,0 +1,76 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import _ from 'lodash';
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { IFormTable, ComponentAttr } from '/@/types';
+import { tableItemConfig, emptyTableItemData } from './../../default/baseTableConfig';
+import hsTableConfigList from './src/hsTableConfigList.vue';
+
+export function useHsTableListConfig(
+	emit: (event: 'chose', ...args: any[]) => void,
+	prop: ComponentAttr.Props<typeof hsTableConfigList>,
+	tableModel: ComponentAttr.RecursivePartial<IFormTable.Table> = {
+		id: '',
+		baseData: { id: '' },
+		// tableData: [],
+		tableConfig: [],
+	}
+) {
+	/**
+	 * 选择配置项
+	 * @param item
+	 */
+	const choseTagItem = (item: IFormTable.TableItem) => {
+		// 获取操作项
+		let current = item.id == prop.current?.id ? _.cloneDeep(emptyTableItemData.value) : item;
+		emit('chose', current);
+	};
+
+	/**
+	 * 添加字段
+	 * @returns
+	 */
+	const appendField = () => {
+		// 用时间戳设置唯一id
+		let defaultItemConfig: IFormTable.TableItem = _.cloneDeep(tableItemConfig.value);
+		defaultItemConfig.id = new Date().getTime().toString();
+		// 校验字段名称是否重复
+		let labelIdx: number = tableModel.tableConfig!.findIndex((item) => item!.id == defaultItemConfig.id) || -1;
+		if (labelIdx > -1) return ElMessage.warning('字段名称重复');
+		// 追加字段配置项
+		tableModel.tableConfig!.push(defaultItemConfig);
+		// 获取新增的配置对象
+		let obj = tableModel.tableConfig![tableModel.tableConfig!.length - 1]; // || emptyTableItemData;
+		// 设置默认选中
+		choseTagItem(obj as IFormTable.TableItem);
+	};
+
+	/**
+	 * 删除配置
+	 * @param item
+	 */
+	const deleteTagItem = (item: IFormTable.TableItem) => {
+		ElMessageBox.confirm(`确定删除“${item['data'] && item['data']['title']}”字段吗？`, '提示', {
+			confirmButtonText: '确认',
+			cancelButtonText: '取消',
+			type: 'warning',
+		})
+			.then(() => {
+				// 获取被删除的配置所在id
+				_.remove(tableModel.tableConfig, item);
+				// 更新当前选中配置
+				choseTagItem(item);
+				// 给出操作成功提示
+				ElMessage.success('删除成功');
+			})
+			.catch((err) => {
+				console.log('err', err);
+			});
+	};
+
+	return {
+		choseTagItem,
+		appendField,
+		deleteTagItem,
+		// test
+	};
+}

package/src/components/business/bcPageConfig/components/hsTables/useTableParse.ts

@@ -0,0 +1,92 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { baseData, tableItemConfig } from '../../default/baseTableConfig'; // 表单配置方法
+import { IFormTable } from '/@/types';
+//
+import { useFieldConfigController, FieldConfigGetFieldByTable, FieldConfigSystemTableField } from '/@/api';
+const fieldConfig = useFieldConfigController();
+import { ElMessage } from 'element-plus';
+import { Session } from '/@/utils/storage';
+import { Ref } from 'vue';
+import _ from 'lodash';
+
+export function useHsTableParse(parseApi: Ref<string>, tableModel: Ref<IFormTable.Table | undefined>) {
+	/**
+	 * 初始化表格配置
+	 */
+	const initTableConfig = () => {
+		// 获取表格配置列基础配置
+		let seq_config = _.cloneDeep(tableItemConfig.value);
+		// 修改表格配置列的id
+		seq_config.id = new Date().getTime().toString();
+		// 将第一个表格列设置为序号
+		seq_config.data = _.assign(seq_config.data, {
+			type: 'seq',
+			title: '',
+		});
+		// seq_config.rules = {};
+		// 初始化表格配置数据
+		_.assign(tableModel.value, {
+			// 表格配置数据
+			baseData: _.assign(_.cloneDeep(baseData.value), { id: new Date().getTime().toString(), tableName: '表格配置名称' }),
+			tableConfig: [seq_config],
+		});
+	};
+	/**
+	 * 一键解析表格
+	 * @returns
+	 */
+	const parseTable = () => {
+		if (parseApi.value) {
+			let system = Session.get('CURRENT_SYSTEM');
+
+			fieldConfig
+				.getFieldByTable<FieldConfigGetFieldByTable>({ table_name: parseApi.value, project_code: system && system.project_code })
+				.then((res) => {
+					if (res.code != 1) return ElMessage.warning(res.msg);
+					console.log('res', res);
+					if (res.data.length > 0) {
+						if (!tableModel.value?.baseData.id) {
+							// 初始化配置
+							initTableConfig();
+						}
+						// 遍历表格所有列，过滤重复数据并向表格配置列中追加数据
+						res.data.forEach((column: FieldConfigSystemTableField) => {
+							// 获取表格配置项的field数组
+							let keys = _.map(tableModel.value?.tableConfig, (item: IFormTable.TableItem) => item.data.field);
+							// 判断是否存在重复的 column_name
+							if (!_.includes(keys, column.column_name)) {
+								// 拷贝出默认配置
+								let column_config = _.cloneDeep(tableItemConfig.value);
+								// 更新字段列的唯一id
+								column_config.id = column.column_name + new Date().getTime().toString();
+								// 判断该字段是否有字段池json_data数据
+								if (column.json_data) {
+									// 格式化字段池中的json数据
+									let columnData = JSON.parse(column.json_data);
+									// 更新配置项数据
+									column_config.data = _.assign(column_config.data, columnData.data, {
+										field_id: columnData.id,
+									});
+								} else {
+									// 更新配置的展示名称 和 字段值
+									column_config.data.field = column.column_name;
+									column_config.data.title = column.column_comment || '展示列名称';
+								}
+								// 项表格配置中追加列配置
+								tableModel.value?.tableConfig.push(column_config);
+							}
+						});
+						return;
+					}
+				});
+		}
+		// 判断是否存在表格id,如果没有默认初始化配置
+		if (!tableModel.value?.baseData.id) {
+			// 初始化配置
+			initTableConfig();
+		}
+	};
+	return {
+		parseTable,
+	};
+}