UDI
/
udi-cpt-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

用户填写信息表

Browse Source
master
CTP 2 years ago
parent 1e5ca96c37
commit 2aad8ad608
2 changed files with 215 additions and 279 deletions
Show Stats Download Patch File Download Diff File

190
src/views/register.vue
Unescape Escape View File

@ -33,94 +33,6 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<!-- 用户信息填写 -->
<!-- <div v-show="activeSetp === 1">
<el-form
label-width="135px"
:model="userForm"
:rules="rulesUserForm"
ref="userForm"
class="userForm"
label-position="right"
>
<el-form-item label="手机号码(唯一)" prop="mobile">
<el-input
placeholder="请输入手机号码"
v-model="userForm.mobile"
></el-input>
</el-form-item>
<el-form-item label="企业名称(唯一)" prop="companyName">
<el-input
placeholder="请输入企业名称"
v-model="userForm.companyName"
></el-input>
</el-form-item>
<el-form-item label="社会信用号(唯一)" prop="creditNum">
<el-input
placeholder="请输入企业社会信用号"
v-model="userForm.creditNum"
></el-input>
</el-form-item>
<el-form-item label="企业类型" prop="bussinessStatus">
<el-select
v-model="userForm.bussinessStatus"
placeholder="请选择企业类型"
>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人名称" prop="legalPerson">
<el-input
placeholder="请输入法人名称"
v-model="userForm.legalPerson"
></el-input>
</el-form-item>
<el-form-item label="法人身份证号(唯一) " prop="legalldCard">
<el-input
placeholder="请输入法人身份证号"
v-model="userForm.legalldCard"
></el-input>
</el-form-item>
<el-form-item label="注册地址" prop="registerAddress">
<el-input
placeholder="请输入注册地址"
v-model="userForm.registerAddress"
></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="contactWay">
<el-input
placeholder="请输入联系方式"
v-model="userForm.contactWay"
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input
placeholder="请输入邮箱"
v-model="userForm.email"
></el-input>
</el-form-item>
<el-form-item label="注册状态" prop="checkStatus">
<el-select disabled v-model="userForm.checkStatus">
<el-option label="未审核" value="0"></el-option>
<el-option label="已审核" value="1"></el-option>
<el-option label="未通过" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="comments">
<el-input v-model="userForm.comments"></el-input>
</el-form-item>
<el-form-item>
<el-button
type="primary"
class="bntNext"
@click="submitUserForm('userForm')"
>下一步</el-button
>
</el-form-item>
</el-form>
</div> -->
</template> </template>
<script> <script>
@ -138,41 +50,6 @@ export default {
callback(); callback();
} }
}; };
//限制输入正确的邮箱
const validateEmail = (rule, value, callback) => {
if (
/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/.test(
value
) === false
) {
callback(new Error("请输入正确的邮箱地址"));
} else {
// 校验通过
callback();
}
};
//限制统一信用号
const validatePatt = (rule, value, callback) => {
if (
/^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/.test(
value
) === false
) {
callback(new Error("请输入有效的的社会统一信用号"));
} else {
// 校验通过
callback();
}
};
//限制身份证号码
const validateIdentity = (rule, value, callback) => {
if (/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value) === false) {
callback(new Error("请输入正确的身份证号码"));
} else {
// 校验通过
callback();
}
};
return { return {
btnTitle: "获取验证码", btnTitle: "获取验证码",
isTimer: false, isTimer: false,
@ -189,56 +66,6 @@ export default {
{ required: true, message: "请输入手机验证码", trigger: "blur" }, { required: true, message: "请输入手机验证码", trigger: "blur" },
], ],
}, },
userForm: {
mobile: null, //手机号码
companyName: null, //企业名称
creditNum: null, //社会信用号
bussinessStatus: null, //企业类型
legalPerson: null, //法人名称
legalldCard: null, //法人身份证号
registerAddress: null, //注册地址
contactWay: null, //练习方式
email: null, //邮箱
checkStatus: null, //注册状态
comments: null, //备注
},
rulesUserForm: {
mobile: [
{ required: true, message: "请输入手机号码", trigger: "blur" },
{ validator: validatePhone, trigger: "blur" },
],
companyName: [
{ required: true, message: "请输入企业名称", trigger: "blur" },
],
creditNum: [
{ required: true, message: "请输入社会信用号", trigger: "blur" },
{ validator: validatePatt, trigger: "blur" },
],
bussinessStatus: [
{ required: true, message: "请选择企业类型", trigger: "change" },
],
legalPerson: [
{ required: true, message: "请输入法人名称", trigger: "blur" },
],
legalldCard: [
{ required: true, message: "请输入法人身份证号", trigger: "blur" },
{ validator: validateIdentity, trigger: "blur" },
],
registerAddress: [
{ required: true, message: "请输入注册地址", trigger: "blur" },
],
contactWay: [
{ required: true, message: "请输入联系方式", trigger: "blur" },
{ validator: validatePhone, trigger: "blur" },
],
email: [
{ required: true, message: "请输入邮箱", trigger: "blur" },
{ validator: validateEmail, trigger: "blur" },
],
checkStatus: [
{ required: true, message: "注册状态", trigger: "change" },
],
},
}; };
}, },
created() {}, created() {},
@ -289,23 +116,6 @@ export default {
} }
}); });
}, },
//用户信息填写 表单
/* submitUserForm(userForm) {
this.$refs[userForm].validate((valid) => {
if (valid) {
const data = this.userForm;
this.$message.error("提交成功,请等待审核");
registerSave(data).then((response) => {
if (response.code === 20000) {
this.$message.error("提交成功,请等待审核");
} else {
this.$message.error(response.message);
}
});
}
});
} */
}, },
}; };
</script> </script>

304
src/views/userInformation.vue
Unescape Escape View File

@ -1,96 +1,186 @@
<template> <template>
<!-- 用户信息填写 --> <!-- 用户信息填写 页面-->
<el-card class="userInformation"> <el-card class="userInformation">
<el-form <!-- 用户填写信息表单 -->
label-width="135px" <div>
:model="userForm" <h2 style="text-align: center">用户注册表</h2>
:rules="rulesUserForm" <div style="display: flex">
ref="userForm" <!-- 审核认证 -->
class="userForm" <el-form
label-position="right" style="margin: 20px; width: 300px"
> label-width="80px"
<h4 style="text-align: center">新用户注册表</h4> label-position="right"
<el-form-item label="手机号码(唯一)" prop="mobile"> :model="certificationForm"
<el-input
placeholder="请输入手机号码"
v-model="userForm.mobile"
></el-input>
</el-form-item>
<el-form-item label="企业名称(唯一)" prop="companyName">
<el-input
placeholder="请输入企业名称"
v-model="userForm.companyName"
></el-input>
</el-form-item>
<el-form-item label="社会信用号(唯一)" prop="creditNum">
<el-input
placeholder="请输入企业社会信用号"
v-model="userForm.creditNum"
></el-input>
</el-form-item>
<el-form-item label="企业类型" prop="bussinessStatus">
<el-select
v-model="userForm.bussinessStatus"
placeholder="请选择企业类型"
> >
<el-option label="生产企业" value="1"></el-option> <h3 style="text-align: center">审核认证记录表ID</h3>
<el-option label="流通企业" value="2"></el-option> <el-form-item label="操作类型">
<el-option label="医疗机构" value="3"></el-option> <el-input
</el-select> disabled
</el-form-item> v-model="certificationForm.operationType"
<el-form-item label="法人名称" prop="legalPerson"> ></el-input>
<el-input </el-form-item>
placeholder="请输入法人名称" <el-form-item label="操作结果">
v-model="userForm.legalPerson" <el-input
></el-input> disabled
</el-form-item> v-model="certificationForm.checkResult"
<el-form-item label="法人身份证号(唯一) " prop="legalldCard"> ></el-input>
<el-input </el-form-item>
placeholder="请输入法人身份证号" <el-form-item label="结果说明">
v-model="userForm.legalldCard" <el-input
></el-input> disabled
</el-form-item> v-model="certificationForm.resultExplain"
<el-form-item label="注册地址" prop="registerAddress"> ></el-input>
<el-input </el-form-item>
placeholder="请输入注册地址" <el-form-item label="记录时间">
v-model="userForm.registerAddress" <el-input
></el-input> disabled
</el-form-item> v-model="certificationForm.createTime"
<el-form-item label="联系方式" prop="contactWay"> ></el-input>
<el-input </el-form-item>
placeholder="请输入联系方式" <el-form-item label="主键ID">
v-model="userForm.contactWay" <el-input
></el-input> disabled
</el-form-item> v-model="certificationForm.businessld"
<el-form-item label="邮箱" prop="email"> ></el-input>
<el-input placeholder="请输入邮箱" v-model="userForm.email"></el-input> </el-form-item>
</el-form-item> </el-form>
<!-- <el-form-item label="注册状态" prop="checkStatus"> <!-- 企业信息 -->
<el-select disabled v-model="userForm.checkStatus"> <el-form
label-width="135px"
:model="firmForm"
:rules="rulesFirmForm"
ref="firmForm"
label-position="right"
style="margin: 20px; width: 400px"
>
<h3 style="text-align: center">企业信息</h3>
<el-form-item label="企业名称" prop="companyName">
<el-input
placeholder="请输入企业名称"
v-model="firmForm.companyName"
></el-input>
</el-form-item>
<el-form-item label="社会统一信用号" prop="creditNum">
<el-input
placeholder="请输入企业统一社会信用号"
v-model="firmForm.creditNum"
></el-input>
</el-form-item>
<el-form-item label="企业类型" prop="bussinessStatus">
<el-select
v-model="firmForm.bussinessStatus"
placeholder="请选择企业类型"
>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="法人名称" prop="legalPerson">
<el-input
placeholder="请输入法人名称"
v-model="firmForm.legalPerson"
></el-input>
</el-form-item>
<el-form-item label="法人身份证号" prop="legalldCard">
<el-input
placeholder="请输入法人身份证号"
v-model="firmForm.legalldCard"
></el-input>
</el-form-item>
<el-form-item label="注册地址" prop="registerAddress">
<el-input
placeholder="请输入注册地址"
v-model="firmForm.registerAddress"
></el-input>
</el-form-item>
<el-form-item label="联系方式" prop="contactWay">
<el-input
placeholder="请输入联系方式"
v-model="firmForm.contactWay"
></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input
placeholder="请输入邮箱"
v-model="firmForm.email"
></el-input>
</el-form-item>
<!-- <el-form-item label="注册状态" prop="checkStatus">
<el-select disabled v-model="firmForm.checkStatus">
<el-option label="未审核" value="0"></el-option> <el-option label="未审核" value="0"></el-option>
<el-option label="已审核" value="1"></el-option> <el-option label="已审核" value="1"></el-option>
<el-option label="未通过" value="2"></el-option> <el-option label="未通过" value="2"></el-option>
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item label="备注" prop="comments"> <el-form-item label="备注" prop="comments">
<el-input v-model="userForm.comments"></el-input> <el-input v-model="firmForm.comments"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
class="bntNext" class="bntNext"
@click="submitUserForm('userForm')" @click="submitfirmForm('firmForm')"
>提交</el-button >提交</el-button
>
</el-form-item>
</el-form>
<!-- 企业负责人信息 -->
<el-form
label-width="80px"
class="userForm"
label-position="right"
style="margin: 20px; width: 300px"
> >
</el-form-item> <h4 style="text-align: center">企业负责人信息</h4>
</el-form> <el-form-item label="姓名">
<div class="audit"> <el-input placeholder="请输入姓名"></el-input> </el-form-item
<el-form> </el-form> ><el-form-item label="电话">
<el-input placeholder="请输入电话"></el-input> </el-form-item
><el-form-item label="手机">
<el-input placeholder="请输入手机"></el-input> </el-form-item
><el-form-item label="QQ">
<el-input placeholder="请输入QQ"></el-input> </el-form-item
><el-form-item label="微信">
<el-input placeholder="请输入微信"></el-input> </el-form-item
><el-form-item label="邮箱">
<el-input placeholder="请输入邮箱"></el-input>
</el-form-item>
</el-form>
</div>
<!-- 资质证书表格 -->
<div
style="
display: flex;
justify-content: space-between;
margin: 50px 20px 20px;
"
>
<span>企业资质证书</span>
<el-button type="success">添加资质证书</el-button>
</div>
<el-table :data="tableData" border style="width: 100%">
<el-table-column fixed prop="date" label="证书名称"> </el-table-column>
<el-table-column prop="name" label="证书编号"> </el-table-column>
<el-table-column prop="province" label="起始日期"> </el-table-column>
<el-table-column prop="city" label="有效期至"> </el-table-column>
<el-table-column prop="address" label="证书文件"> </el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>查看</el-button
>
<el-button type="text" size="small">编辑</el-button>
<el-button type="text" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
</div> </div>
</el-card> </el-card>
</template> </template>
<script> <script>
import { registerSave } from "@/api//login";
export default { export default {
name: "userInformation", name: "userInformation",
data() { data() {
@ -139,7 +229,15 @@ export default {
} }
}; };
return { return {
userForm: { checkResult: "已通过", //审核结果
certificationForm: {
operationType: "新用户审核/企业认证", //操作类型
checkResult: "已通过", //操作结果
resultExplain: "通过通过", //结果说明
createTime: "20250101", //记录时间
businessld: "1111", //被操作表主键ID,企业信息表
},
firmForm: {
mobile: null, //手机号码 mobile: null, //手机号码
companyName: null, //企业名称 companyName: null, //企业名称
creditNum: null, //社会信用号 creditNum: null, //社会信用号
@ -152,7 +250,7 @@ export default {
//checkStatus: null, //注册状态 //checkStatus: null, //注册状态
comments: null, //备注 comments: null, //备注
}, },
rulesUserForm: { rulesFirmForm: {
mobile: [ mobile: [
{ required: true, message: "请输入手机号码", trigger: "blur" }, { required: true, message: "请输入手机号码", trigger: "blur" },
{ validator: validatePhone, trigger: "blur" }, { validator: validatePhone, trigger: "blur" },
@ -189,17 +287,38 @@ export default {
{ required: true, message: "注册状态", trigger: "change" }, { required: true, message: "注册状态", trigger: "change" },
], ],
}, },
tableData: [
{
date: "资质证书1",
name: "111111",
province: "20201010",
city: "20301010",
address: "",
},
{
date: "资质证书1",
name: "111111",
province: "20201010",
city: "20301010",
address: "",
},
{
date: "资质证书1",
name: "111111",
province: "20201010",
city: "20301010",
address: "",
},
],
}; };
}, },
created() {}, created() {},
methods: { methods: {
//用户信息填写 表单 //用户信息填写 表单
submitUserForm(userForm) { submitFirmForm(firmForm) {
console.log("222"); this.$refs[firmForm].validate((valid) => {
this.$refs[userForm].validate((valid) => {
if (valid) { if (valid) {
const data = this.userForm; const data = this.firmForm;
this.$message.error("提交成功,请等待审核");
registerSave(data).then((response) => { registerSave(data).then((response) => {
if (response.code === 20000) { if (response.code === 20000) {
this.$message.error("提交成功,请等待审核"); this.$message.error("提交成功,请等待审核");
@ -210,15 +329,22 @@ export default {
} }
}); });
}, },
//资质证书
handleClick(row) {
console.log(row);
},
}, },
}; };
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.userInformation { .userInformation {
.userForm { .el-card__body {
margin: 100px 0 0 100px; display: flex;
width: 335px; justify-content: center;
}
.el-input {
width: 200px;
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save