Skip to content

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

update

上级 9cb9331f
隐藏空白字符变更
内嵌 并排
正在显示 包含 406 行增加 和 657 行删除
examples/App-sofia.vue 0 → 100644
浏览文件 @ b0349d79
<template>
<div id="app">
<ezj-container :menus="menus" default-active="0-1"></ezj-container>
<!-- <ezj-tab-form title="填写报名表" :tabs="tabs"></ezj-tab-form> -->
<!-- <ezj-tabs title="填写报名表" v-model="activeName">
<ezj-tab-pane label="个人信息" name="one" :required="true">
<ezj-form :options="formOptions" :model="formModel" :items="formItems" @submit="onSubmit"></ezj-form>
</ezj-tab-pane>
<ezj-tab-pane label="教育背景" name="two" :required="true">
<ezj-form :options="formOptions" :model="formModel" :items="formItems" @submit="onSubmit"></ezj-form>
</ezj-tab-pane>
<ezj-tab-pane label="工作经验" name="three" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="学习目的" name="four" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="资料上传" name="five" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="所受培训" name="six"></ezj-tab-pane>
<ezj-tab-pane label="荣誉奖励" name="seven"></ezj-tab-pane>
<ezj-tab-pane label="最终检查" name="eight" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="申请声明" name="nine" :required="true"></ezj-tab-pane>
</ezj-tabs>-->
</div>
</template>
<script>
export default {
name: 'app',
data() {
return {
menus: [
{
id: '0',
title: '填写报名表',
isActive: true,
hasShadow: true,
children: [
{
id: '0-1',
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': '姓名',
'label-width': '160px',
'required': true,
'model': 'real_name_cn',
'model-width': '300px',
'placeholder': '请输入姓名'
},
{
'type': 'input-form',
'label': '手机号',
'label-width': '160px',
'required': true,
'model': 'phone_number',
'model-width': '300px',
'placeholder': '请输入手机号'
},
{
'type': 'input-form',
'label': '邮箱',
'label-width': '160px',
'required': true,
'model': 'email',
'model-width': '300px',
'placeholder': '请输入邮箱'
},
{
type: 'select-form',
values: [
{ label: '居民身份证', value: 0 },
{ label: '港澳台身份证', value: 1 },
{ label: '护照号', value: 2 },
{ label: '军官证', value: 3 },
{ label: '其他', value: 9 }
],
label: '证件类型',
model: 'id_type',
required: true
},
{
type: 'input-form',
label: '证件号码',
model: 'id_number',
required: true
},
{
type: 'date-picker-form',
elemType: 'date',
label: '出生日期',
model: 'birthday',
required: true,
attrs: { 'value-format': 'yyyy-MM-dd' }
},
{
type: 'radio-group-form',
values: [
{ label: '男', value: 1 },
{ label: '女', value: 2 }
],
label: '性别',
model: 'gender',
required: true
},
{
type: 'select-form',
values: [
{ label: '中国', value: 1 },
{ label: '其他国家', value: 9 }
],
label: '国籍',
model: 'nationality',
required: true
},
{
type: 'date-picker-form',
elemType: 'year',
label: '参加工作年份',
model: 'date_of_starting_to_work',
required: true,
attrs: { 'value-format': 'yyyy' }
},
{
type: 'input-form',
label: '手机号',
model: 'phone_number',
required: true
},
{
type: 'input-form',
label: '邮箱',
model: 'email',
required: true,
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
{
type: 'input-form',
label: 'QQ号',
model: 'qq_account',
required: true
},
{
type: 'input-form',
label: '微信号',
model: 'we_chat_account',
required: true
},
{
type: 'input-form',
label: '邮寄地址',
model: 'mailing_address',
required: true
},
{
type: 'input-form',
label: '紧急联系人',
model: 'emergency_contact_name',
required: true
},
{
type: 'input-form',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
required: true
},
{
type: 'select-form',
values: [
{ label: '请选择', value: 0 },
{ label: '四级', value: 4 },
{ label: '六级', value: 3 },
{ label: '托福', value: 1 },
{ label: '雅思', value: 2 }
],
label: '英语水平',
model: 'english_level',
required: true
},
{
type: 'input-form',
label: '托福/雅思成绩',
model: 'english_score',
required: true
},
{
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',
required: true
}
]
}
},
{
id: '0-2',
title: '教育背景',
showProgress: true,
progress: 0,
get: {
action: '/zws/v1/enrollment/profiles?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/profiles',
data: { project_id: 1001 },
callback(data) {
let [startDate, endDate] = data.times
data.start_date = startDate
data.end_date = endDate
return data
}
},
form: {
hasAdd: true,
options: {
labelWidth: '160px'
},
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'
}
]
}
},
{
id: '0-3',
title: '工作经验',
progress: 0
},
{
id: '0-4',
title: '学习目的',
progress: 0
},
{
id: '0-5',
title: '资料上传',
progress: 0
},
{
id: '0-6',
title: '所受培训',
progress: 0
},
{
id: '0-7',
title: '最终检查',
progress: 0
},
{
id: '0-8',
title: '申请声明',
progress: 0
}
]
},
{
id: '1',
title: '办理入学',
isGroup: true,
children: [
{
title: '必填项',
children: [
{ id: '1-1', title: '入学协议' },
{ id: '1-2', title: '缴费凭证' }
]
}
]
}
]
}
},
methods: {
onSubmit(data) {
console.log(data)
}
}
}
</script>
examples/App1.vue deleted 100644 → 0
浏览文件 @ 9cb9331f
<template>
<div id="app">
<form-form title="填写报名表" :options="formOptions" :model="formModel" :items="formItems" @submit="onSubmit">
</form-form>
<!-- <ezj-tabs title="填写报名表" v-model="activeName">
<ezj-tab-pane label="个人信息" name="one" :required="true">
<ezj-form :options="formOptions" :model="formModel" :items="formItems" @submit="onSubmit"></ezj-form>
</ezj-tab-pane>
<ezj-tab-pane label="教育背景" name="two" :required="true">
<ezj-form :options="formOptions" :model="formModel" :items="formItems" @submit="onSubmit"></ezj-form>
</ezj-tab-pane>
<ezj-tab-pane label="工作经验" name="three" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="学习目的" name="four" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="资料上传" name="five" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="所受培训" name="six"></ezj-tab-pane>
<ezj-tab-pane label="荣誉奖励" name="seven"></ezj-tab-pane>
<ezj-tab-pane label="最终检查" name="eight" :required="true"></ezj-tab-pane>
<ezj-tab-pane label="申请声明" name="nine" :required="true"></ezj-tab-pane>
</ezj-tabs>-->
</div>
</template>
<script>
export default {
name: 'app',
data() {
return {
activeName: 'one',
formOptions: {
labelWidth: '160px'
},
formModel: {
real_name_cn: '王鹏飞',
real_name_en: 'Max',
id_type: '',
id_number: 'xxxxxxx',
birthday: '1994-02-19',
gender: '1',
nationality: '1',
city: '2,52',
date_of_starting_to_work: '2010',
phone_number: 'xxxx',
email: 'xxxxx@163.com',
qq_account: 'xxxx',
we_chat_account: 'xxxx',
mailing_address: '北京',
emergency_contact_name: 'xxxxxx',
emergency_contacts_phone: 'xxxxx',
english_level: '2',
english_score: '12',
channel: '12',
address_province: '2',
address_city: '52',
project_id: '1001'
},
formItems: [
{
'type': 'input-form',
'label': '姓名',
'label-width': '160px',
'required': false,
'disabled': true,
'model': 'real_name_cn',
'model-width': '160px',
'placeholder': '请输入姓名',
'attrs': {},
'rules': [
{
'required': true,
'message': '请输入活动名称',
'trigger': 'blur'
},
{
'min': 3,
'max': 5,
'message': '长度在 3 到 5 个字符',
'trigger': 'blur'
}
]
},
{
'type': 'select-form',
'label': '证件类型',
'required': true,
'disabled': true,
'label-width': '160px',
'model': 'id_type',
'model-width': '160px',
'placeholder': '请选择',
'values': [
{ 'label': '居民身份证', 'value': '0' },
{ 'label': '港澳台身份证', 'value': '1' },
{ 'label': '护照号', 'value': '2' },
{ 'label': '军官证', 'value': '3' },
{ 'label': '其他', 'value': '9' }
],
'attrs': {},
'rules': []
},
{
'type': 'data-picker-form',
'elemType': 'datetime',
'label': '出生日期',
'required': true,
'disabled': true,
'label-width': '160px',
'model': 'birthday',
'model-width': '160px',
'placeholder': '请选择',
'attrs': { type: 'date', 'value-format': 'yyyy-MM-dd' },
'rules': []
},
{
'type': 'data-picker-from-to-form',
'elemType': '',
'label': '出生日期',
'required': true,
'disabled': false,
'label-width': '160px',
'model': 'work_time',
'model-width': '',
'rangeSeparator': '至',
'startPlaceholder': '请选择开始时间',
'endPlaceholder': '请选择结束时间',
'attrs': { 'value-format': 'yyyy-MM-dd' },
'rules': []
},
{
'type': 'radio-group-form',
'label': '性别',
'required': true,
'disabled': true,
'label-width': '160px',
'model': 'gender',
'model-width': '160px',
'values': [{ 'label': '男', 'value': '1' }, { 'label': '女', 'value': '2' }],
'attrs': {},
'rules': []
},
{
'type': 'textarea-form',
'label': '工作描述',
'required': true,
'disabled': true,
'label-width': '160px',
'model': 'abc',
'model-width': '160px',
'rows': 0,
'placeholder': '请详细描述您的职责范围，工作任务以及取得的成绩等，填写文字在100个字以上评定等级，少于不计算，内容越详细，等级越高。（字限3000字以内）',
'attrs': {},
'rules': [
{
'required': true,
'message': '请输入活动名称',
'trigger': 'blur'
},
{
'min': 3,
'max': 5,
'message': '长度在 3 到 5 个字符',
'trigger': 'blur'
}
]
},
{
type: 'input',
label: '英文名（姓名全拼）',
model: 'real_name_en',
required: true
},
{
type: 'select',
values: [
{ label: '居民身份证', value: '0' },
{ label: '港澳台身份证', value: '1' },
{ label: '护照号', value: '2' },
{ label: '军官证', value: '3' },
{ label: '其他', value: '9' }
],
label: '证件类型',
model: 'id_type',
required: true
},
{
type: 'input',
label: '证件号码',
model: 'id_number',
required: true
},
{
type: 'datePicker',
label: '出生日期',
model: 'birthday',
required: true,
attrs: { type: 'date', 'value-format': 'yyyy-MM-dd' }
},
{
type: 'radioGroup',
values: [{ label: '男', value: '1' }, { label: '女', value: '2' }],
label: '性别',
model: 'gender',
required: true
},
{
type: 'select',
values: [
{ label: '中国', value: '1' },
{ label: '其他国家', value: '9' }
],
label: '国籍',
model: 'nationality',
required: true
},
{
type: 'datePicker',
label: '参加工作年份',
model: 'date_of_starting_to_work',
required: true,
attrs: { type: 'year', 'value-format': 'yyyy' }
},
{
type: 'input',
label: '手机号',
model: 'phone_number',
required: true
},
{
type: 'input',
label: '邮箱',
model: 'email',
required: true,
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
{
type: 'input',
label: 'QQ号',
model: 'qq_account',
required: true
},
{
type: 'input',
label: '微信号',
model: 'we_chat_account',
required: true
},
{
type: 'input',
label: '邮寄地址',
model: 'mailing_address',
required: true
},
{
type: 'input',
label: '紧急联系人',
model: 'emergency_contact_name',
required: true
},
{
type: 'input',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
required: true
},
{
type: 'select',
values: [
{ label: '请选择', value: '0' },
{ label: '四级', value: '4' },
{ label: '六级', value: '3' },
{ label: '托福', value: '1' },
{ label: '雅思', value: '2' }
],
label: '英语水平',
model: 'english_level',
required: true
},
{
type: 'input',
label: '托福/雅思成绩',
model: 'english_score',
required: true
},
{
type: 'select',
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',
required: true
}
],
tabs: [
{
title: '个人信息',
progress: 0,
get: {
action: '/api/v1/enrollment/profiles?project_id=1001'
},
update: {
action: '/api/v1/enrollment/profiles/6614756225840054272'
},
form: {
options: {
labelWidth: '160px'
},
model: {
real_name_cn: '王鹏飞',
real_name_en: 'Max',
id_type: '0',
id_number: 'xxxxxxx',
birthday: '1994-02-19',
gender: '1',
nationality: '1',
city: '2,52',
date_of_starting_to_work: '2010',
phone_number: 'xxxx',
email: 'xxxxx@163.com',
qq_account: 'xxxx',
we_chat_account: 'xxxx',
mailing_address: '北京',
emergency_contact_name: 'xxxxxx',
emergency_contacts_phone: 'xxxxx',
english_level: '2',
english_score: '12',
channel: '12',
address_province: '2',
address_city: '52',
project_id: '1001'
},
items: [
{
type: 'input',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
},
{
type: 'input',
label: '英文名（姓名全拼）',
model: 'real_name_en',
required: true
},
{
type: 'select',
values: [
{ label: '居民身份证', value: '0' },
{ label: '港澳台身份证', value: '1' },
{ label: '护照号', value: '2' },
{ label: '军官证', value: '3' },
{ label: '其他', value: '9' }
],
label: '证件类型',
model: 'id_type',
required: true
},
{
type: 'input',
label: '证件号码',
model: 'id_number',
required: true
},
{
type: 'datePicker',
label: '出生日期',
model: 'birthday',
required: true,
attrs: { type: 'date', 'value-format': 'yyyy-MM-dd' }
},
{
type: 'radioGroup',
values: [
{ label: '男', value: '1' },
{ label: '女', value: '2' }
],
label: '性别',
model: 'gender',
required: true
},
{
type: 'select',
values: [
{ label: '中国', value: '1' },
{ label: '其他国家', value: '9' }
],
label: '国籍',
model: 'nationality',
required: true
},
{
type: 'datePicker',
label: '参加工作年份',
model: 'date_of_starting_to_work',
required: true,
attrs: { type: 'year', 'value-format': 'yyyy' }
},
{
type: 'input',
label: '手机号',
model: 'phone_number',
required: true
},
{
type: 'input',
label: '邮箱',
model: 'email',
required: true,
hint: '（后续报名信息将发送至此邮箱，请认真填写）'
},
{
type: 'input',
label: 'QQ号',
model: 'qq_account',
required: true
},
{
type: 'input',
label: '微信号',
model: 'we_chat_account',
required: true
},
{
type: 'input',
label: '邮寄地址',
model: 'mailing_address',
required: true
},
{
type: 'input',
label: '紧急联系人',
model: 'emergency_contact_name',
required: true
},
{
type: 'input',
label: '紧急联系电话',
model: 'emergency_contacts_phone',
required: true
},
{
type: 'select',
values: [
{ label: '请选择', value: '0' },
{ label: '四级', value: '4' },
{ label: '六级', value: '3' },
{ label: '托福', value: '1' },
{ label: '雅思', value: '2' }
],
label: '英语水平',
model: 'english_level',
required: true
},
{
type: 'input',
label: '托福/雅思成绩',
model: 'english_score',
required: true
},
{
type: 'select',
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',
required: true
}
]
}
},
{
title: '教育背景',
progress: 0,
get: {
action: '/api/v1/enrollment/profiles?project_id=1001'
},
update: {
action: '/api/v1/enrollment/profiles/6614756225840054272'
},
form: {
options: {
labelWidth: '160px'
},
model: {
real_name_cn: '王鹏飞',
real_name_en: 'Max',
id_type: '0',
id_number: 'xxxxxxx',
birthday: '1994-02-19',
gender: '1',
nationality: '1',
city: '2,52',
date_of_starting_to_work: '2010',
phone_number: 'xxxx',
email: 'xxxxx@163.com',
qq_account: 'xxxx',
we_chat_account: 'xxxx',
mailing_address: '北京',
emergency_contact_name: 'xxxxxx',
emergency_contacts_phone: 'xxxxx',
english_level: '2',
english_score: '12',
channel: '12',
address_province: '2',
address_city: '52',
project_id: '1001'
},
items: [
{
type: 'input',
label: '姓名',
model: 'real_name_cn',
placeholder: '123123',
rules: [
{
required: true,
message: '请输入活动名称',
trigger: 'blur'
},
{
min: 3,
max: 5,
message: '长度在 3 到 5 个字符',
trigger: 'blur'
}
]
},
{
type: 'input',
label: '英文名（姓名全拼）',
model: 'real_name_en',
required: true
},
{
type: 'select',
values: [
{ label: '居民身份证', value: '0' },
{ label: '港澳台身份证', value: '1' },
{ label: '护照号', value: '2' },
{ label: '军官证', value: '3' },
{ label: '其他', value: '9' }
],
label: '证件类型',
model: 'id_type',
required: true
},
{
type: 'input',
label: '证件号码',
model: 'id_number',
required: true
},
{
type: 'datePicker',
label: '出生日期',
model: 'birthday',
required: true,
attrs: { type: 'date', 'value-format': 'yyyy-MM-dd' }
},
{
type: 'radioGroup',
values: [
{ label: '男', value: '1' },
{ label: '女', value: '2' }
],
label: '性别',
model: 'gender',
required: true
},
{
type: 'select',
values: [
{ label: '中国', value: '1' },
{ label: '其他国家', value: '9' }
],
label: '国籍',
model: 'nationality',
required: true
},
{
type: 'datePicker',
label: '参加工作年份',
model: 'date_of_starting_to_work',
required: true,
attrs: { type: 'year', 'value-format': 'yyyy' }
},
{
type: 'input',
label: '手机号',
model: 'phone_number',
required: true
}
]
}
}
]
}
},
methods: {
onSubmit(data) {
console.log(data)
}
}
}
</script>
examples/main.js
浏览文件 @ b0349d79
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)
......
package.json
浏览文件 @ b0349d79
{ {
"name": "@ezijing/vue-form", "name": "@ezijing/vue-form",
"version": "0.1.4", "version": "0.1.3",
"description": "基于Vue Element-UI的表单", "description": "基于Vue Element-UI的表单",
"main": "dist/vue-form.umd.min.js", "main": "dist/vue-form.umd.min.js",
"keywords": [ "keywords": [
......
src/components/elem-form/date-picker-form/src/datePickerForm.vue
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:key="item.model" :key="item.model"
:prop="item.model" :prop="item.model"
:label="item.label || ''" :label="item.label || ''"
:label-width="item.labelWidth || item['label-width'] || '100px'" :label-width="item.labelWidth || item['label-width'] || ''"
:required="item.required || false" :required="item.required || false"
:rules="item.rules || []" :rules="item.rules || []"
:size="item.size" :size="item.size"
......
src/components/elem-form/date-picker-from-to-form/src/datePickerFromToForm.vue
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:key="item.model" :key="item.model"
:prop="item.model" :prop="item.model"
:label="item.label || ''" :label="item.label || ''"
:label-width="item.labelWidth || item['label-width'] || '100px'" :label-width="item.labelWidth || item['label-width'] || ''"
:required="item.required || false" :required="item.required || false"
:rules="item.rules || []" :rules="item.rules || []"
:size="item.size" :size="item.size"
......
src/components/elem-form/input-form/elemInfo.md
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
| ------- | ------------------------- | ------- | ----- | | ------- | ------------------------- | ------- | ----- |
| `type` | 类型：`String`; 说明：组件类型名 | 自定义字段 | `input-form` | | `type` | 类型：`String`; 说明：组件类型名 | 自定义字段 | `input-form` |
| `label` | 类型：`String`; 说明：组件左侧显示名称 | element-ui el-form-item对应字段 | `''` | | `label` | 类型：`String`; 说明：组件左侧显示名称 | element-ui el-form-item对应字段 | `''` |
| `label-width` | 类型：`String`; 说明：组件左侧显示名称宽度（加单位） | element-ui el-form-item对应字段 | `''` | | `label-width` | 类型：`String`; 说明：组件左侧显示名称宽度（加单位），父级设置可以子级继承 | element-ui el-form-item对应字段 | `''` |
| `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` | | `required` | 类型：`Boolean`; 说明：标识是否必填 | element-ui el-form-item对应字段 | `false` |
| `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` | | `disabled` | 类型：`Boolean`; 说明：标识是否只读 | element-ui el-form-item对应字段 | `false` |
| `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` | | `model` | 类型：`String`; 说明：表单提交name值和回显对照字段 | 自定义字段 | `''` |
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
'label': '姓名', 'label': '姓名',
'label-width': '160px', 'label-width': '160px',
'required': false, 'required': false,
'disabled': false 'disabled': false,
'model': 'real_name_cn', 'model': 'real_name_cn',
'model-width': '', 'model-width': '',
'placeholder': '请输入姓名', 'placeholder': '请输入姓名',
......
src/components/elem-form/input-form/src/inputForm.vue
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:key="item.model" :key="item.model"
:prop="item.model" :prop="item.model"
:label="item.label || ''" :label="item.label || ''"
:label-width="item.labelWidth || item['label-width'] || '100px'" :label-width="item.labelWidth || item['label-width'] || ''"
:required="item.required || false" :required="item.required || false"
:rules="item.rules || []" :rules="item.rules || []"
:size="item.size" :size="item.size"
......
src/components/elem-form/radio-group-form/src/radioGroupForm.vue
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:key="item.model" :key="item.model"
:prop="item.model" :prop="item.model"
:label="item.label || ''" :label="item.label || ''"
:label-width="item.labelWidth || item['label-width'] || '100px'" :label-width="item.labelWidth || item['label-width'] || ''"
:required="item.required || false" :required="item.required || false"
:rules="item.rules || []" :rules="item.rules || []"
:size="item.size" :size="item.size"
......
src/components/elem-form/select-form/src/selectForm.vue
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:key="item.model" :key="item.model"
:prop="item.model" :prop="item.model"
:label="item.label || ''" :label="item.label || ''"
:label-width="item.labelWidth || item['label-width'] || '100px'" :label-width="item.labelWidth || item['label-width'] || ''"
:required="item.required || false" :required="item.required || false"
:rules="item.rules || []" :rules="item.rules || []"
:size="item.size" :size="item.size"
......
src/components/elem-form/textarea-form/src/textareaForm.vue
浏览文件 @ b0349d79
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
:key="item.model" :key="item.model"
:prop="item.model" :prop="item.model"
:label="item.label || ''" :label="item.label || ''"
:label-width="item.labelWidth || item['label-width'] || '100px'" :label-width="item.labelWidth || item['label-width'] || ''"
:required="item.required || false" :required="item.required || false"
:rules="item.rules || []" :rules="item.rules || []"
:size="item.size" :size="item.size"
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论