Skip to content

V
vue-form
提交 f45d0a91 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

add example config file

上级 e80892f3
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 628 行增加 和 4 行删除
examples/App.vue
浏览文件 @ f45d0a91
差异被折叠。
examples/App1.vue deleted 100644 → 0
浏览文件 @ e80892f3
差异被折叠。
examples/page/answer.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'answer',
title: '学习目的',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/answers?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/zws/v1/enrollment/answers/batch-upload',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
}
]
}
}
examples/page/career.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'career',
title: '工作经验',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/carrers?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/zws/v1/enrollment/carrers/batch-upload',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
}
]
}
}
examples/page/declare.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'declare',
title: '申请声明',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/profiles?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
}
]
}
}
examples/page/education.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'education',
title: '教育背景',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/educations?project_id=1001',
callback(data) {
const { start_date: startDate, end_date: endDate } = data
if (startDate) {
data.times = [startDate + '', endDate + '']
}
return data
}
},
update: {
action: '/zws/v1/enrollment/educations/batch-upload',
data: { project_id: 1001 },
callback(data) {
console.log(data)
let [startDate, endDate] = data.times
data.start_date = startDate
data.end_date = endDate
return data
}
},
form: {
hasAdd: true,
options: {
labelWidth: '160px'
},
model: [
{
start_date: null,
end_date: null,
school_name_cn: '',
school_city: '',
major_cn: '',
degree: 0
}
],
items: [
{
type: 'date-picker-form',
elemType: 'monthrange',
label: '教育时间',
model: 'times',
required: true,
attrs: { 'value-format': 'yyyy-MM' }
},
{
type: 'input-form',
label: '学校名称',
model: 'school_name_cn',
rules: [
{
required: true,
message: '请输入学校名称',
trigger: 'blur'
}
]
},
{
type: 'input-form',
label: '学校所在国家',
model: 'school_country',
rules: [
{
required: true,
message: '请输入学校所在国家',
trigger: 'blur'
}
]
},
{
type: 'input-form',
label: '学校所在城市',
model: 'school_city',
rules: [
{
required: true,
message: '请输入学校所在城市',
trigger: 'blur'
}
]
},
{
type: 'input-form',
label: '专业名称',
model: 'major_cn',
rules: [
{
required: true,
message: '请输入专业名称',
trigger: 'blur'
}
]
},
{
type: 'select-form',
values: [
{ label: '请选择', value: 0 },
{ label: '专科', value: 1 },
{ label: '本科', value: 2 },
{ label: '本科/学士', value: 3 },
{ label: '硕士研究生', value: 4 },
{ label: '研究生/硕士', value: 5 },
{ label: '博士研究生', value: 6 },
{ label: '研究生/博士', value: 7 },
{ label: '其他', value: 9 }
],
label: '学历/学位',
model: 'degree'
}
]
}
}
examples/page/file.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'file',
title: '资料上传',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/attachments?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
}
]
}
}
examples/page/honor.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'honor',
title: '学习目的',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/profiles?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
}
]
}
}
examples/page/profile.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'profile',
title: '个人信息',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/profiles?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
},
{
type: 'input-form',
label: '英文名（姓名全拼）',
model: 'real_name_en',
rules: [{ required: true, message: '请输入英文名', trigger: 'blur' }]
},
{
type: 'select-form',
values: [
{ label: '居民身份证', value: 0 },
{ label: '港澳台身份证', value: 1 },
{ label: '护照号', value: 2 },
{ label: '军官证', value: 3 },
{ label: '其他', value: 9 }
],
label: '证件类型',
model: 'id_type',
rules: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
]
},
{
type: 'input-form',
label: '证件号码',
model: 'id_number',
rules: [{ required: true, message: '请输入证件号码', trigger: 'blur' }]
},
{
type: 'date-picker-form',
label: '出生日期',
model: 'birthday',
required: true,
attrs: { type: 'date', 'value-format': 'yyyy-MM-dd' },
rules: [{ required: true, message: '请选择出生日期', trigger: 'blur' }]
},
{
type: 'radio-group-form',
values: [
{ label: '男', value: 1 },
{ label: '女', value: 2 }
],
label: '性别',
model: 'gender',
rules: [{ required: true, message: '请选择性别', trigger: 'change' }]
},
{
type: 'select-form',
values: [
{ label: '中国', value: 1 },
{ label: '其他国家', value: 9 }
],
label: '国籍',
model: 'nationality',
rules: [{ required: true, message: '请选择国籍', trigger: 'blur' }]
},
{
type: 'date-picker-form',
label: '参加工作年份',
model: 'date_of_starting_to_work',
attrs: { type: 'year', 'value-format': 'yyyy' },
rules: [
{ required: true, message: '请选择参加工作年份', trigger: 'blur' }
]
},
{
type: 'input-form',
label: '手机号',
model: 'phone_number',
rules: [{ required: true, message: '请输入手机号', trigger: 'blur' }]
},
{
type: 'input-form',
label: '邮箱',
model: 'email',
rules: [{ required: true, message: '请输入邮箱', trigger: 'blur' }],
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
{
type: 'input-form',
label: 'QQ号',
model: 'qq_account',
rules: [{ required: true, message: '请输入QQ号', trigger: 'blur' }]
},
{
type: 'input-form',
label: '微信号',
model: 'we_chat_account',
rules: [{ required: true, message: '请输入微信号', trigger: 'blur' }]
},
{
type: 'input-form',
label: '邮寄地址',
model: 'mailing_address',
rules: [{ required: true, message: '请输入邮寄地址', trigger: 'blur' }]
},
{
type: 'input-form',
label: '紧急联系人',
model: 'emergency_contact_name',
rules: [
{ required: true, message: '请输入紧急联系人', trigger: 'blur' }
]
},
{
type: 'input-form',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
rules: [
{ required: true, message: '请输入紧急联系电话', trigger: 'blur' }
]
},
{
type: 'select-form',
values: [
{ label: '请选择', value: 0 },
{ label: '四级', value: 4 },
{ label: '六级', value: 3 },
{ label: '托福', value: 1 },
{ label: '雅思', value: 2 }
],
label: '英语水平',
model: 'english_level',
rules: [
{ required: true, message: '请选择英语水平', trigger: 'change' }
]
},
{
type: 'input-form',
label: '托福/雅思成绩',
model: 'english_score',
rules: [
{ required: true, message: '请输入托福/雅思成绩', trigger: 'blur' }
]
},
{
type: 'select-form',
values: [
{ label: '请选择', value: 0 },
{ label: '紫荆教育官方网站', value: 11 },
{ label: '紫荆教育官方微信公众号', value: 12 },
{ label: '紫荆教育学位项目老学员推荐', value: 13 },
{ label: '紫荆教育Kelley项目系列活动', value: 14 },
{
label: '紫荆教育其他活动公开课、大讲堂、沙龙等',
value: 15
},
{ label: '紫荆教育员工或者老师推荐', value: 16 },
{ label: '公司人力资源推荐', value: 17 },
{
label: '报纸杂志网站广告微博微信公众号论坛等第三方媒体、社交平台',
value: 18
},
{
label: '网络搜索，如百度、必应、谷歌等',
value: 19
},
{ label: '其他', value: 9 }
],
label: '了解途径',
model: 'channel',
defaultValue: 0,
rules: [
{ required: true, message: '请选择了解途径', trigger: 'change' }
]
}
]
}
}
examples/page/registerForm.js 0 → 100644
浏览文件 @ f45d0a91
import profile from './profile'
import education from './education'
import career from './career'
import honor from './honor'
import training from './training'
import answer from './answer'
import file from './file'
import declare from './declare'
export default [
{
id: 'registerform',
title: '填写报名表',
isActive: true,
hasShadow: true,
children: [
profile,
education,
career,
honor,
training,
answer,
file,
declare
]
}
]
examples/page/training.js 0 → 100644
浏览文件 @ f45d0a91
export default {
id: 'training',
title: '所受培训',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/trainings?project_id=1001',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
}
},
update: {
action: '/api/v1/enrollment/trainings',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
options: {
labelWidth: '160px'
},
items: [
{
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
}
]
}
}
src/FormPane.vue
浏览文件 @ f45d0a91
......@@ -18,7 +18,12 @@
<!-- 一个表单 -->
<template v-else>
<form-form :options="form.options" :model="formModel" :items="form.items" @onSubmit="onSubmit"></form-form>
<form-form
:options="form.options"
:model="formModel"
:items="form.items"
@onSubmit="onSubmit"
></form-form>
</template>
</div>
</template>
......@@ -28,7 +33,7 @@ import axios from 'axios'
export default {
name: 'EzjFormPane',
components: { },
components: {},
props: {
title: String,
get: {
......@@ -49,7 +54,7 @@ export default {
},
data() {
return {
model: {}
model: null
}
},
computed: {
......@@ -57,7 +62,7 @@ export default {
return Array.isArray(this.model)
},
formModel() {
return this.form.model || this.model
return this.model || this.form.model
}
},
methods: {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论