Skip to content

S
source-trace-manage
Commit cffbfb55 authored by chenqikuai's avatar chenqikuai
Browse files
Options

fix: 修复错误提示

parent 0f890eea
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 506 additions and 365 deletions
src/service/Api.service.ts
View file @ cffbfb55
......@@ -119,6 +119,8 @@ export function enterBaseInfo(info: object) {
type: "post",
url: GO_URLS.basic,
params: info,
}, {
doNotToastErr: true
});
}
......@@ -128,6 +130,8 @@ export function enterBank(info: object) {
type: "post",
url: GO_URLS.bank,
params: info,
}, {
doNotToastErr: true
});
}
......
src/service/index.ts
View file @ cffbfb55
......@@ -32,7 +32,10 @@ function length(o: any) {
return count;
}
// ajax
async function $ajax(param: PostParam | GetParam) {
async function $ajax(
param: PostParam | GetParam,
{ doNotToastErr } = { doNotToastErr: false }
) {
try {
const type = param.type.toLowerCase();
const result: AxiosRequestConfig = {
......@@ -75,7 +78,8 @@ async function $ajax(param: PostParam | GetParam) {
// ?????? 跳转
return null;
} else {
if ([11032, 11033, 11097, 11002].indexOf(res.data.code) == -1) {
if (doNotToastErr) return res.data;
if ([11032, 11033, 11097, 11002, 7000].indexOf(res.data.code) == -1) {
ElMessage(res.data.msg);
return null;
}
......
src/views/pass/PassList/TransferPass.vue
View file @ cffbfb55
......@@ -209,9 +209,6 @@ export default defineComponent({
padding-right: 22px;
}
.el-form-item__content {
height: 35px;
line-height: 35px;
.el-input {
width: 420px;
height: 35px;
......
src/views/userCenter/CompanyVerify/StepOne.vue
View file @ cffbfb55
......@@ -5,23 +5,40 @@
label-position="right"
label-width="125px"
class="form"
:model="company"
:rules="rules"
ref="company"
>
<el-form-item label="企业名称" class="form-item">
<el-form-item
label="企业名称"
class="form-item"
prop="name"
:error="errors.name"
>
<syDialogInput
class="w-full"
v-model:value="company.name"
placeholder="请输入企业名称"
></syDialogInput>
</el-form-item>
<el-form-item label="证件号" class="form-item">
<el-form-item
label="证件号"
class="form-item"
prop="uscd"
:error="errors.uscd"
>
<syDialogInput
class="w-full"
v-model:value="company.uscd"
placeholder="请输入统一社会信用代码或组织机构代码"
></syDialogInput>
</el-form-item>
<el-form-item label="法人姓名" class="form-item">
<el-form-item
label="法人姓名"
class="form-item"
prop="corporations_name"
:error="errors.corporations_name"
>
<syDialogInput
class="w-full"
v-model:value="company.corporations_name"
......@@ -42,7 +59,13 @@
</template>
<script lang="ts">
import { enterBaseInfo } from "@/service/Api.service";
import { ElMessage, ElInput, ElFormItem, ElForm } from "element-plus";
import {
ElMessage,
ElInput,
ElFormItem,
ElForm,
FormInstance,
} from "element-plus";
import { syButton, syDialogInput } from "cqk-sy-ui";
import { defineComponent } from "vue";
export default defineComponent({
......@@ -55,55 +78,63 @@ export default defineComponent({
},
data() {
return {
errors: {
name: "",
uscd: "",
corporations_name: "",
},
company: {
name: "",
uscd: "",
corporations_name: "",
},
rules: {
name: [{ required: true, message: "企业名称不可为空" }],
uscd: [{ required: true, message: "证件号不可为空" }],
corporations_name: [{ required: true, message: "法人姓名不可为空" }],
},
disabled: false,
};
},
methods: {
async confirm() {
if (this.company.name.trim() === "") {
ElMessage("企业名称不可为空");
return;
} else if (this.company.uscd.trim() === "") {
ElMessage("证件号不可为空");
return;
} else if (this.company.corporations_name.trim() === "") {
ElMessage("法人姓名不可为空");
return;
}
this.disabled = true;
const res = await enterBaseInfo(this.company);
if (res && res.code === 200) {
ElMessage({
message: "企业基本信息录入成功。",
type: "success",
});
this.$emit("success");
}else{
ElMessage.error(res?.msg)
}
this.disabled = false;
const formEl = this.$refs.company as FormInstance;
formEl.validate(async (isValid) => {
if (!isValid) return;
this.disabled = true;
const res = await enterBaseInfo(this.company);
if (res && res.code === 200) {
ElMessage({
message: "企业基本信息录入成功。",
type: "success",
});
this.$emit("success");
} else {
if (res?.msg) {
const config = [
{ p: /企业/, fieldName: "name" },
{ p: /(证件)?(统一社会信)?/, fieldName: "uscd" },
{ p: /姓名/, fieldName: "corporations_name" },
] as const;
const match = config.find((i) => i.p.test(res?.msg));
match
? (this.errors[match.fieldName] =
res.msg +
`${
(this.errors[match.fieldName].slice(-2) === " " && " ") ||
" "
}`)
: ElMessage.error(res?.msg);
}
}
this.disabled = false;
});
},
},
});
</script>
<style lang="scss">
.step-one {
.el-form-item__label {
line-height: 40px;
}
.el-input__inner,
.el-input,
.el-form-item__content {
height: 40px !important;
}
}
</style>
<style lang="scss"></style>
<style lang="scss" scoped>
.step-one {
.title {
......
src/views/userCenter/CompanyVerify/StepThree.vue
View file @ cffbfb55
......@@ -2,19 +2,22 @@
<div class="step-three g-flex-center">
<div class="content">
<i class="iconfont iconbianzu1"></i>
<h3>已成功为您的企业对公账户打款，请输入金额验证。</h3>
<syDialogInput
placeholder="请输入金额"
class="assets-input"
v-model:value="remitMoney"
></syDialogInput>
<span
class="tip"
@mouseenter="showTip = true"
@mouseleave="showTip = false"
>?</span
>
<p>请输入收到的金额您一共有两次机会</p>
<h3 class="font-bold ">已成功为您的企业对公账户打款，请输入金额验证。</h3>
<div class="flex items-center">
<syDialogInput
type="number"
placeholder="请输入金额"
class="assets-input"
v-model:value="remitMoney"
></syDialogInput>
<span
class="tip"
@mouseenter="showTip = true"
@mouseleave="showTip = false"
>?</span
>
</div>
<p class=" text-sm">请输入收到的金额您一共有两次机会</p>
<em v-show="showTip === true"></em>
<div class="tip-msg" v-show="showTip === true">
系统会为您公司账户打入一笔金额为0.01-0.09
......@@ -60,8 +63,8 @@ export default defineComponent({
type: "success",
});
this.$emit("success");
}else{
ElMessage.error(res?.msg)
} else {
ElMessage.error(res?.msg);
}
this.disabled = false;
},
......
src/views/userCenter/CompanyVerify/StepTwo.vue
View file @ cffbfb55
......@@ -4,38 +4,64 @@
<el-form
label-position="right"
label-width="120px"
ref="form"
:rules="rules"
:model="account"
class="form"
class="form-step2"
>
<el-form-item label="对公户名" class="form-item">
<el-form-item
label="对公户名"
class="form-item"
prop="tp_name"
:error="errors.tp_name"
>
<syDialogInput
v-model:value="account.tp_name"
placeholder="请输入对公户名"
></syDialogInput>
</el-form-item>
<el-form-item label="对公账户" class="form-item">
<el-form-item
label="对公账户"
class="form-item"
prop="bank_card"
:error="errors.bank_card"
>
<syDialogInput
v-model:value="account.bank_card"
placeholder="请输入对公银行账户"
></syDialogInput>
</el-form-item>
<!-- 调整部分 -->
<el-form-item label="开户银行" class="form-item">
<el-autocomplete
class="inline-input"
<el-form-item
label="开户银行"
class="form-item"
prop="bank_name"
:error="errors.bank_name"
>
<syAutoComplete
v-model="account.bank_name"
:fetch-suggestions="querySearch"
placeholder="请输入开户银行"
></el-autocomplete>
></syAutoComplete>
</el-form-item>
<!-- 调整部分 -->
<el-form-item label="开户城市" class="form-item">
<el-form-item
label="开户城市"
class="form-item"
prop="city"
:error="errors.city"
>
<syDialogInput
v-model:value="account.city"
placeholder="请输入开户城市"
></syDialogInput>
</el-form-item>
<el-form-item label="开户支行" class="form-item">
<el-form-item
label="开户支行"
class="form-item"
prop="sub_branch"
:error="errors.sub_branch"
>
<syDialogInput
v-model:value="account.sub_branch"
placeholder="请输入开户支行"
......@@ -55,13 +81,14 @@
<script lang="ts">
import { defineComponent } from "vue";
import { enterBank } from "@/service/Api.service";
import { GO_URLS, syButton, syDialogInput } from "cqk-sy-ui";
import { GO_URLS, syButton, syDialogInput, syAutoComplete } from "cqk-sy-ui";
import {
ElMessage,
ElFormItem,
ElForm,
ElInput,
ElAutocomplete,
FormInstance,
} from "element-plus";
import { $ajax } from "@/service";
export default defineComponent({
......@@ -72,10 +99,25 @@ export default defineComponent({
ElInput,
ElAutocomplete,
syDialogInput,
syAutoComplete,
},
data() {
return {
BankList: [] as any, // 可选银行列表
rules: {
tp_name: [{ required: true, message: "对公户名不可为空" }], // 对公户名
bank_card: [{ required: true, message: "对公银行账户不可为空" }], // 对公银行账号
bank_name: [{ required: true, message: "开户银行不可为空" }], // 开户银行
city: [{ required: true, message: "开户城市不可为空" }], //` 开户城市
sub_branch: [{ required: true, message: "开户支行不可为空" }], //开户支行
},
errors: {
tp_name: "", // 对公户名
bank_card: "", // 对公银行账号
bank_name: "", // 开户银行
city: "", //` 开户城市
sub_branch: "", //开户支行
},
account: {
tp_name: "", // 对公户名
bank_card: "", // 对公银行账号
......@@ -120,37 +162,46 @@ export default defineComponent({
cb(results);
},
// 提交数据
async confirm() {
if (this.account.tp_name.trim() === "") {
ElMessage("对公户名不可为空");
return;
} else if (this.account.bank_card.trim() === "") {
ElMessage("对公银行账户不可为空");
return;
} else if (this.account.bank_name.trim() === "") {
ElMessage("开户银行不可为空");
return;
} else if (this.account.city.trim() === "") {
ElMessage("开户城市不可为空");
return;
} else if (this.account.sub_branch.trim() === "") {
ElMessage("开户支行不可为空");
return;
}
const res = await enterBank(this.account);
if (res && res.code === 200) {
ElMessage({
message: "企业银行账户信息录入成功。",
type: "success",
});
this.$emit("success");
}else{
ElMessage.error(res?.msg)
}
confirm() {
const formEl = this.$refs.form as FormInstance;
formEl.validate(async (isValid) => {
if (!isValid) return;
const res = await enterBank(this.account);
if (res && res.code === 200) {
ElMessage({
message: "企业银行账户信息录入成功。",
type: "success",
});
this.$emit("success");
} else {
const config = [
{ p: /对公户名/, fieldName: "tp_name" },
{ p: /对公银行/, fieldName: "bank_card" },
{ p: /开户银行/, fieldName: "bank_name" },
{ p: /开户城市/, fieldName: "city" },
{ p: /开户支行/, fieldName: "sub_branch" },
] as const;
if (res?.msg) {
const match = config.find((i) => i.p.test(res.msg));
(match &&
(this.errors[match.fieldName] =
res.msg +
`${
this.errors[match.fieldName].slice(-2) === " " ? " " : " "
}`)) ||
ElMessage.error(res?.msg);
}
}
});
},
},
});
</script>
<style lang="scss">
.form-step2 .el-input {
width: 610px;
}
</style>
<style scoped lang="scss">
.title {
margin-top: 50px;
......@@ -161,12 +212,10 @@ export default defineComponent({
color: rgba(53, 53, 53, 1);
line-height: 40px;
}
.form {
.form-step2 {
width: 900px;
}
.form .el-input {
width: 610px;
}
.form-item {
margin-bottom: 28px;
}
......
src/views/userCenter/EditPassword/config.ts
View file @ cffbfb55
......@@ -42,6 +42,7 @@ export const generateFormList = (
showLabel: true,
placeholder: "请输入6位验证码",
label: "验证码",
maxLen: 6,
rule: [
{
required: true,
......@@ -79,7 +80,7 @@ export const generateFormList = (
type: "primary",
},
styles: "margin-top: 10px;margin-left: 50px;",
async onSubmit(valid, data) {
async onSubmit(valid, data, setError) {
data = {
phone: data.手机号,
email: data.邮箱,
......@@ -87,7 +88,7 @@ export const generateFormList = (
code: data.验证码,
};
if (valid) {
submit(data);
submit(data, setError);
}
},
},
......
src/views/userCenter/EditPassword/index.vue
View file @ cffbfb55
......@@ -49,7 +49,10 @@ export default defineComponent({
},
methods: {
filterPhone,
async confirm(data: any) {
async confirm(
data: any,
setError: (fieldName: string, errorMsg: string) => void
) {
let info = {};
if (globalState.userInfos.phone !== "") {
info = {
......@@ -74,7 +77,7 @@ export default defineComponent({
});
this.$router.push("/userCenter");
} else {
res?.msg && ElMessage.error(res?.msg);
res?.msg && setError("验证码", res.msg);
}
},
},
......
src/views/userCenter/EditPhone/config.ts
View file @ cffbfb55
import { sendEmail, sendSms } from "@/service/Api.service";
import { filterPhone } from "cqk-sy-ui";
import { filterPhone, phoneReg } from "cqk-sy-ui";
import { iFormItem } from "cqk-sy-ui/sy/components/BusinessForm";
import { ElMessage } from "element-plus";
......@@ -20,6 +20,12 @@ export const generateStep1FormList = (
placeholder: "请输入验证码",
maxLen: 6,
label: "验证码",
rule: [
{
required: true,
message: "请输入验证码",
},
],
async handleClickSendCode(roleForm: any, formEl) {
let res = null;
if (data.phone) {
......@@ -50,13 +56,15 @@ export const generateStep1FormList = (
type: "primary",
},
styles: "margin-top: 10px;margin-left: 50px;",
async onSubmit(valid, data) {
data = {
phone: data.原手机号,
email: data.当前邮箱,
code: data.验证码,
};
submit(data);
async onSubmit(valid, data, setError) {
if (valid) {
data = {
phone: data.原手机号,
email: data.当前邮箱,
code: data.验证码,
};
submit(data, setError);
}
},
},
] as iFormItem[];
......@@ -70,12 +78,30 @@ export const generateStep2FormList = (submit: any) => {
label: "新手机号",
placeholder: "请输入新手机号",
maxLen: 11,
rule: [
{
pattern: phoneReg,
message: "请输入正确的手机号",
trigger: "blur",
},
{
required: true,
message: "请输入手机号",
trigger: "blur",
},
],
},
{
type: "codeInput",
showLabel: true,
placeholder: "请输入验证码",
maxLen: 6,
rule: [
{
required: true,
message: "请输入验证码",
},
],
label: "验证码",
async handleClickSendCode(roleForm: any, formEl) {
let res = null;
......@@ -100,11 +126,13 @@ export const generateStep2FormList = (submit: any) => {
},
styles: "margin-top: 10px;margin-left: 50px;",
async onSubmit(valid, data) {
data = {
phone: data.新手机号,
code: data.验证码,
};
submit(data);
if (valid) {
data = {
phone: data.新手机号,
code: data.验证码,
};
submit(data);
}
},
},
] as iFormItem[];
......
src/views/userCenter/EditPhone/index.vue
View file @ cffbfb55
<template>
<div class="edit-phone">
<el-breadcrumb separator="/" class="head-nav">
<el-breadcrumb-item :to="{ path: '/userCenter' }">用户中心</el-breadcrumb-item>
<el-breadcrumb-item v-if="globalState.userInfos.phone">修改绑定手机</el-breadcrumb-item>
<el-breadcrumb-item v-else>绑定手机</el-breadcrumb-item>
</el-breadcrumb>
<p class="title" v-if="globalState.userInfos.phone">修改绑定手机：</p>
<p class="title" v-else>绑定手机：</p>
<syBusinessForm class="formlayout1" v-if="!originPass" :formList="setp1FormList"></syBusinessForm>
<syBusinessForm v-else class="formlayout1" :formList="setp2FormList"></syBusinessForm>
</div>
<div class="edit-phone">
<el-breadcrumb separator="/" class="head-nav">
<el-breadcrumb-item :to="{ path: '/userCenter' }"
>用户中心</el-breadcrumb-item
>
<el-breadcrumb-item v-if="globalState.userInfos.phone"
>修改绑定手机</el-breadcrumb-item
>
<el-breadcrumb-item v-else>绑定手机</el-breadcrumb-item>
</el-breadcrumb>
<p class="title" v-if="globalState.userInfos.phone">修改绑定手机：</p>
<p class="title" v-else>绑定手机：</p>
<syBusinessForm
class="formlayout1"
v-if="!originPass"
:formList="setp1FormList"
></syBusinessForm>
<syBusinessForm
v-else
class="formlayout1"
:formList="setp2FormList"
></syBusinessForm>
</div>
</template>
<script lang="ts">
import { checkOldPhone, editPhone } from "@/service/Api.service";
import { globalState } from "@/store/state";
import { filterPhone, syBusinessForm } from "cqk-sy-ui";
import { ElMessage, ElBreadcrumb, ElBreadcrumbItem } from "element-plus";
import { defineComponent } from "vue"
import { defineComponent } from "vue";
import { generateStep1FormList, generateStep2FormList } from "./config";
export default defineComponent({
props: ["Infos"],
components: {
ElBreadcrumb, ElBreadcrumbItem, syBusinessForm,
},
data() {
return {
originPass: false, // 显示下个步骤
oldPhone: {
phone: globalState.userInfos.phone,
code: "",
email: globalState.userInfos.email,
},
tip: true,
newPhone: {
phone: "",
code: "",
random_token: "",
},
setp1FormList: generateStep1FormList({
phone: globalState.userInfos.phone,
email: globalState.userInfos.email,
}, this.confirm),
setp2FormList: generateStep2FormList(this.confirm)
};
props: ["Infos"],
components: {
ElBreadcrumb,
ElBreadcrumbItem,
syBusinessForm,
},
data() {
return {
originPass: false, // 显示下个步骤
oldPhone: {
phone: globalState.userInfos.phone,
code: "",
email: globalState.userInfos.email,
},
tip: true,
newPhone: {
phone: "",
code: "",
random_token: "",
},
setp1FormList: generateStep1FormList(
{
phone: globalState.userInfos.phone,
email: globalState.userInfos.email,
},
this.confirm
),
setp2FormList: generateStep2FormList(this.confirm),
};
},
created() {
if (!globalState.userInfos.phone && !globalState.userInfos.email) {
this.$router.push("/userCenter");
}
},
methods: {
filterPhone,
async sendCode() {
ElMessage({
message: "发送成功",
type: "success",
});
},
created() {
if (
!globalState.userInfos.phone &&
!globalState.userInfos.email
) {
this.$router.push("/userCenter");
async confirm(
data: any,
setError: (fieldName: string, errorMsg: string) => void
) {
if (!this.originPass) {
if (!data.code || data.code.trim() === "") {
// ElMessage("验证码不可为空");
setError("验证码", "验证码不可为空");
return;
}
let info = {};
if (globalState.userInfos.phone) {
info = {
code: data.code,
code_type: 0,
phone: globalState.userInfos.phone,
};
} else if (globalState.userInfos.email) {
info = {
code: data.code,
code_type: 1,
email: globalState.userInfos.email,
};
}
const old = await checkOldPhone(info);
if (old && old.code === 200) {
ElMessage({
message: "验证成功",
type: "success",
});
this.originPass = true;
setTimeout(() => {
let that: any;
that = this.$refs.child;
that.start();
}, 100);
this.newPhone.random_token = old.data.random_token;
} else {
old?.msg && setError("验证码", old?.msg);
}
} else {
if (data.phone === "") {
setError("新手机号", "新手机号码不可为空");
// ElMessage("新手机号码不可为空");
return;
} else if (data.code === "") {
setError("验证码", "验证码不可为空");
// ElMessage("验证码不可为空");
return;
}
const newphone = await editPhone({
code: data.code,
new_phone: String(data.phone),
random_token: this.newPhone.random_token,
});
if (newphone && newphone.code === 200) {
ElMessage({
message: "操作成功",
type: "success",
});
this.$router.push("/userCenter");
} else {
newphone?.msg && setError("验证码", newphone.msg);
}
}
},
methods: {
filterPhone,
async sendCode() {
ElMessage({
message: "发送成功",
type: "success",
});
},
async confirm(data: any) {
if (!this.originPass) {
if (data.code.trim() === "") {
ElMessage("验证码不可为空");
return;
}
let info = {};
if (globalState.userInfos.phone) {
info = {
code: data.code,
code_type: 0,
phone: globalState.userInfos.phone,
};
} else if (globalState.userInfos.email) {
info = {
code: data.code,
code_type: 1,
email: globalState.userInfos.email,
};
}
const old = await checkOldPhone(info);
if (old && old.code === 200) {
ElMessage({
message: "验证成功",
type: "success",
});
this.originPass = true;
setTimeout(() => {
let that: any;
that = this.$refs.child;
that.start();
}, 100);
this.newPhone.random_token = old.data.random_token;
}else{
old?.msg && ElMessage.error(old?.msg)
}
} else {
if (data.phone === "") {
ElMessage("新手机号码不可为空");
return;
} else if (data.code === "") {
ElMessage("验证码不可为空");
return;
}
const newphone = await editPhone({
code: data.code,
new_phone: String(data.phone),
random_token: this.newPhone.random_token,
});
if (newphone && newphone.code === 200) {
ElMessage({
message: "操作成功",
type: "success",
});
this.$router.push("/userCenter");
}else{
ElMessage.error(newphone?.msg)
}
}
},
},
computed: {
globalState() {
return globalState;
},
computed: {
globalState() {
return globalState;
}
}
},
});
</script>
<style scoped>
.edit-phone {
padding: 16px;
min-height: calc(100vh - 95px);
min-width: 1200px;
background: #f8fafb;
padding: 16px;
min-height: calc(100vh - 95px);
min-width: 1200px;
background: #f8fafb;
}
.head-nav {
margin: 12px 0 40px 47px;
margin: 12px 0 40px 47px;
}
.title {
margin-left: 47px;
font-size: 20px;
font-family: PingFangSC-Semibold;
font-weight: 600;
color: rgba(53, 53, 53, 1);
line-height: 40px;
margin-left: 47px;
font-size: 20px;
font-family: PingFangSC-Semibold;
font-weight: 600;
color: rgba(53, 53, 53, 1);
line-height: 40px;
}
.form {
width: 900px;
width: 900px;
}
.form .el-input {
width: 610px;
width: 610px;
}
.form-item {
margin-bottom: 28px;
margin-bottom: 28px;
}
.code-item {
width: 478px !important;
width: 478px !important;
}
.confirm-btn {
margin-top: 10px;
margin-left: 50px;
margin-top: 10px;
margin-left: 50px;
}
</style>
<style>
.edit-phone .el-form-item__label {
margin-right: 21px;
margin-right: 21px;
}
</style>
src/views/userCenter/PersonVerify/config.ts
View file @ cffbfb55
......@@ -32,19 +32,16 @@ export const generateFormList = (submit: any) => {
{
type: "input",
showLabel: true,
maxLen: 18,
label: "身份证号",
placeholder: "请输入您的身份证号",
rule: [
{ validator: checkIdNumber, trigger: "blur" },
{
max: 18,
},
],
rule: [{ validator: checkIdNumber, trigger: "blur" }],
},
{
type: "input",
showLabel: true,
placeholder: "请输入您的银行卡号",
maxLen: 19,
label: "银行卡号",
rule: [{ validator: checkCard, trigger: "blur" }],
},
......@@ -53,6 +50,7 @@ export const generateFormList = (submit: any) => {
showLabel: true,
placeholder: "请输入您的银行卡预留手机号",
label: "银行预留手机号",
maxLen: 11,
rule: [{ validator: checkPhone, trigger: "blur" }],
async handleClickSendCode(roleForm: any, formEl) {
const phone = roleForm.银行预留手机号;
......@@ -71,6 +69,7 @@ export const generateFormList = (submit: any) => {
type: "input",
showLabel: true,
placeholder: "请输入验证码",
maxLen: 6,
label: "验证码",
rule: [{ required: true, message: "验证码不能为空", trigger: "blur" }],
},
......@@ -81,8 +80,8 @@ export const generateFormList = (submit: any) => {
type: "primary",
},
styles:
"background-color: #409EFF; height:38px;margin-top: 10px;margin-left: 50px; padding: 12px 20px;",
async onSubmit(valid, data) {
"height:38px;margin-top: 10px;margin-left: 50px; padding: 12px 20px;",
async onSubmit(valid, data, setError) {
data = {
name: data.真实姓名,
id_card: data.身份证号,
......@@ -90,7 +89,7 @@ export const generateFormList = (submit: any) => {
bank_phone: data.银行预留手机号,
code: data.验证码,
};
submit(valid, data);
submit(valid, data, setError);
},
},
] as iFormItem[];
......
src/views/userCenter/PersonVerify/index.vue
View file @ cffbfb55
This diff is collapsed.
src/views/userCenter/SetPassword/config.ts
View file @ cffbfb55
......@@ -31,6 +31,7 @@ export const generateFormList = (data: any, confirm: any) => {
showLabel: true,
label: "验证码",
placeholder: "请输入6位验证码",
maxLen: 6,
rule: [
{
required: true,
......@@ -63,15 +64,18 @@ export const generateFormList = (data: any, confirm: any) => {
type: "primary",
},
styles:
"background-color: #409EFF; height:38px;margin-top: 10px;margin-left: 50px; padding: 12px 20px;",
async onSubmit(valid, data) {
"height:38px;margin-top: 10px;margin-left: 50px; padding: 12px 20px;",
async onSubmit(valid, data, setError) {
if (valid) {
confirm({
pwd: data.输入密码,
code: data.验证码,
email: data.邮箱,
phone: data.手机号,
});
confirm(
{
pwd: data.输入密码,
code: data.验证码,
email: data.邮箱,
phone: data.手机号,
},
setError
);
}
},
},
......
src/views/userCenter/SetPassword/index.vue
View file @ cffbfb55
<template>
<div class="set-password">
<el-breadcrumb separator="/" class="head-nav">
<el-breadcrumb-item :to="{ path: '/userCenter' }">用户中心</el-breadcrumb-item>
<el-breadcrumb-item>设置密码</el-breadcrumb-item>
</el-breadcrumb>
<p class="title">设置登录密码：</p>
<syBusinessForm :form-list="formList" class="formlayout1"></syBusinessForm>
</div>
<div class="set-password">
<el-breadcrumb separator="/" class="head-nav">
<el-breadcrumb-item :to="{ path: '/userCenter' }"
>用户中心</el-breadcrumb-item
>
<el-breadcrumb-item>设置密码</el-breadcrumb-item>
</el-breadcrumb>
<p class="title">设置登录密码：</p>
<syBusinessForm :form-list="formList" class="formlayout1"></syBusinessForm>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { filterPhone, syBusinessForm } from "cqk-sy-ui"
import { filterPhone, syBusinessForm } from "cqk-sy-ui";
import { editPassword } from "@/service/Api.service";
import { globalState } from "@/store/state";
import { ElMessage, ElBreadcrumb, ElBreadcrumbItem, } from "element-plus";
import { generateFormList } from "./config"
import { ElMessage, ElBreadcrumb, ElBreadcrumbItem } from "element-plus";
import { generateFormList } from "./config";
import md5 from "js-md5";
export default defineComponent({
components: {
ElBreadcrumb, ElBreadcrumbItem, syBusinessForm
components: {
ElBreadcrumb,
ElBreadcrumbItem,
syBusinessForm,
},
data() {
return {
passwordForm: {
phone: globalState.userInfos.phone,
email: globalState.userInfos.email,
pwd: "",
code: "",
},
formList: generateFormList(
{
phone: globalState.userInfos.phone,
email: globalState.userInfos.email,
},
this.confirm
),
};
},
created() {
if (!globalState.userInfos.phone && !globalState.userInfos.email) {
this.$router.push("/userCenter");
}
},
methods: {
filterPhone,
// 验证码发送成功的回调
async sendCode() {
ElMessage({
message: "发送成功",
type: "success",
});
},
data() {
return {
passwordForm: {
phone: globalState.userInfos.phone,
email: globalState.userInfos.email,
pwd: "",
code: "",
},
formList: generateFormList({
phone: globalState.userInfos.phone,
email: globalState.userInfos.email,
}, this.confirm)
async confirm(
data: any,
setError: (fieldName: string, errorMsg: string) => void
) {
// 密码格式校验
let info = {};
if (globalState.userInfos.phone !== "") {
info = {
phone: data.phone,
code_type: 0,
pwd: md5(String(data.pwd) + md5(String(data.pwd.length))),
code: data.code,
};
},
created() {
if (
!globalState.userInfos.phone &&
!globalState.userInfos.email
) {
this.$router.push("/userCenter");
}
},
methods: {
filterPhone,
// 验证码发送成功的回调
async sendCode() {
ElMessage({
message: "发送成功",
type: "success",
});
},
async confirm(data: any) {
// 密码格式校验
let info = {};
if (globalState.userInfos.phone !== "") {
info = {
phone: data.phone,
code_type: 0,
pwd: md5(
String(data.pwd) +
md5(String(data.pwd.length))
),
code: data.code,
};
} else if (globalState.userInfos.email !== "") {
info = {
email: data.email,
pwd: md5(
String(data.pwd) +
md5(String(data.pwd.length))
),
code: data.code,
code_type: 1,
};
}
} else if (globalState.userInfos.email !== "") {
info = {
email: data.email,
pwd: md5(String(data.pwd) + md5(String(data.pwd.length))),
code: data.code,
code_type: 1,
};
}
const res = await editPassword(info);
if (res && res.code === 200) {
ElMessage({
message: "密码设置成功",
type: "success",
});
const res = await editPassword(info);
if (res && res.code === 200) {
ElMessage({
message: "密码设置成功",
type: "success",
});
this.$router.push("/userCenter");
}else{
res?.msg && ElMessage.error(res?.msg)
}
},
this.$router.push("/userCenter");
} else {
res?.msg && setError("验证码", res?.msg);
}
},
},
});
</script>
<style scoped>
.set-password {
padding: 16px;
min-height: calc(100vh - 95px);
min-width: 1200px;
background: #f8fafb;
padding: 16px;
min-height: calc(100vh - 95px);
min-width: 1200px;
background: #f8fafb;
}
.head-nav {
margin: 12px 0 40px 47px;
margin: 12px 0 40px 47px;
}
.title {
margin-left: 47px;
font-size: 20px;
font-family: PingFangSC-Semibold;
font-weight: 600;
color: rgba(53, 53, 53, 1);
line-height: 40px;
margin-left: 47px;
font-size: 20px;
font-family: PingFangSC-Semibold;
font-weight: 600;
color: rgba(53, 53, 53, 1);
line-height: 40px;
}
.form {
width: 900px;
width: 900px;
}
.form .el-input {
width: 610px;
width: 610px;
}
.form-code .el-input {
width: 480px;
width: 480px;
}
.form-item {
margin-bottom: 28px;
margin-bottom: 28px;
}
.confirm-btn {
margin-top: 10px;
margin-left: 50px;
margin-top: 10px;
margin-left: 50px;
}
</style>
<style>
.set-password .el-form-item__label {
margin-right: 21px;
margin-right: 21px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment