bladex前端ui项目,基于avue-cli2.0开发 包含基础工作流,不包含表单设计器 https://git.javablade.com/blade/Saber
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
2.3 KiB

<template>
<basic-container>
<avue-form :option="option" v-model="form" @submit="handleSubmit"></avue-form>
</basic-container>
</template>
<script>
export default {
data() {
return {
form: {
},
option: {
group:[
{
icon:'el-icon-info',
label: '请假基础信息',
prop: 'group1',
column: [
{
label: '审批人员',
prop: 'taskUser',
type: 'select',
dicUrl: `/api/blade-user/user-list`,
props: {
label: "account",
value: "id"
},
span:24,
rules: [
{
required: true,
message: '请选择审批人员',
trigger: 'blur'
}
]
},
{
label: '开始时间',
prop: 'startTime',
type: 'datetime',
rules: [
{
required: true,
message: '请选择开始时间',
trigger: 'blur'
}
]
},
{
label: '结束时间',
prop: 'endTime',
type: 'datetime',
rules: [
{
required: true,
message: '请选择结束时间',
trigger: 'blur'
}
]
},
{
label: '请假理由',
prop: 'reason',
type: 'textarea',
span:24,
rules: [
{
required: true,
message: '请输入请假理由',
trigger: 'blur'
}
]
},
]
},
],
}
}
},
methods: {
handleSubmit() {
this.$message.success('当前数据' + JSON.stringify(this.form))
}
}
}
</script>