px-form-antd v0.1.3

表单工具

安装

npm install px-form-antd

全局引入

import PxFormAntd from 'px-form-antd'
Vue.use(PxFormAntd)

使用

html

<PxFormAntd ref="form" :temp="{templateData:templateData, hasRule:true, formOptions:formOptions}"
	:detailData="detailData">
</PxFormAntd>

js

// type:aInput,CoSelect
export default {
	...
	data(){
		...
		templateData: [{
			key: 'name',
			text: '姓名',
			type: 'aInput',
			maxLength: 50,
			rules: [
				{
					required: true,
					message: '请输入'
				}
			],
			initialValue: ''
		},{
			key: 'orgType',
			text: '类型',
			type: 'CoSelect',
			initialValue: '',
			rules: [{
				required: true,
				message: '机构类型不能为空'
			}],
			// selMode: 'multiple',
			options: [{
				name: '类型A',
				value: '-1'
			}, {
				name: '类型B',
				value: '1'
			}, {
				name: '类型C',
				value: '2'
			}]
		}],
		formOptions: {
			span: 12,
		},
		detailData: {
			name: '张三'
		}
	},
	methosd: {
		...
		// 获取数据
		getData(){
			this.$refs.form.getData().then(res => {
				console.log(res)
			}).catch(err => {
				console.log(err)
			})
		}
	}
}