81 lines
1.8 KiB
Vue
81 lines
1.8 KiB
Vue
|
<script >
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
ruleForm: {
|
||
|
|
name: '',
|
||
|
|
region: '',
|
||
|
|
date1: '',
|
||
|
|
date2: '',
|
||
|
|
delivery: false,
|
||
|
|
type: [],
|
||
|
|
resource: '',
|
||
|
|
desc: ''
|
||
|
|
},
|
||
|
|
rules: {
|
||
|
|
name: [
|
||
|
|
{ required: true, message: '请输入活动名称', trigger: 'blur' },
|
||
|
|
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
||
|
|
],
|
||
|
|
region: [
|
||
|
|
{ required: true, message: '请选择活动区域', trigger: 'change' }
|
||
|
|
],
|
||
|
|
date1: [
|
||
|
|
{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
||
|
|
],
|
||
|
|
date2: [
|
||
|
|
{ type: 'date', required: true, message: '请选择时间', trigger: 'change' }
|
||
|
|
],
|
||
|
|
type: [
|
||
|
|
{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
|
||
|
|
],
|
||
|
|
resource: [
|
||
|
|
{ required: true, message: '请选择活动资源', trigger: 'change' }
|
||
|
|
],
|
||
|
|
desc: [
|
||
|
|
{ required: true, message: '请填写活动形式', trigger: 'blur' }
|
||
|
|
]
|
||
|
|
}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
submitForm(formName) {
|
||
|
|
this.$refs[formName].validate((valid) => {
|
||
|
|
if (valid) {
|
||
|
|
alert('submit!');
|
||
|
|
} else {
|
||
|
|
console.log('error submit!!');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
resetForm(formName) {
|
||
|
|
this.$refs[formName].resetFields();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||
|
|
|
||
|
|
<el-input v-model="ruleForm.name">
|
||
|
|
<template slot="append">元</template>
|
||
|
|
</el-input>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.hui-size{
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
</style>
|