提交 3d45afd4 authored 作者: lihuihui's avatar lihuihui

修改bug

上级 7dc4cdab
......@@ -2,25 +2,25 @@
<div class="reg-form-box">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm forms">
<el-form-item label="学校" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择" class="width100">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-select v-model="ruleForm.region" placeholder="请选择学校" class="width100">
<el-option label="学校一" value="shanghai"></el-option>
<el-option label="学校二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="ruleForm.name"></el-input>
<el-input v-model="ruleForm.name" placeholder="请输入您的姓名"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="phone">
<el-input v-model="ruleForm.phone"></el-input>
<el-input v-model="ruleForm.phone" placeholder="请输入您的手机号"></el-input>
</el-form-item>
<el-form-item label="身份证号" prop="codeId">
<el-input v-model="ruleForm.codeId"></el-input>
<el-input v-model="ruleForm.codeId" placeholder="请输入您的身份证号"></el-input>
</el-form-item>
<el-form-item label="密码" prop="pws">
<el-input v-model="ruleForm.pws"></el-input>
<el-input v-model="ruleForm.pws" placeholder="请输入您的密码"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="qpws">
<el-input v-model="ruleForm.qpws"></el-input>
<el-input v-model="ruleForm.qpws" placeholder="请输入您的密码"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')" class="sub-btn">立即创建</el-button>
......@@ -45,23 +45,23 @@
},
rules: {
name: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
{ required: true, message: '请输入姓名', trigger: 'blur' }
// { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
region: [
{ required: true, message: '请选择活动区域', trigger: 'change' }
{ required: true, message: '请选择学校', trigger: 'change' }
],
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' }
],
codeId: [
{ required: true, message: '请输入', trigger: 'blur' }
{ required: true, message: '请输入身份证号', trigger: 'blur' }
],
pws: [
{ required: true, message: '请输入', trigger: 'blur' }
{ required: true, message: '请输入密码', trigger: 'blur' }
],
qpws: [
{ required: true, message: '请输入', trigger: 'blur' }
{ required: true, message: '请输入密码', trigger: 'blur' }
]
}
};
......
......@@ -35,7 +35,7 @@ export default {
computed: {
setDate() {
return (type) => {
const date = new Date(this.data.created_at)
const date = new Date(this.data.published_time)
let reData = ''
if (type === 'w') {
reData = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]
......
<template>
<div class="form-box">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" label-width="80px" class="forms">
<el-form-item label="姓名" label-width="100px">
<el-input v-model="form.name"></el-input>
<el-input v-model="form.i1"></el-input>
</el-form-item>
<el-form-item label="性别" label-width="100px">
<el-select v-model="form.sex" placeholder="请选择">
<el-select v-model="form.i2" placeholder="请选择" class="width100">
<el-option label="男" value="shanghai"></el-option>
<el-option label="女" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号" label-width="100px">
<el-input v-model="form.phone"></el-input>
<el-input v-model="form.i3"></el-input>
</el-form-item>
<el-form-item label="邮箱" label-width="100px">
<el-input v-model="form.emil"></el-input>
<el-input v-model="form.i4"></el-input>
</el-form-item>
<el-form-item label="发票抬头" label-width="100px">
<el-input v-model="form.fp"></el-input>
<el-input v-model="form.i5"></el-input>
</el-form-item>
<el-form-item label="纳税人识别号" label-width="100px">
<el-input v-model="form.num"></el-input>
<el-input v-model="form.i6"></el-input>
</el-form-item>
<el-form-item label="职务" label-width="100px">
<el-input v-model="form.zw"></el-input>
<el-input v-model="form.i7"></el-input>
</el-form-item>
<el-form-item label="单/合住" label-width="100px">
<el-select v-model="form.zf" placeholder="请选择">
<el-option label="" value="shanghai"></el-option>
<el-option label="" value="beijing"></el-option>
<el-select v-model="form.i8" placeholder="请选择" class="width100">
<el-option label="单住" value="shanghai"></el-option>
<el-option label="合住" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="付款方式" label-width="100px">
<el-select v-model="form.fk" placeholder="请选择">
<el-option label="" value="shanghai"></el-option>
<el-option label="" value="beijing"></el-option>
<el-select v-model="form.i9" placeholder="请选择" class="width100">
<el-option label="微信" value="shanghai"></el-option>
<el-option label="支付宝" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="身份证号" label-width="100px">
<el-input v-model="form.code"></el-input>
<el-input v-model="form.i10"></el-input>
</el-form-item>
<el-form-item label="地址" label-width="100px">
<el-input type="textarea" v-model="form.desc"></el-input>
<el-input type="textarea" v-model="form.i11"></el-input>
</el-form-item>
<el-form-item label="培训需求" label-width="100px">
<el-input type="textarea" v-model="form.xq"></el-input>
<el-input type="textarea" v-model="form.i12"></el-input>
</el-form-item>
<el-form-item label-width="100px">
<!-- <el-form-item label-width="100px">
<el-upload
class="upload-demo"
drag
......@@ -56,8 +56,8 @@
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
</el-form-item>
<el-form-item>
</el-form-item> -->
<el-form-item label-width="100px">
<el-button type="primary" @click="onSubmit">提交</el-button>
<el-button @click="back">返回</el-button>
</el-form-item>
......@@ -69,16 +69,38 @@ export default {
data() {
return {
form: {
name: '',
sex: '',
phone: '',
emil: ''
i1: '',
i2: '',
i3: '',
i4: '',
i5: '',
i6: '',
i7: '',
i8: '',
i9: '',
i10: '',
i11: '',
i12: ''
}
}
},
methods: {
onSubmit() {
console.log('submit!');
const isN = Object.values(this.form).find(item => {
return item === '' ? false : true
})
console.log(Object.values(this.form))
if (isN === undefined) {
this.$message('请完善信息');
} else {
this.$message({
message: '提交成功',
type: 'success'
})
setTimeout(() => {
this.back()
}, 2000)
}
},
back() {
this.$router.go(-1)
......@@ -89,7 +111,25 @@ export default {
<style lang="scss" scoped>
.form-box{
padding: 30px 0;
width: 500px;
width: 400px;
margin: 0 auto;
.width100{
width: 100%;
}
}
.reg-form-box{
width: 380px;
margin: 0 auto;
padding: 24px 0;
}
::v-deep{
.forms{
i {
font-size: 20px;
}
input{
border-radius: 4px;
}
}
}
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论