Skip to content

V
vue-form
提交 6c30474e authored 作者: GOD_ZYX's avatar GOD_ZYX
浏览文件
操作

update

上级 53331ff5
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 702 行增加 和 7 行删除
examples/App-sofia.vue deleted 100644 → 0
浏览文件 @ 53331ff5
差异被折叠。
examples/App.vue
浏览文件 @ 6c30474e
...@@ -20,13 +20,14 @@ ...@@ -20,13 +20,14 @@
</div> </div>
</template> </template>
<script> <script>
import registerForm from './page/registerForm' // import registerForm from './page/registerForm'
import sofiaForm from './sofia-form'
export default { export default {
name: 'app', name: 'app',
data() { data() {
return { return {
menus: registerForm menus: sofiaForm
} }
}, },
methods: { methods: {
......
examples/main.js
浏览文件 @ 6c30474e
import Vue from 'vue' import Vue from 'vue'
// import App from './App.vue' import App from './App.vue'
import App from './App-sofia.vue'
import VueForm from '../src/index' import VueForm from '../src/index'
Vue.use(VueForm) Vue.use(VueForm)
......
examples/sofia-form/answer.js 0 → 100644
浏览文件 @ 6c30474e
export default {
id: 'answer',
title: '学习目的',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/answers?project_id=1000',
callback(data) {
let _data = {}
data.forEach((item, i) => {
_data['qid' + (i + 1)] = item.qid
_data['learn_target_0' + (i + 1)] = item.answer
})
return _data
}
},
update: {
action: '/zws/v1/enrollment/answers/batch-upload',
data: { project_id: 1000 },
beforeRequest(data) {
let _data = { records: [] }
_data.records.push({ qid: data.qid1, answer: data.learn_target_01 })
_data.records.push({ qid: data.qid2, answer: data.learn_target_02 })
return _data
}
},
form: {
options: {
},
items: [
/* 您为什么要申请索菲亚大学金融方向工商管理硕士项目？（60字以上，1000字以内） */
{
'type': 'textarea-form',
'label': '您为什么要申请索菲亚大学金融方向工商管理硕士项目？（60字以上，1000字以内）',
'required': true,
'model': 'learn_target_01',
'model-width': '100%',
'placeholder': '您为什么要申请索菲亚大学金融方向工商管理硕士项目？（60字以上，1000字以内）',
'attrs': {
'rows': '8',
'maxlength': '1000',
'show-word-limit': true
},
'rules': [
{
'required': true,
'message': '请输入',
'trigger': 'blur'
},
{
'min': 200,
'max': 1000,
'message': '长度在 200 到 1000 个字符',
'trigger': 'blur'
}
]
},
/* 您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内） */
{
'type': 'textarea-form',
'label': '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
'required': true,
'model': 'learn_target_02',
'model-width': '100%',
'placeholder': '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）'
}
]
}
}
examples/sofia-form/career.js 0 → 100644
浏览文件 @ 6c30474e
export default {
id: 'career',
title: '工作经验',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/careers?project_id=1001',
callback(data) {
return data
}
},
update: {
action: '/zws/v1/enrollment/carrers/batch-upload',
data: { project_id: 1001 },
callback(data) {
return data
}
},
form: {
hasAdd: true,
options: {
labelWidth: '160px'
},
model: [
{
times: [],
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' },
rules: [{ required: true, message: '请选择工作时间', trigger: 'blur' }]
},
{
type: 'input-form',
label: '工作单位',
model: 'company_name_cn',
rules: [{ required: true, message: '请输入工作单位', trigger: 'blur' }]
},
{
type: 'select-form',
values: [{ label: '请选择', value: 0 }],
label: '行业类别',
model: 'industry',
rules: [
{ required: true, message: '请选择行业类别', trigger: 'change' }
]
},
{
type: 'input-form',
label: '工作部门',
model: 'dept_cn',
rules: [{ required: true, message: '请输入工作部门', trigger: 'blur' }]
},
{
type: 'input-form',
label: '工作职位',
model: 'position_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: 9 }
],
label: '职位类型',
model: 'job_type',
rules: [
{ required: true, message: '请选择职位类型', trigger: 'change' }
]
},
{
type: 'input-form',
label: '工作年薪（万元）',
model: 'annual_salary'
},
{
type: 'input-form',
label: '工作描述',
model: 'job_desc_cn',
attrs: { type: 'textarea' }
},
{
type: 'input-form',
label: '公司（单位）简介',
model: 'company_profile',
attrs: { type: 'textarea' }
}
]
}
}
examples/sofia-form/declare.js 0 → 100644
浏览文件 @ 6c30474e
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/sofia-form/education.js 0 → 100644
浏览文件 @ 6c30474e
export default {
id: 'education',
title: '教育背景',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/educations?project_id=1001',
callback(data) {
return data.map(item => {
const { start_date: startDate, end_date: endDate } = item
if (startDate) {
item.times = [startDate + '', endDate + '']
}
return item
})
}
},
update: {
action: '/zws/v1/enrollment/educations/batch-upload',
data: { project_id: 1001 },
callback(data) {
return data.map(item => {
let [startDate, endDate] = item.times
item.start_date = startDate
item.end_date = endDate
return item
})
}
},
form: {
hasAdd: true,
options: {
labelWidth: '160px'
},
model: [
{
times: [],
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' },
rules: [{ required: true, message: '请选择教育时间', trigger: 'blur' }]
},
{
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',
rules: [
{ required: true, message: '请选择学历/学位', trigger: 'change' }
]
}
]
}
}
examples/sofia-form/file.js 0 → 100644
浏览文件 @ 6c30474e
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/sofia-form/honor.js 0 → 100644
浏览文件 @ 6c30474e
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/sofia-form/index.js 0 → 100644
浏览文件 @ 6c30474e
import profile from './profile'
import education from './education'
import career from './career'
import answer from './answer'
import training from './training'
import file from './file'
import declare from './declare'
export default [
{
id: 'registerform',
title: '填写报名表',
isActive: true,
hasShadow: true,
children: [
profile,
education,
career,
answer,
training,
file,
declare
]
}
]
examples/sofia-form/profile.js 0 → 100644
浏览文件 @ 6c30474e
export default {
id: 'profile',
title: '个人信息',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/profiles?project_id=1000',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
let arr = []
arr[0] = data.address_province
arr[1] = data.address_city
data.city_select_str = arr.join('-')
return data
}
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1000 },
callback(data) {
let arr = data.city_select_str.split('-')
data.address_province = arr[0]
data.address_city = arr[1]
return data
}
},
form: {
options: {
labelWidth: '160px'
},
mode: {
real_name_cn: '',
real_name_en: '',
id_type: null,
id_number: '',
birthday: null,
gender: null,
nationality: null,
date_of_starting_to_work: null,
phone_number: '',
email: '',
qq_account: '',
we_chat_account: '',
mailing_address: '',
emergency_contact_name: '',
emergency_contacts_phone: '',
english_level: null,
english_score: '',
channel: null
},
items: [
/* 姓名 */
{
'type': 'input-form',
'label': '姓名',
'required': true,
'model': 'real_name_cn',
'model-width': '300px',
'placeholder': '请输入姓名'
},
/* 手机号 */
{
'type': 'input-form',
'label': '手机号',
'required': true,
'model': 'phone_number',
'model-width': '300px',
'placeholder': '请输入手机号'
},
/* 邮箱 */
{
'type': 'input-form',
'label': '邮箱',
'required': true,
'model': 'email',
'model-width': '300px',
'placeholder': '请输入邮箱'
},
/* 证件类型 */
{
'type': 'select-form',
'label': '证件类型',
'required': true,
'model': 'id_type',
'model-width': '300px',
'placeholder': '请选择证件类型',
'values': [
{ 'label': '居民身份证', 'value': 0 },
{ 'label': '港澳台身份证', 'value': 1 },
{ 'label': '护照号', 'value': 2 },
{ 'label': '军官证', 'value': 3 },
{ 'label': '其他', 'value': 9 }
]
},
/* 证件号码 */
{
'type': 'input-form',
'label': '证件号码',
'required': true,
'model': 'id_number',
'model-width': '300px',
'placeholder': '请输入证件号码'
},
/* 出生日期 */
{
'type': 'date-picker-form',
'elemType': 'date',
'label': '出生日期',
'required': true,
'model': 'birthday',
'model-width': '300px',
'placeholder': '请选择出生日期',
'attrs': { 'value-format': 'yyyy-MM-dd' },
'rules': []
},
/* 性别 */
{
'type': 'radio-group-form',
'label': '性别',
'required': true,
'model': 'gender',
'model-width': '300px',
'values': [{ 'label': '男', 'value': 1 }, { 'label': '女', 'value': 2 }],
'attrs': {},
'rules': []
},
/* 国籍 */
{
'type': 'select-form',
'label': '国籍',
'required': true,
'model': 'nationality',
'model-width': '300px',
'placeholder': '请选择国籍',
'values': [
{ 'label': '中国', 'value': 1 },
{ 'label': '其他国家', 'value': 9 }
]
},
/* 现居住城市 */
{
'type': 'city-select-form',
'label': '现居住城市',
'label-width': '160px',
'required': true,
'model': 'city_select_str',
'separator': '-',
'model-width': '',
'placeholder0': '请输入省份',
'placeholder1': '请输入城市',
'attrs0': {},
'attrs1': {},
'rules': []
},
/* 参加工作年份 */
{
'type': 'date-picker-form',
'elemType': 'year',
'label': '参加工作年份',
'required': true,
'model': 'date_of_starting_to_work',
'model-width': '300px',
'placeholder': '请选择参加工作年份',
'attrs': { 'value-format': 'yyyy' },
'rules': []
},
/* 微信号 */
{
'type': 'input-form',
'label': '微信号',
'required': true,
'model': 'we_chat_account',
'model-width': '300px',
'placeholder': '请输入微信号'
},
/* 邮寄地址 */
{
'type': 'input-form',
'label': '邮寄地址',
'required': true,
'model': 'mailing_address',
'model-width': '300px',
'placeholder': '请输入邮寄地址'
},
/* 紧急联系人 */
{
'type': 'input-form',
'label': '紧急联系人',
'required': true,
'model': 'emergency_contact_name',
'model-width': '300px',
'placeholder': '请输入紧急联系人'
},
/* 紧急联系电话 */
{
'type': 'input-form',
'label': '紧急联系电话',
'required': true,
'model': 'emergency_contacts_phone',
'model-width': '300px',
'placeholder': '请输入紧急联系电话'
}
]
}
}
examples/sofia-form/training.js 0 → 100644
浏览文件 @ 6c30474e
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/components/elem-form/city-select-form/src/citySelectForm.vue
浏览文件 @ 6c30474e
...@@ -40,9 +40,7 @@ export default { ...@@ -40,9 +40,7 @@ export default {
item: { item: {
type: Object, type: Object,
default () { default () {
return { return {}
separator: '-'
}
} }
}, },
formData: { formData: {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论