hs-admin-ui 1.0.0

package/src/views/system/formSetting/data.json

@@ -0,0 +1,360 @@
+{
+	"config_name": "GSP",
+	"config_unique_id": "1709538684267",
+	"attrs": {
+		"labelWidth": "100",
+		"labelPosition": "left",
+		"size": "small",
+		"requireAsteriskPosition": "left",
+		"statusIcon": false,
+		"validateOnRuleChange": true,
+		"scrollToError": false
+	},
+	"data": {
+		"baseInfo": {
+			"commonName": "",
+			"DI": "",
+			"commodityName": "",
+			"retrievalCode": ""
+		},
+		"relevantLicenses": {},
+		"other": {
+			"vendor": "",
+			"information": ""
+		}
+	},
+	"form": [
+		{
+			"label": "基本信息",
+			"fieldID": "baseInfo",
+			"grid": 3,
+			"formItemType": "form",
+			"config": [
+				{
+					"label": "通用名称",
+					"config": [
+						{
+							"baseData": {
+								"label": "通用名称",
+								"prop": "commonName",
+								"el": "hs-input",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true,
+								"baseType": "string"
+							},
+							"elData": {
+								"attrs": {
+									"size": "small",
+									"type": "text",
+									"clearable": false,
+									"show-password": false,
+									"disabled": false,
+									"autosize": false,
+									"autocomplete": "off",
+									"autofocus": false,
+									"validate-event": true
+								},
+								"rules": {
+									"required": false
+								}
+							}
+						}
+					],
+					"layoutData": {
+						"rowSpan": 1,
+						"colSpan": 1,
+						"labelBg": "#F5F5F5",
+						"labelColor": "#606266"
+					}
+				},
+				{
+					"label": "医疗器械DI",
+					"config": [
+						{
+							"baseData": {
+								"label": "医疗器械DI",
+								"prop": "DI",
+								"el": "hs-input",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true,
+								"baseType": "string"
+							},
+							"elData": {
+								"attrs": {
+									"size": "small",
+									"type": "text",
+									"clearable": false,
+									"show-password": false,
+									"disabled": false,
+									"autosize": false,
+									"autocomplete": "off",
+									"autofocus": false,
+									"validate-event": true
+								},
+								"rules": {
+									"required": false
+								}
+							}
+						}
+					],
+					"layoutData": {
+						"rowSpan": 1,
+						"colSpan": 1,
+						"labelBg": "#F5F5F5",
+						"labelColor": "#606266"
+					}
+				},
+				{
+					"label": "商品名称",
+					"config": [
+						{
+							"baseData": {
+								"label": "商品名称",
+								"prop": "commodityName",
+								"el": "hs-input",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true,
+								"baseType": "string"
+							},
+							"elData": {
+								"attrs": {
+									"size": "small",
+									"type": "text",
+									"clearable": false,
+									"show-password": false,
+									"disabled": false,
+									"autosize": false,
+									"autocomplete": "off",
+									"autofocus": false,
+									"validate-event": true
+								},
+								"rules": {
+									"required": false
+								}
+							}
+						}
+					],
+					"layoutData": {
+						"rowSpan": 1,
+						"colSpan": 1,
+						"labelBg": "#F5F5F5",
+						"labelColor": "#606266"
+					}
+				},
+				{
+					"label": "检索码",
+					"config": [
+						{
+							"baseData": {
+								"label": "检索码",
+								"prop": "retrievalCode",
+								"el": "hs-input",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true,
+								"baseType": "string"
+							},
+							"elData": {
+								"attrs": {
+									"size": "small",
+									"type": "text",
+									"clearable": false,
+									"show-password": false,
+									"disabled": true,
+									"autosize": false,
+									"autocomplete": "off",
+									"autofocus": false,
+									"validate-event": true,
+									"readonly": true
+								},
+								"rules": {
+									"required": false
+								}
+							}
+						},
+						{
+							"baseData": {
+								"label": "参数名称",
+								"el": "hs-button",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true
+							},
+							"elData": {
+								"attrs": {
+									"autofocus": false,
+									"bg": false,
+									"circle": false,
+									"dark": false,
+									"link": false,
+									"loading": false,
+									"loading-icon": "Loading",
+									"name": "按钮测试",
+									"native-type": "button",
+									"plain": false,
+									"round": false,
+									"size": "small",
+									"tag": "button",
+									"text": false
+								},
+								"groupAttrs": {}
+							}
+						}
+					],
+					"layoutData": {
+						"rowSpan": 1,
+						"colSpan": 1,
+						"labelBg": "#F5F5F5",
+						"labelColor": "#606266"
+					}
+				}
+			],
+			"attrs": {
+				"rowGap": 0,
+				"columnGap": 0,
+				"bg": "#F4EEEE"
+			}
+		},
+		{
+			"label": "相关证照",
+			"fieldID": "relevantLicenses",
+			"grid": 3,
+			"formItemType": "slot",
+			"config": {
+				"name": "relevantLicenses"
+			}
+		},
+		{
+			"label": "其他",
+			"fieldID": "other",
+			"grid": 3,
+			"formItemType": "form",
+			"config": [
+				{
+					"label": "供应商",
+					"config": [
+						{
+							"baseData": {
+								"label": "供应商",
+								"prop": "vendor",
+								"el": "hs-select",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true,
+								"baseType": "string"
+							},
+							"elData": {
+								"attrs": {
+									"size": "small",
+									"multiple": false,
+									"disabled": false,
+									"value-key": "value",
+									"clearable": true,
+									"collapse-tags": false,
+									"collapse-tags-tooltip": false,
+									"multiple-limit": 0,
+									"effect": "light",
+									"autocomplete": "off",
+									"filterable": true,
+									"allow-create": false,
+									"remote": false,
+									"remote-show-suffix": false,
+									"loading": false,
+									"reserve-keyword": true,
+									"default-first-option": false,
+									"teleported": true,
+									"persistent": true,
+									"automatic-dropdown": true,
+									"fit-input-width": false,
+									"tag-type": "info",
+									"validate-event": true,
+									"placement": "bottom-start",
+									"max-collapse-tags": 1,
+									"options": "string="
+								},
+								"groupAttrs": {
+									"disabled": false,
+									"isGroupEnabled": false
+								},
+								"optionAttrs": {
+									"value": "value",
+									"label": "label",
+									"disabled": false
+								},
+								"rules": {}
+							}
+						}
+					],
+					"layoutData": {
+						"rowSpan": 1,
+						"colSpan": 1,
+						"labelBg": "#F5F5F5",
+						"labelColor": "#606266"
+					}
+				},
+				{
+					"label": "资料",
+					"config": [
+						{
+							"baseData": {
+								"label": "资料",
+								"prop": "information",
+								"el": "hs-checkbox",
+								"isSlot": false,
+								"isApply": true,
+								"isShow": true,
+								"baseType": "string",
+								"complexType": "Array"
+							},
+							"elData": {
+								"attrs": {
+									"size": "small",
+									"disabled": false,
+									"border": false,
+									"checked": false,
+									"indeterminate": false,
+									"validate-event": true
+								},
+								"groupAttrs": {
+									"disabled": false,
+									"text-color": "#ffffff",
+									"fill": "#409EFF",
+									"tag": "div",
+									"validate-event": true
+								},
+								"buttonAttrs": {
+									"disabled": false,
+									"checked": false
+								},
+								"rules": {}
+							}
+						}
+					],
+					"layoutData": {
+						"rowSpan": 1,
+						"colSpan": 1,
+						"labelBg": "#F5F5F5",
+						"labelColor": "#606266"
+					}
+				}
+			],
+			"attrs": {
+				"rowGap": 0,
+				"columnGap": 0,
+				"bg": "#F2F3C3"
+			}
+		},
+		{
+			"label": "相关证照",
+			"fieldID": "relevantLicenses",
+			"grid": 3,
+			"formItemType": "component",
+			"config": {
+				"name": "hs-upload"
+			}
+		}
+	]
+}

package/src/views/system/formSetting/default/baseBtnConfig.ts

@@ -0,0 +1,216 @@
+// 默认按钮配置
+const btnItemConfig = {
+	id: '',
+	data: {
+		name: '按钮名称',
+		key: '',
+		isApply: true, // 是否启用
+		isSlot: false, // 是否使用插槽
+		isShow: false, // 是否显示
+		// size: '', // 尺寸
+		// type: '', // 类型
+		plain: false, // 是否为朴素按钮
+		text: false, // 是否为文本按钮
+		bg: false, // 是否显示文字按钮背景颜色
+		link: false, // 是否为链接
+		round: false, // 是否为圆角按钮
+		circle: false, // 是否为圆形按钮
+		loading: false, // 是否为加载中状态
+		'loading-icon': 'Loading', // 自定义加载中状态图标组件
+		disabled: false, // 按钮是否为禁用状态
+		// icon: '', // 图标组件
+		autofocus: false, // 原生 autofocus 属性
+		'native-type': 'button',
+		// 'auto-insert-space':
+		// 'color':''
+		dark: false, // dark 模式
+		tag: 'button', //自定义元素标签
+	},
+	config: {
+		title: {
+			subTitle: '按钮配置',
+		},
+		visible: true,
+		list: [
+			{
+				prop: 'name',
+				label: '按钮名称',
+				el: 'hs-input',
+				required: true,
+				slotValue: 'name',
+				tooltips: '按钮名称',
+			},
+			{
+				prop: 'key',
+				label: '按钮key值',
+				el: 'hs-input',
+				required: true,
+				tooltips: '按钮key值',
+			},
+			{
+				prop: 'isApply',
+				label: '是否启用',
+				el: 'hs-switch',
+				tooltips: '是否启用',
+			},
+			{
+				prop: 'isSlot',
+				label: '插槽名称',
+				el: 'hs-switch',
+				tooltips: '是否自定义插槽， 如果用插槽则赋值，不用插槽则清空',
+			},
+			{
+				prop: 'isShow',
+				label: '是否显示',
+				el: 'hs-switch',
+				tooltips: '是否显示',
+			},
+			{
+				prop: 'size',
+				label: '尺寸',
+				el: 'hs-select',
+				cel: 'hs-option',
+				op: [
+					{ label: '大', value: 'large' },
+					{ label: '默认', value: 'default' },
+					{ label: '小', value: 'small' },
+				],
+				// tooltips: '',
+			},
+			{
+				prop: 'type',
+				label: '类型',
+				el: 'hs-select',
+				cel: 'hs-option',
+				op: [
+					{ label: 'primary', value: 'primary' },
+					{ label: 'success', value: 'success' },
+					{ label: 'warning', value: 'warning' },
+					{ label: 'danger', value: 'danger' },
+					{ label: 'info', value: 'info' },
+				],
+			},
+			{
+				prop: 'plain',
+				label: '朴素按钮',
+				el: 'hs-switch',
+				tooltips: '是否为朴素按钮',
+			},
+			{
+				prop: 'text',
+				label: '文字按钮',
+				el: 'hs-switch',
+				tooltips: '是否为文字按钮',
+			},
+			{
+				prop: 'bg',
+				label: '文字按钮背景颜色',
+				el: 'hs-switch',
+				tooltips: '是否显示文字按钮背景颜色',
+			},
+			{
+				prop: 'link',
+				label: '链接按钮',
+				el: 'hs-switch',
+				tooltips: '是否为链接按钮',
+			},
+			{
+				prop: 'round',
+				label: '圆角按钮',
+				el: 'hs-switch',
+				tooltips: '是否为圆角按钮',
+			},
+			{
+				prop: 'circle',
+				label: '圆形按钮',
+				el: 'hs-switch',
+				tooltips: '是否为圆形按钮',
+			},
+			{
+				prop: 'loading',
+				label: '加载状态',
+				el: 'hs-switch',
+				tooltips: '是否为加载中状态',
+			},
+			{
+				prop: 'loading-icon',
+				label: '加载状态图标',
+				el: 'hs-input',
+				tooltips: '自定义加载中状态图标组件',
+			},
+			{
+				prop: 'disabled',
+				label: '是否禁用',
+				el: 'hs-switch',
+				tooltips: '按钮是否为禁用状态',
+			},
+			{
+				prop: 'icon',
+				label: '图标组件',
+				el: 'hs-input',
+				tooltips: '图标组件',
+			},
+			{
+				prop: 'autofocus',
+				label: '自动聚焦',
+				el: 'hs-switch',
+				tooltips: '原生 autofocus 属性',
+			},
+			{
+				prop: 'native-type',
+				label: '原生 type 属性',
+				el: 'hs-select',
+				cel: 'hs-option',
+				op: [
+					{ label: '按钮', value: 'button' },
+					{ label: '提交', value: 'submit' },
+					{ label: '重置', value: 'reset' },
+				],
+				tooltips: '原生 type 属性',
+			},
+			{
+				prop: 'auto-insert-space',
+				label: '中文字符之间插入空格',
+				el: 'hs-switch',
+				tooltips: '自动在两个中文字符之间插入空格',
+			},
+			{
+				prop: 'color',
+				label: '按钮颜色',
+				el: 'hs-input',
+				tooltips: '自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色',
+			},
+			{
+				prop: 'dark',
+				label: 'dark 模式',
+				el: 'hs-switch',
+				tooltips: 'dark 模式, 意味着自动设置 color 为 dark 模式的颜色',
+			},
+			{
+				prop: 'tag',
+				label: '自定义元素标签',
+				el: 'hs-input',
+				tooltips: '自定义元素标签',
+			},
+		],
+	},
+};
+// 空配置
+const emptyBtnItemData = {
+	id: '',
+	data: {},
+	config: {
+		title: {
+			subTitle: '按钮配置',
+		},
+		visible: false,
+		list: [],
+	},
+};
+// 按钮配置表单校验
+const btnBaseRule = {
+	name: [{ required: true, message: '请输入按钮名称' }],
+	key: [{ required: true, message: '请输入按钮key值' }],
+};
+
+export { btnItemConfig, emptyBtnItemData, btnBaseRule };