admin/LingXi-CRM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: param verification

Browse Source
This commit is contained in:
zchengo
2022-12-10 22:57:58 +08:00
parent 1b14760990
commit b16d31189f
11 changed files with 309 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/api/user.go
+3 -31
View File
@@ -5,7 +5,6 @@ import (
"crm/response"
"crm/service"
"log"
"regexp"
"strconv"
"github.com/gin-gonic/gin"
@@ -30,10 +29,6 @@ func (u *UserApi) Register(context *gin.Context) {
log.Printf("[error]UserApi:Register:%s", err)
return
}
if !verifyEmailFormat(param.Email) {
response.Result(response.ErrCodeEmailFormatInvalid, nil, context)
return
}
errCode := u.userService.Register(&param)
response.Result(errCode, nil, context)
}
@@ -45,10 +40,6 @@ func (u *UserApi) Login(context *gin.Context) {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
}
if !verifyEmailFormat(param.Email) {
response.Result(response.ErrCodeEmailFormatInvalid, nil, context)
return
}
userInfo, errCode := u.userService.Login(&param)
if userInfo == nil {
response.Result(errCode, nil, context)
@@ -59,26 +50,18 @@ func (u *UserApi) Login(context *gin.Context) {
// 获取验证码
func (u *UserApi) GetVerifyCode(context *gin.Context) {
email := context.Query("email")
if email == "" {
var param models.UserVerifyCodeParam
if err := context.ShouldBind(&param); err != nil {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
}
if !verifyEmailFormat(email) {
response.Result(response.ErrCodeEmailFormatInvalid, nil, context)
return
}
errCode := u.userService.GetVerifyCode(email)
errCode := u.userService.GetVerifyCode(param.Email)
response.Result(errCode, nil, context)
}
// 忘记密码
func (u *UserApi) ForgotPass(context *gin.Context) {
var param models.UserPassParam
if verifyEmailFormat(param.Email) {
response.Result(response.ErrCodeEmailFormatInvalid, nil, context)
return
}
if err := context.ShouldBind(&param); err != nil {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
@@ -90,10 +73,6 @@ func (u *UserApi) ForgotPass(context *gin.Context) {
// 修改邮箱
func (u *UserApi) UpdateMail(context *gin.Context) {
var param models.UserMailParam
if verifyEmailFormat(param.Email) && verifyEmailFormat(param.NewEmail) {
response.Result(response.ErrCodeEmailFormatInvalid, nil, context)
return
}
if err := context.ShouldBind(&param); err != nil {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
@@ -148,10 +127,3 @@ func (u *UserApi) Buy(context *gin.Context) {
versionInfo, errCode := u.userService.Buy(int64(uid))
response.Result(errCode, versionInfo, context)
}
// 邮箱格式校验
func verifyEmailFormat(email string) bool {
pattern := `\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*`
reg := regexp.MustCompile(pattern)
return reg.MatchString(email)
}
server/models/contract.go
+41 -41
View File
@@ -21,63 +21,63 @@ type Contract struct {
}
type ContractCreateParam struct {
Name string `json:"name,omitempty"`
Amount float64 `json:"amount,omitempty"`
BeginTime string `json:"beginTime,omitempty"`
OverTime string `json:"overTime,omitempty"`
Remarks string `json:"remarks,omitempty"`
Cid int64 `json:"cid,omitempty"`
Productlist *Productlist `json:"productlist,omitempty"`
Status int `json:"status,omitempty"`
Creator int64 `json:"creator,omitempty"`
Name string `json:"name" binding:"required"`
Amount float64 `json:"amount" binding:"required,gt=0"`
BeginTime string `json:"beginTime" binding:"-"`
OverTime string `json:"overTime" binding:"-"`
Remarks string `json:"remarks" binding:"-"`
Cid int64 `json:"cid" binding:"required,gt=0"`
Productlist *Productlist `json:"productlist"`
Status int `json:"status" binding:"required,oneof=1 2"`
Creator int64 `json:"creator,omitempty" binding:"-"`
}
type ContractUpdateParam struct {
Id int64 `json:"id,omitempty"`
Name string `json:"name,omitempty"`
Amount float64 `json:"amount,omitempty"`
BeginTime string `json:"beginTime,omitempty"`
OverTime string `json:"overTime,omitempty"`
Remarks string `json:"remarks,omitempty"`
Cid int64 `json:"cid,omitempty"`
Productlist *Productlist `json:"productlist,omitempty"`
Status int `json:"status,omitempty"`
Id int64 `json:"id" binding:"required,gt=0"`
Name string `json:"name" binding:"required"`
Amount float64 `json:"amount" binding:"required,gt=0"`
BeginTime string `json:"beginTime" binding:"-"`
OverTime string `json:"overTime" binding:"-"`
Remarks string `json:"remarks" binding:"-"`
Cid int64 `json:"cid" binding:"required,gt=0"`
Productlist *Productlist `json:"productlist"`
Status int `json:"status" binding:"required,oneof=1 2"`
}
type ContractDeleteParam struct {
Ids []int64 `json:"ids,omitempty"`
Ids []int64 `json:"ids" binding:"required"`
}
type ContractQueryParam struct {
Id int64 `form:"id,omitempty"`
Name string `form:"name,omitempty"`
Creator int64 `form:"creator,omitempty"`
Id int64 `form:"id" binding:"omitempty,gt=0"`
Name string `form:"name" binding:"-"`
Creator int64 `form:"creator,omitempty" binding:"-"`
Page Page
}
type ContractList struct {
Id int64 `json:"id,omitempty"`
Name string `json:"name,omitempty"`
Amount float64 `json:"amount,omitempty"`
BeginTime string `json:"beginTime,omitempty"`
OverTime string `json:"overTime,omitempty"`
Remarks string `json:"remarks,omitempty"`
Cname string `json:"cname,omitempty"`
Status int `json:"status,omitempty"`
Created int64 `json:"created,omitempty"`
Updated int64 `json:"updated,omitempty"`
Id int64 `json:"id"`
Name string `json:"name"`
Amount float64 `json:"amount"`
BeginTime string `json:"beginTime"`
OverTime string `json:"overTime"`
Remarks string `json:"remarks"`
Cname string `json:"cname"`
Status int `json:"status"`
Created int64 `json:"created"`
Updated int64 `json:"updated"`
}
type ContractInfo struct {
Id int64 `json:"id,omitempty"`
Name string `json:"name,omitempty"`
Cid int64 `json:"cid,omitempty"`
Amount float64 `json:"amount,omitempty"`
BeginTime string `json:"beginTime,omitempty"`
OverTime string `json:"overTime,omitempty"`
Remarks string `json:"remarks,omitempty"`
Productlist *Productlist `json:"productlist,omitempty"`
Status int `json:"status,omitempty"`
Id int64 `json:"id"`
Name string `json:"name"`
Cid int64 `json:"cid"`
Amount float64 `json:"amount"`
BeginTime string `json:"beginTime"`
OverTime string `json:"overTime"`
Remarks string `json:"remarks"`
Productlist *Productlist `json:"productlist"`
Status int `json:"status"`
}
type Products struct {
server/models/customer.go
+27 -27
View File
@@ -18,42 +18,42 @@ type Customer struct {
}
type CustomerCreateParam struct {
Name string `json:"name,omitempty"`
Source string `json:"source,omitempty"`
Phone string `json:"phone,omitempty"`
Email string `json:"email,omitempty"`
Industry string `json:"industry,omitempty"`
Level string `json:"level,omitempty"`
Remarks string `json:"remarks,omitempty"`
Region string `json:"region,omitempty"`
Address string `json:"address,omitempty"`
Status int `json:"status,omitempty"`
Creator int64 `json:"creator,omitempty"`
Name string `json:"name" binding:"required"`
Source string `json:"source" binding:"-"`
Phone string `json:"phone" binding:"omitempty,len=11"`
Email string `json:"email" binding:"omitempty,email"`
Industry string `json:"industry" binding:"-"`
Level string `json:"level" binding:"-"`
Remarks string `json:"remarks" binding:"-"`
Region string `json:"region" binding:"-"`
Address string `json:"address" binding:"-"`
Status int `json:"status" binding:"-"`
Creator int64 `json:"creator,omitempty" binding:"-"`
}
type CustomerUpdateParam struct {
Id int64 `json:"id,omitempty"`
Name string `json:"name,omitempty"`
Source string `json:"source,omitempty"`
Phone string `json:"phone,omitempty"`
Email string `json:"email,omitempty"`
Industry string `json:"industry,omitempty"`
Level string `json:"level,omitempty"`
Remarks string `json:"remarks,omitempty"`
Region string `json:"region,omitempty"`
Address string `json:"address,omitempty"`
Status int `json:"status,omitempty"`
Id int64 `json:"id" binding:"required"`
Name string `json:"name" binding:"-"`
Source string `json:"source" binding:"-"`
Phone string `json:"phone" binding:"omitempty,len=11"`
Email string `json:"email" binding:"omitempty,email"`
Industry string `json:"industry" binding:"-"`
Level string `json:"level" binding:"-"`
Remarks string `json:"remarks" binding:"-"`
Region string `json:"region" binding:"-"`
Address string `json:"address" binding:"-"`
Status int `json:"status" binding:"-"`
}
type CustomerDeleteParam struct {
Ids []int64 `json:"ids,omitempty"`
Ids []int64 `json:"ids" binding:"required"`
}
type CustomerQueryParam struct {
Id int64 `form:"id,omitempty"`
Name string `form:"name,omitempty"`
Phone string `form:"phone,omitempty"`
Creator int64 `form:"creator"`
Id int64 `form:"id" binding:"omitempty,gt=0"`
Name string `form:"name" binding:"-"`
Phone string `form:"phone" binding:"omitempty,len=11"`
Creator int64 `form:"creator,omitempty" binding:"-"`
Page Page
}
server/models/product.go
+23 -23
View File
@@ -15,38 +15,38 @@ type Product struct {
}
type ProductCreateParam struct {
Name string `json:"name,omitempty"`
Type int `json:"type,omitempty"`
Unit string `json:"unit,omitempty"`
Code string `json:"code,omitempty"`
Price float64 `json:"price,omitempty"`
Description string `json:"description,omitempty"`
Status int `json:"status,omitempty"`
Creator int64 `json:"creator,omitempty"`
Name string `json:"name" binding:"required"`
Type int `json:"type" binding:"required,len=1"`
Unit string `json:"unit" binding:"-"`
Code string `json:"code" binding:"-"`
Price float64 `json:"price" binding:"required,gt=0"`
Description string `json:"description" binding:"-"`
Status int `json:"status" binding:"required,oneof=1 2"`
Creator int64 `json:"creator,omitempty" binding:"-"`
}
type ProductUpdateParam struct {
Id int64 `json:"id,omitempty"`
Name string `json:"name,omitempty"`
Type int `json:"type,omitempty"`
Unit string `json:"unit,omitempty"`
Code string `json:"code,omitempty"`
Price float64 `json:"price,omitempty"`
Description string `json:"description,omitempty"`
Status int `json:"status,omitempty"`
Creator int64 `json:"creator,omitempty"`
Id int64 `json:"id" binding:"required,gt=0"`
Name string `json:"name" binding:"required"`
Type int `json:"type" binding:"required,len=1"`
Unit string `json:"unit" binding:"-"`
Code string `json:"code" binding:"-"`
Price float64 `json:"price" binding:"required,gt=0"`
Description string `json:"description" binding:"-"`
Status int `json:"status" binding:"required,oneof=1 2"`
Creator int64 `json:"creator,omitempty" binding:"-"`
}
type ProductDeleteParam struct {
Ids []int64 `json:"ids,omitempty"`
Ids []int64 `json:"ids" binding:"required"`
}
type ProductQueryParam struct {
Id int64 `form:"id,omitempty"`
Ids []int64 `form:"ids,omitempty"`
Name string `form:"name,omitempty"`
Status int `form:"status,omitempty"`
Creator int64 `form:"creator,omitempty"`
Id int64 `form:"id" binding:"omitempty,gt=0"`
Ids []int64 `form:"ids" json:"ids" binding:"-"`
Name string `form:"name" binding:"-"`
Status int `form:"status" binding:"omitempty,oneof=1 2"`
Creator int64 `form:"creator,omitempty" binding:"-"`
Page Page
}
server/models/user.go
+18 -21
View File
@@ -13,39 +13,36 @@ type User struct {
}
type UserCreateParam struct {
Email string `json:"email"`
Code string `json:"code"`
Password string `json:"password"`
}
type UserUpdateParam struct {
Id int64 `json:"id"`
Email string `json:"email"`
Password string `json:"password"`
Status int `json:"status"`
Email string `json:"email" binding:"required,email"`
Code string `json:"code" binding:"required,len=6"`
Password string `json:"password" binding:"required"`
}
type UserDeleteParam struct {
Id int64 `json:"id"`
Email string `json:"email"`
Code string `json:"code"`
Id int64 `json:"id,omitempty" binding:"-"`
Email string `json:"email" binding:"required,email"`
Code string `json:"code" binding:"required,len=6"`
}
type UserLoginParam struct {
Email string `json:"email"`
Password string `json:"password"`
Email string `json:"email" binding:"required,email"`
Password string `json:"password" binding:"required"`
}
type UserVerifyCodeParam struct {
Email string `form:"email" binding:"required,email"`
}
type UserPassParam struct {
Email string `json:"email"`
Code string `json:"code"`
Password string `json:"password"`
Email string `json:"email" binding:"required,email"`
Code string `json:"code" binding:"required,len=6"`
Password string `json:"password" binding:"required"`
}
type UserMailParam struct {
Email string `json:"email"`
Code string `json:"code"`
NewEmail string `json:"newEmail"`
Email string `json:"email" binding:"required,email"`
Code string `json:"code" binding:"required,len=6"`
NewEmail string `json:"newEmail" binding:"required,email"`
}
type UserInfo struct {
web/src/views/Contract.vue
+29 -18
View File
@@ -33,7 +33,7 @@
<a-modal v-model:visible="visible" :title="title" @ok="onSave" @cancel="onCancel" cancelText="取消" okText="保存"
width="800px" style="top: 80px">
<div style="height: 55vh;overflow-y: scroll;padding: 0 15px;">
<a-form ref="modalFormRef" :model="contract" layout="vertical" name="contract">
<a-form ref="contractFormRef" :model="contract" layout="vertical" name="contract" :rules="rules">
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="合同编号" name="id">
@@ -41,21 +41,21 @@
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="合同名称" name="name" :rules="[{ required: true, message: '请输入合同名称' }]">
<a-form-item label="合同名称" name="name">
<a-input v-model:value="contract.name" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="客户名称" name="cid" :rules="[{ required: true, message: '请选择客户' }]">
<a-form-item label="客户名称" name="cid">
<a-select v-model:value="contract.cid" style="width: 100%" placeholder="请选择"
:fieldNames="{ label: 'name', value: 'id' }" :options="data.customerOption"
@focus="getCustomerOption" @change="changeCustomerOption"></a-select>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="合同金额" name="amount" :rules="[{ required: true, message: '请输入合同金额' }]">
<a-form-item label="合同金额" name="amount">
<a-input-number v-model:value="contract.amount" style="width: 100%" />
</a-form-item>
</a-col>
@@ -76,7 +76,7 @@
</a-row>
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="合同状态" name="status" :rules="[{ required: true, message: '请选择合同状态' }]">
<a-form-item label="合同状态" name="status">
<a-select v-model:value="contract.status" placeholder="请选择">
<a-select-option :value="1">已生效</a-select-option>
<a-select-option :value="2">未生效</a-select-option>
@@ -321,6 +321,14 @@ export default {
width: 150,
}];
// 表单校验
const rules = {
name: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
cid: [{ required: true, message: '请选择客户', trigger: 'blur' }],
amount: [{ required: true, message: '请输入合同金额', trigger: 'blur' }],
status: [{ required: true, message: '请选择合同状态' }]
};
// 合同属性
let contract = reactive({
id: undefined,
@@ -358,21 +366,20 @@ export default {
const visible = ref(false);
const disabled = ref(true)
const operation = ref(0);
const modalFormRef = ref();
const contractFormRef = ref();
const keyWord = ref('')
const productListVisible = ref(false);
// 点击新建合同
const onCreate = () => {
title.value = '新建合同'
visible.value = true
operation.value = 1
visible.value = true
}
// 点击编辑合同
const onEdit = (row) => {
title.value = '编辑合同'
visible.value = true
operation.value = 2
getCustomerOption()
let param = { id: row.id }
@@ -389,18 +396,14 @@ export default {
contract.status = p.status
contract.productlist = p.productlist
data.addedProductList = p.productlist
if (data.addedProductList.length > 0) {
for (let i = 0; i < data.addedProductList.length; i++) {
data.defaultSelectedIds.push(data.addedProductList[i].id)
}
}
}
})
visible.value = true
}
// 点击保存合同
const onSave = () => {
modalFormRef.value.validateFields().then(() => {
contractFormRef.value.validateFields().then(() => {
if (operation.value == 1) {
let param = {
name: contract.name,
@@ -440,7 +443,7 @@ export default {
}
})
}
modalFormRef.value.resetFields()
contractFormRef.value.resetFields()
visible.value = false;
});
};
@@ -501,7 +504,6 @@ export default {
// 点击添加产品
const onAddProduct = () => {
productListVisible.value = true
let param = {
pageNum: pagination.current,
pageSize: pagination.pageSize
@@ -512,6 +514,13 @@ export default {
data.productList = res.data.data.list
}
})
data.defaultSelectedIds = []
if (data.addedProductList.length > 0) {
for (let i = 0; i < data.addedProductList.length; i++) {
data.defaultSelectedIds[i] = data.addedProductList[i].id
}
}
productListVisible.value = true
}
// 分页查询产品列表
@@ -595,7 +604,8 @@ export default {
// 点击合同取消按钮
const onCancel = () => {
modalFormRef.value.resetFields()
contractFormRef.value.resetFields()
data.addedProductList = []
visible.value = false
};
@@ -610,6 +620,7 @@ export default {
columns,
productColumns,
productListColumns,
rules,
data,
onSelectedConteactIds,
onSelectedProductIds,
@@ -622,7 +633,7 @@ export default {
operation,
onCreate,
onEdit,
modalFormRef,
contractFormRef,
onSave,
onCancel,
onDelete,
web/src/views/Customer.vue
+27 -10
View File
@@ -34,10 +34,10 @@
<a-modal v-model:visible="visible" :title="title" @ok="onSave" @cancel="onCancel" cancelText="取消" okText="保存"
width="800px" style="top: 80px;">
<div style="height: 55vh;overflow-y: scroll;padding: 0 15px;">
<a-form ref="modalFormRef" :model="customer" layout="vertical" name="customer">
<a-form ref="customerFormRef" :model="customer" layout="vertical" name="customer" :rules="rules">
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="客户名称" name="name" :rules="[{ required: true, message: '请输入客户名称' }]">
<a-form-item label="客户名称" name="name">
<a-input v-model:value="customer.name" />
</a-form-item>
</a-col>
@@ -188,6 +188,21 @@ export default {
}
}];
// 表单校验
const rules = {
name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
phone: [{
pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/,
message: '手机格式不正确',
trigger: 'blur',
}],
email: [{
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
message: '邮箱格式不正确',
trigger: 'blur',
}],
};
const data = reactive({
customerList: [],
selectedIds: []
@@ -240,20 +255,19 @@ export default {
const visible = ref(false);
const disabled = ref(true)
const operation = ref(0);
const modalFormRef = ref();
const customerFormRef = ref();
const keyWord = ref('')
// 点击新建客户
const onCreate = () => {
title.value = '新建客户'
visible.value = true
operation.value = 1
visible.value = true
}
// 点击客户名称
const onEdit = (row) => {
title.value = '编辑客户'
visible.value = true
operation.value = 2
let param = { id: row.id }
queryCustomerInfo(param).then((res) => {
@@ -273,13 +287,15 @@ export default {
customer.status = p.status
}
})
visible.value = true
}
// 点击保存客户
const onSave = () => {
console.log("zzz123")
modalFormRef.value.validateFields().then(() => {
customerFormRef.value.validateFields().then(() => {
if (customer.region !== undefined) {
customer.region = customer.region.toString()
}
if (operation.value == 1) {
createCustomer(customer).then((res) => {
if (res.data.code == 0) {
@@ -296,7 +312,7 @@ export default {
}
})
}
modalFormRef.value.resetFields()
customerFormRef.value.resetFields()
visible.value = false;
});
};
@@ -352,7 +368,7 @@ export default {
// 点击取消按钮
const onCancel = () => {
modalFormRef.value.resetFields()
customerFormRef.value.resetFields()
visible.value = false
};
@@ -365,6 +381,7 @@ export default {
return {
data,
columns,
rules,
onSearch,
visible,
disabled,
@@ -377,7 +394,7 @@ export default {
onCustomers,
onCreate,
onEdit,
modalFormRef,
customerFormRef,
onSave,
onCancel,
onDelete,
web/src/views/Home.vue
+31 -7
View File
@@ -64,17 +64,17 @@
<!-- 修改邮箱弹出框 -->
<a-modal v-model:visible="visible" title="修改邮箱" @ok="onSave" @cancel="onCancel" cancelText="取消" okText="保存"
width="450px" style="top: 120px">
<a-form :model="user" layout="vertical" @finish="onSubmit">
<a-form-item name="email" :rules="[{ required: true, message: '请输入邮箱!' }]">
<a-form :model="user" layout="vertical" @finish="onSubmit" :rules="rules">
<a-form-item name="email">
<a-input v-model:value="user.email" size="large" placeholder="邮箱" disabled />
</a-form-item>
<a-form-item name="code" :rules="[{ required: true, message: '请输入验证码!' }]">
<a-form-item name="code">
<a-input v-model:value="user.code" size="large" style="width: 55%;" placeholder="验证码" />
<a-button @click="onGetCode" size="large" style="width: 40%;float: right;" :loading="loading"
:disabled="disabled">
{{ buttonText }}</a-button>
</a-form-item>
<a-form-item name="newEmail" :rules="[{ required: true, message: '请输入新邮箱!' }]">
<a-form-item name="newEmail">
<a-input v-model:value="user.newEmail" size="large" placeholder="新邮箱" />
</a-form-item>
</a-form>
@@ -82,11 +82,11 @@
<!-- 注销账号弹出框 -->
<a-modal v-model:visible="delUserVisible" title="注销账号" @ok="onConfirm" @cancel="onCancel" cancelText="取消"
okText="注销" width="450px" style="top: 120px">
<a-form :model="user" layout="vertical" @finish="onSubmit">
<a-form-item name="email" :rules="[{ required: true, message: '请输入邮箱!' }]">
<a-form :model="user" layout="vertical" @finish="onSubmit" :rules="rules">
<a-form-item name="email">
<a-input v-model:value="user.email" size="large" placeholder="邮箱" disabled />
</a-form-item>
<a-form-item name="code" :rules="[{ required: true, message: '请输入验证码!' }]">
<a-form-item name="code">
<a-input v-model:value="user.code" size="large" style="width: 55%;" placeholder="验证码" />
<a-button @click="onGetCode" size="large" style="width: 40%;float: right;" :loading="loading"
:disabled="disabled">
@@ -162,6 +162,29 @@ export default {
name: "订阅"
}])
// 表单校验
const rules = {
email: [{
required: true,
message: '请输入邮箱!',
trigger: 'blur',
}, {
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
message: '邮箱格式不正确',
trigger: 'blur',
}],
code: [{ required: true, message: '请输入验证码!' }],
newEmail: [{
required: true,
message: '请输入邮箱!',
trigger: 'blur',
}, {
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
message: '邮箱格式不正确',
trigger: 'blur',
}],
};
const selectedKeys = ref(['dashboard'])
const collapsed = ref(false)
@@ -283,6 +306,7 @@ export default {
return {
menuItem,
rules,
selectedKeys,
collapsed,
user,
web/src/views/Pass.vue
+27 -6
View File
@@ -1,17 +1,18 @@
<template>
<a-form :model="formData" layout="vertical" @finish="onSubmit">
<a-form-item name="email" :rules="[{ required: true, message: '请输入邮箱!' }]">
<a-form ref="passFormRef" :model="formData" layout="vertical" @finish="onSubmit" :rules="rules">
<a-form-item name="email">
<a-input v-model:value="formData.email" size="large" placeholder="邮箱" />
</a-form-item>
<a-form-item name="code" :rules="[{ required: true, message: '请输入验证码!' }]">
<a-form-item name="code">
<a-input v-model:value="formData.code" size="large" style="width: 55%;" placeholder="验证码" />
<a-button @click="onGetCode" size="large" :disabled="disabled" :loading="loading" style="width: 40%;float: right;">
<a-button @click="onGetCode" size="large" :disabled="disabled" :loading="loading"
style="width: 40%;float: right;">
{{ buttonText }}</a-button>
</a-form-item>
<a-form-item name="password1" :rules="[{ required: true, message: '请输入密码!' }]">
<a-form-item name="password1">
<a-input-password v-model:value="formData.password1" size="large" placeholder="密码" />
</a-form-item>
<a-form-item name="password2" :rules="[{ required: true, message: '请输入密码!' }]">
<a-form-item name="password2">
<a-input-password v-model:value="formData.password2" size="large" placeholder="确认密码" />
</a-form-item>
<a-form-item>
@@ -39,11 +40,28 @@ export default {
password2: '',
});
// 表单校验
const rules = {
email: [{
required: true,
message: '请输入邮箱!'
}, {
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
message: '邮箱格式不正确',
trigger: 'blur',
}],
code: [{ required: true, message: '请输入验证码!' }],
password1: [{ required: true, message: '请输入密码!' }],
password2: [{ required: true, message: '请输入密码!' }],
};
const loading = ref(false)
const disabled = ref(false)
const passFormRef = ref()
const buttonText = ref('获取验证码')
const onSubmit = () => {
passFormRef.value.validateFields().then(() => {
let param = {
email: formData.email,
code: formData.code,
@@ -58,6 +76,7 @@ export default {
message.error('验证码错误');
}
})
})
};
// 获取验证码
@@ -90,6 +109,8 @@ export default {
return {
formData,
rules,
passFormRef,
loading,
disabled,
buttonText,
web/src/views/Product.vue
+23 -15
View File
@@ -34,17 +34,15 @@
<!-- 新建、编辑产品 -->
<a-modal v-model:visible="visible" :title="title" @ok="onSave" @cancel="onCancel" cancelText="取消" okText="保存"
width="800px" style="top: 80px">
<a-form ref="productForm" :model="product" layout="vertical" name="product">
<a-form ref="productFormRef" :model="product" layout="vertical" name="product" :rules="rules">
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="产品名称" name="name" :rules="[{ required: true, message: '请输入产品名称' }]">
<a-form-item label="产品名称" name="name">
<a-input v-model:value="product.name" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="产品类型" name="type" :rules="[{
required: true, message: '请选择产品类型',
}]">
<a-form-item label="产品类型" name="type">
<a-select v-model:value="product.type" placeholder="请选择">
<a-select-option :value="1">默认</a-select-option>
</a-select>
@@ -67,19 +65,19 @@
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="产品编码" name="code" :rules="[{ required: true, message: '请输入产品编码' }]">
<a-form-item label="产品编码" name="code">
<a-input v-model:value="product.code" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="价格" name="price" :rules="[{ required: true, message: '请输入产品价格' }]">
<a-form-item label="价格" name="price">
<a-input-number v-model:value="product.price" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="是否上下架" name="status" :rules="[{ required: true, message: '请选择是否上下架' }]">
<a-form-item label="是否上下架" name="status">
<a-select v-model:value="product.status" placeholder="请选择">
<a-select-option :value="1">上架</a-select-option>
<a-select-option :value="2">下架</a-select-option>
@@ -161,6 +159,15 @@ export default {
}
}];
// 表单校验
const rules = {
name: [{ required: true, message: '请输入产品名称', trigger: 'blur' }],
type: [{ required: true, message: '请选择产品类型' }],
code: [{ pattern: /^\d+$/, message: '产品编码格式不正确', trigger: 'blur' }],
price: [{ required: true, message: '请输入产品价格' }],
status: [{ required: true, message: '请选择是否上下架' }]
};
// 产品属性
let product = reactive({
id: undefined,
@@ -190,7 +197,7 @@ export default {
const visible = ref(false);
const disabled = ref(true)
const operation = ref(0);
const productForm = ref();
const productFormRef = ref();
const keyWord = ref('')
// 初始化数据
@@ -218,14 +225,13 @@ export default {
// 点击新建产品
const onCreate = () => {
title.value = '新建产品'
visible.value = true
operation.value = 1
visible.value = true
}
// 点击产品名称
const onEdit = (row) => {
title.value = '编辑产品'
visible.value = true
operation.value = 2
let param = { id: row.id }
queryProductInfo(param).then((res) => {
@@ -241,11 +247,12 @@ export default {
product.description = p.description
}
})
visible.value = true
}
// 点击保存产品
const onSave = () => {
productForm.value.validateFields().then(() => {
productFormRef.value.validateFields().then(() => {
if (operation.value == 1) {
createProduct(product).then((res) => {
if (res.data.code == 0) {
@@ -262,7 +269,7 @@ export default {
}
})
}
productForm.value.resetFields()
productFormRef.value.resetFields()
visible.value = false;
});
};
@@ -313,12 +320,13 @@ export default {
// 点击取消按钮
const onCancel = () => {
productForm.value.resetFields()
productFormRef.value.resetFields()
visible.value = false
};
return {
columns,
rules,
data,
onSelectChange,
onSearch,
@@ -330,7 +338,7 @@ export default {
onProducts,
onCreate,
onEdit,
productForm,
productFormRef,
onSave,
onCancel,
onDelete,
web/src/views/Register.vue
+30 -9
View File
@@ -1,18 +1,18 @@
<template>
<a-form :model="formData" layout="vertical" @finish="onRegister">
<a-form-item name="email" :rules="[{ required: true, message: '请输入邮箱!' }]">
<a-input v-model:value="formData.email" size="large" placeholder="邮箱">
</a-input>
<a-form ref="registerFormRef" :model="formData" layout="vertical" @finish="onRegister" :rules="rules">
<a-form-item name="email">
<a-input v-model:value="formData.email" size="large" placeholder="邮箱" />
</a-form-item>
<a-form-item name="code" :rules="[{ required: true, message: '请输入验证码!' }]">
<a-form-item name="code">
<a-input v-model:value="formData.code" size="large" style="width: 55%;" placeholder="验证码" />
<a-button @click="onGetCode" size="large" style="width: 40%;float: right;" :loading="loading" :disabled="disabled">
<a-button @click="onGetCode" size="large" style="width: 40%;float: right;" :loading="loading"
:disabled="disabled">
{{ buttonText }}</a-button>
</a-form-item>
<a-form-item name="password1" :rules="[{ required: true, message: '请输入密码!' }]">
<a-form-item name="password1">
<a-input-password v-model:value="formData.password1" size="large" placeholder="密码" />
</a-form-item>
<a-form-item name="password2" :rules="[{ required: true, message: '请输入密码!' }]">
<a-form-item name="password2">
<a-input-password v-model:value="formData.password2" size="large" placeholder="确认密码" />
</a-form-item>
<a-form-item>
@@ -40,13 +40,31 @@ export default {
password2: '',
});
// 表单校验
const rules = {
email: [{
required: true,
message: '请输入邮箱!',
trigger: 'blur',
}, {
pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
message: '邮箱格式不正确',
trigger: 'blur',
}],
code: [{ required: true, message: '请输入验证码!' }],
password1: [{ required: true, message: '请输入密码!' }],
password2: [{ required: true, message: '请输入密码!' }],
};
const loading = ref(false)
const disabled = ref(false)
const registerFormRef = ref()
const buttonText = ref('获取验证码')
const onRegister = () => {
registerFormRef.value.validateFields().then(() => {
if (formData.password1 != formData.password2) {
message.info('密码不一致');
message.warn('密码不一致');
return
}
let param = {
@@ -66,6 +84,7 @@ export default {
message.error('验证码错误');
}
})
})
};
// 获取验证码
@@ -98,6 +117,8 @@ export default {
return {
formData,
rules,
registerFormRef,
loading,
disabled,
buttonText,