Skip to content

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

update

上级 b08a0712
显示空白字符变更
内嵌 并排
正在显示 包含 537 行增加 和 476 行删除
examples/App.vue
浏览文件 @ 1777f283
......@@ -4,15 +4,15 @@
</div>
</template>
<script>
import registerForm from './kelley-form'
// import sofiaForm from './sofia-form'
// import registerForm from './kelley-form'
import sofiaForm from './sofia-form'
export default {
name: 'app',
data() {
return {
// menus: sofiaForm
menus: registerForm
menus: sofiaForm
// menus: registerForm
}
},
methods: {
......
examples/kelley-form/answer.js
浏览文件 @ 1777f283
......@@ -6,13 +6,17 @@ export default {
get: {
action: '/zws/v1/enrollment/answers?project_id=1001',
callback(data) {
let [first, second] = data
let [first = {}, second = {}] = data
return {
qid1: first.qid,
question1: first.question,
qid1: first.qid || 1,
question1:
first.question ||
'您为什么要申请美国印第安纳大学Kelley商学院金融学硕士项目？（200字以上，1000字以内）',
answer1: first.answer,
qid2: second.qid,
question2: second.question,
qid2: second.qid || 2,
question2:
second.question ||
'您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（200字以上，1000字以内）',
answer2: second.answer
}
}
......
examples/kelley-form/career.js
浏览文件 @ 1777f283
......@@ -9,7 +9,7 @@ export default {
return data.map(item => {
const { start_date: startDate, end_date: endDate } = item
if (startDate) {
item.times = [startDate + '', endDate + '']
item.dates = [startDate + '', endDate + '']
}
return item
})
......@@ -20,7 +20,7 @@ export default {
data: { project_id: 1001 },
beforeRequest(data) {
const records = data.map(item => {
let [startDate, endDate] = item.times
let [startDate, endDate] = item.dates
item.start_date = startDate
item.end_date = endDate
return [
......@@ -43,16 +43,16 @@ export default {
}
},
form: {
hasAdd: true,
options: {
labelWidth: '140px'
},
hasAdd: true,
items: [
{
type: 'date-picker-from-to-form',
elemType: 'monthrange',
label: '工作时间',
model: 'times',
model: 'dates',
rangeSeparator: '至',
startPlaceholder: '请选择开始时间',
endPlaceholder: '请选择结束时间',
......@@ -63,11 +63,60 @@ export default {
type: 'input-form',
label: '工作单位',
model: 'company_name_cn',
placeholder: '请输入工作单位',
rules: [{ required: true, message: '请输入工作单位', trigger: 'blur' }]
},
{
type: 'select-form',
values: [{ label: '请选择', value: 0 }],
values: [
{ label: '请选择', value: 0 },
{ label: '互联网/电子商务', value: 1 },
{ label: '基金/证券/期货/投资', value: 2 },
{ label: '保险', value: 3 },
{ label: '银行', value: 4 },
{ label: '信托/担保/拍卖/典当', value: 5 },
{ label: '计算机软件', value: 6 },
{ label: 'IT服务(系统/数据/维护)', value: 7 },
{ label: '电子技术/半导体/集成电路', value: 8 },
{ label: '计算机硬件', value: 9 },
{ label: '通信/电信/网络设备', value: 10 },
{ label: '通信/电信运营、增值服务', value: 11 },
{ label: '网络游戏', value: 12 },
{ label: '房地产/建筑/建材/工程', value: 13 },
{ label: '家居/室内设计/装饰装潢', value: 14 },
{ label: '物业管理/商业中心', value: 15 },
{ label: '专业服务/咨询(财会/法律/人力资源等)', value: 16 },
{ label: '广告/会展/公关', value: 17 },
{ label: '中介服务', value: 18 },
{ label: '检验/检测/认证', value: 19 },
{ label: '外包服务', value: 20 },
{ label: '快速消费品（食品/饮料/烟酒/日化）', value: 21 },
{ label: '耐用消费品（服饰/纺织/皮革/家具/家电）', value: 22 },
{ label: '贸易/进出口', value: 23 },
{ label: '零售/批发', value: 24 },
{ label: '租赁服务', value: 25 },
{ label: '教育/培训/院校', value: 26 },
{ label: '礼品/玩具/工艺美术/收藏品/奢侈品', value: 27 },
{ label: '汽车/摩托车', value: 28 },
{ label: '大型设备/机电设备/重工业', value: 29 },
{ label: '加工制造（原料加工/模具）', value: 30 },
{ label: '仪器仪表及工业自动化', value: 31 },
{ label: '印刷/包装/造纸', value: 32 },
{ label: '办公用品及设备', value: 33 },
{ label: '医药/生物工程', value: 34 },
{ label: '医疗设备/器械', value: 35 },
{ label: '航空/航天研究与制造', value: 36 },
{ label: '交通/运输,物流/仓储', value: 37 },
{ label: '医疗/护理/美容/保健/卫生服务', value: 38 },
{ label: '酒店/餐饮,旅游/度假,媒体/出版/影视/文化传播', value: 39 },
{ label: '娱乐/体育/休闲', value: 40 },
{ label: '能源/矿产/采掘/冶炼', value: 41 },
{ label: '石油/石化/化工,电气/电力/水利', value: 42 },
{ label: '环保', value: 43 },
{ label: '政府/公共事业/非盈利机构', value: 44 },
{ label: '学术/科研,农/林/牧/渔跨领域经营', value: 45 },
{ label: '其他', value: 90 }
],
label: '行业类别',
model: 'industry',
rules: [
......@@ -78,12 +127,14 @@ export default {
type: 'input-form',
label: '工作部门',
model: 'dept_cn',
placeholder: '请输入工作部门',
rules: [{ required: true, message: '请输入工作部门', trigger: 'blur' }]
},
{
type: 'input-form',
label: '工作职位',
model: 'position_cn',
placeholder: '请输入工作职位',
rules: [{ required: true, message: '请输入工作职位', trigger: 'blur' }]
},
{
......@@ -107,6 +158,7 @@ export default {
type: 'input-form',
label: '工作年薪（万元）',
model: 'annual_salary',
placeholder: '请输入工作年薪',
rules: [{ required: true, message: '请输入工作年薪', trigger: 'blur' }]
},
{
......@@ -121,6 +173,7 @@ export default {
maxlength: '3000',
'show-word-limit': true
},
placeholder: '请输入工作描述',
rules: [{ required: true, message: '请输入工作描述', trigger: 'blur' }]
},
{
......@@ -133,6 +186,7 @@ export default {
'300字左右，包括所属行业在业内的位置，经营时间，业务规模，发展前景等信息',
rows: '4'
},
placeholder: '请输入公司（单位）简介',
rules: [
{ required: true, message: '请输入公司（单位）简介', trigger: 'blur' }
]
......
examples/kelley-form/declare.js
浏览文件 @ 1777f283
......@@ -20,8 +20,6 @@ export default {
form: {
hint:
'我提供的所有报名材料信息皆准确和完整。我同意在需要的情况下提交原件以确认我的报名资格。由于报名材料中的虚假、错误信息或重大遗漏导致不录取或取消学籍的后果由我个人承担。 我理解并同意所有报名材料归紫荆教育所有，无论考生录取与否均不退回。我授权紫荆教育使用报名表中的信息查询本人学习和工作记录。',
options: {
},
items: [
{
type: 'checkbox-form',
......
examples/kelley-form/education.js
浏览文件 @ 1777f283
......@@ -42,10 +42,10 @@ export default {
form: {
hint: `<div style="color:red;font-size:18px;">请务必如实提供高中以上所有学历学位的详细信息。</div>
<div>按照从最高学历至第一学历的顺序，请您依次填写：博士、硕士、本科、专科，<br>并且填写您获得学位所在学校的国家和城市</div>`,
hasAdd: true,
options: {
labelWidth: '110px'
},
hasAdd: true,
items: [
{
type: 'date-picker-from-to-form',
......
examples/kelley-form/honor.js
浏览文件 @ 1777f283
......@@ -3,6 +3,7 @@ export default {
title: '荣誉奖励',
showProgress: true,
progress: 0,
required: false,
get: {
action: '/zws/v1/enrollment/honors?project_id=1001'
},
......@@ -20,15 +21,16 @@ export default {
}
},
form: {
hasAdd: true,
options: {
labelWidth: '180px'
},
hasAdd: true,
items: [
{
type: 'input-form',
label: '荣誉/奖励',
model: 'title',
placeholder: '请输入荣誉/奖励名称',
rules: [{ required: true, message: '请输入荣誉/奖励', trigger: 'blur' }]
},
{
......
examples/kelley-form/profile.js
浏览文件 @ 1777f283
......@@ -49,37 +49,19 @@ export default {
options: {
labelWidth: '150px'
},
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: '姓名',
model: 'real_name_cn',
placeholder: '请输入姓名',
rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
},
{
type: 'input-form',
label: '英文名（姓名全拼）',
model: 'real_name_en',
placeholder: '请输入英文名',
rules: [{ required: true, message: '请输入英文名', trigger: 'blur' }]
},
{
......@@ -93,6 +75,7 @@ export default {
],
label: '证件类型',
model: 'id_type',
placeholder: '请选择证件类型',
rules: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
]
......@@ -101,14 +84,16 @@ export default {
type: 'input-form',
label: '证件号码',
model: 'id_number',
placeholder: '请输入证件号码',
rules: [{ required: true, message: '请输入证件号码', trigger: 'blur' }]
},
{
type: 'date-picker-form',
elemType: 'date',
label: '出生日期',
model: 'birthday',
required: true,
attrs: { type: 'date', 'value-format': 'yyyy-MM-dd' },
placeholder: '请选择出生日期',
attrs: { 'value-format': 'yyyy-MM-dd' },
rules: [{ required: true, message: '请选择出生日期', trigger: 'blur' }]
},
{
......@@ -129,6 +114,7 @@ export default {
],
label: '国籍',
model: 'nationality',
placeholder: '请选择国籍',
rules: [{ required: true, message: '请选择国籍', trigger: 'blur' }]
},
{
......@@ -144,6 +130,7 @@ export default {
label: '参加工作年份',
model: 'date_of_starting_to_work',
attrs: { 'value-format': 'yyyy' },
placeholder: '请选择参加工作年份',
rules: [
{ required: true, message: '请选择参加工作年份', trigger: 'blur' }
]
......@@ -152,12 +139,14 @@ export default {
type: 'input-form',
label: '手机号',
model: 'phone_number',
placeholder: '请输入手机号',
rules: [{ required: true, message: '请输入手机号', trigger: 'blur' }]
},
{
type: 'input-form',
label: '邮箱',
model: 'email',
placeholder: '请输入邮箱',
rules: [{ required: true, message: '请输入邮箱', trigger: 'blur' }],
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
......@@ -165,24 +154,28 @@ export default {
type: 'input-form',
label: 'QQ号',
model: 'qq_account',
placeholder: '请输入QQ号',
rules: [{ required: true, message: '请输入QQ号', trigger: 'blur' }]
},
{
type: 'input-form',
label: '微信号',
model: 'we_chat_account',
placeholder: '请输入微信号',
rules: [{ required: true, message: '请输入微信号', trigger: 'blur' }]
},
{
type: 'input-form',
label: '邮寄地址',
model: 'mailing_address',
placeholder: '请输入邮寄地址',
rules: [{ required: true, message: '请输入邮寄地址', trigger: 'blur' }]
},
{
type: 'input-form',
label: '紧急联系人',
model: 'emergency_contact_name',
placeholder: '请输入紧急联系人',
rules: [
{ required: true, message: '请输入紧急联系人', trigger: 'blur' }
]
......@@ -191,6 +184,7 @@ export default {
type: 'input-form',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
placeholder: '请输入紧急联系电话',
rules: [
{ required: true, message: '请输入紧急联系电话', trigger: 'blur' }
]
......
examples/kelley-form/training.js
浏览文件 @ 1777f283
......@@ -3,6 +3,7 @@ export default {
title: '所受培训',
showProgress: true,
progress: 0,
required: false,
get: {
action: '/zws/v1/enrollment/trainings?project_id=1001',
callback(data) {
......@@ -35,17 +36,19 @@ export default {
}
},
form: {
hasAdd: true,
options: {
labelWidth: '80px'
},
hasAdd: true,
items: [
{
type: 'date-picker-form',
type: 'date-picker-from-to-form',
elemType: 'monthrange',
label: '培训时间',
model: 'dates',
required: true,
rangeSeparator: '至',
startPlaceholder: '请选择开始时间',
endPlaceholder: '请选择结束时间',
attrs: { 'value-format': 'yyyyMM' },
rules: [{ required: true, message: '请选择培训时间', trigger: 'blur' }]
},
......
examples/sofia-form/answer.js
浏览文件 @ 1777f283
......@@ -6,79 +6,89 @@ export default {
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
let [first = {}, second = {}] = data
return {
qid1: first.qid || 1,
question1:
first.question ||
'您为什么要申请索菲亚大学金融方向工商管理硕士项目？（60字以上，1000字以内）',
answer1: first.answer,
qid2: second.qid || 2,
question2:
second.question ||
'您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
answer2: second.answer
}
}
},
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
return {
records: [
{ qid: data.qid1, question: data.question1, answer: data.answer1 },
{ qid: data.qid2, question: data.question2, answer: data.answer2 }
]
}
}
},
form: {
options: {
},
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',
type: 'textarea-form',
label:
'您为什么要申请索菲亚大学金融方向工商管理硕士项目？（60字以上，1000字以内）',
model: 'answer1',
modelWidth: '100%',
placeholder:
'您为什么要申请索菲亚大学金融方向工商管理硕士项目？（60字以上，1000字以内）',
attrs: {
rows: '8',
maxlength: '1000',
'show-word-limit': true
},
'rules': [
rules: [
{
'required': true,
'message': '请输入内容',
'trigger': 'blur'
required: true,
message: '请输入内容',
trigger: 'blur'
},
{
'min': 60,
'max': 1000,
'message': '长度在 60 到 1000 个字符',
'trigger': 'blur'
min: 60,
max: 1000,
message: '长度在 60 到 1000 个字符',
trigger: 'blur'
}
]
},
/* 您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内） */
{
'type': 'textarea-form',
'label': '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
'required': true,
'model': 'learn_target_02',
'model-width': '100%',
'placeholder': '您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
'attrs': {
'rows': '8',
'maxlength': '1000',
type: 'textarea-form',
label:
'您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
model: 'answer2',
modelWidth: '100%',
placeholder:
'您的短期和长期职业发展目标是什么？您打算如何达成此愿景？（60字以上，1000字以内）',
attrs: {
rows: '8',
maxlength: '1000',
'show-word-limit': true
},
'rules': [
rules: [
{
'required': true,
'message': '请输入内容',
'trigger': 'blur'
required: true,
message: '请输入内容',
trigger: 'blur'
},
{
'min': 60,
'max': 1000,
'message': '长度在 60 到 1000 个字符',
'trigger': 'blur'
min: 60,
max: 1000,
message: '长度在 60 到 1000 个字符',
trigger: 'blur'
}
]
}
......
examples/sofia-form/career.js
浏览文件 @ 1777f283
......@@ -9,22 +9,34 @@ export default {
return data.map(item => {
const { start_date: startDate, end_date: endDate } = item
if (startDate) {
item.times = [(startDate + '').replace(/([\d]{4})([\d]{2})/gi, '$1-$2'), (endDate + '').replace(/([\d]{4})([\d]{2})/gi, '$1-$2')]
item.dates = [startDate + '', endDate + '']
}
return item
})
}
},
update: {
action: '/zws/v1/enrollment/carrers/batch-upload',
action: '/zws/v1/enrollment/careers/batch-upload',
data: { project_id: 1000 },
callback(data) {
return data.map(item => {
let [startDate, endDate] = item.times
item.start_date = parseInt(startDate.replace(/-/gi, ''))
item.end_date = parseInt(endDate.replace(/-/gi, ''))
return item
beforeRequest(data) {
const records = data.map(item => {
let [startDate, endDate] = item.dates
item.start_date = startDate
item.end_date = endDate
return [
'start_date',
'end_date',
'company_name_cn',
'industry',
'dept_cn',
'position_cn',
'job_desc_cn'
].reduce((result, key) => {
result[key] = item[key]
return result
}, {})
})
return { records }
}
},
form: {
......@@ -32,148 +44,132 @@ export default {
options: {
labelWidth: '160px'
},
model: [
{
times: [],
start_date: null,
end_date: null,
school_name_cn: '',
school_city: '',
major_cn: '',
degree: 0
}
],
items: [
/* 工作时间 */
{
'type': 'date-picker-from-to-form',
'elemType': 'monthrange',
'label': '工作时间',
'required': true,
'disabled': false,
'label-width': '160px',
'model': 'times',
'model-width': '300px',
'rangeSeparator': '至',
'startPlaceholder': '请选择开始时间',
'endPlaceholder': '请选择结束时间',
'attrs': { 'value-format': 'yyyy-MM' },
'rules': [{ 'required': true, 'message': '请选择工作时间', 'trigger': 'blur' }]
type: 'date-picker-from-to-form',
elemType: 'monthrange',
label: '工作时间',
labelWidth: '160px',
model: 'dates',
modelWidth: '300px',
rangeSeparator: '至',
startPlaceholder: '请选择开始时间',
endPlaceholder: '请选择结束时间',
attrs: { 'value-format': 'yyyyMM' },
rules: [{ required: true, message: '请选择工作时间', trigger: 'blur' }]
},
/* 工作单位 */
{
'type': 'input-form',
'label': '工作单位',
'required': true,
'model': 'company_name_cn',
'model-width': '300px',
'placeholder': '请输入工作单位',
'rules': [{ 'required': true, 'message': '请输入工作单位', 'trigger': 'blur' }]
type: 'input-form',
label: '工作单位',
model: 'company_name_cn',
modelWidth: '300px',
placeholder: '请输入工作单位',
rules: [{ required: true, message: '请输入工作单位', trigger: 'blur' }]
},
/* 行业类别 */
{
'type': 'select-form',
'label': '行业类别',
'required': true,
'model': 'industry',
'model-width': '300px',
'placeholder': '请选择',
'values': [
{ 'label': '互联网/电子商务', 'value': '1' },
{ 'label': '基金/证券/期货/投资', 'value': '2' },
{ 'label': '保险', 'value': '3' },
{ 'label': '银行', 'value': '4' },
{ 'label': '信托/担保/拍卖/典当', 'value': '5' },
{ 'label': '计算机软件', 'value': '6' },
{ 'label': 'IT服务(系统/数据/维护)', 'value': '7' },
{ 'label': '电子技术/半导体/集成电路', 'value': '8' },
{ 'label': '计算机硬件', 'value': '9' },
{ 'label': '通信/电信/网络设备', 'value': '10' },
{ 'label': '通信/电信运营、增值服务', 'value': '11' },
{ 'label': '网络游戏', 'value': '12' },
{ 'label': '房地产/建筑/建材/工程', 'value': '13' },
{ 'label': '家居/室内设计/装饰装潢', 'value': '14' },
{ 'label': '物业管理/商业中心', 'value': '15' },
{ 'label': '专业服务/咨询(财会/法律/人力资源等)', 'value': '16' },
{ 'label': '广告/会展/公关', 'value': '17' },
{ 'label': '中介服务', 'value': '18' },
{ 'label': '检验/检测/认证', 'value': '19' },
{ 'label': '外包服务', 'value': '20' },
{ 'label': '快速消费品（食品/饮料/烟酒/日化）', 'value': '21' },
{ 'label': '耐用消费品（服饰/纺织/皮革/家具/家电）', 'value': '22' },
{ 'label': '贸易/进出口', 'value': '23' },
{ 'label': '零售/批发', 'value': '24' },
{ 'label': '租赁服务', 'value': '25' },
{ 'label': '教育/培训/院校', 'value': '26' },
{ 'label': '礼品/玩具/工艺美术/收藏品/奢侈品', 'value': '27' },
{ 'label': '汽车/摩托车', 'value': '28' },
{ 'label': '大型设备/机电设备/重工业', 'value': '29' },
{ 'label': '加工制造（原料加工/模具）', 'value': '30' },
{ 'label': '仪器仪表及工业自动化', 'value': '31' },
{ 'label': '印刷/包装/造纸', 'value': '32' },
{ 'label': '办公用品及设备', 'value': '33' },
{ 'label': '医药/生物工程', 'value': '34' },
{ 'label': '医疗设备/器械', 'value': '35' },
{ 'label': '航空/航天研究与制造', 'value': '36' },
{ 'label': '交通/运输,物流/仓储', 'value': '37' },
{ 'label': '医疗/护理/美容/保健/卫生服务', 'value': '38' },
{ 'label': '酒店/餐饮,旅游/度假,媒体/出版/影视/文化传播', 'value': '39' },
{ 'label': '娱乐/体育/休闲', 'value': '40' },
{ 'label': '能源/矿产/采掘/冶炼', 'value': '41' },
{ 'label': '石油/石化/化工,电气/电力/水利', 'value': '42' },
{ 'label': '环保', 'value': '43' },
{ 'label': '政府/公共事业/非盈利机构', 'value': '44' },
{ 'label': '学术/科研,农/林/牧/渔跨领域经营', 'value': '45' },
{ 'label': '其他', 'value': '90' }
type: 'select-form',
label: '行业类别',
model: 'industry',
modelWidth: '300px',
placeholder: '请选择',
values: [
{ label: '请选择', value: 0 },
{ label: '互联网/电子商务', value: 1 },
{ label: '基金/证券/期货/投资', value: 2 },
{ label: '保险', value: 3 },
{ label: '银行', value: 4 },
{ label: '信托/担保/拍卖/典当', value: 5 },
{ label: '计算机软件', value: 6 },
{ label: 'IT服务(系统/数据/维护)', value: 7 },
{ label: '电子技术/半导体/集成电路', value: 8 },
{ label: '计算机硬件', value: 9 },
{ label: '通信/电信/网络设备', value: 10 },
{ label: '通信/电信运营、增值服务', value: 11 },
{ label: '网络游戏', value: 12 },
{ label: '房地产/建筑/建材/工程', value: 13 },
{ label: '家居/室内设计/装饰装潢', value: 14 },
{ label: '物业管理/商业中心', value: 15 },
{ label: '专业服务/咨询(财会/法律/人力资源等)', value: 16 },
{ label: '广告/会展/公关', value: 17 },
{ label: '中介服务', value: 18 },
{ label: '检验/检测/认证', value: 19 },
{ label: '外包服务', value: 20 },
{ label: '快速消费品（食品/饮料/烟酒/日化）', value: 21 },
{ label: '耐用消费品（服饰/纺织/皮革/家具/家电）', value: 22 },
{ label: '贸易/进出口', value: 23 },
{ label: '零售/批发', value: 24 },
{ label: '租赁服务', value: 25 },
{ label: '教育/培训/院校', value: 26 },
{ label: '礼品/玩具/工艺美术/收藏品/奢侈品', value: 27 },
{ label: '汽车/摩托车', value: 28 },
{ label: '大型设备/机电设备/重工业', value: 29 },
{ label: '加工制造（原料加工/模具）', value: 30 },
{ label: '仪器仪表及工业自动化', value: 31 },
{ label: '印刷/包装/造纸', value: 32 },
{ label: '办公用品及设备', value: 33 },
{ label: '医药/生物工程', value: 34 },
{ label: '医疗设备/器械', value: 35 },
{ label: '航空/航天研究与制造', value: 36 },
{ label: '交通/运输,物流/仓储', value: 37 },
{ label: '医疗/护理/美容/保健/卫生服务', value: 38 },
{ label: '酒店/餐饮,旅游/度假,媒体/出版/影视/文化传播', value: 39 },
{ label: '娱乐/体育/休闲', value: 40 },
{ label: '能源/矿产/采掘/冶炼', value: 41 },
{ label: '石油/石化/化工,电气/电力/水利', value: 42 },
{ label: '环保', value: 43 },
{ label: '政府/公共事业/非盈利机构', value: 44 },
{ label: '学术/科研,农/林/牧/渔跨领域经营', value: 45 },
{ label: '其他', value: 90 }
],
'rules': [
{ 'required': true, 'message': '请选择行业类别', trigger: 'change' }
rules: [
{ required: true, message: '请选择行业类别', trigger: 'change' }
]
},
/* 工作部门 */
{
'type': 'input-form',
'label': '工作部门',
'required': true,
'model': 'dept_cn',
'model-width': '300px',
'placeholder': '请输入工作部门',
'rules': [{ 'required': true, 'message': '请输入工作部门', 'trigger': 'blur' }]
type: 'input-form',
label: '工作部门',
required: true,
model: 'dept_cn',
modelWidth: '300px',
placeholder: '请输入工作部门',
rules: [{ required: true, message: '请输入工作部门', trigger: 'blur' }]
},
/* 工作职位 */
{
'type': 'input-form',
'label': '工作职位',
'required': true,
'model': 'position_cn',
'model-width': '300px',
'placeholder': '请输入工作职位',
'rules': [{ 'required': true, 'message': '请输入工作职位', 'trigger': 'blur' }]
type: 'input-form',
label: '工作职位',
model: 'position_cn',
modelWidth: '300px',
placeholder: '请输入工作职位',
rules: [{ required: true, message: '请输入工作职位', trigger: 'blur' }]
},
/* 工作描述 */
{
'type': 'textarea-form',
'label': '工作描述',
'required': true,
'model': 'job_desc_cn',
'model-width': '300px',
'placeholder': '请输入工作描述',
'attrs': {
'rows': '4',
'maxlength': '500',
type: 'textarea-form',
label: '工作描述',
model: 'job_desc_cn',
modelWidth: '300px',
placeholder: '请输入工作描述',
attrs: {
rows: '4',
maxlength: '500',
'show-word-limit': true
},
'rules': [
rules: [
{
'required': true,
'message': '请输入内容',
'trigger': 'blur'
required: true,
message: '请输入内容',
trigger: 'blur'
},
{
'min': 60,
'max': 1000,
'message': '长度在 60 到 500 个字符',
'trigger': 'blur'
min: 60,
max: 1000,
message: '长度在 60 到 500 个字符',
trigger: 'blur'
}
]
}
......
examples/sofia-form/declare.js
浏览文件 @ 1777f283
......@@ -4,7 +4,7 @@ export default {
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/profiles?project_id=1001',
action: '/zws/v1/enrollment/profiles?project_id=1000',
callback(data) {
data.date_of_starting_to_work = data.date_of_starting_to_work + ''
return data
......@@ -12,7 +12,7 @@ export default {
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1001 },
data: { project_id: 1000 },
callback(data) {
return data
}
......
examples/sofia-form/education.js
浏览文件 @ 1777f283
......@@ -9,7 +9,7 @@ export default {
return data.map(item => {
const { start_date: startDate, end_date: endDate } = item
if (startDate) {
item.times = [(startDate + '').replace(/([\d]{4})([\d]{2})/gi, '$1-$2'), (endDate + '').replace(/([\d]{4})([\d]{2})/gi, '$1-$2')]
item.dates = [startDate + '', endDate + '']
}
return item
})
......@@ -18,13 +18,23 @@ export default {
update: {
action: '/zws/v1/enrollment/educations/batch-upload',
data: { project_id: 1000 },
callback(data) {
return data.map(item => {
let [startDate, endDate] = item.times
item.start_date = parseInt(startDate.replace(/-/gi, ''))
item.end_date = parseInt(endDate.replace(/-/gi, ''))
return item
beforeRequest(data) {
const records = data.map(item => {
let [startDate, endDate] = item.dates
item.start_date = startDate
item.end_date = endDate
return [
'start_date',
'end_date',
'school_name_cn',
'major_cn',
'degree'
].reduce((result, key) => {
result[key] = item[key]
return result
}, {})
})
return { records }
}
},
form: {
......@@ -32,63 +42,47 @@ export default {
options: {
labelWidth: '160px'
},
model: [
{
times: [],
start_date: null,
end_date: null,
school_name_cn: '',
school_city: '',
major_cn: '',
degree: 0
}
],
items: [
/* 教育时间 */
{
'type': 'date-picker-from-to-form',
'elemType': 'monthrange',
'label': '教育时间',
'required': true,
'disabled': false,
'label-width': '160px',
'model': 'times',
'model-width': '300px',
'rangeSeparator': '至',
'startPlaceholder': '请选择开始时间',
'endPlaceholder': '请选择结束时间',
'attrs': { 'value-format': 'yyyy-MM' },
'rules': [{ 'required': true, 'message': '请选择教育时间', 'trigger': 'blur' }]
type: 'date-picker-from-to-form',
elemType: 'monthrange',
label: '教育时间',
labelWidth: '160px',
model: 'dates',
modelWidth: '300px',
rangeSeparator: '至',
startPlaceholder: '请选择开始时间',
endPlaceholder: '请选择结束时间',
attrs: { 'value-format': 'yyyyMM' },
rules: [{ required: true, message: '请选择教育时间', trigger: 'blur' }]
},
/* 学校名称 */
{
'type': 'input-form',
'label': '学校名称',
'required': true,
'model': 'school_name_cn',
'model-width': '300px',
'placeholder': '请输入学校名称',
'rules': [{ 'required': true, 'message': '请输入学校名称', 'trigger': 'blur' }]
type: 'input-form',
label: '学校名称',
model: 'school_name_cn',
modelWidth: '300px',
placeholder: '请输入学校名称',
rules: [{ required: true, message: '请输入学校名称', trigger: 'blur' }]
},
/* 专业名称 */
{
'type': 'input-form',
'label': '专业名称',
'required': true,
'model': 'major_cn',
'model-width': '300px',
'placeholder': '请输入专业名称',
'rules': [{ 'required': true, 'message': '请输入专业名称', 'trigger': 'blur' }]
type: 'input-form',
label: '专业名称',
model: 'major_cn',
modelWidth: '300px',
placeholder: '请输入专业名称',
rules: [{ required: true, message: '请输入专业名称', trigger: 'blur' }]
},
/* 学历/学位 */
{
'type': 'select-form',
'label': '学历/学位',
'required': true,
'model': 'degree',
'model-width': '300px',
'placeholder': '请选择',
'values': [
type: 'select-form',
label: '学历/学位',
model: 'degree',
modelWidth: '300px',
placeholder: '请选择',
values: [
{ label: '专科', value: 1 },
{ label: '本科', value: 2 },
{ label: '本科/学士', value: 3 },
......@@ -98,8 +92,8 @@ export default {
{ label: '研究生/博士', value: 7 },
{ label: '其他', value: 9 }
],
'rules': [
{ 'required': true, 'message': '请选择学历/学位', trigger: 'change' }
rules: [
{ required: true, message: '请选择学历/学位', trigger: 'change' }
]
}
]
......
examples/sofia-form/honor.js
浏览文件 @ 1777f283
export default {
id: 'honor',
title: '荣誉和奖励（可选）',
title: '荣誉奖励',
showProgress: true,
progress: 0,
required: false,
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
}
action: '/zws/v1/enrollment/honors?project_id=1000'
},
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1001 },
callback(data) {
return data
action: '/zws/v1/enrollment/honors/batch-upload',
data: { project_id: 1000 },
beforeRequest(data) {
const records = data.map(item => {
return ['title', 'summary'].reduce((result, key) => {
result[key] = item[key]
return result
}, {})
})
return { records }
}
},
form: {
hint: '请列出曾获得的荣誉和专业资格，从最重要的开始',
hasAdd: true,
options: {
labelWidth: '160px'
labelWidth: '180px'
},
items: [
/* 荣誉/奖励名称 */
{
'type': 'input-form',
'label': '荣誉/奖励名称',
'required': false,
'model': 'title',
'model-width': '300px',
'placeholder': '请输入荣誉/奖励名称'
type: 'input-form',
label: '荣誉/奖励',
model: 'title',
modelWidth: '300px',
placeholder: '请输入荣誉/奖励',
rules: [{ required: true, message: '请输入荣誉/奖励', trigger: 'blur' }]
},
/* 颁发机构名称 */
{
'type': 'input-form',
'label': '颁发机构名称',
'required': false,
'model': 'institution',
'model-width': '300px',
'placeholder': '请输入颁发机构名称'
},
/* 颁发时间 */
type: 'input-form',
label: '证书颁发机构及获得时间',
model: 'summary',
rules: [
{
'type': 'date-picker-form',
'elemType': 'month',
'label': '颁发时间',
'required': false,
'model': 'time',
'model-width': '300px',
'placeholder': '请选择颁发时间',
'attrs': { 'value-format': 'yyyy-MM' }
required: true,
message: '请输入证书颁发机构及获得时间',
trigger: 'blur'
}
]
}
]
}
......
examples/sofia-form/profile.js
浏览文件 @ 1777f283
......@@ -17,188 +17,191 @@ export default {
update: {
action: '/zws/v1/enrollment/profiles',
data: { project_id: 1000 },
callback(data) {
beforeRequest(data) {
let arr = data.city_select_str.split('-')
data.address_province = arr[0]
data.address_city = arr[1]
return data
return [
'real_name_cn',
'phone_number',
'email',
'id_type',
'id_number',
'birthday',
'gender',
'nationality',
'address_province',
'address_city',
'date_of_starting_to_work',
'we_chat_account',
'mailing_address',
'emergency_contact_name',
'emergency_contacts_phone'
].reduce((result, key) => {
result[key] = data[key]
return result
}, {})
}
},
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
labelWidth: '150px'
},
items: [
/* 姓名 */
{
'type': 'input-form',
'label': '姓名',
'required': true,
'model': 'real_name_cn',
'model-width': '300px',
'placeholder': '请输入姓名'
type: 'input-form',
label: '姓名',
model: 'real_name_cn',
modelWidth: '300px',
placeholder: '请输入姓名',
rules: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
},
/* 手机号 */
{
'type': 'input-form',
'label': '手机号',
'required': true,
'model': 'phone_number',
'model-width': '300px',
'placeholder': '请输入手机号'
type: 'input-form',
label: '手机号',
model: 'phone_number',
modelWidth: '300px',
placeholder: '请输入手机号',
rules: [{ required: true, message: '请输入英文名', trigger: 'blur' }]
},
/* 邮箱 */
{
'type': 'input-form',
'label': '邮箱',
'required': true,
'model': 'email',
'model-width': '300px',
'placeholder': '请输入邮箱'
type: 'input-form',
label: '邮箱',
model: 'email',
modelWidth: '300px',
placeholder: '请输入邮箱',
rules: [{ required: true, message: '请输入邮箱', trigger: 'blur' }],
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
/* 证件类型 */
{
'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: 'select-form',
label: '证件类型',
model: 'id_type',
modelWidth: '300px',
placeholder: '请选择证件类型',
values: [
{ label: '居民身份证', value: 0 },
{ label: '港澳台身份证', value: 1 },
{ label: '护照号', value: 2 },
{ label: '军官证', value: 3 },
{ label: '其他', value: 9 }
],
rules: [
{ required: true, message: '请选择证件类型', trigger: 'change' }
]
},
/* 证件号码 */
{
'type': 'input-form',
'label': '证件号码',
'required': true,
'model': 'id_number',
'model-width': '300px',
'placeholder': '请输入证件号码'
type: 'input-form',
label: '证件号码',
model: 'id_number',
modelWidth: '300px',
placeholder: '请输入证件号码',
rules: [{ required: true, message: '请输入证件号码', trigger: 'blur' }]
},
/* 出生日期 */
{
'type': 'date-picker-form',
'elemType': 'date',
'label': '出生日期',
'required': true,
'model': 'birthday',
'model-width': '300px',
'placeholder': '请选择出生日期',
'attrs': { 'value-format': 'yyyy-MM-dd' },
'rules': []
type: 'date-picker-form',
elemType: 'date',
label: '出生日期',
model: 'birthday',
modelWidth: '300px',
placeholder: '请选择出生日期',
attrs: { 'value-format': 'yyyy-MM-dd' },
rules: [{ required: true, message: '请选择出生日期', trigger: 'blur' }]
},
/* 性别 */
{
'type': 'radio-group-form',
'label': '性别',
'required': true,
'model': 'gender',
'model-width': '300px',
'values': [{ 'label': '男', 'value': 1 }, { 'label': '女', 'value': 2 }],
'attrs': {},
'rules': []
type: 'radio-group-form',
label: '性别',
model: 'gender',
modelWidth: '300px',
values: [
{ label: '男', value: 1 },
{ label: '女', value: 2 }
],
rules: [{ required: true, message: '请选择性别', trigger: 'change' }]
},
/* 国籍 */
{
'type': 'select-form',
'label': '国籍',
'required': true,
'model': 'nationality',
'model-width': '300px',
'placeholder': '请选择国籍',
'values': [
{ 'label': '中国', 'value': 1 },
{ 'label': '其他国家', 'value': 9 }
]
type: 'select-form',
label: '国籍',
model: 'nationality',
modelWidth: '300px',
placeholder: '请选择国籍',
values: [
{ label: '中国', value: 1 },
{ label: '其他国家', value: 9 }
],
rules: [{ required: true, message: '请选择国籍', trigger: 'blur' }]
},
/* 现居住城市 */
{
'type': 'city-select-form',
'label': '现居住城市',
'label-width': '160px',
'required': true,
'model': 'city_select_str',
'separator': '-',
'model-width': '',
'placeholder0': '请输入省份',
'placeholder1': '请输入城市',
'attrs0': {},
'attrs1': {},
'rules': []
type: 'city-select-form',
label: '现居住城市',
labelWidth: '160px',
model: 'city_select_str',
separator: '-',
placeholder0: '请选择省份',
placeholder1: '请选择城市',
rules: [{ required: true, message: '请选择居住城市', trigger: 'blur' }]
},
/* 参加工作年份 */
{
'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: 'date-picker-form',
elemType: 'year',
label: '参加工作年份',
model: 'date_of_starting_to_work',
modelWidth: '300px',
placeholder: '请选择参加工作年份',
attrs: { 'value-format': 'yyyy' },
rules: [
{ required: true, message: '请选择参加工作年份', trigger: 'blur' }
]
},
/* 微信号 */
{
'type': 'input-form',
'label': '微信号',
'required': true,
'model': 'we_chat_account',
'model-width': '300px',
'placeholder': '请输入微信号'
type: 'input-form',
label: '微信号',
model: 'we_chat_account',
modelWidth: '300px',
placeholder: '请输入微信号',
rules: [{ required: true, message: '请输入微信号', trigger: 'blur' }]
},
/* 邮寄地址 */
{
'type': 'input-form',
'label': '邮寄地址',
'required': true,
'model': 'mailing_address',
'model-width': '300px',
'placeholder': '请输入邮寄地址'
type: 'input-form',
label: '邮寄地址',
model: 'mailing_address',
modelWidth: '300px',
placeholder: '请输入邮寄地址',
rules: [{ required: true, message: '请输入邮寄地址', trigger: 'blur' }]
},
/* 紧急联系人 */
{
'type': 'input-form',
'label': '紧急联系人',
'required': true,
'model': 'emergency_contact_name',
'model-width': '300px',
'placeholder': '请输入紧急联系人'
type: 'input-form',
label: '紧急联系人',
model: 'emergency_contact_name',
modelWidth: '300px',
placeholder: '请输入紧急联系人',
rules: [
{ required: true, message: '请输入紧急联系人', trigger: 'blur' }
]
},
/* 紧急联系电话 */
{
'type': 'input-form',
'label': '紧急联系电话',
'required': true,
'model': 'emergency_contacts_phone',
'model-width': '300px',
'placeholder': '请输入紧急联系电话'
type: 'input-form',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
modelWidth: '300px',
placeholder: '请输入紧急联系电话',
rules: [
{ required: true, message: '请输入紧急联系电话', trigger: 'blur' }
]
}
]
}
......
examples/sofia-form/training.js
浏览文件 @ 1777f283
export default {
id: 'training',
title: '所受培训（可选）',
title: '所受培训',
showProgress: true,
progress: 0,
required: false,
get: {
action: '/zws/v1/enrollment/trainings?project_id=1000',
callback(data) {
return data.map(item => {
const { start_date: startDate, end_date: endDate } = item
if (startDate) {
item.times = [(startDate + '').replace(/([\d]{4})([\d]{2})/gi, '$1-$2'), (endDate + '').replace(/([\d]{4})([\d]{2})/gi, '$1-$2')]
item.dates = [startDate + '', endDate + '']
}
return item
})
}
},
update: {
action: '/api/v1/enrollment/trainings',
action: '/zws/v1/enrollment/trainings/batch-upload',
data: { project_id: 1000 },
callback(data) {
return data.map(item => {
let [startDate, endDate] = item.times
item.start_date = parseInt(startDate.replace(/-/gi, ''))
item.end_date = parseInt(endDate.replace(/-/gi, ''))
return item
beforeRequest(data) {
const records = data.map(item => {
let [startDate, endDate] = item.dates
item.start_date = startDate
item.end_date = endDate
return ['start_date', 'end_date', 'institute_cn', 'course_cn'].reduce(
(result, key) => {
result[key] = item[key]
return result
},
{}
)
})
return { records }
}
},
form: {
hasAdd: true,
options: {
labelWidth: '160px'
},
model: [
{
times: [],
start_date: null,
end_date: null,
institute_cn: '',
course_cn: ''
}
],
items: [
/* 培训时间 */
{
'type': 'date-picker-from-to-form',
'elemType': 'monthrange',
'label': '培训时间',
'required': false,
'disabled': false,
'label-width': '160px',
'model': 'times',
'model-width': '300px',
'rangeSeparator': '至',
'startPlaceholder': '请选择开始时间',
'endPlaceholder': '请选择结束时间',
'attrs': { 'value-format': 'yyyy-MM' }
type: 'date-picker-from-to-form',
elemType: 'monthrange',
label: '培训时间',
labelWidth: '160px',
model: 'dates',
modelWidth: '300px',
rangeSeparator: '至',
startPlaceholder: '请选择开始时间',
endPlaceholder: '请选择结束时间',
attrs: { 'value-format': 'yyyyMM' },
rules: [{ required: true, message: '请选择培训时间', trigger: 'blur' }]
},
/* 培训机构 */
{
'type': 'input-form',
'label': '培训机构',
'required': false,
'model': 'institute_cn',
'model-width': '300px',
'placeholder': '请输入培训机构'
type: 'input-form',
label: '培训机构',
model: 'institute_cn',
modelWidth: '300px',
placeholder: '请输入培训机构',
rules: [{ required: true, message: '请输入培训机构', trigger: 'blur' }]
},
/* 课程名称 */
{
'type': 'input-form',
'label': '课程名称',
'required': false,
'model': 'course_cn',
'model-width': '300px',
'placeholder': '请输入课程名称'
type: 'input-form',
label: '课程名称',
model: 'course_cn',
modelWidth: '300px',
placeholder: '请输入课程名称',
rules: [
{
required: true,
message: '请输入课程名称',
trigger: 'blur'
}
]
}
]
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论