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

修改bug

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