popup

参数定义

参数	类型	是否必填	默认值	说明
v-model	String	否	-	回显值
code	string	是	-	online 报表编码
fieldConfig	Array	是		popup 回调参数值配置，具体见下
setFieldsValue	Function	是		设置表单 value 值的方法
multi	Boolean	否	false	是否多选
spliter	String	否	,	分隔符

fieldConfig 配置：

参数	类型	说明
source	string	弹窗列表中的取值参数
target	string	返回给表单中的目标参数，多个逗号分隔

代码示例

<template>
	<wd-form ref="form" :model="formData">
		<Popup
			label-width="150"
			label="姓名"
			:required="false"
			v-model="formData.user"
			:code="code"
			:setFieldsValue="setFieldsValue"
			:fieldConfig="fieldConfig"
		></Popup>
		<wd-input label-width="150" v-model="formData.email" label="邮箱" clearable />
		<wd-input label-width="150" v-model="formData.phone" label="手机号" clearable />
	</wd-form>
</template>

<script setup>
import { ref } from 'vue';
const formData = ref({
	user: '',
	email: '',
	phone: ''
});
// online报表编码
const code = ref('report_user');
const fieldConfig = [
	{
		source: 'realname',
		target: 'user'
	},
	{
		source: 'email',
		target: 'email'
	},
	{
		source: 'phone',
		target: 'phone'
	}
];
const setFieldsValue = data => {
	formData.value = { ...formData.value, ...data };
};
</script>

效果：